:root{
    --quanta-red-50: #ffe0dd;
    --quanta-red-100: #ffc5c0;
    --quanta-red-200: #ff9d94;
    --quanta-red-300: #ff6557;
    --quanta-red-400: #ff3623;
    --quanta-red-500: #ff0202;
    --quanta-red-600: #ff2814;
    --quanta-red-700: #d71200;
    --quanta-red-800: #92160a;
    --quanta-red-900: #500700;

    --quanta-orange-50: #fff0d4;
    --quanta-orange-100: #ffdea8;
    --quanta-orange-200: #ffc570;
    --quanta-orange-300: #ff834d;
    --quanta-orange-400: #ffa037;
    --quanta-orange-500: #ff8614;
    --quanta-orange-600: #f06806;
    --quanta-orange-700: #c74d07;
    --quanta-orange-800: #9e3d0e;
    --quanta-orange-900: #451805;

    --quanta-teal-50: #cffce9;
    --quanta-teal-100: #a3f7d7;
    --quanta-teal-200: #67eec3;
    --quanta-teal-300: #2bdca9;
    --quanta-teal-400: #07c595;
    --quanta-teal-500: #009e78;
    --quanta-teal-600: #007e64;
    --quanta-teal-700: #016450;
    --quanta-teal-800: #025243;
    --quanta-teal-900: #002e27;

    --quanta-purple-50: #fee5ff;
    --quanta-purple-100: #fdcaff;
    --quanta-purple-200: #ffa1fe;
    --quanta-purple-300: #ff69fd;
    --quanta-purple-400: #fb32ff;
    --quanta-purple-500: #d710da;
    --quanta-purple-600: #c10ac0;
    --quanta-purple-700: #9d0b9a;
    --quanta-purple-800: #800f7b;
    --quanta-purple-900: #570054;

    --quanta-indigo-50: #f3e7ff;
    --quanta-indigo-100: #ead3ff;
    --quanta-indigo-200: #d9b1ff;
    --quanta-indigo-300: #c27fff;
    --quanta-indigo-400: #aa4efe;
    --quanta-indigo-500: #962bf2;
    --quanta-indigo-600: #891ce3;
    --quanta-indigo-700: #6e1bae;
    --quanta-indigo-800: #5b178c;
    --quanta-indigo-900: #3c0368;

    --quanta-yellow-50: #f2ffc2;
    --quanta-yellow-100: #e9ff88;
    --quanta-yellow-200: #e4ff43;
    --quanta-yellow-300: #eaff10;
    --quanta-yellow-400: #e4ef03;
    --quanta-yellow-500: #d6cf00;
    --quanta-yellow-600: #a49104;
    --quanta-yellow-700: #87710c;
    --quanta-yellow-800: #735c10;
    --quanta-yellow-900: #433205;

    --quanta-pink-50: #fde6e9;
    --quanta-pink-100: #fbd0d9;
    --quanta-pink-200: #f7aab9;
    --quanta-pink-300: #f27a93;
    --quanta-pink-400: #e63f66;
    --quanta-pink-500: #d42a5b;
    --quanta-pink-600: #b21e4b;
    --quanta-pink-700: #951c45;
    --quanta-pink-800: #801b40;
    --quanta-pink-900: #470a1f;

    --quanta-grey-50: #e7e7e7;
    --quanta-grey-100: #d1d1d1;
    --quanta-grey-200: #b0b0b0;
    --quanta-grey-300: #888888;
    --quanta-grey-400: #707070;
    --quanta-grey-500: #5d5d5d;
    --quanta-grey-600: #4f4f4f;
    --quanta-grey-700: #454545;
    --quanta-grey-800: #3d3d3d;
    --quanta-grey-900: #262626;

    --quanta-lime-50: #e7fec9;
    --quanta-lime-100: #d0fc9a;
    --quanta-lime-200: #aff75f;
    --quanta-lime-300: #91ec2f;
    --quanta-lime-400: #66be0e;
    --quanta-lime-500: #55a808;
    --quanta-lime-600: #42800b;
    --quanta-lime-700: #36650f;
    --quanta-lime-800: #2f5512;
    --quanta-lime-900: #162f04;

    --quanta-cyan-50: #cafdf8;
    --quanta-cyan-100: #96f9f3;
    --quanta-cyan-200: #59efeb;
    --quanta-cyan-300: #27d9da;
    --quanta-cyan-400: #0ebbbe;
    --quanta-cyan-500: #089499;
    --quanta-cyan-600: #0b757a;
    --quanta-cyan-700: #0e5c61;
    --quanta-cyan-800: #114c50;
    --quanta-cyan-900: #022c31;

    --quanta-sky-50: #dff0ff;
    --quanta-sky-100: #b8e2ff;
    --quanta-sky-200: #94d6ff;
    --quanta-sky-300: #33b3fd;
    --quanta-sky-400: #0999ee;
    --quanta-sky-500: #0079cc;
    --quanta-sky-600: #0060a5;
    --quanta-sky-700: #045288;
    --quanta-sky-800: #0a4570;
    --quanta-sky-900: #062b4b;

    --quanta-violet-50: #f4e8ff;
    --quanta-violet-100: #ebd4ff;
    --quanta-violet-200: #dbb3ff;
    --quanta-violet-300: #c582fe;
    --quanta-violet-400: #af52fa;
    --quanta-violet-500: #992ced;
    --quanta-violet-600: #851fd1;
    --quanta-violet-700: #711faa;
    --quanta-violet-800: #5c1a89;
    --quanta-violet-900: #3f0566;

    --quanta-rose-50: #ffe3f6;
    --quanta-rose-100: #ffc6ec;
    --quanta-rose-200: #ff98db;
    --quanta-rose-300: #ff58c1;
    --quanta-rose-400: #ff27a5;
    --quanta-rose-500: #ff0a85;
    --quanta-rose-600: #df0064;
    --quanta-rose-700: #b80053;
    --quanta-rose-800: #980348;
    --quanta-rose-900: #5f0026;

    /* Tailwind CSS Slate Palette */
    --quanta-slate-50:  #f8fafc;
    --quanta-slate-100: #f1f5f9;
    --quanta-slate-200: #e2e8f0;
    --quanta-slate-300: #cbd5e1;
    --quanta-slate-400: #94a3b8;
    --quanta-slate-500: #64748b;
    --quanta-slate-600: #475569;
    --quanta-slate-700: #334155;
    --quanta-slate-800: #1e293b;
    --quanta-slate-900: #0f172a;

    --quanta-blue-50: #d7eaff;
    --quanta-blue-100: #b9dcff;
    --quanta-blue-200: #88c7ff;
    --quanta-blue-300: #50a7ff;
    --quanta-blue-400: #2882ff;
    --quanta-blue-500: #1463ff;
    --quanta-blue-600: #0a4aeb;
    --quanta-blue-700: #0f3cbe;
    --quanta-blue-800: #133895;
    --quanta-blue-900: #133895;

    --quanta-green-50: #d8ffdf;
    --quanta-green-100: #b4fec2;
    --quanta-green-200: #7afb93;
    --quanta-green-300: #3aee5e;
    --quanta-green-400: #10d737;
    --quanta-green-500: #07c52d;
    --quanta-green-600: #098c24;
    --quanta-green-700: #0d6e22;
    --quanta-green-800: #0d5a1f;
    --quanta-green-900: #00330c;

    --black: #000;
    --white: #fff;
}
@import "../tokens/color-tokens.css";

@layer utilities.variables {
  :root {
    /* Spacing scale (used for margin, padding, gap, etc.) */
    --quanta-space-0: 0rem;
    --quanta-space-1: 0.25rem;
    --quanta-space-2: 0.5rem;
    --quanta-space-3: 0.75rem;
    --quanta-space-4: 1rem;
    --quanta-space-5: 1.25rem;
    --quanta-space-6: 1.5rem;
    --quanta-space-8: 2rem;
    --quanta-space-10: 2.5rem;
    --quanta-space-12: 3rem;
    --quanta-space-16: 4rem;
    --quanta-space-20: 5rem;
    --quanta-space-24: 6rem;
    --quanta-space-32: 8rem;
    --quanta-space-40: 10rem;
    --quanta-space-48: 12rem;
    --quanta-space-56: 14rem;
    --quanta-space-64: 16rem;

    /* Font sizes (fluid ready) */
    --quanta-text-xs: 0.75rem;
    --quanta-text-sm: 0.875rem;
    --quanta-text-base: 1rem;
    --quanta-text-lg: 1.125rem;
    --quanta-text-xl: 1.25rem;
    --quanta-text-2xl: 1.5rem;
    --quanta-text-3xl: 1.875rem;
    --quanta-text-4xl: 2.25rem;
    --quanta-text-5xl: 3rem;
    --quanta-text-6xl: 3.75rem;
    --quanta-text-7xl: 4.5rem;
    --quanta-text-8xl: 6rem;
    --quanta-text-9xl: 8rem;

    /* Line heights */
    --quanta-leading-none: 1;
    --quanta-leading-tight: 1.25;
    --quanta-leading-snug: 1.375;
    --quanta-leading-normal: 1.5;
    --quanta-leading-relaxed: 1.625;
    --quanta-leading-loose: 2;

    /* Letter spacing */
    --quanta-tracking-tighter: -0.05em;
    --quanta-tracking-tight: -0.025em;
    --quanta-tracking-normal: 0;
    --quanta-tracking-wide: 0.025em;
    --quanta-tracking-wider: 0.05em;
    --quanta-tracking-widest: 0.1em;

    /* Border radius */
    --quanta-rounded-sm: 0.125rem;
    --quanta-rounded: 0.25rem;
    --quanta-rounded-md: 0.375rem;
    --quanta-rounded-lg: 0.5rem;
    --quanta-rounded-xl: 0.75rem;
    --quanta-rounded-2xl: 1rem;
    --quanta-rounded-3xl: 1.5rem;
    --quanta-rounded-full: 9999px;

    /* Z-index layers */
    --quanta-z-0: 0;
    --quanta-z-10: 10;
    --quanta-z-20: 20;
    --quanta-z-30: 30;
    --quanta-z-40: 40;
    --quanta-z-50: 50;

    /* Transitions */
    --quanta-transition-fast: 150ms;
    --quanta-transition-normal: 300ms;
    --quanta-transition-slow: 500ms;
  }
}

/* =============================================================================
   VARIABLES & COLORS
============================================================================= */
@import '../tokens/color-tokens.css';
@import 'variables.css';

/* =============================================================================
   RESET & NORMALIZE
============================================================================= */
@import 'reset-normalize.css';

/* =============================================================================
   BASE UTILITIES (Sections 3–11)
============================================================================= */
/* -- Padding Utilities (p-) -- */
.p-auto { padding: auto; }
.p-0 { padding: 0; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.p-10 { padding: 2.5rem; }
.p-12 { padding: 3rem; }
.p-16 { padding: 4rem; }
.p-20 { padding: 5rem; }
.p-24 { padding: 6rem; }
.p-28 { padding: 7rem; }
.p-32 { padding: 8rem; }

/* -- Top Padding (pt-) -- */
.pt-auto { padding-top: auto; }
.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 0.75rem; }
.pt-4 { padding-top: 1rem; }
.pt-5 { padding-top: 1.25rem; }
.pt-6 { padding-top: 1.5rem; }
.pt-8 { padding-top: 2rem; }
.pt-10 { padding-top: 2.5rem; }
.pt-12 { padding-top: 3rem; }
.pt-16 { padding-top: 4rem; }
.pt-20 { padding-top: 5rem; }
.pt-24 { padding-top: 6rem; }
.pt-28 { padding-top: 7rem; }
.pt-32 { padding-top: 8rem; }

/* -- Bottom Padding (pb-) -- */
.pb-auto { padding-bottom: auto; }
.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 0.75rem; }
.pb-4 { padding-bottom: 1rem; }
.pb-5 { padding-bottom: 1.25rem; }
.pb-6 { padding-bottom: 1.5rem; }
.pb-8 { padding-bottom: 2rem; }
.pb-10 { padding-bottom: 2.5rem; }
.pb-12 { padding-bottom: 3rem; }
.pb-16 { padding-bottom: 4rem; }
.pb-20 { padding-bottom: 5rem; }
.pb-24 { padding-bottom: 6rem; }
.pb-28 { padding-bottom: 7rem; }
.pb-32 { padding-bottom: 8rem; }

/* -- Left Padding (pl-) -- */
.pl-auto { padding-left: auto; }
.pl-0 { padding-left: 0; }
.pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 0.75rem; }
.pl-4 { padding-left: 1rem; }
.pl-5 { padding-left: 1.25rem; }
.pl-6 { padding-left: 1.5rem; }
.pl-8 { padding-left: 2rem; }
.pl-10 { padding-left: 2.5rem; }
.pl-12 { padding-left: 3rem; }
.pl-16 { padding-left: 4rem; }
.pl-20 { padding-left: 5rem; }
.pl-24 { padding-left: 6rem; }
.pl-28 { padding-left: 7rem; }
.pl-32 { padding-left: 8rem; }

/* -- Right Padding (pr-) -- */
.pr-auto { padding-right: auto; }
.pr-0 { padding-right: 0; }
.pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-3 { padding-right: 0.75rem; }
.pr-4 { padding-right: 1rem; }
.pr-5 { padding-right: 1.25rem; }
.pr-6 { padding-right: 1.5rem; }
.pr-8 { padding-right: 2rem; }
.pr-10 { padding-right: 2.5rem; }
.pr-12 { padding-right: 3rem; }
.pr-16 { padding-right: 4rem; }
.pr-20 { padding-right: 5rem; }
.pr-24 { padding-right: 6rem; }
.pr-28 { padding-right: 7rem; }
.pr-32 { padding-right: 8rem; }

/* -- Horizontal Padding (px-) -- */
.px-auto { padding-left: auto; padding-right: auto; }
.px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-12 { padding-left: 3rem; padding-right: 3rem; }
.px-16 { padding-left: 4rem; padding-right: 4rem; }
.px-20 { padding-left: 5rem; padding-right: 5rem; }
.px-24 { padding-left: 6rem; padding-right: 6rem; }
.px-28 { padding-left: 7rem; padding-right: 7rem; }
.px-32 { padding-left: 8rem; padding-right: 8rem; }

/* -- Vertical Padding (py-) -- */
.py-auto { padding-top: auto; padding-bottom: auto; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.py-32 { padding-top: 8rem; padding-bottom: 8rem; }

/* -- Margin Utilities (m-) -- */
.m-auto { margin: auto; }
.m-0 { margin: 0; }
.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 0.75rem; }
.m-4 { margin: 1rem; }
.m-5 { margin: 1.25rem; }
.m-6 { margin: 1.5rem; }
.m-8 { margin: 2rem; }
.m-10 { margin: 2.5rem; }
.m-12 { margin: 3rem; }
.m-16 { margin: 4rem; }
.m-20 { margin: 5rem; }
.m-24 { margin: 6rem; }
.m-28 { margin: 7rem; }
.m-32 { margin: 8rem; }

/* -- Top Margin (mt-) -- */
.mt-auto { margin-top: auto; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-12 { margin-top: 3rem; }
.mt-16 { margin-top: 4rem; }
.mt-20 { margin-top: 5rem; }
.mt-24 { margin-top: 6rem; }
.mt-28 { margin-top: 7rem; }
.mt-32 { margin-top: 8rem; }

/* -- Bottom Margin (mb-) -- */
.mb-auto { margin-bottom: auto; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-12 { margin-bottom: 3rem; }
.mb-16 { margin-bottom: 4rem; }
.mb-20 { margin-bottom: 5rem; }
.mb-24 { margin-bottom: 6rem; }
.mb-28 { margin-bottom: 7rem; }
.mb-32 { margin-bottom: 8rem; }

/* -- Left Margin (ml-) -- */
.ml-auto { margin-left: auto; }
.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 0.75rem; }
.ml-4 { margin-left: 1rem; }
.ml-5 { margin-left: 1.25rem; }
.ml-6 { margin-left: 1.5rem; }
.ml-8 { margin-left: 2rem; }
.ml-10 { margin-left: 2.5rem; }
.ml-12 { margin-left: 3rem; }
.ml-16 { margin-left: 4rem; }
.ml-20 { margin-left: 5rem; }
.ml-24 { margin-left: 6rem; }
.ml-28 { margin-left: 7rem; }
.ml-32 { margin-left: 8rem; }

/* -- Right Margin (mr-) -- */
.mr-auto { margin-right: auto; }
.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.mr-5 { margin-right: 1.25rem; }
.mr-6 { margin-right: 1.5rem; }
.mr-8 { margin-right: 2rem; }
.mr-10 { margin-right: 2.5rem; }
.mr-12 { margin-right: 3rem; }
.mr-16 { margin-right: 4rem; }
.mr-20 { margin-right: 5rem; }
.mr-24 { margin-right: 6rem; }
.mr-28 { margin-right: 7rem; }
.mr-32 { margin-right: 8rem; }

/* -- Horizontal Space (space-x-) -- */
.space-x-auto { --space-x: auto; }
.space-x-0 { --space-x: 0; }
.space-x-1 { --space-x: 0.25rem; }
.space-x-2 { --space-x: 0.5rem; }
.space-x-3 { --space-x: 0.75rem; }
.space-x-4 { --space-x: 1rem; }
.space-x-5 { --space-x: 1.25rem; }
.space-x-6 { --space-x: 1.5rem; }
.space-x-8 { --space-x: 2rem; }
.space-x-10 { --space-x: 2.5rem; }
.space-x-12 { --space-x: 3rem; }
.space-x-16 { --space-x: 4rem; }
.space-x-20 { --space-x: 5rem; }
.space-x-24 { --space-x: 6rem; }
.space-x-28 { --space-x: 7rem; }
.space-x-32 { --space-x: 8rem; }

/* -- Vertical Space (space-y-) -- */
.space-y-auto { --space-y: auto; }
.space-y-0 { --space-y: 0; }
.space-y-1 { --space-y: 0.25rem; }
.space-y-2 { --space-y: 0.5rem; }
.space-y-3 { --space-y: 0.75rem; }
.space-y-4 { --space-y: 1rem; }
.space-y-5 { --space-y: 1.25rem; }
.space-y-6 { --space-y: 1.5rem; }
.space-y-8 { --space-y: 2rem; }
.space-y-10 { --space-y: 2.5rem; }
.space-y-12 { --space-y: 3rem; }
.space-y-16 { --space-y: 4rem; }
.space-y-20 { --space-y: 5rem; }
.space-y-24 { --space-y: 6rem; }
.space-y-28 { --space-y: 7rem; }
.space-y-32 { --space-y: 8rem; }

/* -- Display Utilities (d-) -- */
.d-block { display: block; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.d-grid { display: grid; }
.d-inline-grid { display: inline-grid; }
.d-none { display: none; }

/* -- Position Utilities (position-) -- */
.position-static { position: static; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.position-fixed { position: fixed; }
.position-sticky { position: sticky; }

/* -- Inset Utilities (inset-) -- */
.inset-0 { inset: 0; }
.inset-1 { inset: 0.25rem; }
.inset-2 { inset: 0.5rem; }
.inset-3 { inset: 0.75rem; }
.inset-4 { inset: 1rem; }
.inset-5 { inset: 1.25rem; }
.inset-6 { inset: 1.5rem; }
.inset-7 { inset: 1.75rem; }
.inset-8 { inset: 2rem; }
.inset-9 { inset: 2.25rem; }
.inset-10 { inset: 2.5rem; }
.inset-12 { inset: 3rem; }
.inset-14 { inset: 3.5rem; }
.inset-16 { inset: 4rem; }
.inset-20 { inset: 5rem; }
.inset-24 { inset: 6rem; }
.inset-28 { inset: 7rem; }
.inset-32 { inset: 8rem; }

/* -- Top Inset (inset-t-) -- */
.inset-t-0 { inset-top: 0; }
.inset-t-1 { inset-top: 0.25rem; }
.inset-t-2 { inset-top: 0.5rem; }
.inset-t-3 { inset-top: 0.75rem; }
.inset-t-4 { inset-top: 1rem; }
.inset-t-5 { inset-top: 1.25rem; }
.inset-t-6 { inset-top: 1.5rem; }
.inset-t-7 { inset-top: 1.75rem; }
.inset-t-8 { inset-top: 2rem; }
.inset-t-9 { inset-top: 2.25rem; }
.inset-t-10 { inset-top: 2.5rem; }
.inset-t-12 { inset-top: 3rem; }
.inset-t-14 { inset-top: 3.5rem; }
.inset-t-16 { inset-top: 4rem; }
.inset-t-20 { inset-top: 5rem; }
.inset-t-24 { inset-top: 6rem; }
.inset-t-28 { inset-top: 7rem; }
.inset-t-32 { inset-top: 8rem; }

/* -- Right Inset (inset-r-) -- */
.inset-r-0 { inset-right: 0; }
.inset-r-1 { inset-right: 0.25rem; }
.inset-r-2 { inset-right: 0.5rem; }
.inset-r-3 { inset-right: 0.75rem; }
.inset-r-4 { inset-right: 1rem; }
.inset-r-5 { inset-right: 1.25rem; }
.inset-r-6 { inset-right: 1.5rem; }
.inset-r-7 { inset-right: 1.75rem; }
.inset-r-8 { inset-right: 2rem; }
.inset-r-9 { inset-right: 2.25rem; }
.inset-r-10 { inset-right: 2.5rem; }
.inset-r-12 { inset-right: 3rem; }
.inset-r-14 { inset-right: 3.5rem; }
.inset-r-16 { inset-right: 4rem; }
.inset-r-20 { inset-right: 5rem; }
.inset-r-24 { inset-right: 6rem; }
.inset-r-28 { inset-right: 7rem; }
.inset-r-32 { inset-right: 8rem; }

/* -- Bottom Inset (inset-b-) -- */
.inset-b-0 { inset-bottom: 0; }
.inset-b-1 { inset-bottom: 0.25rem; }
.inset-b-2 { inset-bottom: 0.5rem; }
.inset-b-3 { inset-bottom: 0.75rem; }
.inset-b-4 { inset-bottom: 1rem; }
.inset-b-5 { inset-bottom: 1.25rem; }
.inset-b-6 { inset-bottom: 1.5rem; }
.inset-b-7 { inset-bottom: 1.75rem; }
.inset-b-8 { inset-bottom: 2rem; }
.inset-b-9 { inset-bottom: 2.25rem; }
.inset-b-10 { inset-bottom: 2.5rem; }
.inset-b-12 { inset-bottom: 3rem; }
.inset-b-14 { inset-bottom: 3.5rem; }
.inset-b-16 { inset-bottom: 4rem; }
.inset-b-20 { inset-bottom: 5rem; }
.inset-b-24 { inset-bottom: 6rem; }
.inset-b-28 { inset-bottom: 7rem; }
.inset-b-32 { inset-bottom: 8rem; }

/* -- Left Inset (inset-l-) -- */
.inset-l-0 { inset-left: 0; }
.inset-l-1 { inset-left: 0.25rem; }
.inset-l-2 { inset-left: 0.5rem; }
.inset-l-3 { inset-left: 0.75rem; }
.inset-l-4 { inset-left: 1rem; }
.inset-l-5 { inset-left: 1.25rem; }
.inset-l-6 { inset-left: 1.5rem; }
.inset-l-7 { inset-left: 1.75rem; }
.inset-l-8 { inset-left: 2rem; }
.inset-l-9 { inset-left: 2.25rem; }
.inset-l-10 { inset-left: 2.5rem; }
.inset-l-12 { inset-left: 3rem; }
.inset-l-14 { inset-left: 3.5rem; }
.inset-l-16 { inset-left: 4rem; }
.inset-l-20 { inset-left: 5rem; }
.inset-l-24 { inset-left: 6rem; }
.inset-l-28 { inset-left: 7rem; }
.inset-l-32 { inset-left: 8rem; }

/* -- Grid Template Columns (grid-cols-) */
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.grid-cols-20 { grid-template-columns: repeat(20, 1fr); }

/* -- Gap Utilities (gap-) */
.gap-0 { gap: 0; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.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-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; }

/* -- Flexbox Utilities (flex-) */
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col-reverse { flex-direction: column-reverse; }

.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }

.flex-1 { flex: 1; }
.flex-auto { flex: auto; }
.flex-initial { flex: initial; }
.flex-none { flex: none; }

.flex-grow-0 { flex-grow: 0; }
.flex-grow-1 { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-shrink-1 { flex-shrink: 1; }

/* -- Overflow Utilities -- */
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.overflow-scroll { overflow: scroll; }

/* Overflow X & Y */
.overflow-x-auto { overflow-x: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-x-visible { overflow-x: visible; }
.overflow-x-scroll { overflow-x: scroll; }

.overflow-y-auto { overflow-y: auto; }
.overflow-y-hidden { overflow-y: hidden; }
.overflow-y-visible { overflow-y: visible; }
.overflow-y-scroll { overflow-y: scroll; }

/* -- Visibility Utilities -- */
.visible { visibility: visible; }
.hidden { visibility: hidden; }

/* -- Clear Utilities -- */
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }

/* -- Float Utilities -- */
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }

.w-auto { width: auto; }
.w-full { width: 100%; }

.w-fit { width: fit-content; }
.w-max { width: max-content; }
.w-min { width: min-content; }
.w-stretch { width: stretch; }

/* Percentage Widths */
.w-10p { width: 10%; }
.w-20p { width: 20%; }
.w-25p { width: 25%; }
.w-30p { width: 30%; }
.w-33p { width: 33.3333%; }
.w-40p { width: 40%; }
.w-50p { width: 50%; }
.w-60p { width: 60%; }
.w-66p { width: 66.6667%; }
.w-70p { width: 70%; }
.w-75p { width: 75%; }
.w-80p { width: 80%; }
.w-90p { width: 90%; }
.w-100p { width: 100%; }

/* Viewport Widths */
.w-10vw { width: 10vw; }
.w-20vw { width: 20vw; }
.w-30vw { width: 30vw; }
.w-40vw { width: 40vw; }
.w-50vw { width: 50vw; }
.w-60vw { width: 60vw; }
.w-70vw { width: 70vw; }
.w-80vw { width: 80vw; }
.w-90vw { width: 90vw; }
.w-100vw { width: 100vw; }

/* Logical & Extended Units */
.w-lvw { width: 100lvw; }
.w-svw { width: 100svw; }
.w-mvw { width: 100mvw; }
.w-vmin { width: 100vmin; }
.w-vmax { width: 100vmax; }

.h-auto { height: auto; }
.h-full { height: 100%; }

.h-fit { height: fit-content; }
.h-max { height: max-content; }
.h-min { height: min-content; }
.h-stretch { height: stretch; }

/* Percentage Heights */
.h-10p { height: 10%; }
.h-20p { height: 20%; }
.h-25p { height: 25%; }
.h-30p { height: 30%; }
.h-33p { height: 33.3333%; }
.h-40p { height: 40%; }
.h-50p { height: 50%; }
.h-60p { height: 60%; }
.h-66p { height: 66.6667%; }
.h-70p { height: 70%; }
.h-75p { height: 75%; }
.h-80p { height: 80%; }
.h-90p { height: 90%; }
.h-100p { height: 100%; }

/* Viewport Heights */
.h-10vh { height: 10vh; }
.h-20vh { height: 20vh; }
.h-30vh { height: 30vh; }
.h-40vh { height: 40vh; }
.h-50vh { height: 50vh; }
.h-60vh { height: 60vh; }
.h-70vh { height: 70vh; }
.h-80vh { height: 80vh; }
.h-90vh { height: 90vh; }
.h-100vh { height: 100vh; }

/* Logical & Extended Units */
.h-lvh { height: 100lvh; }
.h-svh { height: 100svh; }
.h-mvh { height: 100mvh; }
.h-vmin { height: 100vmin; }
.h-vmax { height: 100vmax; }

/* Min Width */
.min-w-auto { min-width: auto; }
.min-w-full { min-width: 100%; }
.min-w-fit { min-width: fit-content; }
.min-w-max { min-width: max-content; }
.min-w-min { min-width: min-content; }

.min-w-10vw { min-width: 10vw; }
.min-w-50vw { min-width: 50vw; }
.min-w-100vw { min-width: 100vw; }

/* Max Width */
.max-w-auto { max-width: auto; }
.max-w-full { max-width: 100%; }
.max-w-fit { max-width: fit-content; }
.max-w-max { max-width: max-content; }
.max-w-min { max-width: min-content; }

.max-w-10vw { max-width: 10vw; }
.max-w-50vw { max-width: 50vw; }
.max-w-100vw { max-width: 100vw; }

/* Min Height */
.min-h-auto { min-height: auto; }
.min-h-full { min-height: 100%; }
.min-h-fit { min-height: fit-content; }
.min-h-max { min-height: max-content; }
.min-h-min { min-height: min-content; }

.min-h-10vh { min-height: 10vh; }
.min-h-50vh { min-height: 50vh; }
.min-h-100vh { min-height: 100vh; }

/* Max Height */
.max-h-auto { max-height: auto; }
.max-h-full { max-height: 100%; }
.max-h-fit { max-height: fit-content; }
.max-h-max { max-height: max-content; }
.max-h-min { max-height: min-content; }

.max-h-10vh { max-height: 10vh; }
.max-h-50vh { max-height: 50vh; }
.max-h-100vh { max-height: 100vh; }

/* -- Font Size (font-size-) -- */
.font-size-auto { font-size: auto; }
.font-size-0 { font-size: 0; }
.font-size-1 { font-size: 0.25rem; }
.font-size-2 { font-size: 0.5rem; }
.font-size-3 { font-size: 0.75rem; }
.font-size-4 { font-size: 1rem; }
.font-size-5 { font-size: 1.25rem; }
.font-size-6 { font-size: 1.5rem; }
.font-size-7 { font-size: 1.75rem; }
.font-size-8 { font-size: 2rem; }
.font-size-9 { font-size: 2.25rem; }
.font-size-10 { font-size: 2.5rem; }
.font-size-12 { font-size: 3rem; }
.font-size-14 { font-size: 3.5rem; }
.font-size-16 { font-size: 4rem; }
.font-size-18 { font-size: 4.5rem; }
.font-size-20 { font-size: 5rem; }
.font-size-24 { font-size: 6rem; }
.font-size-28 { font-size: 7rem; }
.font-size-32 { font-size: 8rem; }

/* -- Font Weight Utilities (font-weight-) -- */
.font-weight-normal { font-weight: normal; }
.font-weight-light { font-weight: 300; }
.font-weight-medium { font-weight: 500; }
.font-weight-bold { font-weight: 700; }
.font-weight-bolder { font-weight: bolder; }

.line-height-1 { line-height: 1; }
.line-height-2 { line-height: 1.25; }
.line-height-3 { line-height: 1.375; }
.line-height-4 { line-height: 1.5; }
.line-height-5 { line-height: 1.625; }
.line-height-6 { line-height: 1.75; }
.line-height-7 { line-height: 2; }

/* ----------------------------------------
   Text Alignment
---------------------------------------- */
.text-left      { text-align: left; }
.text-center    { text-align: center; }
.text-right     { text-align: right; }
.text-justify   { text-align: justify; }

/* ─── Justify Content ──────────────────────────────────── */
.justify-start     { justify-content: flex-start; }
.justify-center    { justify-content: center; }
.justify-end       { justify-content: flex-end; }
.justify-between   { justify-content: space-between; }
.justify-around    { justify-content: space-around; }
.justify-evenly    { justify-content: space-evenly; }

/* ─── Align Items ─────────────────────────────────────── */
.items-start       { align-items: flex-start; }
.items-center      { align-items: center; }
.items-end         { align-items: flex-end; }
.items-baseline    { align-items: baseline; }
.items-stretch     { align-items: stretch; }

/* ─── Align Content (Grid) ───────────────────────────── */
.content-start     { align-content: flex-start; }
.content-center    { align-content: center; }
.content-end       { align-content: flex-end; }
.content-between   { align-content: space-between; }
.content-around    { align-content: space-around; }
.content-evenly    { align-content: space-evenly; }

/* ─── Align Self ──────────────────────────────────────── */
.self-auto         { align-self: auto; }
.self-start        { align-self: flex-start; }
.self-center       { align-self: center; }
.self-end          { align-self: flex-end; }
.self-stretch      { align-self: stretch; }

/* ─── Place Items (Grid shorthand) ───────────────────── */
.place-items-start   { place-items: start; }
.place-items-center  { place-items: center; }
.place-items-end     { place-items: end; }
.place-items-stretch { place-items: stretch; }

/* ─── Place Content (Grid shorthand) ─────────────────── */
.place-content-start     { place-content: start; }
.place-content-center    { place-content: center; }
.place-content-end       { place-content: end; }
.place-content-between   { place-content: space-between; }
.place-content-around    { place-content: space-around; }

/* ─── Place Self (Grid shorthand) ────────────────────── */
.place-self-auto      { place-self: auto; }
.place-self-start     { place-self: start; }
.place-self-center    { place-self: center; }
.place-self-end       { place-self: end; }

/* ----------------------------------------
   Text Transform
---------------------------------------- */
.text-uppercase   { text-transform: uppercase; }
.text-lowercase   { text-transform: lowercase; }
.text-capitalize  { text-transform: capitalize; }

/* ----------------------------------------
   Letter Spacing
---------------------------------------- */
.tracking-tight   { letter-spacing: -0.05em; }
.tracking-normal  { letter-spacing: 0; }
.tracking-wide    { letter-spacing: 0.05em; }

/* ----------------------------------------
   Text Decoration
---------------------------------------- */
.underline       { text-decoration: underline; }
.line-through    { text-decoration: line-through; }
.no-underline    { text-decoration: none; }

/* ----------------------------------------
   Text Colors (mapped to your CSS variables)
---------------------------------------- */
.text-black      { color: var(--black); }
.text-white      { color: var(--white); }

/* Red */
.text-red-50     { color: var(--quanta-red-50); }
.text-red-100    { color: var(--quanta-red-100); }
.text-red-200    { color: var(--quanta-red-200); }
.text-red-300    { color: var(--quanta-red-300); }
.text-red-400    { color: var(--quanta-red-400); }
.text-red-500    { color: var(--quanta-red-500); }
.text-red-600    { color: var(--quanta-red-600); }
.text-red-700    { color: var(--quanta-red-700); }
.text-red-800    { color: var(--quanta-red-800); }
.text-red-900    { color: var(--quanta-red-900); }

/* Orange */
.text-orange-50  { color: var(--quanta-orange-50); }
.text-orange-100 { color: var(--quanta-orange-100); }
.text-orange-200 { color: var(--quanta-orange-200); }
.text-orange-300 { color: var(--quanta-orange-300); }
.text-orange-400 { color: var(--quanta-orange-400); }
.text-orange-500 { color: var(--quanta-orange-500); }
.text-orange-600 { color: var(--quanta-orange-600); }
.text-orange-700 { color: var(--quanta-orange-700); }
.text-orange-800 { color: var(--quanta-orange-800); }
.text-orange-900 { color: var(--quanta-orange-900); }

/* Teal */
.text-teal-50    { color: var(--quanta-teal-50); }
.text-teal-100   { color: var(--quanta-teal-100); }
.text-teal-200   { color: var(--quanta-teal-200); }
.text-teal-300   { color: var(--quanta-teal-300); }
.text-teal-400   { color: var(--quanta-teal-400); }
.text-teal-500   { color: var(--quanta-teal-500); }
.text-teal-600   { color: var(--quanta-teal-600); }
.text-teal-700   { color: var(--quanta-teal-700); }
.text-teal-800   { color: var(--quanta-teal-800); }
.text-teal-900   { color: var(--quanta-teal-900); }

/* Purple */
.text-purple-50  { color: var(--quanta-purple-50); }
.text-purple-100 { color: var(--quanta-purple-100); }
.text-purple-200 { color: var(--quanta-purple-200); }
.text-purple-300 { color: var(--quanta-purple-300); }
.text-purple-400 { color: var(--quanta-purple-400); }
.text-purple-500 { color: var(--quanta-purple-500); }
.text-purple-600 { color: var(--quanta-purple-600); }
.text-purple-700 { color: var(--quanta-purple-700); }
.text-purple-800 { color: var(--quanta-purple-800); }
.text-purple-900 { color: var(--quanta-purple-900); }

/* Indigo */
.text-indigo-50  { color: var(--quanta-indigo-50); }
.text-indigo-100 { color: var(--quanta-indigo-100); }
.text-indigo-200 { color: var(--quanta-indigo-200); }
.text-indigo-300 { color: var(--quanta-indigo-300); }
.text-indigo-400 { color: var(--quanta-indigo-400); }
.text-indigo-500 { color: var(--quanta-indigo-500); }
.text-indigo-600 { color: var(--quanta-indigo-600); }
.text-indigo-700 { color: var(--quanta-indigo-700); }
.text-indigo-800 { color: var(--quanta-indigo-800); }
.text-indigo-900 { color: var(--quanta-indigo-900); }

/* Yellow */
.text-yellow-50  { color: var(--quanta-yellow-50); }
.text-yellow-100 { color: var(--quanta-yellow-100); }
.text-yellow-200 { color: var(--quanta-yellow-200); }
.text-yellow-300 { color: var(--quanta-yellow-300); }
.text-yellow-400 { color: var(--quanta-yellow-400); }
.text-yellow-500 { color: var(--quanta-yellow-500); }
.text-yellow-600 { color: var(--quanta-yellow-600); }
.text-yellow-700 { color: var(--quanta-yellow-700); }
.text-yellow-800 { color: var(--quanta-yellow-800); }
.text-yellow-900 { color: var(--quanta-yellow-900); }

/* Pink */
.text-pink-50    { color: var(--quanta-pink-50); }
.text-pink-100   { color: var(--quanta-pink-100); }
.text-pink-200   { color: var(--quanta-pink-200); }
.text-pink-300   { color: var(--quanta-pink-300); }
.text-pink-400   { color: var(--quanta-pink-400); }
.text-pink-500   { color: var(--quanta-pink-500); }
.text-pink-600   { color: var(--quanta-pink-600); }
.text-pink-700   { color: var(--quanta-pink-700); }
.text-pink-800   { color: var(--quanta-pink-800); }
.text-pink-900   { color: var(--quanta-pink-900); }

/* Grey */
.text-grey-50    { color: var(--quanta-grey-50); }
.text-grey-100   { color: var(--quanta-grey-100); }
.text-grey-200   { color: var(--quanta-grey-200); }
.text-grey-300   { color: var(--quanta-grey-300); }
.text-grey-400   { color: var(--quanta-grey-400); }
.text-grey-500   { color: var(--quanta-grey-500); }
.text-grey-600   { color: var(--quanta-grey-600); }
.text-grey-700   { color: var(--quanta-grey-700); }
.text-grey-800   { color: var(--quanta-grey-800); }
.text-grey-900   { color: var(--quanta-grey-900); }

/* Lime */
.text-lime-50    { color: var(--quanta-lime-50); }
.text-lime-100   { color: var(--quanta-lime-100); }
.text-lime-200   { color: var(--quanta-lime-200); }
.text-lime-300   { color: var(--quanta-lime-300); }
.text-lime-400   { color: var(--quanta-lime-400); }
.text-lime-500   { color: var(--quanta-lime-500); }
.text-lime-600   { color: var(--quanta-lime-600); }
.text-lime-700   { color: var(--quanta-lime-700); }
.text-lime-800   { color: var(--quanta-lime-800); }
.text-lime-900   { color: var(--quanta-lime-900); }

/* Cyan */
.text-cyan-50    { color: var(--quanta-cyan-50); }
.text-cyan-100   { color: var(--quanta-cyan-100); }
.text-cyan-200   { color: var(--quanta-cyan-200); }
.text-cyan-300   { color: var(--quanta-cyan-300); }
.text-cyan-400   { color: var(--quanta-cyan-400); }
.text-cyan-500   { color: var(--quanta-cyan-500); }
.text-cyan-600   { color: var(--quanta-cyan-600); }
.text-cyan-700   { color: var(--quanta-cyan-700); }
.text-cyan-800   { color: var(--quanta-cyan-800); }
.text-cyan-900   { color: var(--quanta-cyan-900); }

/* Sky */
.text-sky-50     { color: var(--quanta-sky-50); }
.text-sky-100    { color: var(--quanta-sky-100); }
.text-sky-200    { color: var(--quanta-sky-200); }
.text-sky-300    { color: var(--quanta-sky-300); }
.text-sky-400    { color: var(--quanta-sky-400); }
.text-sky-500    { color: var(--quanta-sky-500); }
.text-sky-600    { color: var(--quanta-sky-600); }
.text-sky-700    { color: var(--quanta-sky-700); }
.text-sky-800    { color: var(--quanta-sky-800); }
.text-sky-900    { color: var(--quanta-sky-900); }

/* Violet */
.text-violet-50  { color: var(--quanta-violet-50); }
.text-violet-100 { color: var(--quanta-violet-100); }
.text-violet-200 { color: var(--quanta-violet-200); }
.text-violet-300 { color: var(--quanta-violet-300); }
.text-violet-400 { color: var(--quanta-violet-400); }
.text-violet-500 { color: var(--quanta-violet-500); }
.text-violet-600 { color: var(--quanta-violet-600); }
.text-violet-700 { color: var(--quanta-violet-700); }
.text-violet-800 { color: var(--quanta-violet-800); }
.text-violet-900 { color: var(--quanta-violet-900); }

/* Rose */
.text-rose-50    { color: var(--quanta-rose-50); }
.text-rose-100   { color: var(--quanta-rose-100); }
.text-rose-200   { color: var(--quanta-rose-200); }
.text-rose-300   { color: var(--quanta-rose-300); }
.text-rose-400   { color: var(--quanta-rose-400); }
.text-rose-500   { color: var(--quanta-rose-500); }
.text-rose-600   { color: var(--quanta-rose-600); }
.text-rose-700   { color: var(--quanta-rose-700); }
.text-rose-800   { color: var(--quanta-rose-800); }
.text-rose-900   { color: var(--quanta-rose-900); }

/* Slate */
.text-slate-50   { color: var(--quanta-slate-50); }
.text-slate-100  { color: var(--quanta-slate-100); }
.text-slate-200  { color: var(--quanta-slate-200); }
.text-slate-300  { color: var(--quanta-slate-300); }
.text-slate-400  { color: var(--quanta-slate-400); }
.text-slate-500  { color: var(--quanta-slate-500); }
.text-slate-600  { color: var(--quanta-slate-600); }
.text-slate-700  { color: var(--quanta-slate-700); }
.text-slate-800  { color: var(--quanta-slate-800); }
.text-slate-900  { color: var(--quanta-slate-900); }

/* Blue */
.text-blue-50    { color: var(--quanta-blue-50); }
.text-blue-100   { color: var(--quanta-blue-100); }
.text-blue-200   { color: var(--quanta-blue-200); }
.text-blue-300   { color: var(--quanta-blue-300); }
.text-blue-400   { color: var(--quanta-blue-400); }
.text-blue-500   { color: var(--quanta-blue-500); }
.text-blue-600   { color: var(--quanta-blue-600); }
.text-blue-700   { color: var(--quanta-blue-700); }
.text-blue-800   { color: var(--quanta-blue-800); }
.text-blue-900   { color: var(--quanta-blue-900); }

/* Green */
.text-green-50   { color: var(--quanta-green-50); }
.text-green-100  { color: var(--quanta-green-100); }
.text-green-200  { color: var(--quanta-green-200); }
.text-green-300  { color: var(--quanta-green-300); }
.text-green-400  { color: var(--quanta-green-400); }
.text-green-500  { color: var(--quanta-green-500); }
.text-green-600  { color: var(--quanta-green-600); }
.text-green-700  { color: var(--quanta-green-700); }
.text-green-800  { color: var(--quanta-green-800); }
.text-green-900  { color: var(--quanta-green-900); }

/* ----------------------------------------
   Background Color Utilities
---------------------------------------- */
/* Red */
.bg-red-50  { background-color: var(--quanta-red-50); }
.bg-red-100 { background-color: var(--quanta-red-100); }
.bg-red-200 { background-color: var(--quanta-red-200); }
.bg-red-300 { background-color: var(--quanta-red-300); }
.bg-red-400 { background-color: var(--quanta-red-400); }
.bg-red-500 { background-color: var(--quanta-red-500); }
.bg-red-600 { background-color: var(--quanta-red-600); }
.bg-red-700 { background-color: var(--quanta-red-700); }
.bg-red-800 { background-color: var(--quanta-red-800); }
.bg-red-900 { background-color: var(--quanta-red-900); }

/* Orange */
.bg-orange-50  { background-color: var(--quanta-orange-50); }
.bg-orange-100 { background-color: var(--quanta-orange-100); }
.bg-orange-200 { background-color: var(--quanta-orange-200); }
.bg-orange-300 { background-color: var(--quanta-orange-300); }
.bg-orange-400 { background-color: var(--quanta-orange-400); }
.bg-orange-500 { background-color: var(--quanta-orange-500); }
.bg-orange-600 { background-color: var(--quanta-orange-600); }
.bg-orange-700 { background-color: var(--quanta-orange-700); }
.bg-orange-800 { background-color: var(--quanta-orange-800); }
.bg-orange-900 { background-color: var(--quanta-orange-900); }

/* Teal */
.bg-teal-50  { background-color: var(--quanta-teal-50); }
.bg-teal-100 { background-color: var(--quanta-teal-100); }
.bg-teal-200 { background-color: var(--quanta-teal-200); }
.bg-teal-300 { background-color: var(--quanta-teal-300); }
.bg-teal-400 { background-color: var(--quanta-teal-400); }
.bg-teal-500 { background-color: var(--quanta-teal-500); }
.bg-teal-600 { background-color: var(--quanta-teal-600); }
.bg-teal-700 { background-color: var(--quanta-teal-700); }
.bg-teal-800 { background-color: var(--quanta-teal-800); }
.bg-teal-900 { background-color: var(--quanta-teal-900); }

/* Purple */
.bg-purple-50  { background-color: var(--quanta-purple-50); }
.bg-purple-100 { background-color: var(--quanta-purple-100); }
.bg-purple-200 { background-color: var(--quanta-purple-200); }
.bg-purple-300 { background-color: var(--quanta-purple-300); }
.bg-purple-400 { background-color: var(--quanta-purple-400); }
.bg-purple-500 { background-color: var(--quanta-purple-500); }
.bg-purple-600 { background-color: var(--quanta-purple-600); }
.bg-purple-700 { background-color: var(--quanta-purple-700); }
.bg-purple-800 { background-color: var(--quanta-purple-800); }
.bg-purple-900 { background-color: var(--quanta-purple-900); }

/* Indigo */
.bg-indigo-50  { background-color: var(--quanta-indigo-50); }
.bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.bg-indigo-900 { background-color: var(--quanta-indigo-900); }

/* Yellow */
.bg-yellow-50  { background-color: var(--quanta-yellow-50); }
.bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.bg-yellow-900 { background-color: var(--quanta-yellow-900); }

/* Pink */
.bg-pink-50  { background-color: var(--quanta-pink-50); }
.bg-pink-100 { background-color: var(--quanta-pink-100); }
.bg-pink-200 { background-color: var(--quanta-pink-200); }
.bg-pink-300 { background-color: var(--quanta-pink-300); }
.bg-pink-400 { background-color: var(--quanta-pink-400); }
.bg-pink-500 { background-color: var(--quanta-pink-500); }
.bg-pink-600 { background-color: var(--quanta-pink-600); }
.bg-pink-700 { background-color: var(--quanta-pink-700); }
.bg-pink-800 { background-color: var(--quanta-pink-800); }
.bg-pink-900 { background-color: var(--quanta-pink-900); }

/* Grey */
.bg-grey-50  { background-color: var(--quanta-grey-50); }
.bg-grey-100 { background-color: var(--quanta-grey-100); }
.bg-grey-200 { background-color: var(--quanta-grey-200); }
.bg-grey-300 { background-color: var(--quanta-grey-300); }
.bg-grey-400 { background-color: var(--quanta-grey-400); }
.bg-grey-500 { background-color: var(--quanta-grey-500); }
.bg-grey-600 { background-color: var(--quanta-grey-600); }
.bg-grey-700 { background-color: var(--quanta-grey-700); }
.bg-grey-800 { background-color: var(--quanta-grey-800); }
.bg-grey-900 { background-color: var(--quanta-grey-900); }

/* Lime */
.bg-lime-50  { background-color: var(--quanta-lime-50); }
.bg-lime-100 { background-color: var(--quanta-lime-100); }
.bg-lime-200 { background-color: var(--quanta-lime-200); }
.bg-lime-300 { background-color: var(--quanta-lime-300); }
.bg-lime-400 { background-color: var(--quanta-lime-400); }
.bg-lime-500 { background-color: var(--quanta-lime-500); }
.bg-lime-600 { background-color: var(--quanta-lime-600); }
.bg-lime-700 { background-color: var(--quanta-lime-700); }
.bg-lime-800 { background-color: var(--quanta-lime-800); }
.bg-lime-900 { background-color: var(--quanta-lime-900); }

/* Cyan */
.bg-cyan-50  { background-color: var(--quanta-cyan-50); }
.bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.bg-cyan-900 { background-color: var(--quanta-cyan-900); }

/* Sky */
.bg-sky-50  { background-color: var(--quanta-sky-50); }
.bg-sky-100 { background-color: var(--quanta-sky-100); }
.bg-sky-200 { background-color: var(--quanta-sky-200); }
.bg-sky-300 { background-color: var(--quanta-sky-300); }
.bg-sky-400 { background-color: var(--quanta-sky-400); }
.bg-sky-500 { background-color: var(--quanta-sky-500); }
.bg-sky-600 { background-color: var(--quanta-sky-600); }
.bg-sky-700 { background-color: var(--quanta-sky-700); }
.bg-sky-800 { background-color: var(--quanta-sky-800); }
.bg-sky-900 { background-color: var(--quanta-sky-900); }

/* Violet */
.bg-violet-50  { background-color: var(--quanta-violet-50); }
.bg-violet-100 { background-color: var(--quanta-violet-100); }
.bg-violet-200 { background-color: var(--quanta-violet-200); }
.bg-violet-300 { background-color: var(--quanta-violet-300); }
.bg-violet-400 { background-color: var(--quanta-violet-400); }
.bg-violet-500 { background-color: var(--quanta-violet-500); }
.bg-violet-600 { background-color: var(--quanta-violet-600); }
.bg-violet-700 { background-color: var(--quanta-violet-700); }
.bg-violet-800 { background-color: var(--quanta-violet-800); }
.bg-violet-900 { background-color: var(--quanta-violet-900); }

/* Rose */
.bg-rose-50  { background-color: var(--quanta-rose-50); }
.bg-rose-100 { background-color: var(--quanta-rose-100); }
.bg-rose-200 { background-color: var(--quanta-rose-200); }
.bg-rose-300 { background-color: var(--quanta-rose-300); }
.bg-rose-400 { background-color: var(--quanta-rose-400); }
.bg-rose-500 { background-color: var(--quanta-rose-500); }
.bg-rose-600 { background-color: var(--quanta-rose-600); }
.bg-rose-700 { background-color: var(--quanta-rose-700); }
.bg-rose-800 { background-color: var(--quanta-rose-800); }
.bg-rose-900 { background-color: var(--quanta-rose-900); }

/* Slate */
.bg-slate-50  { background-color: var(--quanta-slate-50); }
.bg-slate-100 { background-color: var(--quanta-slate-100); }
.bg-slate-200 { background-color: var(--quanta-slate-200); }
.bg-slate-300 { background-color: var(--quanta-slate-300); }
.bg-slate-400 { background-color: var(--quanta-slate-400); }
.bg-slate-500 { background-color: var(--quanta-slate-500); }
.bg-slate-600 { background-color: var(--quanta-slate-600); }
.bg-slate-700 { background-color: var(--quanta-slate-700); }
.bg-slate-800 { background-color: var(--quanta-slate-800); }
.bg-slate-900 { background-color: var(--quanta-slate-900); }

/* Blue */
.bg-blue-50  { background-color: var(--quanta-blue-50); }
.bg-blue-100 { background-color: var(--quanta-blue-100); }
.bg-blue-200 { background-color: var(--quanta-blue-200); }
.bg-blue-300 { background-color: var(--quanta-blue-300); }
.bg-blue-400 { background-color: var(--quanta-blue-400); }
.bg-blue-500 { background-color: var(--quanta-blue-500); }
.bg-blue-600 { background-color: var(--quanta-blue-600); }
.bg-blue-700 { background-color: var(--quanta-blue-700); }
.bg-blue-800 { background-color: var(--quanta-blue-800); }
.bg-blue-900 { background-color: var(--quanta-blue-900); }

/* Green */
.bg-green-50  { background-color: var(--quanta-green-50); }
.bg-green-100 { background-color: var(--quanta-green-100); }
.bg-green-200 { background-color: var(--quanta-green-200); }
.bg-green-300 { background-color: var(--quanta-green-300); }
.bg-green-400 { background-color: var(--quanta-green-400); }
.bg-green-500 { background-color: var(--quanta-green-500); }
.bg-green-600 { background-color: var(--quanta-green-600); }
.bg-green-700 { background-color: var(--quanta-green-700); }
.bg-green-800 { background-color: var(--quanta-green-800); }
.bg-green-900 { background-color: var(--quanta-green-900); }

/* Black & White */
.bg-black    { background-color: var(--black); }
.bg-white    { background-color: var(--white); }

/* ----------------------------------------
   Border Color Utilities
---------------------------------------- */
/* ----------------------------------------
   Border Color Utilities
---------------------------------------- */
/* Red */
.border-red-50  { border-color: var(--quanta-red-50); }
.border-red-100 { border-color: var(--quanta-red-100); }
.border-red-200 { border-color: var(--quanta-red-200); }
.border-red-300 { border-color: var(--quanta-red-300); }
.border-red-400 { border-color: var(--quanta-red-400); }
.border-red-500 { border-color: var(--quanta-red-500); }
.border-red-600 { border-color: var(--quanta-red-600); }
.border-red-700 { border-color: var(--quanta-red-700); }
.border-red-800 { border-color: var(--quanta-red-800); }
.border-red-900 { border-color: var(--quanta-red-900); }

/* Orange */
.border-orange-50  { border-color: var(--quanta-orange-50); }
.border-orange-100 { border-color: var(--quanta-orange-100); }
.border-orange-200 { border-color: var(--quanta-orange-200); }
.border-orange-300 { border-color: var(--quanta-orange-300); }
.border-orange-400 { border-color: var(--quanta-orange-400); }
.border-orange-500 { border-color: var(--quanta-orange-500); }
.border-orange-600 { border-color: var(--quanta-orange-600); }
.border-orange-700 { border-color: var(--quanta-orange-700); }
.border-orange-800 { border-color: var(--quanta-orange-800); }
.border-orange-900 { border-color: var(--quanta-orange-900); }

/* Teal */
.border-teal-50  { border-color: var(--quanta-teal-50); }
.border-teal-100 { border-color: var(--quanta-teal-100); }
.border-teal-200 { border-color: var(--quanta-teal-200); }
.border-teal-300 { border-color: var(--quanta-teal-300); }
.border-teal-400 { border-color: var(--quanta-teal-400); }
.border-teal-500 { border-color: var(--quanta-teal-500); }
.border-teal-600 { border-color: var(--quanta-teal-600); }
.border-teal-700 { border-color: var(--quanta-teal-700); }
.border-teal-800 { border-color: var(--quanta-teal-800); }
.border-teal-900 { border-color: var(--quanta-teal-900); }

/* Purple */
.border-purple-50  { border-color: var(--quanta-purple-50); }
.border-purple-100 { border-color: var(--quanta-purple-100); }
.border-purple-200 { border-color: var(--quanta-purple-200); }
.border-purple-300 { border-color: var(--quanta-purple-300); }
.border-purple-400 { border-color: var(--quanta-purple-400); }
.border-purple-500 { border-color: var(--quanta-purple-500); }
.border-purple-600 { border-color: var(--quanta-purple-600); }
.border-purple-700 { border-color: var(--quanta-purple-700); }
.border-purple-800 { border-color: var(--quanta-purple-800); }
.border-purple-900 { border-color: var(--quanta-purple-900); }

/* Indigo */
.border-indigo-50  { border-color: var(--quanta-indigo-50); }
.border-indigo-100 { border-color: var(--quanta-indigo-100); }
.border-indigo-200 { border-color: var(--quanta-indigo-200); }
.border-indigo-300 { border-color: var(--quanta-indigo-300); }
.border-indigo-400 { border-color: var(--quanta-indigo-400); }
.border-indigo-500 { border-color: var(--quanta-indigo-500); }
.border-indigo-600 { border-color: var(--quanta-indigo-600); }
.border-indigo-700 { border-color: var(--quanta-indigo-700); }
.border-indigo-800 { border-color: var(--quanta-indigo-800); }
.border-indigo-900 { border-color: var(--quanta-indigo-900); }

/* Yellow */
.border-yellow-50  { border-color: var(--quanta-yellow-50); }
.border-yellow-100 { border-color: var(--quanta-yellow-100); }
.border-yellow-200 { border-color: var(--quanta-yellow-200); }
.border-yellow-300 { border-color: var(--quanta-yellow-300); }
.border-yellow-400 { border-color: var(--quanta-yellow-400); }
.border-yellow-500 { border-color: var(--quanta-yellow-500); }
.border-yellow-600 { border-color: var(--quanta-yellow-600); }
.border-yellow-700 { border-color: var(--quanta-yellow-700); }
.border-yellow-800 { border-color: var(--quanta-yellow-800); }
.border-yellow-900 { border-color: var(--quanta-yellow-900); }

/* Pink */
.border-pink-50  { border-color: var(--quanta-pink-50); }
.border-pink-100 { border-color: var(--quanta-pink-100); }
.border-pink-200 { border-color: var(--quanta-pink-200); }
.border-pink-300 { border-color: var(--quanta-pink-300); }
.border-pink-400 { border-color: var(--quanta-pink-400); }
.border-pink-500 { border-color: var(--quanta-pink-500); }
.border-pink-600 { border-color: var(--quanta-pink-600); }
.border-pink-700 { border-color: var(--quanta-pink-700); }
.border-pink-800 { border-color: var(--quanta-pink-800); }
.border-pink-900 { border-color: var(--quanta-pink-900); }

/* Grey */
.border-grey-50  { border-color: var(--quanta-grey-50); }
.border-grey-100 { border-color: var(--quanta-grey-100); }
.border-grey-200 { border-color: var(--quanta-grey-200); }
.border-grey-300 { border-color: var(--quanta-grey-300); }
.border-grey-400 { border-color: var(--quanta-grey-400); }
.border-grey-500 { border-color: var(--quanta-grey-500); }
.border-grey-600 { border-color: var(--quanta-grey-600); }
.border-grey-700 { border-color: var(--quanta-grey-700); }
.border-grey-800 { border-color: var(--quanta-grey-800); }
.border-grey-900 { border-color: var(--quanta-grey-900); }

/* Lime */
.border-lime-50  { border-color: var(--quanta-lime-50); }
.border-lime-100 { border-color: var(--quanta-lime-100); }
.border-lime-200 { border-color: var(--quanta-lime-200); }
.border-lime-300 { border-color: var(--quanta-lime-300); }
.border-lime-400 { border-color: var(--quanta-lime-400); }
.border-lime-500 { border-color: var(--quanta-lime-500); }
.border-lime-600 { border-color: var(--quanta-lime-600); }
.border-lime-700 { border-color: var(--quanta-lime-700); }
.border-lime-800 { border-color: var(--quanta-lime-800); }
.border-lime-900 { border-color: var(--quanta-lime-900); }

/* Cyan */
.border-cyan-50  { border-color: var(--quanta-cyan-50); }
.border-cyan-100 { border-color: var(--quanta-cyan-100); }
.border-cyan-200 { border-color: var(--quanta-cyan-200); }
.border-cyan-300 { border-color: var(--quanta-cyan-300); }
.border-cyan-400 { border-color: var(--quanta-cyan-400); }
.border-cyan-500 { border-color: var(--quanta-cyan-500); }
.border-cyan-600 { border-color: var(--quanta-cyan-600); }
.border-cyan-700 { border-color: var(--quanta-cyan-700); }
.border-cyan-800 { border-color: var(--quanta-cyan-800); }
.border-cyan-900 { border-color: var(--quanta-cyan-900); }

/* Sky */
.border-sky-50  { border-color: var(--quanta-sky-50); }
.border-sky-100 { border-color: var(--quanta-sky-100); }
.border-sky-200 { border-color: var(--quanta-sky-200); }
.border-sky-300 { border-color: var(--quanta-sky-300); }
.border-sky-400 { border-color: var(--quanta-sky-400); }
.border-sky-500 { border-color: var(--quanta-sky-500); }
.border-sky-600 { border-color: var(--quanta-sky-600); }
.border-sky-700 { border-color: var(--quanta-sky-700); }
.border-sky-800 { border-color: var(--quanta-sky-800); }
.border-sky-900 { border-color: var(--quanta-sky-900); }

/* Violet */
.border-violet-50  { border-color: var(--quanta-violet-50); }
.border-violet-100 { border-color: var(--quanta-violet-100); }
.border-violet-200 { border-color: var(--quanta-violet-200); }
.border-violet-300 { border-color: var(--quanta-violet-300); }
.border-violet-400 { border-color: var(--quanta-violet-400); }
.border-violet-500 { border-color: var(--quanta-violet-500); }
.border-violet-600 { border-color: var(--quanta-violet-600); }
.border-violet-700 { border-color: var(--quanta-violet-700); }
.border-violet-800 { border-color: var(--quanta-violet-800); }
.border-violet-900 { border-color: var(--quanta-violet-900); }

/* Rose */
.border-rose-50  { border-color: var(--quanta-rose-50); }
.border-rose-100 { border-color: var(--quanta-rose-100); }
.border-rose-200 { border-color: var(--quanta-rose-200); }
.border-rose-300 { border-color: var(--quanta-rose-300); }
.border-rose-400 { border-color: var(--quanta-rose-400); }
.border-rose-500 { border-color: var(--quanta-rose-500); }
.border-rose-600 { border-color: var(--quanta-rose-600); }
.border-rose-700 { border-color: var(--quanta-rose-700); }
.border-rose-800 { border-color: var(--quanta-rose-800); }
.border-rose-900 { border-color: var(--quanta-rose-900); }

/* Slate */
.border-slate-50  { border-color: var(--quanta-slate-50); }
.border-slate-100 { border-color: var(--quanta-slate-100); }
.border-slate-200 { border-color: var(--quanta-slate-200); }
.border-slate-300 { border-color: var(--quanta-slate-300); }
.border-slate-400 { border-color: var(--quanta-slate-400); }
.border-slate-500 { border-color: var(--quanta-slate-500); }
.border-slate-600 { border-color: var(--quanta-slate-600); }
.border-slate-700 { border-color: var(--quanta-slate-700); }
.border-slate-800 { border-color: var(--quanta-slate-800); }
.border-slate-900 { border-color: var(--quanta-slate-900); }

/* Blue */
.border-blue-50  { border-color: var(--quanta-blue-50); }
.border-blue-100 { border-color: var(--quanta-blue-100); }
.border-blue-200 { border-color: var(--quanta-blue-200); }
.border-blue-300 { border-color: var(--quanta-blue-300); }
.border-blue-400 { border-color: var(--quanta-blue-400); }
.border-blue-500 { border-color: var(--quanta-blue-500); }
.border-blue-600 { border-color: var(--quanta-blue-600); }
.border-blue-700 { border-color: var(--quanta-blue-700); }
.border-blue-800 { border-color: var(--quanta-blue-800); }
.border-blue-900 { border-color: var(--quanta-blue-900); }

/* Green */
.border-green-50  { border-color: var(--quanta-green-50); }
.border-green-100 { border-color: var(--quanta-green-100); }
.border-green-200 { border-color: var(--quanta-green-200); }
.border-green-300 { border-color: var(--quanta-green-300); }
.border-green-400 { border-color: var(--quanta-green-400); }
.border-green-500 { border-color: var(--quanta-green-500); }
.border-green-600 { border-color: var(--quanta-green-600); }
.border-green-700 { border-color: var(--quanta-green-700); }
.border-green-800 { border-color: var(--quanta-green-800); }
.border-green-900 { border-color: var(--quanta-green-900); }

/* Black & White */
.border-black { border-color: var(--black); }
.border-white { border-color: var(--white); }

/* ----------------------------------------
   Border Width Utilities (0–32px in rem)
---------------------------------------- */
.border-0 { border-width: 0.0rem; }
.border-0 { border-width: 0.0rem; }
.border-t-0 { border-top-width: 0.0rem; }
.border-r-0 { border-right-width: 0.0rem; }
.border-b-0 { border-bottom-width: 0.0rem; }
.border-l-0 { border-left-width: 0.0rem; }
.border-1 { border-width: 0.0625rem; }
.border-1 { border-width: 0.0625rem; }
.border-t-1 { border-top-width: 0.0625rem; }
.border-r-1 { border-right-width: 0.0625rem; }
.border-b-1 { border-bottom-width: 0.0625rem; }
.border-l-1 { border-left-width: 0.0625rem; }
.border-2 { border-width: 0.125rem; }
.border-2 { border-width: 0.125rem; }
.border-t-2 { border-top-width: 0.125rem; }
.border-r-2 { border-right-width: 0.125rem; }
.border-b-2 { border-bottom-width: 0.125rem; }
.border-l-2 { border-left-width: 0.125rem; }
.border-3 { border-width: 0.1875rem; }
.border-3 { border-width: 0.1875rem; }
.border-t-3 { border-top-width: 0.1875rem; }
.border-r-3 { border-right-width: 0.1875rem; }
.border-b-3 { border-bottom-width: 0.1875rem; }
.border-l-3 { border-left-width: 0.1875rem; }
.border-4 { border-width: 0.25rem; }
.border-4 { border-width: 0.25rem; }
.border-t-4 { border-top-width: 0.25rem; }
.border-r-4 { border-right-width: 0.25rem; }
.border-b-4 { border-bottom-width: 0.25rem; }
.border-l-4 { border-left-width: 0.25rem; }
.border-5 { border-width: 0.3125rem; }
.border-5 { border-width: 0.3125rem; }
.border-t-5 { border-top-width: 0.3125rem; }
.border-r-5 { border-right-width: 0.3125rem; }
.border-b-5 { border-bottom-width: 0.3125rem; }
.border-l-5 { border-left-width: 0.3125rem; }
.border-6 { border-width: 0.375rem; }
.border-6 { border-width: 0.375rem; }
.border-t-6 { border-top-width: 0.375rem; }
.border-r-6 { border-right-width: 0.375rem; }
.border-b-6 { border-bottom-width: 0.375rem; }
.border-l-6 { border-left-width: 0.375rem; }
.border-7 { border-width: 0.4375rem; }
.border-7 { border-width: 0.4375rem; }
.border-t-7 { border-top-width: 0.4375rem; }
.border-r-7 { border-right-width: 0.4375rem; }
.border-b-7 { border-bottom-width: 0.4375rem; }
.border-l-7 { border-left-width: 0.4375rem; }
.border-8 { border-width: 0.5rem; }
.border-8 { border-width: 0.5rem; }
.border-t-8 { border-top-width: 0.5rem; }
.border-r-8 { border-right-width: 0.5rem; }
.border-b-8 { border-bottom-width: 0.5rem; }
.border-l-8 { border-left-width: 0.5rem; }
.border-9 { border-width: 0.5625rem; }
.border-9 { border-width: 0.5625rem; }
.border-t-9 { border-top-width: 0.5625rem; }
.border-r-9 { border-right-width: 0.5625rem; }
.border-b-9 { border-bottom-width: 0.5625rem; }
.border-l-9 { border-left-width: 0.5625rem; }
.border-10 { border-width: 0.625rem; }
.border-10 { border-width: 0.625rem; }
.border-t-10 { border-top-width: 0.625rem; }
.border-r-10 { border-right-width: 0.625rem; }
.border-b-10 { border-bottom-width: 0.625rem; }
.border-l-10 { border-left-width: 0.625rem; }
.border-11 { border-width: 0.6875rem; }
.border-11 { border-width: 0.6875rem; }
.border-t-11 { border-top-width: 0.6875rem; }
.border-r-11 { border-right-width: 0.6875rem; }
.border-b-11 { border-bottom-width: 0.6875rem; }
.border-l-11 { border-left-width: 0.6875rem; }
.border-12 { border-width: 0.75rem; }
.border-12 { border-width: 0.75rem; }
.border-t-12 { border-top-width: 0.75rem; }
.border-r-12 { border-right-width: 0.75rem; }
.border-b-12 { border-bottom-width: 0.75rem; }
.border-l-12 { border-left-width: 0.75rem; }
.border-13 { border-width: 0.8125rem; }
.border-13 { border-width: 0.8125rem; }
.border-t-13 { border-top-width: 0.8125rem; }
.border-r-13 { border-right-width: 0.8125rem; }
.border-b-13 { border-bottom-width: 0.8125rem; }
.border-l-13 { border-left-width: 0.8125rem; }
.border-14 { border-width: 0.875rem; }
.border-14 { border-width: 0.875rem; }
.border-t-14 { border-top-width: 0.875rem; }
.border-r-14 { border-right-width: 0.875rem; }
.border-b-14 { border-bottom-width: 0.875rem; }
.border-l-14 { border-left-width: 0.875rem; }
.border-15 { border-width: 0.9375rem; }
.border-15 { border-width: 0.9375rem; }
.border-t-15 { border-top-width: 0.9375rem; }
.border-r-15 { border-right-width: 0.9375rem; }
.border-b-15 { border-bottom-width: 0.9375rem; }
.border-l-15 { border-left-width: 0.9375rem; }
.border-16 { border-width: 1.0rem; }
.border-16 { border-width: 1.0rem; }
.border-t-16 { border-top-width: 1.0rem; }
.border-r-16 { border-right-width: 1.0rem; }
.border-b-16 { border-bottom-width: 1.0rem; }
.border-l-16 { border-left-width: 1.0rem; }
.border-17 { border-width: 1.0625rem; }
.border-17 { border-width: 1.0625rem; }
.border-t-17 { border-top-width: 1.0625rem; }
.border-r-17 { border-right-width: 1.0625rem; }
.border-b-17 { border-bottom-width: 1.0625rem; }
.border-l-17 { border-left-width: 1.0625rem; }
.border-18 { border-width: 1.125rem; }
.border-18 { border-width: 1.125rem; }
.border-t-18 { border-top-width: 1.125rem; }
.border-r-18 { border-right-width: 1.125rem; }
.border-b-18 { border-bottom-width: 1.125rem; }
.border-l-18 { border-left-width: 1.125rem; }
.border-19 { border-width: 1.1875rem; }
.border-19 { border-width: 1.1875rem; }
.border-t-19 { border-top-width: 1.1875rem; }
.border-r-19 { border-right-width: 1.1875rem; }
.border-b-19 { border-bottom-width: 1.1875rem; }
.border-l-19 { border-left-width: 1.1875rem; }
.border-20 { border-width: 1.25rem; }
.border-20 { border-width: 1.25rem; }
.border-t-20 { border-top-width: 1.25rem; }
.border-r-20 { border-right-width: 1.25rem; }
.border-b-20 { border-bottom-width: 1.25rem; }
.border-l-20 { border-left-width: 1.25rem; }
.border-21 { border-width: 1.3125rem; }
.border-21 { border-width: 1.3125rem; }
.border-t-21 { border-top-width: 1.3125rem; }
.border-r-21 { border-right-width: 1.3125rem; }
.border-b-21 { border-bottom-width: 1.3125rem; }
.border-l-21 { border-left-width: 1.3125rem; }
.border-22 { border-width: 1.375rem; }
.border-22 { border-width: 1.375rem; }
.border-t-22 { border-top-width: 1.375rem; }
.border-r-22 { border-right-width: 1.375rem; }
.border-b-22 { border-bottom-width: 1.375rem; }
.border-l-22 { border-left-width: 1.375rem; }
.border-23 { border-width: 1.4375rem; }
.border-23 { border-width: 1.4375rem; }
.border-t-23 { border-top-width: 1.4375rem; }
.border-r-23 { border-right-width: 1.4375rem; }
.border-b-23 { border-bottom-width: 1.4375rem; }
.border-l-23 { border-left-width: 1.4375rem; }
.border-24 { border-width: 1.5rem; }
.border-24 { border-width: 1.5rem; }
.border-t-24 { border-top-width: 1.5rem; }
.border-r-24 { border-right-width: 1.5rem; }
.border-b-24 { border-bottom-width: 1.5rem; }
.border-l-24 { border-left-width: 1.5rem; }
.border-25 { border-width: 1.5625rem; }
.border-25 { border-width: 1.5625rem; }
.border-t-25 { border-top-width: 1.5625rem; }
.border-r-25 { border-right-width: 1.5625rem; }
.border-b-25 { border-bottom-width: 1.5625rem; }
.border-l-25 { border-left-width: 1.5625rem; }
.border-26 { border-width: 1.625rem; }
.border-26 { border-width: 1.625rem; }
.border-t-26 { border-top-width: 1.625rem; }
.border-r-26 { border-right-width: 1.625rem; }
.border-b-26 { border-bottom-width: 1.625rem; }
.border-l-26 { border-left-width: 1.625rem; }
.border-27 { border-width: 1.6875rem; }
.border-27 { border-width: 1.6875rem; }
.border-t-27 { border-top-width: 1.6875rem; }
.border-r-27 { border-right-width: 1.6875rem; }
.border-b-27 { border-bottom-width: 1.6875rem; }
.border-l-27 { border-left-width: 1.6875rem; }
.border-28 { border-width: 1.75rem; }
.border-28 { border-width: 1.75rem; }
.border-t-28 { border-top-width: 1.75rem; }
.border-r-28 { border-right-width: 1.75rem; }
.border-b-28 { border-bottom-width: 1.75rem; }
.border-l-28 { border-left-width: 1.75rem; }
.border-29 { border-width: 1.8125rem; }
.border-29 { border-width: 1.8125rem; }
.border-t-29 { border-top-width: 1.8125rem; }
.border-r-29 { border-right-width: 1.8125rem; }
.border-b-29 { border-bottom-width: 1.8125rem; }
.border-l-29 { border-left-width: 1.8125rem; }
.border-30 { border-width: 1.875rem; }
.border-30 { border-width: 1.875rem; }
.border-t-30 { border-top-width: 1.875rem; }
.border-r-30 { border-right-width: 1.875rem; }
.border-b-30 { border-bottom-width: 1.875rem; }
.border-l-30 { border-left-width: 1.875rem; }
.border-31 { border-width: 1.9375rem; }
.border-31 { border-width: 1.9375rem; }
.border-t-31 { border-top-width: 1.9375rem; }
.border-r-31 { border-right-width: 1.9375rem; }
.border-b-31 { border-bottom-width: 1.9375rem; }
.border-l-31 { border-left-width: 1.9375rem; }
.border-32 { border-width: 2.0rem; }
.border-32 { border-width: 2.0rem; }
.border-t-32 { border-top-width: 2.0rem; }
.border-r-32 { border-right-width: 2.0rem; }
.border-b-32 { border-bottom-width: 2.0rem; }
.border-l-32 { border-left-width: 2.0rem; }
.border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.border-transparent { border-color: transparent; }
.border-inherit { border-color: inherit; }
.bg-transparent { background-color: transparent; }
.bg-inherit { background-color: inherit; }
.text-transparent { color: transparent; }
.text-inherit { color: inherit; }

/* ----------------------------------------
   Border Style Utilities
---------------------------------------- */
.border-solid  { border-style: solid; }
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
.border-double { border-style: double; }
.border-none   { border-style: none; }

.z-auto { z-index: auto; }
.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; }
.z-100 { z-index: 100; }
.z-9999 { z-index: 9999; }
.-z-10 { z-index: -10; }
.-z-20 { z-index: -20; }
.-z-40 { z-index: -40; }
.-z-50 { z-index: -50; }
.-z-100 { z-index: -100; }

/* ----------------------------------------
   Opacity Utilities
---------------------------------------- */
.opacity-0   { opacity: 0; }
.opacity-10  { opacity: 0.1; }
.opacity-20  { opacity: 0.2; }
.opacity-25  { opacity: 0.25; }
.opacity-30  { opacity: 0.3; }
.opacity-40  { opacity: 0.4; }
.opacity-50  { opacity: 0.5; }
.opacity-60  { opacity: 0.6; }
.opacity-70  { opacity: 0.7; }
.opacity-75  { opacity: 0.75; }
.opacity-80  { opacity: 0.8; }
.opacity-90  { opacity: 0.9; }
.opacity-100 { opacity: 1; }


/* ----------------------------------------
   Gradient Utilities (customizable)
---------------------------------------- */
.bg-gradient {
  background-image: linear-gradient(
    var(--quanta-gradient-direction, to right),
    var(--quanta-from-color, transparent),
    var(--quanta-to-color, transparent)
  );
}
.bg-gradient-l   { --quanta-gradient-direction: to left; }
.bg-gradient-r   { --quanta-gradient-direction: to right; }
.bg-gradient-t   { --quanta-gradient-direction: to top; }
.bg-gradient-b   { --quanta-gradient-direction: to bottom; }
.bg-gradient-tl  { --quanta-gradient-direction: to top left; }
.bg-gradient-tr  { --quanta-gradient-direction: to top right; }
.bg-gradient-bl  { --quanta-gradient-direction: to bottom left; }
.bg-gradient-br  { --quanta-gradient-direction: to bottom right; }

/* ----------------------------------------
   Border Radius – including pill shape
---------------------------------------- */
.rounded-0      { border-radius: 0; }
.rounded-xs     { border-radius: 0.125rem; }  /* 2px */
.rounded-sm     { border-radius: 0.25rem; }   /* 4px */
.rounded        { border-radius: 0.5rem; }    /* 8px */
.rounded-md     { border-radius: 0.75rem; }   /* 12px */
.rounded-lg     { border-radius: 1rem; }      /* 16px */
.rounded-xl     { border-radius: 1.5rem; }    /* 24px */
.rounded-2xl    { border-radius: 2rem; }      /* 32px */
.rounded-full   { border-radius: 9999px; }
.rounded-pill   { border-radius: 50px; }      /* pill shape */

/* ----------------------------------------
   Outline Utilities
---------------------------------------- */
/* basic outline styles */
.outline-none    { outline: none; }
.outline         { outline: 1px solid currentColor; }

/* outline-offsets */
.outline-offset-0  { outline-offset: 0rem; }
.outline-offset-1  { outline-offset: 0.25rem; }
.outline-offset-2  { outline-offset: 0.5rem; }
.outline-offset-3  { outline-offset: 0.75rem; }
.outline-offset-4  { outline-offset: 1rem; }
.outline-offset-8  { outline-offset: 2rem; }

/* outline-color (every shade + black/white) */
/* Red */
.outline-red-50  { outline-color: var(--quanta-red-50); }
.outline-red-100 { outline-color: var(--quanta-red-100); }
.outline-red-200 { outline-color: var(--quanta-red-200); }
.outline-red-300 { outline-color: var(--quanta-red-300); }
.outline-red-400 { outline-color: var(--quanta-red-400); }
.outline-red-500 { outline-color: var(--quanta-red-500); }
.outline-red-600 { outline-color: var(--quanta-red-600); }
.outline-red-700 { outline-color: var(--quanta-red-700); }
.outline-red-800 { outline-color: var(--quanta-red-800); }
.outline-red-900 { outline-color: var(--quanta-red-900); }
/* Orange */
.outline-orange-50  { outline-color: var(--quanta-orange-50); }
.outline-orange-100 { outline-color: var(--quanta-orange-100); }
.outline-orange-200 { outline-color: var(--quanta-orange-200); }
.outline-orange-300 { outline-color: var(--quanta-orange-300); }
.outline-orange-400 { outline-color: var(--quanta-orange-400); }
.outline-orange-500 { outline-color: var(--quanta-orange-500); }
.outline-orange-600 { outline-color: var(--quanta-orange-600); }
.outline-orange-700 { outline-color: var(--quanta-orange-700); }
.outline-orange-800 { outline-color: var(--quanta-orange-800); }
.outline-orange-900 { outline-color: var(--quanta-orange-900); }
/* Teal */
.outline-teal-50  { outline-color: var(--quanta-teal-50); }
.outline-teal-100 { outline-color: var(--quanta-teal-100); }
.outline-teal-200 { outline-color: var(--quanta-teal-200); }
.outline-teal-300 { outline-color: var(--quanta-teal-300); }
.outline-teal-400 { outline-color: var(--quanta-teal-400); }
.outline-teal-500 { outline-color: var(--quanta-teal-500); }
.outline-teal-600 { outline-color: var(--quanta-teal-600); }
.outline-teal-700 { outline-color: var(--quanta-teal-700); }
.outline-teal-800 { outline-color: var(--quanta-teal-800); }
.outline-teal-900 { outline-color: var(--quanta-teal-900); }
/* Purple */
.outline-purple-50  { outline-color: var(--quanta-purple-50); }
.outline-purple-100 { outline-color: var(--quanta-purple-100); }
.outline-purple-200 { outline-color: var(--quanta-purple-200); }
.outline-purple-300 { outline-color: var(--quanta-purple-300); }
.outline-purple-400 { outline-color: var(--quanta-purple-400); }
.outline-purple-500 { outline-color: var(--quanta-purple-500); }
.outline-purple-600 { outline-color: var(--quanta-purple-600); }
.outline-purple-700 { outline-color: var(--quanta-purple-700); }
.outline-purple-800 { outline-color: var(--quanta-purple-800); }
.outline-purple-900 { outline-color: var(--quanta-purple-900); }
/* Indigo */
.outline-indigo-50  { outline-color: var(--quanta-indigo-50); }
.outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
/* Yellow */
.outline-yellow-50  { outline-color: var(--quanta-yellow-50); }
.outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
/* Pink */
.outline-pink-50  { outline-color: var(--quanta-pink-50); }
.outline-pink-100 { outline-color: var(--quanta-pink-100); }
.outline-pink-200 { outline-color: var(--quanta-pink-200); }
.outline-pink-300 { outline-color: var(--quanta-pink-300); }
.outline-pink-400 { outline-color: var(--quanta-pink-400); }
.outline-pink-500 { outline-color: var(--quanta-pink-500); }
.outline-pink-600 { outline-color: var(--quanta-pink-600); }
.outline-pink-700 { outline-color: var(--quanta-pink-700); }
.outline-pink-800 { outline-color: var(--quanta-pink-800); }
.outline-pink-900 { outline-color: var(--quanta-pink-900); }
/* Grey */
.outline-grey-50  { outline-color: var(--quanta-grey-50); }
.outline-grey-100 { outline-color: var(--quanta-grey-100); }
.outline-grey-200 { outline-color: var(--quanta-grey-200); }
.outline-grey-300 { outline-color: var(--quanta-grey-300); }
.outline-grey-400 { outline-color: var(--quanta-grey-400); }
.outline-grey-500 { outline-color: var(--quanta-grey-500); }
.outline-grey-600 { outline-color: var(--quanta-grey-600); }
.outline-grey-700 { outline-color: var(--quanta-grey-700); }
.outline-grey-800 { outline-color: var(--quanta-grey-800); }
.outline-grey-900 { outline-color: var(--quanta-grey-900); }
/* Lime */
.outline-lime-50  { outline-color: var(--quanta-lime-50); }
.outline-lime-100 { outline-color: var(--quanta-lime-100); }
.outline-lime-200 { outline-color: var(--quanta-lime-200); }
.outline-lime-300 { outline-color: var(--quanta-lime-300); }
.outline-lime-400 { outline-color: var(--quanta-lime-400); }
.outline-lime-500 { outline-color: var(--quanta-lime-500); }
.outline-lime-600 { outline-color: var(--quanta-lime-600); }
.outline-lime-700 { outline-color: var(--quanta-lime-700); }
.outline-lime-800 { outline-color: var(--quanta-lime-800); }
.outline-lime-900 { outline-color: var(--quanta-lime-900); }
/* Cyan */
.outline-cyan-50  { outline-color: var(--quanta-cyan-50); }
.outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
/* Sky */
.outline-sky-50  { outline-color: var(--quanta-sky-50); }
.outline-sky-100 { outline-color: var(--quanta-sky-100); }
.outline-sky-200 { outline-color: var(--quanta-sky-200); }
.outline-sky-300 { outline-color: var(--quanta-sky-300); }
.outline-sky-400 { outline-color: var(--quanta-sky-400); }
.outline-sky-500 { outline-color: var(--quanta-sky-500); }
.outline-sky-600 { outline-color: var(--quanta-sky-600); }
.outline-sky-700 { outline-color: var(--quanta-sky-700); }
.outline-sky-800 { outline-color: var(--quanta-sky-800); }
.outline-sky-900 { outline-color: var(--quanta-sky-900); }
/* Violet */
.outline-violet-50  { outline-color: var(--quanta-violet-50); }
.outline-violet-100 { outline-color: var(--quanta-violet-100); }
.outline-violet-200 { outline-color: var(--quanta-violet-200); }
.outline-violet-300 { outline-color: var(--quanta-violet-300); }
.outline-violet-400 { outline-color: var(--quanta-violet-400); }
.outline-violet-500 { outline-color: var(--quanta-violet-500); }
.outline-violet-600 { outline-color: var(--quanta-violet-600); }
.outline-violet-700 { outline-color: var(--quanta-violet-700); }
.outline-violet-800 { outline-color: var(--quanta-violet-800); }
.outline-violet-900 { outline-color: var(--quanta-violet-900); }
/* Rose */
.outline-rose-50  { outline-color: var(--quanta-rose-50); }
.outline-rose-100 { outline-color: var(--quanta-rose-100); }
.outline-rose-200 { outline-color: var(--quanta-rose-200); }
.outline-rose-300 { outline-color: var(--quanta-rose-300); }
.outline-rose-400 { outline-color: var(--quanta-rose-400); }
.outline-rose-500 { outline-color: var(--quanta-rose-500); }
.outline-rose-600 { outline-color: var(--quanta-rose-600); }
.outline-rose-700 { outline-color: var(--quanta-rose-700); }
.outline-rose-800 { outline-color: var(--quanta-rose-800); }
.outline-rose-900 { outline-color: var(--quanta-rose-900); }
/* Slate */
.outline-slate-50  { outline-color: var(--quanta-slate-50); }
.outline-slate-100 { outline-color: var(--quanta-slate-100); }
.outline-slate-200 { outline-color: var(--quanta-slate-200); }
.outline-slate-300 { outline-color: var(--quanta-slate-300); }
.outline-slate-400 { outline-color: var(--quanta-slate-400); }
.outline-slate-500 { outline-color: var(--quanta-slate-500); }
.outline-slate-600 { outline-color: var(--quanta-slate-600); }
.outline-slate-700 { outline-color: var(--quanta-slate-700); }
.outline-slate-800 { outline-color: var(--quanta-slate-800); }
.outline-slate-900 { outline-color: var(--quanta-slate-900); }
/* Blue */
.outline-blue-50  { outline-color: var(--quanta-blue-50); }
.outline-blue-100 { outline-color: var(--quanta-blue-100); }
.outline-blue-200 { outline-color: var(--quanta-blue-200); }
.outline-blue-300 { outline-color: var(--quanta-blue-300); }
.outline-blue-400 { outline-color: var(--quanta-blue-400); }
.outline-blue-500 { outline-color: var(--quanta-blue-500); }
.outline-blue-600 { outline-color: var(--quanta-blue-600); }
.outline-blue-700 { outline-color: var(--quanta-blue-700); }
.outline-blue-800 { outline-color: var(--quanta-blue-800); }
.outline-blue-900 { outline-color: var(--quanta-blue-900); }
/* Green */
.outline-green-50  { outline-color: var(--quanta-green-50); }
.outline-green-100 { outline-color: var(--quanta-green-100); }
.outline-green-200 { outline-color: var(--quanta-green-200); }
.outline-green-300 { outline-color: var(--quanta-green-300); }
.outline-green-400 { outline-color: var(--quanta-green-400); }
.outline-green-500 { outline-color: var(--quanta-green-500); }
.outline-green-600 { outline-color: var(--quanta-green-600); }
.outline-green-700 { outline-color: var(--quanta-green-700); }
.outline-green-800 { outline-color: var(--quanta-green-800); }
.outline-green-900 { outline-color: var(--quanta-green-900); }
/* Black & White */
.outline-black { outline-color: var(--black); }
.outline-white { outline-color: var(--white); }

/* ----------------------------------------
   Ring Utilities (customizable via CSS vars)
---------------------------------------- */
.ring {
  --ring-width: 0.25rem;
  --ring-color: rgba(0,0,0,0.1);
  box-shadow: 0 0 0 var(--ring-width) var(--ring-color);
}
.ring-sm   { --ring-width: 0.125rem; }
.ring-md   { --ring-width: 0.5rem; }
.ring-lg   { --ring-width: 1rem; }
.ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }

.ring-red-50   { --quanta-ring-color: var(--quanta-red-50); }
.ring-red-100  { --quanta-ring-color: var(--quanta-red-100); }
.ring-red-200  { --quanta-ring-color: var(--quanta-red-200); }
.ring-red-300  { --quanta-ring-color: var(--quanta-red-300); }
.ring-red-400  { --quanta-ring-color: var(--quanta-red-400); }
.ring-red-500  { --quanta-ring-color: var(--quanta-red-500); }
.ring-red-600  { --quanta-ring-color: var(--quanta-red-600); }
.ring-red-700  { --quanta-ring-color: var(--quanta-red-700); }
.ring-red-800  { --quanta-ring-color: var(--quanta-red-800); }
.ring-red-900  { --quanta-ring-color: var(--quanta-red-900); }

.ring-orange-50  { --quanta-ring-color: var(--quanta-orange-50); }
.ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }

.ring-teal-50   { --quanta-ring-color: var(--quanta-teal-50); }
.ring-teal-100  { --quanta-ring-color: var(--quanta-teal-100); }
.ring-teal-200  { --quanta-ring-color: var(--quanta-teal-200); }
.ring-teal-300  { --quanta-ring-color: var(--quanta-teal-300); }
.ring-teal-400  { --quanta-ring-color: var(--quanta-teal-400); }
.ring-teal-500  { --quanta-ring-color: var(--quanta-teal-500); }
.ring-teal-600  { --quanta-ring-color: var(--quanta-teal-600); }
.ring-teal-700  { --quanta-ring-color: var(--quanta-teal-700); }
.ring-teal-800  { --quanta-ring-color: var(--quanta-teal-800); }
.ring-teal-900  { --quanta-ring-color: var(--quanta-teal-900); }

.ring-purple-50   { --quanta-ring-color: var(--quanta-purple-50); }
.ring-purple-100  { --quanta-ring-color: var(--quanta-purple-100); }
.ring-purple-200  { --quanta-ring-color: var(--quanta-purple-200); }
.ring-purple-300  { --quanta-ring-color: var(--quanta-purple-300); }
.ring-purple-400  { --quanta-ring-color: var(--quanta-purple-400); }
.ring-purple-500  { --quanta-ring-color: var(--quanta-purple-500); }
.ring-purple-600  { --quanta-ring-color: var(--quanta-purple-600); }
.ring-purple-700  { --quanta-ring-color: var(--quanta-purple-700); }
.ring-purple-800  { --quanta-ring-color: var(--quanta-purple-800); }
.ring-purple-900  { --quanta-ring-color: var(--quanta-purple-900); }

.ring-indigo-50   { --quanta-ring-color: var(--quanta-indigo-50); }
.ring-indigo-100  { --quanta-ring-color: var(--quanta-indigo-100); }
.ring-indigo-200  { --quanta-ring-color: var(--quanta-indigo-200); }
.ring-indigo-300  { --quanta-ring-color: var(--quanta-indigo-300); }
.ring-indigo-400  { --quanta-ring-color: var(--quanta-indigo-400); }
.ring-indigo-500  { --quanta-ring-color: var(--quanta-indigo-500); }
.ring-indigo-600  { --quanta-ring-color: var(--quanta-indigo-600); }
.ring-indigo-700  { --quanta-ring-color: var(--quanta-indigo-700); }
.ring-indigo-800  { --quanta-ring-color: var(--quanta-indigo-800); }
.ring-indigo-900  { --quanta-ring-color: var(--quanta-indigo-900); }

.ring-yellow-50   { --quanta-ring-color: var(--quanta-yellow-50); }
.ring-yellow-100  { --quanta-ring-color: var(--quanta-yellow-100); }
.ring-yellow-200  { --quanta-ring-color: var(--quanta-yellow-200); }
.ring-yellow-300  { --quanta-ring-color: var(--quanta-yellow-300); }
.ring-yellow-400  { --quanta-ring-color: var(--quanta-yellow-400); }
.ring-yellow-500  { --quanta-ring-color: var(--quanta-yellow-500); }
.ring-yellow-600  { --quanta-ring-color: var(--quanta-yellow-600); }
.ring-yellow-700  { --quanta-ring-color: var(--quanta-yellow-700); }
.ring-yellow-800  { --quanta-ring-color: var(--quanta-yellow-800); }
.ring-yellow-900  { --quanta-ring-color: var(--quanta-yellow-900); }

.ring-pink-50   { --quanta-ring-color: var(--quanta-pink-50); }
.ring-pink-100  { --quanta-ring-color: var(--quanta-pink-100); }
.ring-pink-200  { --quanta-ring-color: var(--quanta-pink-200); }
.ring-pink-300  { --quanta-ring-color: var(--quanta-pink-300); }
.ring-pink-400  { --quanta-ring-color: var(--quanta-pink-400); }
.ring-pink-500  { --quanta-ring-color: var(--quanta-pink-500); }
.ring-pink-600  { --quanta-ring-color: var(--quanta-pink-600); }
.ring-pink-700  { --quanta-ring-color: var(--quanta-pink-700); }
.ring-pink-800  { --quanta-ring-color: var(--quanta-pink-800); }
.ring-pink-900  { --quanta-ring-color: var(--quanta-pink-900); }

.ring-grey-50   { --quanta-ring-color: var(--quanta-grey-50); }
.ring-grey-100  { --quanta-ring-color: var(--quanta-grey-100); }
.ring-grey-200  { --quanta-ring-color: var(--quanta-grey-200); }
.ring-grey-300  { --quanta-ring-color: var(--quanta-grey-300); }
.ring-grey-400  { --quanta-ring-color: var(--quanta-grey-400); }
.ring-grey-500  { --quanta-ring-color: var(--quanta-grey-500); }
.ring-grey-600  { --quanta-ring-color: var(--quanta-grey-600); }
.ring-grey-700  { --quanta-ring-color: var(--quanta-grey-700); }
.ring-grey-800  { --quanta-ring-color: var(--quanta-grey-800); }
.ring-grey-900  { --quanta-ring-color: var(--quanta-grey-900); }

.ring-lime-50   { --quanta-ring-color: var(--quanta-lime-50); }
.ring-lime-100  { --quanta-ring-color: var(--quanta-lime-100); }
.ring-lime-200  { --quanta-ring-color: var(--quanta-lime-200); }
.ring-lime-300  { --quanta-ring-color: var(--quanta-lime-300); }
.ring-lime-400  { --quanta-ring-color: var(--quanta-lime-400); }
.ring-lime-500  { --quanta-ring-color: var(--quanta-lime-500); }
.ring-lime-600  { --quanta-ring-color: var(--quanta-lime-600); }
.ring-lime-700  { --quanta-ring-color: var(--quanta-lime-700); }
.ring-lime-800  { --quanta-ring-color: var(--quanta-lime-800); }
.ring-lime-900  { --quanta-ring-color: var(--quanta-lime-900); }

.ring-cyan-50   { --quanta-ring-color: var(--quanta-cyan-50); }
.ring-cyan-100  { --quanta-ring-color: var(--quanta-cyan-100); }
.ring-cyan-200  { --quanta-ring-color: var(--quanta-cyan-200); }
.ring-cyan-300  { --quanta-ring-color: var(--quanta-cyan-300); }
.ring-cyan-400  { --quanta-ring-color: var(--quanta-cyan-400); }
.ring-cyan-500  { --quanta-ring-color: var(--quanta-cyan-500); }
.ring-cyan-600  { --quanta-ring-color: var(--quanta-cyan-600); }
.ring-cyan-700  { --quanta-ring-color: var(--quanta-cyan-700); }
.ring-cyan-800  { --quanta-ring-color: var(--quanta-cyan-800); }
.ring-cyan-900  { --quanta-ring-color: var(--quanta-cyan-900); }

.ring-sky-50    { --quanta-ring-color: var(--quanta-sky-50); }
.ring-sky-100   { --quanta-ring-color: var(--quanta-sky-100); }
.ring-sky-200   { --quanta-ring-color: var(--quanta-sky-200); }
.ring-sky-300   { --quanta-ring-color: var(--quanta-sky-300); }
.ring-sky-400   { --quanta-ring-color: var(--quanta-sky-400); }
.ring-sky-500   { --quanta-ring-color: var(--quanta-sky-500); }
.ring-sky-600   { --quanta-ring-color: var(--quanta-sky-600); }
.ring-sky-700   { --quanta-ring-color: var(--quanta-sky-700); }
.ring-sky-800   { --quanta-ring-color: var(--quanta-sky-800); }
.ring-sky-900   { --quanta-ring-color: var(--quanta-sky-900); }

.ring-violet-50   { --quanta-ring-color: var(--quanta-violet-50); }
.ring-violet-100  { --quanta-ring-color: var(--quanta-violet-100); }
.ring-violet-200  { --quanta-ring-color: var(--quanta-violet-200); }
.ring-violet-300  { --quanta-ring-color: var(--quanta-violet-300); }
.ring-violet-400  { --quanta-ring-color: var(--quanta-violet-400); }
.ring-violet-500  { --quanta-ring-color: var(--quanta-violet-500); }
.ring-violet-600  { --quanta-ring-color: var(--quanta-violet-600); }
.ring-violet-700  { --quanta-ring-color: var(--quanta-violet-700); }
.ring-violet-800  { --quanta-ring-color: var(--quanta-violet-800); }
.ring-violet-900  { --quanta-ring-color: var(--quanta-violet-900); }

.ring-rose-50    { --quanta-ring-color: var(--quanta-rose-50); }
.ring-rose-100   { --quanta-ring-color: var(--quanta-rose-100); }
.ring-rose-200   { --quanta-ring-color: var(--quanta-rose-200); }
.ring-rose-300   { --quanta-ring-color: var(--quanta-rose-300); }
.ring-rose-400   { --quanta-ring-color: var(--quanta-rose-400); }
.ring-rose-500   { --quanta-ring-color: var(--quanta-rose-500); }
.ring-rose-600   { --quanta-ring-color: var(--quanta-rose-600); }
.ring-rose-700   { --quanta-ring-color: var(--quanta-rose-700); }
.ring-rose-800   { --quanta-ring-color: var(--quanta-rose-800); }
.ring-rose-900   { --quanta-ring-color: var(--quanta-rose-900); }

.ring-slate-50   { --quanta-ring-color: var(--quanta-slate-50); }
.ring-slate-100  { --quanta-ring-color: var(--quanta-slate-100); }
.ring-slate-200  { --quanta-ring-color: var(--quanta-slate-200); }
.ring-slate-300  { --quanta-ring-color: var(--quanta-slate-300); }
.ring-slate-400  { --quanta-ring-color: var(--quanta-slate-400); }
.ring-slate-500  { --quanta-ring-color: var(--quanta-slate-500); }
.ring-slate-600  { --quanta-ring-color: var(--quanta-slate-600); }
.ring-slate-700  { --quanta-ring-color: var(--quanta-slate-700); }
.ring-slate-800  { --quanta-ring-color: var(--quanta-slate-800); }
.ring-slate-900  { --quanta-ring-color: var(--quanta-slate-900); }

.ring-blue-50    { --quanta-ring-color: var(--quanta-blue-50); }
.ring-blue-100   { --quanta-ring-color: var(--quanta-blue-100); }
.ring-blue-200   { --quanta-ring-color: var(--quanta-blue-200); }
.ring-blue-300   { --quanta-ring-color: var(--quanta-blue-300); }
.ring-blue-400   { --quanta-ring-color: var(--quanta-blue-400); }
.ring-blue-500   { --quanta-ring-color: var(--quanta-blue-500); }
.ring-blue-600   { --quanta-ring-color: var(--quanta-blue-600); }
.ring-blue-700   { --quanta-ring-color: var(--quanta-blue-700); }
.ring-blue-800   { --quanta-ring-color: var(--quanta-blue-800); }
.ring-blue-900   { --quanta-ring-color: var(--quanta-blue-900); }

.ring-green-50   { --quanta-ring-color: var(--quanta-green-50); }
.ring-green-100  { --quanta-ring-color: var(--quanta-green-100); }
.ring-green-200  { --quanta-ring-color: var(--quanta-green-200); }
.ring-green-300  { --quanta-ring-color: var(--quanta-green-300); }
.ring-green-400  { --quanta-ring-color: var(--quanta-green-400); }
.ring-green-500  { --quanta-ring-color: var(--quanta-green-500); }
.ring-green-600  { --quanta-ring-color: var(--quanta-green-600); }
.ring-green-700  { --quanta-ring-color: var(--quanta-green-700); }
.ring-green-800  { --quanta-ring-color: var(--quanta-green-800); }
.ring-green-900  { --quanta-ring-color: var(--quanta-green-900); }

.ring-black      { --quanta-ring-color: var(--black); }
.ring-white      { --quanta-ring-color: var(--white); }

/* ----------------------------------------
   Shadow Color Utilities
---------------------------------------- */
.shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.shadow-color-black { --shadow-color: var(--black); }
.shadow-color-white { --shadow-color: var(--white); }

/* ----------------------------------------
   Gradient From Color Utilities
---------------------------------------- */
.gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.gradient-from-black { --quanta-from-color: var(--black); }
.gradient-from-white { --quanta-from-color: var(--white); }

/* ----------------------------------------
   Gradient To Color Utilities
---------------------------------------- */
.gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.gradient-to-black { --quanta-to-color: var(--black); }
.gradient-to-white { --quanta-to-color: var(--white); }

.transition-all { transition-property: all; }
.transition-bg { transition-property: background-color; }
.transition-color { transition-property: color; }
.transition-opacity { transition-property: opacity; }
.transition-transform { transition-property: transform; }
.transition-shadow { transition-property: shadow; }
.transition-border { transition-property: border; }
.duration-75 { transition-duration: 75ms; }
.duration-100 { transition-duration: 100ms; }
.duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
.duration-1000 { transition-duration: 1000ms; }
.ease-linear { transition-timing-function: ease-linear; }
.ease-in { transition-timing-function: ease-in; }
.ease-out { transition-timing-function: ease-out; }
.ease-in-out { transition-timing-function: ease-in-out; }
.translate-x-0 { transform: translateX(0rem); }
.translate-y-0 { transform: translateY(0rem); }
.translate-x-0_25 { transform: translateX(0.25rem); }
.translate-y-0_25 { transform: translateY(0.25rem); }
.translate-x-0_5 { transform: translateX(0.5rem); }
.translate-y-0_5 { transform: translateY(0.5rem); }
.translate-x-1 { transform: translateX(1rem); }
.translate-y-1 { transform: translateY(1rem); }
.translate-x-1_5 { transform: translateX(1.5rem); }
.translate-y-1_5 { transform: translateY(1.5rem); }
.translate-x-2 { transform: translateX(2rem); }
.translate-y-2 { transform: translateY(2rem); }
.translate-x-3 { transform: translateX(3rem); }
.translate-y-3 { transform: translateY(3rem); }
.translate-x-4 { transform: translateX(4rem); }
.translate-y-4 { transform: translateY(4rem); }
.translate-x-5 { transform: translateX(5rem); }
.translate-y-5 { transform: translateY(5rem); }
.translate-x-6 { transform: translateX(6rem); }
.translate-y-6 { transform: translateY(6rem); }
.translate-x-8 { transform: translateX(8rem); }
.translate-y-8 { transform: translateY(8rem); }
.translate-x-10 { transform: translateX(10rem); }
.translate-y-10 { transform: translateY(10rem); }
.translate-x-12 { transform: translateX(12rem); }
.translate-y-12 { transform: translateY(12rem); }
.translate-x-16 { transform: translateX(16rem); }
.translate-y-16 { transform: translateY(16rem); }
.translate-x-20 { transform: translateX(20rem); }
.translate-y-20 { transform: translateY(20rem); }
.translate-x-24 { transform: translateX(24rem); }
.translate-y-24 { transform: translateY(24rem); }
.translate-x-32 { transform: translateX(32rem); }
.translate-y-32 { transform: translateY(32rem); }
.scale-0 { transform: scale(0.0); }
.scale-50 { transform: scale(0.5); }
.scale-75 { transform: scale(0.75); }
.scale-90 { transform: scale(0.9); }
.scale-95 { transform: scale(0.95); }
.scale-100 { transform: scale(1.0); }
.scale-105 { transform: scale(1.05); }
.scale-110 { transform: scale(1.1); }
.scale-125 { transform: scale(1.25); }
.scale-150 { transform: scale(1.5); }
.rotate--180 { transform: rotate(-180deg); }
.rotate--90 { transform: rotate(-90deg); }
.rotate--45 { transform: rotate(-45deg); }
.rotate-0 { transform: rotate(0deg); }
.rotate-45 { transform: rotate(45deg); }
.rotate-90 { transform: rotate(90deg); }
.rotate-180 { transform: rotate(180deg); }
.skew-x--45 { transform: skewX(-45deg); }
.skew-y--45 { transform: skewY(-45deg); }
.skew-x--30 { transform: skewX(-30deg); }
.skew-y--30 { transform: skewY(-30deg); }
.skew-x--15 { transform: skewX(-15deg); }
.skew-y--15 { transform: skewY(-15deg); }
.skew-x-0 { transform: skewX(0deg); }
.skew-y-0 { transform: skewY(0deg); }
.skew-x-15 { transform: skewX(15deg); }
.skew-y-15 { transform: skewY(15deg); }
.skew-x-30 { transform: skewX(30deg); }
.skew-y-30 { transform: skewY(30deg); }
.skew-x-45 { transform: skewX(45deg); }
.skew-y-45 { transform: skewY(45deg); }

@keyframes quanta-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
.animate-fade {
    animation: quanta-fade 0.5s ease-in-out both;
}


@keyframes quanta-slide-up {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.animate-slide-up {
    animation: quanta-slide-up 0.5s ease-out both;
}


@keyframes quanta-slide-down {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.animate-slide-down {
    animation: quanta-slide-down 0.5s ease-out both;
}


@keyframes quanta-slide-left {
    from { transform: translateX(20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.animate-slide-left {
    animation: quanta-slide-left 0.5s ease-out both;
}


@keyframes quanta-slide-right {
    from { transform: translateX(-20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.animate-slide-right {
    animation: quanta-slide-right 0.5s ease-out both;
}


@keyframes quanta-bounce {
    0%, 100% {
        transform: translateY(0);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translateY(-25%);
        animation-timing-function: ease-out;
    }
}
.animate-bounce {
    animation: quanta-bounce 1s infinite;
}

.blur-none     { filter: blur(0); }
.blur-sm       { filter: blur(2px); }
.blur          { filter: blur(4px); }
.blur-md       { filter: blur(8px); }
.blur-lg       { filter: blur(12px); }
.blur-xl       { filter: blur(20px); }

.brightness-0   { filter: brightness(0); }
.brightness-50  { filter: brightness(0.5); }
.brightness-75  { filter: brightness(0.75); }
.brightness-90  { filter: brightness(0.9); }
.brightness-100 { filter: brightness(1); }
.brightness-125 { filter: brightness(1.25); }
.brightness-150 { filter: brightness(1.5); }
.brightness-200 { filter: brightness(2); }

.contrast-0   { filter: contrast(0); }
.contrast-50  { filter: contrast(0.5); }
.contrast-75  { filter: contrast(0.75); }
.contrast-100 { filter: contrast(1); }
.contrast-125 { filter: contrast(1.25); }
.contrast-150 { filter: contrast(1.5); }
.contrast-200 { filter: contrast(2); }

.grayscale-0   { filter: grayscale(0); }
.grayscale-100 { filter: grayscale(1); }

.hue-rotate-0   { filter: hue-rotate(0deg); }
.hue-rotate-45  { filter: hue-rotate(45deg); }
.hue-rotate-90  { filter: hue-rotate(90deg); }
.hue-rotate-180 { filter: hue-rotate(180deg); }

.invert-0   { filter: invert(0); }
.invert-100 { filter: invert(1); }

.saturate-0   { filter: saturate(0); }
.saturate-50  { filter: saturate(0.5); }
.saturate-100 { filter: saturate(1); }
.saturate-150 { filter: saturate(1.5); }
.saturate-200 { filter: saturate(2); }

.sepia-0   { filter: sepia(0); }
.sepia-100 { filter: sepia(1); }

.drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }

.mix-normal     { mix-blend-mode: normal; }
.mix-multiply   { mix-blend-mode: multiply; }
.mix-screen     { mix-blend-mode: screen; }
.mix-overlay    { mix-blend-mode: overlay; }
.mix-darken     { mix-blend-mode: darken; }
.mix-lighten    { mix-blend-mode: lighten; }
.mix-color-dodge   { mix-blend-mode: color-dodge; }
.mix-color-burn    { mix-blend-mode: color-burn; }
.mix-hard-light    { mix-blend-mode: hard-light; }
.mix-soft-light    { mix-blend-mode: soft-light; }
.mix-difference    { mix-blend-mode: difference; }
.mix-exclusion     { mix-blend-mode: exclusion; }
.mix-hue           { mix-blend-mode: hue; }
.mix-saturation    { mix-blend-mode: saturation; }
.mix-color         { mix-blend-mode: color; }
.mix-luminosity    { mix-blend-mode: luminosity; }

.bg-blend-normal        { background-blend-mode: normal; }
.bg-blend-multiply      { background-blend-mode: multiply; }
.bg-blend-screen        { background-blend-mode: screen; }
.bg-blend-overlay       { background-blend-mode: overlay; }
.bg-blend-darken        { background-blend-mode: darken; }
.bg-blend-lighten       { background-blend-mode: lighten; }
.bg-blend-color-dodge   { background-blend-mode: color-dodge; }
.bg-blend-color-burn    { background-blend-mode: color-burn; }
.bg-blend-hard-light    { background-blend-mode: hard-light; }
.bg-blend-soft-light    { background-blend-mode: soft-light; }
.bg-blend-difference    { background-blend-mode: difference; }
.bg-blend-exclusion     { background-blend-mode: exclusion; }
.bg-blend-hue           { background-blend-mode: hue; }
.bg-blend-saturation    { background-blend-mode: saturation; }
.bg-blend-color         { background-blend-mode: color; }
.bg-blend-luminosity    { background-blend-mode: luminosity; }

.object-contain { object-fit: contain; }
.object-cover   { object-fit: cover; }
.object-fill    { object-fit: fill; }
.object-none    { object-fit: none; }
.object-scale-down { object-fit: scale-down; }

.object-top       { object-position: top; }
.object-bottom    { object-position: bottom; }
.object-center    { object-position: center; }
.object-left      { object-position: left; }
.object-right     { object-position: right; }
.object-left-top  { object-position: left top; }
.object-right-top { object-position: right top; }
.object-left-bottom  { object-position: left bottom; }
.object-right-bottom { object-position: right bottom; }

.box-decoration-slice {
  box-decoration-break: slice;
  -webkit-box-decoration-break: slice; /* for Safari */
}

.box-decoration-clone {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone; /* for Safari */
}

.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.list-style-image-none { list-style-image: none; }
.list-style-position-inside { list-style-position: inside; }
.list-style-position-outside { list-style-position: outside; }
.list-style-type-none { list-style-type: none; }
.list-style-type-disc { list-style-type: disc; }
.list-style-type-circle { list-style-type: circle; }
.list-style-type-square { list-style-type: square; }
.list-style-type-decimal { list-style-type: decimal; }
.list-style-type-lower_roman { list-style-type: lower-roman; }
.list-style-type-upper_roman { list-style-type: upper-roman; }
.list-style-type-lower_alpha { list-style-type: lower-alpha; }
.list-style-type-upper_alpha { list-style-type: upper-alpha; }
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-align-justify { text-align: justify; }
.backface-visible { backface-visibility: visible; }
.backface-hidden { backface-visibility: hidden; }
.perspective-none { perspective: none; }
.perspective-100 { perspective: 100px; }
.perspective-500 { perspective: 500px; }
.perspective-1000 { perspective: 1000px; }
.perspective-1500 { perspective: 1500px; }
.perspective-2000 { perspective: 2000px; }
.perspective-origin-center { perspective-origin: center; }
.perspective-origin-top { perspective-origin: top; }
.perspective-origin-bottom { perspective-origin: bottom; }
.perspective-origin-left { perspective-origin: left; }
.perspective-origin-right { perspective-origin: right; }
.perspective-origin-top_left { perspective-origin: top left; }
.perspective-origin-top_right { perspective-origin: top right; }
.perspective-origin-bottom_left { perspective-origin: bottom left; }
.perspective-origin-bottom_right { perspective-origin: bottom right; }
.transform { transform: var(--quanta-transform, none); }
.transform-none { transform: none; }
.rotate-n180 { transform: rotate(-180deg); }
.rotate-n90 { transform: rotate(-90deg); }
.rotate-n45 { transform: rotate(-45deg); }
.rotate-0 { transform: rotate(0deg); }
.rotate-45 { transform: rotate(45deg); }
.rotate-90 { transform: rotate(90deg); }
.rotate-180 { transform: rotate(180deg); }
.scale-50 { transform: scale(0.5); }
.scale-75 { transform: scale(0.75); }
.scale-90 { transform: scale(0.9); }
.scale-95 { transform: scale(0.95); }
.scale-100 { transform: scale(1.0); }
.scale-105 { transform: scale(1.05); }
.scale-110 { transform: scale(1.1); }
.scale-125 { transform: scale(1.25); }
.scale-150 { transform: scale(1.5); }
.skew-x-n45 { transform: skewX(-45deg); }
.skew-y-n45 { transform: skewY(-45deg); }
.skew-x-n30 { transform: skewX(-30deg); }
.skew-y-n30 { transform: skewY(-30deg); }
.skew-x-n15 { transform: skewX(-15deg); }
.skew-y-n15 { transform: skewY(-15deg); }
.skew-x-0 { transform: skewX(0deg); }
.skew-y-0 { transform: skewY(0deg); }
.skew-x-15 { transform: skewX(15deg); }
.skew-y-15 { transform: skewY(15deg); }
.skew-x-30 { transform: skewX(30deg); }
.skew-y-30 { transform: skewY(30deg); }
.skew-x-45 { transform: skewX(45deg); }
.skew-y-45 { transform: skewY(45deg); }
.translate-x-0 { transform: translateX(0rem); }
.translate-y-0 { transform: translateY(0rem); }
.translate-x-0_125 { transform: translateX(0.125rem); }
.translate-y-0_125 { transform: translateY(0.125rem); }
.translate-x-0_25 { transform: translateX(0.25rem); }
.translate-y-0_25 { transform: translateY(0.25rem); }
.translate-x-0_5 { transform: translateX(0.5rem); }
.translate-y-0_5 { transform: translateY(0.5rem); }
.translate-x-0_75 { transform: translateX(0.75rem); }
.translate-y-0_75 { transform: translateY(0.75rem); }
.translate-x-1 { transform: translateX(1rem); }
.translate-y-1 { transform: translateY(1rem); }
.translate-x-1_5 { transform: translateX(1.5rem); }
.translate-y-1_5 { transform: translateY(1.5rem); }
.translate-x-2 { transform: translateX(2rem); }
.translate-y-2 { transform: translateY(2rem); }
.translate-x-3 { transform: translateX(3rem); }
.translate-y-3 { transform: translateY(3rem); }
.translate-x-4 { transform: translateX(4rem); }
.translate-y-4 { transform: translateY(4rem); }
.origin-center { transform-origin: center; }
.origin-top { transform-origin: top; }
.origin-bottom { transform-origin: bottom; }
.origin-left { transform-origin: left; }
.origin-right { transform-origin: right; }
.origin-top_left { transform-origin: top left; }
.origin-top_right { transform-origin: top right; }
.origin-bottom_left { transform-origin: bottom left; }
.origin-bottom_right { transform-origin: bottom right; }
.transform-style-flat { transform-style: flat; }
.transform-style-preserve-3d { transform-style: preserve-3d; }
/* Accent Color Utilities */
.accent-auto { accent-color: auto; }
.accent-transparent { accent-color: transparent; }
.accent-red-50 { accent-color: var(--quanta-red-50); }
.accent-red-100 { accent-color: var(--quanta-red-100); }
.accent-red-200 { accent-color: var(--quanta-red-200); }
.accent-red-300 { accent-color: var(--quanta-red-300); }
.accent-red-400 { accent-color: var(--quanta-red-400); }
.accent-red-500 { accent-color: var(--quanta-red-500); }
.accent-red-600 { accent-color: var(--quanta-red-600); }
.accent-red-700 { accent-color: var(--quanta-red-700); }
.accent-red-800 { accent-color: var(--quanta-red-800); }
.accent-red-900 { accent-color: var(--quanta-red-900); }
.accent-orange-50 { accent-color: var(--quanta-orange-50); }
.accent-orange-100 { accent-color: var(--quanta-orange-100); }
.accent-orange-200 { accent-color: var(--quanta-orange-200); }
.accent-orange-300 { accent-color: var(--quanta-orange-300); }
.accent-orange-400 { accent-color: var(--quanta-orange-400); }
.accent-orange-500 { accent-color: var(--quanta-orange-500); }
.accent-orange-600 { accent-color: var(--quanta-orange-600); }
.accent-orange-700 { accent-color: var(--quanta-orange-700); }
.accent-orange-800 { accent-color: var(--quanta-orange-800); }
.accent-orange-900 { accent-color: var(--quanta-orange-900); }
.accent-teal-50 { accent-color: var(--quanta-teal-50); }
.accent-teal-100 { accent-color: var(--quanta-teal-100); }
.accent-teal-200 { accent-color: var(--quanta-teal-200); }
.accent-teal-300 { accent-color: var(--quanta-teal-300); }
.accent-teal-400 { accent-color: var(--quanta-teal-400); }
.accent-teal-500 { accent-color: var(--quanta-teal-500); }
.accent-teal-600 { accent-color: var(--quanta-teal-600); }
.accent-teal-700 { accent-color: var(--quanta-teal-700); }
.accent-teal-800 { accent-color: var(--quanta-teal-800); }
.accent-teal-900 { accent-color: var(--quanta-teal-900); }
.accent-purple-50 { accent-color: var(--quanta-purple-50); }
.accent-purple-100 { accent-color: var(--quanta-purple-100); }
.accent-purple-200 { accent-color: var(--quanta-purple-200); }
.accent-purple-300 { accent-color: var(--quanta-purple-300); }
.accent-purple-400 { accent-color: var(--quanta-purple-400); }
.accent-purple-500 { accent-color: var(--quanta-purple-500); }
.accent-purple-600 { accent-color: var(--quanta-purple-600); }
.accent-purple-700 { accent-color: var(--quanta-purple-700); }
.accent-purple-800 { accent-color: var(--quanta-purple-800); }
.accent-purple-900 { accent-color: var(--quanta-purple-900); }
.accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.accent-pink-50 { accent-color: var(--quanta-pink-50); }
.accent-pink-100 { accent-color: var(--quanta-pink-100); }
.accent-pink-200 { accent-color: var(--quanta-pink-200); }
.accent-pink-300 { accent-color: var(--quanta-pink-300); }
.accent-pink-400 { accent-color: var(--quanta-pink-400); }
.accent-pink-500 { accent-color: var(--quanta-pink-500); }
.accent-pink-600 { accent-color: var(--quanta-pink-600); }
.accent-pink-700 { accent-color: var(--quanta-pink-700); }
.accent-pink-800 { accent-color: var(--quanta-pink-800); }
.accent-pink-900 { accent-color: var(--quanta-pink-900); }
.accent-grey-50 { accent-color: var(--quanta-grey-50); }
.accent-grey-100 { accent-color: var(--quanta-grey-100); }
.accent-grey-200 { accent-color: var(--quanta-grey-200); }
.accent-grey-300 { accent-color: var(--quanta-grey-300); }
.accent-grey-400 { accent-color: var(--quanta-grey-400); }
.accent-grey-500 { accent-color: var(--quanta-grey-500); }
.accent-grey-600 { accent-color: var(--quanta-grey-600); }
.accent-grey-700 { accent-color: var(--quanta-grey-700); }
.accent-grey-800 { accent-color: var(--quanta-grey-800); }
.accent-grey-900 { accent-color: var(--quanta-grey-900); }
.accent-lime-50 { accent-color: var(--quanta-lime-50); }
.accent-lime-100 { accent-color: var(--quanta-lime-100); }
.accent-lime-200 { accent-color: var(--quanta-lime-200); }
.accent-lime-300 { accent-color: var(--quanta-lime-300); }
.accent-lime-400 { accent-color: var(--quanta-lime-400); }
.accent-lime-500 { accent-color: var(--quanta-lime-500); }
.accent-lime-600 { accent-color: var(--quanta-lime-600); }
.accent-lime-700 { accent-color: var(--quanta-lime-700); }
.accent-lime-800 { accent-color: var(--quanta-lime-800); }
.accent-lime-900 { accent-color: var(--quanta-lime-900); }
.accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.accent-sky-50 { accent-color: var(--quanta-sky-50); }
.accent-sky-100 { accent-color: var(--quanta-sky-100); }
.accent-sky-200 { accent-color: var(--quanta-sky-200); }
.accent-sky-300 { accent-color: var(--quanta-sky-300); }
.accent-sky-400 { accent-color: var(--quanta-sky-400); }
.accent-sky-500 { accent-color: var(--quanta-sky-500); }
.accent-sky-600 { accent-color: var(--quanta-sky-600); }
.accent-sky-700 { accent-color: var(--quanta-sky-700); }
.accent-sky-800 { accent-color: var(--quanta-sky-800); }
.accent-sky-900 { accent-color: var(--quanta-sky-900); }
.accent-violet-50 { accent-color: var(--quanta-violet-50); }
.accent-violet-100 { accent-color: var(--quanta-violet-100); }
.accent-violet-200 { accent-color: var(--quanta-violet-200); }
.accent-violet-300 { accent-color: var(--quanta-violet-300); }
.accent-violet-400 { accent-color: var(--quanta-violet-400); }
.accent-violet-500 { accent-color: var(--quanta-violet-500); }
.accent-violet-600 { accent-color: var(--quanta-violet-600); }
.accent-violet-700 { accent-color: var(--quanta-violet-700); }
.accent-violet-800 { accent-color: var(--quanta-violet-800); }
.accent-violet-900 { accent-color: var(--quanta-violet-900); }
.accent-rose-50 { accent-color: var(--quanta-rose-50); }
.accent-rose-100 { accent-color: var(--quanta-rose-100); }
.accent-rose-200 { accent-color: var(--quanta-rose-200); }
.accent-rose-300 { accent-color: var(--quanta-rose-300); }
.accent-rose-400 { accent-color: var(--quanta-rose-400); }
.accent-rose-500 { accent-color: var(--quanta-rose-500); }
.accent-rose-600 { accent-color: var(--quanta-rose-600); }
.accent-rose-700 { accent-color: var(--quanta-rose-700); }
.accent-rose-800 { accent-color: var(--quanta-rose-800); }
.accent-rose-900 { accent-color: var(--quanta-rose-900); }
.accent-slate-50 { accent-color: var(--quanta-slate-50); }
.accent-slate-100 { accent-color: var(--quanta-slate-100); }
.accent-slate-200 { accent-color: var(--quanta-slate-200); }
.accent-slate-300 { accent-color: var(--quanta-slate-300); }
.accent-slate-400 { accent-color: var(--quanta-slate-400); }
.accent-slate-500 { accent-color: var(--quanta-slate-500); }
.accent-slate-600 { accent-color: var(--quanta-slate-600); }
.accent-slate-700 { accent-color: var(--quanta-slate-700); }
.accent-slate-800 { accent-color: var(--quanta-slate-800); }
.accent-slate-900 { accent-color: var(--quanta-slate-900); }
.accent-blue-50 { accent-color: var(--quanta-blue-50); }
.accent-blue-100 { accent-color: var(--quanta-blue-100); }
.accent-blue-200 { accent-color: var(--quanta-blue-200); }
.accent-blue-300 { accent-color: var(--quanta-blue-300); }
.accent-blue-400 { accent-color: var(--quanta-blue-400); }
.accent-blue-500 { accent-color: var(--quanta-blue-500); }
.accent-blue-600 { accent-color: var(--quanta-blue-600); }
.accent-blue-700 { accent-color: var(--quanta-blue-700); }
.accent-blue-800 { accent-color: var(--quanta-blue-800); }
.accent-blue-900 { accent-color: var(--quanta-blue-900); }
.accent-green-50 { accent-color: var(--quanta-green-50); }
.accent-green-100 { accent-color: var(--quanta-green-100); }
.accent-green-200 { accent-color: var(--quanta-green-200); }
.accent-green-300 { accent-color: var(--quanta-green-300); }
.accent-green-400 { accent-color: var(--quanta-green-400); }
.accent-green-500 { accent-color: var(--quanta-green-500); }
.accent-green-600 { accent-color: var(--quanta-green-600); }
.accent-green-700 { accent-color: var(--quanta-green-700); }
.accent-green-800 { accent-color: var(--quanta-green-800); }
.accent-green-900 { accent-color: var(--quanta-green-900); }
.appearance-none { appearance: none; }
.appearance-auto { appearance: auto; }
/* Caret Color Utilities */
.caret-red-50 { caret-color: var(--quanta-red-50); }
.caret-red-100 { caret-color: var(--quanta-red-100); }
.caret-red-200 { caret-color: var(--quanta-red-200); }
.caret-red-300 { caret-color: var(--quanta-red-300); }
.caret-red-400 { caret-color: var(--quanta-red-400); }
.caret-red-500 { caret-color: var(--quanta-red-500); }
.caret-red-600 { caret-color: var(--quanta-red-600); }
.caret-red-700 { caret-color: var(--quanta-red-700); }
.caret-red-800 { caret-color: var(--quanta-red-800); }
.caret-red-900 { caret-color: var(--quanta-red-900); }
.caret-orange-50 { caret-color: var(--quanta-orange-50); }
.caret-orange-100 { caret-color: var(--quanta-orange-100); }
.caret-orange-200 { caret-color: var(--quanta-orange-200); }
.caret-orange-300 { caret-color: var(--quanta-orange-300); }
.caret-orange-400 { caret-color: var(--quanta-orange-400); }
.caret-orange-500 { caret-color: var(--quanta-orange-500); }
.caret-orange-600 { caret-color: var(--quanta-orange-600); }
.caret-orange-700 { caret-color: var(--quanta-orange-700); }
.caret-orange-800 { caret-color: var(--quanta-orange-800); }
.caret-orange-900 { caret-color: var(--quanta-orange-900); }
.caret-teal-50 { caret-color: var(--quanta-teal-50); }
.caret-teal-100 { caret-color: var(--quanta-teal-100); }
.caret-teal-200 { caret-color: var(--quanta-teal-200); }
.caret-teal-300 { caret-color: var(--quanta-teal-300); }
.caret-teal-400 { caret-color: var(--quanta-teal-400); }
.caret-teal-500 { caret-color: var(--quanta-teal-500); }
.caret-teal-600 { caret-color: var(--quanta-teal-600); }
.caret-teal-700 { caret-color: var(--quanta-teal-700); }
.caret-teal-800 { caret-color: var(--quanta-teal-800); }
.caret-teal-900 { caret-color: var(--quanta-teal-900); }
.caret-purple-50 { caret-color: var(--quanta-purple-50); }
.caret-purple-100 { caret-color: var(--quanta-purple-100); }
.caret-purple-200 { caret-color: var(--quanta-purple-200); }
.caret-purple-300 { caret-color: var(--quanta-purple-300); }
.caret-purple-400 { caret-color: var(--quanta-purple-400); }
.caret-purple-500 { caret-color: var(--quanta-purple-500); }
.caret-purple-600 { caret-color: var(--quanta-purple-600); }
.caret-purple-700 { caret-color: var(--quanta-purple-700); }
.caret-purple-800 { caret-color: var(--quanta-purple-800); }
.caret-purple-900 { caret-color: var(--quanta-purple-900); }
.caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.caret-pink-50 { caret-color: var(--quanta-pink-50); }
.caret-pink-100 { caret-color: var(--quanta-pink-100); }
.caret-pink-200 { caret-color: var(--quanta-pink-200); }
.caret-pink-300 { caret-color: var(--quanta-pink-300); }
.caret-pink-400 { caret-color: var(--quanta-pink-400); }
.caret-pink-500 { caret-color: var(--quanta-pink-500); }
.caret-pink-600 { caret-color: var(--quanta-pink-600); }
.caret-pink-700 { caret-color: var(--quanta-pink-700); }
.caret-pink-800 { caret-color: var(--quanta-pink-800); }
.caret-pink-900 { caret-color: var(--quanta-pink-900); }
.caret-grey-50 { caret-color: var(--quanta-grey-50); }
.caret-grey-100 { caret-color: var(--quanta-grey-100); }
.caret-grey-200 { caret-color: var(--quanta-grey-200); }
.caret-grey-300 { caret-color: var(--quanta-grey-300); }
.caret-grey-400 { caret-color: var(--quanta-grey-400); }
.caret-grey-500 { caret-color: var(--quanta-grey-500); }
.caret-grey-600 { caret-color: var(--quanta-grey-600); }
.caret-grey-700 { caret-color: var(--quanta-grey-700); }
.caret-grey-800 { caret-color: var(--quanta-grey-800); }
.caret-grey-900 { caret-color: var(--quanta-grey-900); }
.caret-lime-50 { caret-color: var(--quanta-lime-50); }
.caret-lime-100 { caret-color: var(--quanta-lime-100); }
.caret-lime-200 { caret-color: var(--quanta-lime-200); }
.caret-lime-300 { caret-color: var(--quanta-lime-300); }
.caret-lime-400 { caret-color: var(--quanta-lime-400); }
.caret-lime-500 { caret-color: var(--quanta-lime-500); }
.caret-lime-600 { caret-color: var(--quanta-lime-600); }
.caret-lime-700 { caret-color: var(--quanta-lime-700); }
.caret-lime-800 { caret-color: var(--quanta-lime-800); }
.caret-lime-900 { caret-color: var(--quanta-lime-900); }
.caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.caret-sky-50 { caret-color: var(--quanta-sky-50); }
.caret-sky-100 { caret-color: var(--quanta-sky-100); }
.caret-sky-200 { caret-color: var(--quanta-sky-200); }
.caret-sky-300 { caret-color: var(--quanta-sky-300); }
.caret-sky-400 { caret-color: var(--quanta-sky-400); }
.caret-sky-500 { caret-color: var(--quanta-sky-500); }
.caret-sky-600 { caret-color: var(--quanta-sky-600); }
.caret-sky-700 { caret-color: var(--quanta-sky-700); }
.caret-sky-800 { caret-color: var(--quanta-sky-800); }
.caret-sky-900 { caret-color: var(--quanta-sky-900); }
.caret-violet-50 { caret-color: var(--quanta-violet-50); }
.caret-violet-100 { caret-color: var(--quanta-violet-100); }
.caret-violet-200 { caret-color: var(--quanta-violet-200); }
.caret-violet-300 { caret-color: var(--quanta-violet-300); }
.caret-violet-400 { caret-color: var(--quanta-violet-400); }
.caret-violet-500 { caret-color: var(--quanta-violet-500); }
.caret-violet-600 { caret-color: var(--quanta-violet-600); }
.caret-violet-700 { caret-color: var(--quanta-violet-700); }
.caret-violet-800 { caret-color: var(--quanta-violet-800); }
.caret-violet-900 { caret-color: var(--quanta-violet-900); }
.caret-rose-50 { caret-color: var(--quanta-rose-50); }
.caret-rose-100 { caret-color: var(--quanta-rose-100); }
.caret-rose-200 { caret-color: var(--quanta-rose-200); }
.caret-rose-300 { caret-color: var(--quanta-rose-300); }
.caret-rose-400 { caret-color: var(--quanta-rose-400); }
.caret-rose-500 { caret-color: var(--quanta-rose-500); }
.caret-rose-600 { caret-color: var(--quanta-rose-600); }
.caret-rose-700 { caret-color: var(--quanta-rose-700); }
.caret-rose-800 { caret-color: var(--quanta-rose-800); }
.caret-rose-900 { caret-color: var(--quanta-rose-900); }
.caret-slate-50 { caret-color: var(--quanta-slate-50); }
.caret-slate-100 { caret-color: var(--quanta-slate-100); }
.caret-slate-200 { caret-color: var(--quanta-slate-200); }
.caret-slate-300 { caret-color: var(--quanta-slate-300); }
.caret-slate-400 { caret-color: var(--quanta-slate-400); }
.caret-slate-500 { caret-color: var(--quanta-slate-500); }
.caret-slate-600 { caret-color: var(--quanta-slate-600); }
.caret-slate-700 { caret-color: var(--quanta-slate-700); }
.caret-slate-800 { caret-color: var(--quanta-slate-800); }
.caret-slate-900 { caret-color: var(--quanta-slate-900); }
.caret-blue-50 { caret-color: var(--quanta-blue-50); }
.caret-blue-100 { caret-color: var(--quanta-blue-100); }
.caret-blue-200 { caret-color: var(--quanta-blue-200); }
.caret-blue-300 { caret-color: var(--quanta-blue-300); }
.caret-blue-400 { caret-color: var(--quanta-blue-400); }
.caret-blue-500 { caret-color: var(--quanta-blue-500); }
.caret-blue-600 { caret-color: var(--quanta-blue-600); }
.caret-blue-700 { caret-color: var(--quanta-blue-700); }
.caret-blue-800 { caret-color: var(--quanta-blue-800); }
.caret-blue-900 { caret-color: var(--quanta-blue-900); }
.caret-green-50 { caret-color: var(--quanta-green-50); }
.caret-green-100 { caret-color: var(--quanta-green-100); }
.caret-green-200 { caret-color: var(--quanta-green-200); }
.caret-green-300 { caret-color: var(--quanta-green-300); }
.caret-green-400 { caret-color: var(--quanta-green-400); }
.caret-green-500 { caret-color: var(--quanta-green-500); }
.caret-green-600 { caret-color: var(--quanta-green-600); }
.caret-green-700 { caret-color: var(--quanta-green-700); }
.caret-green-800 { caret-color: var(--quanta-green-800); }
.caret-green-900 { caret-color: var(--quanta-green-900); }
.caret-black { caret-color: var(--black); }
.caret-white { caret-color: var(--white); }
.color-scheme-light { color-scheme: light; }
.color-scheme-dark { color-scheme: dark; }
.color-scheme-normal { color-scheme: normal; }
.cursor-auto { cursor: auto; }
.cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }
.cursor-wait { cursor: wait; }
.cursor-text { cursor: text; }
.cursor-move { cursor: move; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-none { cursor: none; }
.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.resize-none { resize: none; }
.resize-x { resize: horizontal; }
.resize-y { resize: vertical; }
.resize { resize: both; }
.scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
.scroll-m-0 { scroll-margin: 0rem; }
.scroll-p-0 { scroll-padding: 0rem; }
.scroll-m-0_125 { scroll-margin: 0.125rem; }
.scroll-p-0_125 { scroll-padding: 0.125rem; }
.scroll-m-0_25 { scroll-margin: 0.25rem; }
.scroll-p-0_25 { scroll-padding: 0.25rem; }
.scroll-m-0_5 { scroll-margin: 0.5rem; }
.scroll-p-0_5 { scroll-padding: 0.5rem; }
.scroll-m-0_75 { scroll-margin: 0.75rem; }
.scroll-p-0_75 { scroll-padding: 0.75rem; }
.scroll-m-1 { scroll-margin: 1rem; }
.scroll-p-1 { scroll-padding: 1rem; }
.scroll-m-1_5 { scroll-margin: 1.5rem; }
.scroll-p-1_5 { scroll-padding: 1.5rem; }
.scroll-m-2 { scroll-margin: 2rem; }
.scroll-p-2 { scroll-padding: 2rem; }
.scroll-m-3 { scroll-margin: 3rem; }
.scroll-p-3 { scroll-padding: 3rem; }
.scroll-m-4 { scroll-margin: 4rem; }
.scroll-p-4 { scroll-padding: 4rem; }
.snap-x { scroll-snap-type: x mandatory; }
.snap-y { scroll-snap-type: y mandatory; }
.snap-both { scroll-snap-type: both mandatory; }
.snap-align-start { scroll-snap-align: start; }
.snap-align-end { scroll-snap-align: end; }
.snap-align-center { scroll-snap-align: center; }
.snap-align-none { scroll-snap-align: none; }
.snap-stop-normal { scroll-snap-stop: normal; }
.snap-stop-always { scroll-snap-stop: always; }
.touch-auto { touch-action: auto; }
.touch-none { touch-action: none; }
.touch-pan_x { touch-action: pan-x; }
.touch-pan_y { touch-action: pan-y; }
.touch-manipulation { touch-action: manipulation; }
.select-auto { user-select: auto; }
.select-none { user-select: none; }
.select-text { user-select: text; }
.select-all { user-select: all; }
.select-contain { user-select: contain; }
.will-change-auto { will-change: auto; }
.will-change-scroll { will-change: scroll; }
.will-change-transform { will-change: transform; }
.will-change-opacity { will-change: opacity; }
.will-change-contents { will-change: contents; }

/* =============================================================================
   UI & INTERACTIVITY (Section 12)
============================================================================= */

/* =============================================================================
   12. UI & INTERACTIVITY
============================================================================= */

/* Color Scheme */
.color-scheme-light   { color-scheme: light; }
.color-scheme-dark    { color-scheme: dark; }
.color-scheme-normal  { color-scheme: normal; }

/* Cursors */
.cursor-auto          { cursor: auto; }
.cursor-default       { cursor: default; }
.cursor-pointer       { cursor: pointer; }
.cursor-wait          { cursor: wait; }
.cursor-text          { cursor: text; }
.cursor-move          { cursor: move; }
.cursor-not-allowed   { cursor: not-allowed; }
.cursor-none          { cursor: none; }

/* Pointer Events */
.pointer-events-none  { pointer-events: none; }
.pointer-events-auto  { pointer-events: auto; }

/* Resize */
.resize-none          { resize: none; }
.resize-x             { resize: horizontal; }
.resize-y             { resize: vertical; }
.resize               { resize: both; }

/* Scroll Behavior */
.scroll-auto          { scroll-behavior: auto; }
.scroll-smooth        { scroll-behavior: smooth; }

/* Scroll Margin & Padding */
.scroll-m-0           { scroll-margin: 0; }
.scroll-m-1           { scroll-margin: 0.25rem; }
.scroll-m-2           { scroll-margin: 0.5rem; }
.scroll-m-4           { scroll-margin: 1rem; }
.scroll-m-8           { scroll-margin: 2rem; }
/* ... add additional values as needed ... */

.scroll-p-0           { scroll-padding: 0; }
.scroll-p-1           { scroll-padding: 0.25rem; }
.scroll-p-2           { scroll-padding: 0.5rem; }
.scroll-p-4           { scroll-padding: 1rem; }
.scroll-p-8           { scroll-padding: 2rem; }
/* ... add additional values as needed ... */

/* Scroll Snap */
.snap-x               { scroll-snap-type: x mandatory; }
.snap-y               { scroll-snap-type: y mandatory; }
.snap-both            { scroll-snap-type: both mandatory; }
.snap-align-start     { scroll-snap-align: start; }
.snap-align-center    { scroll-snap-align: center; }
.snap-align-end       { scroll-snap-align: end; }
.snap-align-none      { scroll-snap-align: none; }
.snap-stop-normal     { scroll-snap-stop: normal; }
.snap-stop-always     { scroll-snap-stop: always; }

/* Touch Action */
.touch-auto           { touch-action: auto; }
.touch-none           { touch-action: none; }
.touch-pan-x          { touch-action: pan-x; }
.touch-pan-y          { touch-action: pan-y; }
.touch-manipulation   { touch-action: manipulation; }

/* User Select */
.select-auto          { user-select: auto; }
.select-none          { user-select: none; }
.select-text          { user-select: text; }
.select-all           { user-select: all; }
.select-contain       { user-select: contain; }

/* Will Change */
.will-change-auto     { will-change: auto; }
.will-change-scroll   { will-change: scroll; }
.will-change-transform{ will-change: transform; }
.will-change-opacity  { will-change: opacity; }
.will-change-contents { will-change: contents; }

/* Field Sizing */
.field-sizing-auto    { block-size: auto; inline-size: auto; }
.field-sizing-fill    { block-size: 100%; inline-size: 100%; }
.field-sizing-min     { block-size: min-content; inline-size: min-content; }
.field-sizing-max     { block-size: max-content; inline-size: max-content; }


/* =============================================================================
   2. ADVANCED LAYOUT UTILITIES
============================================================================= */

/* Aspect Ratio */
.aspect-auto       { aspect-ratio: auto; }
.aspect-square     { aspect-ratio: 1 / 1; }
.aspect-video      { aspect-ratio: 16 / 9; }
.aspect-ar_4_3     { aspect-ratio: 4 / 3; }

/* Isolation */
.isolation-auto    { isolation: auto; }
.isolation-isolate { isolation: isolate; }

/* Containment */
.contain-none      { contain: none; }
.contain-layout    { contain: layout; }
.contain-size      { contain: size; }
.contain-style     { contain: style; }
.contain-paint     { contain: paint; }
.contain-content   { contain: content; }

/* Content Visibility */
.content-auto      { content-visibility: auto; }
.content-hidden    { content-visibility: hidden; }
.content-visible   { content-visibility: visible; }

/* Box Sizing */
.box-border        { box-sizing: border-box; }
.box-content       { box-sizing: content-box; }

/* Clip Path */
.clip-none         { clip-path: none; }
.clip-circle       { clip-path: circle(50% at 50% 50%); }
.clip-ellipse      { clip-path: ellipse(50% 25% at 50% 50%); }
.clip-inset        { clip-path: inset(0); }
.clip-triangle     { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }

/* Logical Properties (example scale 1rem, 2rem) */
.margin-block-start-1 { margin-block-start: 1rem; }
.margin-block-end-1   { margin-block-end: 1rem; }
.margin-inline-start-1{ margin-inline-start: 1rem; }
.margin-inline-end-1  { margin-inline-end: 1rem; }
.padding-block-start-1{ padding-block-start: 1rem; }
.padding-block-end-1  { padding-block-end: 1rem; }
.padding-inline-start-1{ padding-inline-start: 1rem; }
.padding-inline-end-1  { padding-inline-end: 1rem; }

/* =============================================================================
   3. TRANSFORMS & TRANSITIONS (additional)
============================================================================= */

/* Transition Properties */
.transition-all      { transition-property: all; }
.transition-colors   { transition-property: color, background-color, border-color, fill, stroke; }
.transition-opacity  { transition-property: opacity; }
.transition-shadow   { transition-property: box-shadow; }
.transition-transform{ transition-property: transform; }

/* Transition Durations */
.duration-75  { transition-duration: 75ms; }
.duration-100 { transition-duration: 100ms; }
.duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
.duration-1000{ transition-duration: 1000ms; }

/* Timing Functions */
.ease-linear     { transition-timing-function: linear; }
.ease-in         { transition-timing-function: ease-in; }
.ease-out        { transition-timing-function: ease-out; }
.ease-in-out     { transition-timing-function: ease-in-out; }

/* =============================================================================
   4. ANIMATIONS
============================================================================= */

/* Fade */
@keyframes quanta-fade {
  from { opacity: 0; } to { opacity: 1; }
}
.animate-fade    { animation: quanta-fade 0.5s ease-in-out both; }

/* Slide */
@keyframes quanta-slide-up    { from { transform: translateY(20px); opacity:0; } to { transform: translateY(0); opacity:1; } }
@keyframes quanta-slide-down  { from { transform: translateY(-20px); opacity:0; } to { transform: translateY(0); opacity:1; } }
@keyframes quanta-slide-left  { from { transform: translateX(20px); opacity:0; } to { transform: translateX(0); opacity:1; } }
@keyframes quanta-slide-right { from { transform: translateX(-20px); opacity:0; } to { transform: translateX(0); opacity:1; } }
.animate-slide-up    { animation: quanta-slide-up 0.5s ease-out both; }
.animate-slide-down  { animation: quanta-slide-down 0.5s ease-out both; }
.animate-slide-left  { animation: quanta-slide-left 0.5s ease-out both; }
.animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }

/* Bounce */
@keyframes quanta-bounce {
  0%,100% { transform: translateY(0); animation-timing-function: ease-in; }
  50%     { transform: translateY(-25%); animation-timing-function: ease-out; }
}
.animate-bounce  { animation: quanta-bounce 1s infinite; }

/* Spin */
@keyframes quanta-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }
.animate-spin    { animation: quanta-spin 1s linear infinite; }

/* =============================================================================
   5. FILTERS & EFFECTS
============================================================================= */

.filter-none      { filter: none; }
.blur-sm          { filter: blur(2px); }
.blur            { filter: blur(4px); }
.blur-md         { filter: blur(8px); }
.blur-lg         { filter: blur(12px); }
.blur-xl         { filter: blur(20px); }

.brightness-50    { filter: brightness(0.5); }
.brightness-100   { filter: brightness(1); }
.brightness-150   { filter: brightness(1.5); }
.contrast-50      { filter: contrast(0.5); }
.contrast-100     { filter: contrast(1); }

.grayscale        { filter: grayscale(1); }
.sepia            { filter: sepia(1); }
.saturate-150     { filter: saturate(1.5); }
.hue-rotate-90    { filter: hue-rotate(90deg); }

.drop-shadow-sm   { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.drop-shadow-lg   { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }

/* =============================================================================
   6. ACCESSIBILITY HELPERS
============================================================================= */

.sr-only             { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
                        overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.not-sr-only         { position: static; width: auto; height: auto; overflow: visible;
                        clip: auto; white-space: normal; }

/* =============================================================================
   7. GRID EXTENSIONS
============================================================================= */

/* Grid Auto Flow */
.grid-flow-row         { grid-auto-flow: row; }
.grid-flow-col         { grid-auto-flow: column; }
.grid-flow-row-dense   { grid-auto-flow: row dense; }
.grid-flow-col-dense   { grid-auto-flow: column dense; }

/* Dynamic Columns via CSS Variable */
.grid-cols-auto        { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }

/* =============================================================================
   ADVANCED UTILITIES (Sections 12–18)
============================================================================= */

/* -----------------------------------------------------------------------------
   12. Transitions & Animation
----------------------------------------------------------------------------- */
/* Transition Property */
.transition-none      { transition-property: none; }
.transition-all       { transition-property: all; }
.transition-colors    { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.transition-opacity   { transition-property: opacity; }
.transition-shadow    { transition-property: box-shadow; }
.transition-transform { transition-property: transform; }

/* Transition Duration */
.duration-75   { transition-duration: 75ms; }
.duration-150  { transition-duration: 150ms; }
.duration-300  { transition-duration: 300ms; }
.duration-500  { transition-duration: 500ms; }
.duration-700  { transition-duration: 700ms; }
.duration-1000 { transition-duration: 1000ms; }

/* Transition Timing Function */
.ease-linear      { transition-timing-function: linear; }
.ease-in          { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.ease-out         { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.ease-in-out      { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }

/* Keyframes + Animate */
@keyframes fade     { from { opacity: 0; } to { opacity: 1; } }
@keyframes slide-in { from { transform: translateY(10px); } to { transform: translateY(0); } }
@keyframes spin     { to { transform: rotate(360deg); } }

.animate-none       { animation: none; }
.animate-fade       { animation: fade 300ms ease-out both; }
.animate-slide-in   { animation: slide-in 500ms ease-out both; }
.animate-spin       { animation: spin 1s linear infinite; }


/* -----------------------------------------------------------------------------
   13. Transforms & Perspective
----------------------------------------------------------------------------- */
/* Base */
.transform          { transform: var(--tw-transform, none); }
.transform-none     { transform: none; }

/* Scale */
.scale-50   { --tw-transform: scale(0.5); }
.scale-75   { --tw-transform: scale(0.75); }
.scale-90   { --tw-transform: scale(0.9); }
.scale-100  { --tw-transform: scale(1); }
.scale-105  { --tw-transform: scale(1.05); }
.scale-110  { --tw-transform: scale(1.1); }
.scale-125  { --tw-transform: scale(1.25); }
.scale-150  { --tw-transform: scale(1.5); }

/* Translate */
.translate-x-0   { --tw-transform: translateX(0); }
.translate-x-1   { --tw-transform: translateX(0.25rem); }
.translate-x-2   { --tw-transform: translateX(0.5rem); }
.translate-x-4   { --tw-transform: translateX(1rem); }
.translate-x-8   { --tw-transform: translateX(2rem); }
.translate-y-0   { --tw-transform: translateY(0); }
.translate-y-1   { --tw-transform: translateY(0.25rem); }
.translate-y-2   { --tw-transform: translateY(0.5rem); }
.translate-y-4   { --tw-transform: translateY(1rem); }
.translate-y-8   { --tw-transform: translateY(2rem); }

/* Rotate */
.rotate-0   { --tw-transform: rotate(0deg); }
.rotate-45  { --tw-transform: rotate(45deg); }
.rotate-90  { --tw-transform: rotate(90deg); }
.rotate-180 { --tw-transform: rotate(180deg); }

/* Skew */
.skew-x-0  { --tw-transform: skewX(0); }
.skew-x-3  { --tw-transform: skewX(3deg); }
.skew-x-6  { --tw-transform: skewX(6deg); }
.skew-y-0  { --tw-transform: skewY(0); }
.skew-y-3  { --tw-transform: skewY(3deg); }
.skew-y-6  { --tw-transform: skewY(6deg); }

/* Transform Origin */
.origin-center  { transform-origin: center; }
.origin-top     { transform-origin: top; }
.origin-right   { transform-origin: right; }
.origin-bottom  { transform-origin: bottom; }
.origin-left    { transform-origin: left; }

/* Perspective */
.perspective-none { perspective: none; }
.perspective-sm   { perspective: 400px; }
.perspective-md   { perspective: 800px; }
.perspective-lg   { perspective: 1200px; }
.perspective-xl   { perspective: 1600px; }

.perspective-origin-center { perspective-origin: center; }
.perspective-origin-top    { perspective-origin: top; }
.perspective-origin-left   { perspective-origin: left; }
.perspective-origin-right  { perspective-origin: right; }
.perspective-origin-bottom { perspective-origin: bottom; }

.backface-visible   { backface-visibility: visible; }
.backface-hidden    { backface-visibility: hidden; }
.transform-style-flat       { transform-style: flat; }
.transform-style-preserve   { transform-style: preserve-3d; }


/* -----------------------------------------------------------------------------
   14. Filters & Blend Modes
----------------------------------------------------------------------------- */
/* Filters */
.filter-none          { filter: none; }
.filter-grayscale     { filter: grayscale(100%); }
.filter-blur          { filter: blur(4px); }
.filter-brightness-50 { filter: brightness(0.5); }
.filter-contrast-125  { filter: contrast(1.25); }
.filter-saturate-150  { filter: saturate(1.5); }
.filter-sepia         { filter: sepia(100%); }
.filter-hue-rotate-90 { filter: hue-rotate(90deg); }

/* Backdrop Filters */
.backdrop-filter-none      { backdrop-filter: none; }
.backdrop-blur            { backdrop-filter: blur(4px); }

/* Blend Modes */
.bg-blend-normal    { background-blend-mode: normal; }
.bg-blend-multiply  { background-blend-mode: multiply; }
.bg-blend-screen    { background-blend-mode: screen; }
.bg-blend-overlay   { background-blend-mode: overlay; }
.bg-blend-darken    { background-blend-mode: darken; }
.bg-blend-lighten   { background-blend-mode: lighten; }
.mix-blend-normal   { mix-blend-mode: normal; }
.mix-blend-multiply { mix-blend-mode: multiply; }
.mix-blend-screen   { mix-blend-mode: screen; }
.mix-blend-overlay  { mix-blend-mode: overlay; }

/* -----------------------------------------------------------------------------
   15. Box-model Extras
----------------------------------------------------------------------------- */
/* Box Decoration Break */
.decoration-slice { box-decoration-break: slice; }
.decoration-clone { box-decoration-break: clone; }

/* Box Sizing */
.box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }

/* Clip Path */
.clip-none      { clip-path: none; }
.clip-circle    { clip-path: circle(50%); }
.clip-ellipse   { clip-path: ellipse(50% 75%); }
.clip-inset     { clip-path: inset(10%); }
.clip-polygon   { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }

/* Outline & Ring */
.outline-none   { outline: none; }
.outline-solid  { outline-style: solid; }
.outline-dashed { outline-style: dashed; }
.outline-offset-0 { outline-offset: 0; }
.outline-offset-2 { outline-offset: 2px; }
.outline-offset-4 { outline-offset: 4px; }

/* Ring (box-shadow based) */
.ring-0       { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.ring-1       { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.ring-2       { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }

/* Box Shadows */
.shadow-none    { box-shadow: none; }
.shadow-sm      { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.shadow         { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.shadow-md      { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.shadow-lg      { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.shadow-xl      { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.shadow-2xl     { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }

/* Accent & Appearance */
.accent-auto      { accent-color: auto; }
.accent-current   { accent-color: currentColor; }
.appearance-none  { appearance: none; }

/* -----------------------------------------------------------------------------
   16. Accessibility & UX Helpers
----------------------------------------------------------------------------- */
/* Screen readers */
.sr-only         { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.not-sr-only     { position: static; width: auto; height: auto; overflow: visible; clip: auto; }

/* Cursor */
.cursor-auto       { cursor: auto; }
.cursor-pointer    { cursor: pointer; }
.cursor-default    { cursor: default; }
.cursor-wait       { cursor: wait; }
.cursor-text       { cursor: text; }
.cursor-move       { cursor: move; }
.cursor-not-allowed{ cursor: not-allowed; }

/* Pointer events */
.pointer-events-auto   { pointer-events: auto; }
.pointer-events-none   { pointer-events: none; }

/* -----------------------------------------------------------------------------
   17. Miscellaneous Utilities
----------------------------------------------------------------------------- */
/* Resize */
.resize-none   { resize: none; }
.resize-y      { resize: vertical; }
.resize-x      { resize: horizontal; }
.resize        { resize: both; }

/* Scroll behavior */
.scroll-auto    { scroll-behavior: auto; }
.scroll-smooth  { scroll-behavior: smooth; }

/* Scroll margin */
.scroll-m-0    { scroll-margin: 0; }
.scroll-m-1    { scroll-margin: 0.25rem; }
.scroll-m-2    { scroll-margin: 0.5rem; }
.scroll-m-4    { scroll-margin: 1rem; }
.scroll-m-8    { scroll-margin: 2rem; }
.scroll-p-0    { scroll-padding: 0; }
.scroll-p-1    { scroll-padding: 0.25rem; }
.scroll-p-2    { scroll-padding: 0.5rem; }
.scroll-p-4    { scroll-padding: 1rem; }
.scroll-p-8    { scroll-padding: 2rem; }

/* -----------------------------------------------------------------------------
   18. Utilities You Requested
----------------------------------------------------------------------------- */
/* Touch action */
.touch-auto       { touch-action: auto; }
.touch-none       { touch-action: none; }
.touch-pan-x      { touch-action: pan-x; }
.touch-pan-y      { touch-action: pan-y; }
.touch-manipulation { touch-action: manipulation; }

/* User select */
.select-none   { user-select: none; }
.select-text   { user-select: text; }
.select-all    { user-select: all; }
.select-auto   { user-select: auto; }

/* Will change */
.will-change-auto      { will-change: auto; }
.will-change-scroll    { will-change: scroll-position; }
.will-change-transform { will-change: transform; }
.will-change-opacity   { will-change: opacity; }

/* ─── Semantic Backgrounds ─────────────────────────── */
.bg-primary      { background-color: var(--quanta-primary); }
.bg-secondary    { background-color: var(--quanta-bg-secondary); }
.bg-success      { background-color: var(--quanta-bg-success); }
.bg-warning      { background-color: var(--quanta-bg-warning); }
.bg-danger       { background-color: var(--quanta-bg-danger); }
.bg-info         { background-color: var(--quanta-bg-info); }

/* ─── Semantic Text Colors ─────────────────────────── */
.text-primary    { color: var(--quanta-primary); }
.text-secondary  { color: var(--quanta-text-secondary); }
.text-success    { color: var(--quanta-text-success); }
.text-warning    { color: var(--quanta-text-warning); }
.text-danger     { color: var(--quanta-text-danger); }
.text-info       { color: var(--quanta-text-info); }

/* ─── Semantic Border Colors ───────────────────────── */
.border-primary      { border-color: var(--quanta-primary); }
.border-secondary    { border-color: var(--quanta-border-secondary); }
.border-success      { border-color: var(--quanta-border-success); }
.border-warning      { border-color: var(--quanta-border-warning); }
.border-danger       { border-color: var(--quanta-border-danger); }
.border-info         { border-color: var(--quanta-border-info); }
/* src/components/reset.css */
@layer components.reset {
  /* Core box‑sizing */
  *, *::before, *::after { box-sizing: border-box; }

  /* Reset margins, paddings, outlines */
  :where(html, body,
         h1, h2, h3, h4, h5, h6,
         p, blockquote, pre,
         ol, ul, li,
         dl, dt, dd,
         figure, figcaption,
         hr,
         fieldset, legend,
         input, button, select, textarea,
         table, th, td,
         img, video, canvas, svg,
         iframe, form, label, legend) {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
  }

  /* Make HTML5 elements block */
  :where(article, aside, footer, header, main, nav, section) {
    display: block;
  }

  /* Lists, quotes, tables, media */
  ol, ul { list-style: none; }
  blockquote, q   { quotes: none; }
  table           { border-collapse: collapse; border-spacing: 0; }
  img, video      { max-width: 100%; height: auto; display: block; }

  /* Form elements */
  button, input, select, textarea {
    font: inherit;
    color: inherit;
    background: transparent;
    appearance: none;
  }
  button::-moz-focus-inner { border: 0; padding: 0; }
  textarea { resize: vertical; }

  /* Links */
  a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font-size: inherit;
  }
  a:hover {
    text-decoration: underline;
  }
  a:not([href]):not([class]),
  a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
    cursor: default;
  }

  /* Scrollbars */
  ::-webkit-scrollbar {
    width: 6px; height: 6px;
  }

  /* Accessibility */
  :where(:focus-visible) {
    outline: 2px solid var(--quanta-focus, #4f46e5);
    outline-offset: 2px;
  }
}
/* Normalize and Reset Combined */

/* Set box-sizing to border-box for all elements */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin and padding from all elements */
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, figure, blockquote, pre, dl, dt, dd, table, th, td {
  margin: 0;
  padding: 0;
}

/* Set the font to a consistent base (using system font stack) */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
  background-color: #fff; /* Light mode default */
  color: #333; /* Default text color */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 100%;
}

/* Set the text size and height for elements that inherit text sizing */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: 1rem;
  font-weight: inherit;
}

/* Reset for hyperlinks */
a {
  text-decoration: none;
  color: inherit; /* Makes links inherit the color of their parents */
}

/* Remove default list styles */
ul, ol {
  list-style: none;
}

/* Reset table borders and spacing */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  padding: 0;
  text-align: left;
  vertical-align: top;
}

/* Remove quotes from blockquotes */
blockquote {
  quotes: none;
}

blockquote::before, blockquote::after {
  content: "";
  content: none;
}

/* Reset form inputs, buttons, etc. */
input, button, textarea, select {
  font: inherit;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  color: inherit;
}

/* Style links and buttons to inherit color and not break layout */
button, a {
  cursor: pointer;
  background: none;
  border: none;
}

/* Avoid horizontal scrollbars in the document */
body, html {
  overflow-x: hidden;
}

/* Set the body's background to be flexible */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Allow full-height of the viewport */
html, body {
  height: 100%;
}

/* Normalize form elements */
input, button, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 1px solid #ccc;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: 1.5;
  padding: 0.5rem;
  margin: 0.25rem 0;
}

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
}

textarea {
  resize: vertical;
}

/* Reset input and button focus outlines for a custom solution */
input:focus, textarea:focus, button:focus {
  outline: none;
}

/* Prevent default focus ring styling for buttons */
button:focus {
  outline: none;
  box-shadow: none;
}

/* Normalize scrollbars */
html {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

html::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html::-webkit-scrollbar-thumb {
  background-color: #888;
}

html::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

html::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/* Ensure text doesn't overflow or get cut off unnecessarily */
body {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Ensure links have a consistent base style */
a {
  color: inherit;
  text-decoration: none;
}

a:visited {
  color: inherit;
}

/* Accessibility: Focus styling */
:focus {
  outline: 2px solid #00f;
}

/* Better for accessibility and touch-based devices */
button, input, select, textarea {
  cursor: pointer;
  user-select: none;
}

/* Form reset for consistent input field styling */
input[type="text"], input[type="password"], textarea {
  background-color: #fff;
  border-radius: 4px;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: #e0e0e0;
  }

  a {
    color: #bb86fc;
  }

  input, button, textarea {
    background-color: #333;
    color: #fff;
  }

  table {
    background-color: #1e1e1e;
  }
}

.p-auto { padding: auto; }
.hover-p-auto:hover { padding: auto; }
.focus-p-auto:focus { padding: auto; }
.active-p-auto:active { padding: auto; }
.disabled-p-auto:disabled { padding: auto; }
.group:hover .group-hover-p-auto { padding: auto; }
.p-0 { padding: 0; }
.hover-p-0:hover { padding: 0; }
.focus-p-0:focus { padding: 0; }
.active-p-0:active { padding: 0; }
.disabled-p-0:disabled { padding: 0; }
.group:hover .group-hover-p-0 { padding: 0; }
.p-1 { padding: 0.25rem; }
.hover-p-1:hover { padding: 0.25rem; }
.focus-p-1:focus { padding: 0.25rem; }
.active-p-1:active { padding: 0.25rem; }
.disabled-p-1:disabled { padding: 0.25rem; }
.group:hover .group-hover-p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.hover-p-2:hover { padding: 0.5rem; }
.focus-p-2:focus { padding: 0.5rem; }
.active-p-2:active { padding: 0.5rem; }
.disabled-p-2:disabled { padding: 0.5rem; }
.group:hover .group-hover-p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.hover-p-3:hover { padding: 0.75rem; }
.focus-p-3:focus { padding: 0.75rem; }
.active-p-3:active { padding: 0.75rem; }
.disabled-p-3:disabled { padding: 0.75rem; }
.group:hover .group-hover-p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.hover-p-4:hover { padding: 1rem; }
.focus-p-4:focus { padding: 1rem; }
.active-p-4:active { padding: 1rem; }
.disabled-p-4:disabled { padding: 1rem; }
.group:hover .group-hover-p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.hover-p-5:hover { padding: 1.25rem; }
.focus-p-5:focus { padding: 1.25rem; }
.active-p-5:active { padding: 1.25rem; }
.disabled-p-5:disabled { padding: 1.25rem; }
.group:hover .group-hover-p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.hover-p-6:hover { padding: 1.5rem; }
.focus-p-6:focus { padding: 1.5rem; }
.active-p-6:active { padding: 1.5rem; }
.disabled-p-6:disabled { padding: 1.5rem; }
.group:hover .group-hover-p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.hover-p-8:hover { padding: 2rem; }
.focus-p-8:focus { padding: 2rem; }
.active-p-8:active { padding: 2rem; }
.disabled-p-8:disabled { padding: 2rem; }
.group:hover .group-hover-p-8 { padding: 2rem; }
.p-10 { padding: 2.5rem; }
.hover-p-10:hover { padding: 2.5rem; }
.focus-p-10:focus { padding: 2.5rem; }
.active-p-10:active { padding: 2.5rem; }
.disabled-p-10:disabled { padding: 2.5rem; }
.group:hover .group-hover-p-10 { padding: 2.5rem; }
.p-12 { padding: 3rem; }
.hover-p-12:hover { padding: 3rem; }
.focus-p-12:focus { padding: 3rem; }
.active-p-12:active { padding: 3rem; }
.disabled-p-12:disabled { padding: 3rem; }
.group:hover .group-hover-p-12 { padding: 3rem; }
.p-16 { padding: 4rem; }
.hover-p-16:hover { padding: 4rem; }
.focus-p-16:focus { padding: 4rem; }
.active-p-16:active { padding: 4rem; }
.disabled-p-16:disabled { padding: 4rem; }
.group:hover .group-hover-p-16 { padding: 4rem; }
.p-20 { padding: 5rem; }
.hover-p-20:hover { padding: 5rem; }
.focus-p-20:focus { padding: 5rem; }
.active-p-20:active { padding: 5rem; }
.disabled-p-20:disabled { padding: 5rem; }
.group:hover .group-hover-p-20 { padding: 5rem; }
.p-24 { padding: 6rem; }
.hover-p-24:hover { padding: 6rem; }
.focus-p-24:focus { padding: 6rem; }
.active-p-24:active { padding: 6rem; }
.disabled-p-24:disabled { padding: 6rem; }
.group:hover .group-hover-p-24 { padding: 6rem; }
.p-28 { padding: 7rem; }
.hover-p-28:hover { padding: 7rem; }
.focus-p-28:focus { padding: 7rem; }
.active-p-28:active { padding: 7rem; }
.disabled-p-28:disabled { padding: 7rem; }
.group:hover .group-hover-p-28 { padding: 7rem; }
.p-32 { padding: 8rem; }
.hover-p-32:hover { padding: 8rem; }
.focus-p-32:focus { padding: 8rem; }
.active-p-32:active { padding: 8rem; }
.disabled-p-32:disabled { padding: 8rem; }
.group:hover .group-hover-p-32 { padding: 8rem; }
.pt-auto { padding-top: auto; }
.hover-pt-auto:hover { padding-top: auto; }
.focus-pt-auto:focus { padding-top: auto; }
.active-pt-auto:active { padding-top: auto; }
.disabled-pt-auto:disabled { padding-top: auto; }
.group:hover .group-hover-pt-auto { padding-top: auto; }
.pt-0 { padding-top: 0; }
.hover-pt-0:hover { padding-top: 0; }
.focus-pt-0:focus { padding-top: 0; }
.active-pt-0:active { padding-top: 0; }
.disabled-pt-0:disabled { padding-top: 0; }
.group:hover .group-hover-pt-0 { padding-top: 0; }
.pt-1 { padding-top: 0.25rem; }
.hover-pt-1:hover { padding-top: 0.25rem; }
.focus-pt-1:focus { padding-top: 0.25rem; }
.active-pt-1:active { padding-top: 0.25rem; }
.disabled-pt-1:disabled { padding-top: 0.25rem; }
.group:hover .group-hover-pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.hover-pt-2:hover { padding-top: 0.5rem; }
.focus-pt-2:focus { padding-top: 0.5rem; }
.active-pt-2:active { padding-top: 0.5rem; }
.disabled-pt-2:disabled { padding-top: 0.5rem; }
.group:hover .group-hover-pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 0.75rem; }
.hover-pt-3:hover { padding-top: 0.75rem; }
.focus-pt-3:focus { padding-top: 0.75rem; }
.active-pt-3:active { padding-top: 0.75rem; }
.disabled-pt-3:disabled { padding-top: 0.75rem; }
.group:hover .group-hover-pt-3 { padding-top: 0.75rem; }
.pt-4 { padding-top: 1rem; }
.hover-pt-4:hover { padding-top: 1rem; }
.focus-pt-4:focus { padding-top: 1rem; }
.active-pt-4:active { padding-top: 1rem; }
.disabled-pt-4:disabled { padding-top: 1rem; }
.group:hover .group-hover-pt-4 { padding-top: 1rem; }
.pt-5 { padding-top: 1.25rem; }
.hover-pt-5:hover { padding-top: 1.25rem; }
.focus-pt-5:focus { padding-top: 1.25rem; }
.active-pt-5:active { padding-top: 1.25rem; }
.disabled-pt-5:disabled { padding-top: 1.25rem; }
.group:hover .group-hover-pt-5 { padding-top: 1.25rem; }
.pt-6 { padding-top: 1.5rem; }
.hover-pt-6:hover { padding-top: 1.5rem; }
.focus-pt-6:focus { padding-top: 1.5rem; }
.active-pt-6:active { padding-top: 1.5rem; }
.disabled-pt-6:disabled { padding-top: 1.5rem; }
.group:hover .group-hover-pt-6 { padding-top: 1.5rem; }
.pt-8 { padding-top: 2rem; }
.hover-pt-8:hover { padding-top: 2rem; }
.focus-pt-8:focus { padding-top: 2rem; }
.active-pt-8:active { padding-top: 2rem; }
.disabled-pt-8:disabled { padding-top: 2rem; }
.group:hover .group-hover-pt-8 { padding-top: 2rem; }
.pt-10 { padding-top: 2.5rem; }
.hover-pt-10:hover { padding-top: 2.5rem; }
.focus-pt-10:focus { padding-top: 2.5rem; }
.active-pt-10:active { padding-top: 2.5rem; }
.disabled-pt-10:disabled { padding-top: 2.5rem; }
.group:hover .group-hover-pt-10 { padding-top: 2.5rem; }
.pt-12 { padding-top: 3rem; }
.hover-pt-12:hover { padding-top: 3rem; }
.focus-pt-12:focus { padding-top: 3rem; }
.active-pt-12:active { padding-top: 3rem; }
.disabled-pt-12:disabled { padding-top: 3rem; }
.group:hover .group-hover-pt-12 { padding-top: 3rem; }
.pt-16 { padding-top: 4rem; }
.hover-pt-16:hover { padding-top: 4rem; }
.focus-pt-16:focus { padding-top: 4rem; }
.active-pt-16:active { padding-top: 4rem; }
.disabled-pt-16:disabled { padding-top: 4rem; }
.group:hover .group-hover-pt-16 { padding-top: 4rem; }
.pt-20 { padding-top: 5rem; }
.hover-pt-20:hover { padding-top: 5rem; }
.focus-pt-20:focus { padding-top: 5rem; }
.active-pt-20:active { padding-top: 5rem; }
.disabled-pt-20:disabled { padding-top: 5rem; }
.group:hover .group-hover-pt-20 { padding-top: 5rem; }
.pt-24 { padding-top: 6rem; }
.hover-pt-24:hover { padding-top: 6rem; }
.focus-pt-24:focus { padding-top: 6rem; }
.active-pt-24:active { padding-top: 6rem; }
.disabled-pt-24:disabled { padding-top: 6rem; }
.group:hover .group-hover-pt-24 { padding-top: 6rem; }
.pt-28 { padding-top: 7rem; }
.hover-pt-28:hover { padding-top: 7rem; }
.focus-pt-28:focus { padding-top: 7rem; }
.active-pt-28:active { padding-top: 7rem; }
.disabled-pt-28:disabled { padding-top: 7rem; }
.group:hover .group-hover-pt-28 { padding-top: 7rem; }
.pt-32 { padding-top: 8rem; }
.hover-pt-32:hover { padding-top: 8rem; }
.focus-pt-32:focus { padding-top: 8rem; }
.active-pt-32:active { padding-top: 8rem; }
.disabled-pt-32:disabled { padding-top: 8rem; }
.group:hover .group-hover-pt-32 { padding-top: 8rem; }
.pb-auto { padding-bottom: auto; }
.hover-pb-auto:hover { padding-bottom: auto; }
.focus-pb-auto:focus { padding-bottom: auto; }
.active-pb-auto:active { padding-bottom: auto; }
.disabled-pb-auto:disabled { padding-bottom: auto; }
.group:hover .group-hover-pb-auto { padding-bottom: auto; }
.pb-0 { padding-bottom: 0; }
.hover-pb-0:hover { padding-bottom: 0; }
.focus-pb-0:focus { padding-bottom: 0; }
.active-pb-0:active { padding-bottom: 0; }
.disabled-pb-0:disabled { padding-bottom: 0; }
.group:hover .group-hover-pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 0.25rem; }
.hover-pb-1:hover { padding-bottom: 0.25rem; }
.focus-pb-1:focus { padding-bottom: 0.25rem; }
.active-pb-1:active { padding-bottom: 0.25rem; }
.disabled-pb-1:disabled { padding-bottom: 0.25rem; }
.group:hover .group-hover-pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.hover-pb-2:hover { padding-bottom: 0.5rem; }
.focus-pb-2:focus { padding-bottom: 0.5rem; }
.active-pb-2:active { padding-bottom: 0.5rem; }
.disabled-pb-2:disabled { padding-bottom: 0.5rem; }
.group:hover .group-hover-pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 0.75rem; }
.hover-pb-3:hover { padding-bottom: 0.75rem; }
.focus-pb-3:focus { padding-bottom: 0.75rem; }
.active-pb-3:active { padding-bottom: 0.75rem; }
.disabled-pb-3:disabled { padding-bottom: 0.75rem; }
.group:hover .group-hover-pb-3 { padding-bottom: 0.75rem; }
.pb-4 { padding-bottom: 1rem; }
.hover-pb-4:hover { padding-bottom: 1rem; }
.focus-pb-4:focus { padding-bottom: 1rem; }
.active-pb-4:active { padding-bottom: 1rem; }
.disabled-pb-4:disabled { padding-bottom: 1rem; }
.group:hover .group-hover-pb-4 { padding-bottom: 1rem; }
.pb-5 { padding-bottom: 1.25rem; }
.hover-pb-5:hover { padding-bottom: 1.25rem; }
.focus-pb-5:focus { padding-bottom: 1.25rem; }
.active-pb-5:active { padding-bottom: 1.25rem; }
.disabled-pb-5:disabled { padding-bottom: 1.25rem; }
.group:hover .group-hover-pb-5 { padding-bottom: 1.25rem; }
.pb-6 { padding-bottom: 1.5rem; }
.hover-pb-6:hover { padding-bottom: 1.5rem; }
.focus-pb-6:focus { padding-bottom: 1.5rem; }
.active-pb-6:active { padding-bottom: 1.5rem; }
.disabled-pb-6:disabled { padding-bottom: 1.5rem; }
.group:hover .group-hover-pb-6 { padding-bottom: 1.5rem; }
.pb-8 { padding-bottom: 2rem; }
.hover-pb-8:hover { padding-bottom: 2rem; }
.focus-pb-8:focus { padding-bottom: 2rem; }
.active-pb-8:active { padding-bottom: 2rem; }
.disabled-pb-8:disabled { padding-bottom: 2rem; }
.group:hover .group-hover-pb-8 { padding-bottom: 2rem; }
.pb-10 { padding-bottom: 2.5rem; }
.hover-pb-10:hover { padding-bottom: 2.5rem; }
.focus-pb-10:focus { padding-bottom: 2.5rem; }
.active-pb-10:active { padding-bottom: 2.5rem; }
.disabled-pb-10:disabled { padding-bottom: 2.5rem; }
.group:hover .group-hover-pb-10 { padding-bottom: 2.5rem; }
.pb-12 { padding-bottom: 3rem; }
.hover-pb-12:hover { padding-bottom: 3rem; }
.focus-pb-12:focus { padding-bottom: 3rem; }
.active-pb-12:active { padding-bottom: 3rem; }
.disabled-pb-12:disabled { padding-bottom: 3rem; }
.group:hover .group-hover-pb-12 { padding-bottom: 3rem; }
.pb-16 { padding-bottom: 4rem; }
.hover-pb-16:hover { padding-bottom: 4rem; }
.focus-pb-16:focus { padding-bottom: 4rem; }
.active-pb-16:active { padding-bottom: 4rem; }
.disabled-pb-16:disabled { padding-bottom: 4rem; }
.group:hover .group-hover-pb-16 { padding-bottom: 4rem; }
.pb-20 { padding-bottom: 5rem; }
.hover-pb-20:hover { padding-bottom: 5rem; }
.focus-pb-20:focus { padding-bottom: 5rem; }
.active-pb-20:active { padding-bottom: 5rem; }
.disabled-pb-20:disabled { padding-bottom: 5rem; }
.group:hover .group-hover-pb-20 { padding-bottom: 5rem; }
.pb-24 { padding-bottom: 6rem; }
.hover-pb-24:hover { padding-bottom: 6rem; }
.focus-pb-24:focus { padding-bottom: 6rem; }
.active-pb-24:active { padding-bottom: 6rem; }
.disabled-pb-24:disabled { padding-bottom: 6rem; }
.group:hover .group-hover-pb-24 { padding-bottom: 6rem; }
.pb-28 { padding-bottom: 7rem; }
.hover-pb-28:hover { padding-bottom: 7rem; }
.focus-pb-28:focus { padding-bottom: 7rem; }
.active-pb-28:active { padding-bottom: 7rem; }
.disabled-pb-28:disabled { padding-bottom: 7rem; }
.group:hover .group-hover-pb-28 { padding-bottom: 7rem; }
.pb-32 { padding-bottom: 8rem; }
.hover-pb-32:hover { padding-bottom: 8rem; }
.focus-pb-32:focus { padding-bottom: 8rem; }
.active-pb-32:active { padding-bottom: 8rem; }
.disabled-pb-32:disabled { padding-bottom: 8rem; }
.group:hover .group-hover-pb-32 { padding-bottom: 8rem; }
.pl-auto { padding-left: auto; }
.hover-pl-auto:hover { padding-left: auto; }
.focus-pl-auto:focus { padding-left: auto; }
.active-pl-auto:active { padding-left: auto; }
.disabled-pl-auto:disabled { padding-left: auto; }
.group:hover .group-hover-pl-auto { padding-left: auto; }
.pl-0 { padding-left: 0; }
.hover-pl-0:hover { padding-left: 0; }
.focus-pl-0:focus { padding-left: 0; }
.active-pl-0:active { padding-left: 0; }
.disabled-pl-0:disabled { padding-left: 0; }
.group:hover .group-hover-pl-0 { padding-left: 0; }
.pl-1 { padding-left: 0.25rem; }
.hover-pl-1:hover { padding-left: 0.25rem; }
.focus-pl-1:focus { padding-left: 0.25rem; }
.active-pl-1:active { padding-left: 0.25rem; }
.disabled-pl-1:disabled { padding-left: 0.25rem; }
.group:hover .group-hover-pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
.hover-pl-2:hover { padding-left: 0.5rem; }
.focus-pl-2:focus { padding-left: 0.5rem; }
.active-pl-2:active { padding-left: 0.5rem; }
.disabled-pl-2:disabled { padding-left: 0.5rem; }
.group:hover .group-hover-pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 0.75rem; }
.hover-pl-3:hover { padding-left: 0.75rem; }
.focus-pl-3:focus { padding-left: 0.75rem; }
.active-pl-3:active { padding-left: 0.75rem; }
.disabled-pl-3:disabled { padding-left: 0.75rem; }
.group:hover .group-hover-pl-3 { padding-left: 0.75rem; }
.pl-4 { padding-left: 1rem; }
.hover-pl-4:hover { padding-left: 1rem; }
.focus-pl-4:focus { padding-left: 1rem; }
.active-pl-4:active { padding-left: 1rem; }
.disabled-pl-4:disabled { padding-left: 1rem; }
.group:hover .group-hover-pl-4 { padding-left: 1rem; }
.pl-5 { padding-left: 1.25rem; }
.hover-pl-5:hover { padding-left: 1.25rem; }
.focus-pl-5:focus { padding-left: 1.25rem; }
.active-pl-5:active { padding-left: 1.25rem; }
.disabled-pl-5:disabled { padding-left: 1.25rem; }
.group:hover .group-hover-pl-5 { padding-left: 1.25rem; }
.pl-6 { padding-left: 1.5rem; }
.hover-pl-6:hover { padding-left: 1.5rem; }
.focus-pl-6:focus { padding-left: 1.5rem; }
.active-pl-6:active { padding-left: 1.5rem; }
.disabled-pl-6:disabled { padding-left: 1.5rem; }
.group:hover .group-hover-pl-6 { padding-left: 1.5rem; }
.pl-8 { padding-left: 2rem; }
.hover-pl-8:hover { padding-left: 2rem; }
.focus-pl-8:focus { padding-left: 2rem; }
.active-pl-8:active { padding-left: 2rem; }
.disabled-pl-8:disabled { padding-left: 2rem; }
.group:hover .group-hover-pl-8 { padding-left: 2rem; }
.pl-10 { padding-left: 2.5rem; }
.hover-pl-10:hover { padding-left: 2.5rem; }
.focus-pl-10:focus { padding-left: 2.5rem; }
.active-pl-10:active { padding-left: 2.5rem; }
.disabled-pl-10:disabled { padding-left: 2.5rem; }
.group:hover .group-hover-pl-10 { padding-left: 2.5rem; }
.pl-12 { padding-left: 3rem; }
.hover-pl-12:hover { padding-left: 3rem; }
.focus-pl-12:focus { padding-left: 3rem; }
.active-pl-12:active { padding-left: 3rem; }
.disabled-pl-12:disabled { padding-left: 3rem; }
.group:hover .group-hover-pl-12 { padding-left: 3rem; }
.pl-16 { padding-left: 4rem; }
.hover-pl-16:hover { padding-left: 4rem; }
.focus-pl-16:focus { padding-left: 4rem; }
.active-pl-16:active { padding-left: 4rem; }
.disabled-pl-16:disabled { padding-left: 4rem; }
.group:hover .group-hover-pl-16 { padding-left: 4rem; }
.pl-20 { padding-left: 5rem; }
.hover-pl-20:hover { padding-left: 5rem; }
.focus-pl-20:focus { padding-left: 5rem; }
.active-pl-20:active { padding-left: 5rem; }
.disabled-pl-20:disabled { padding-left: 5rem; }
.group:hover .group-hover-pl-20 { padding-left: 5rem; }
.pl-24 { padding-left: 6rem; }
.hover-pl-24:hover { padding-left: 6rem; }
.focus-pl-24:focus { padding-left: 6rem; }
.active-pl-24:active { padding-left: 6rem; }
.disabled-pl-24:disabled { padding-left: 6rem; }
.group:hover .group-hover-pl-24 { padding-left: 6rem; }
.pl-28 { padding-left: 7rem; }
.hover-pl-28:hover { padding-left: 7rem; }
.focus-pl-28:focus { padding-left: 7rem; }
.active-pl-28:active { padding-left: 7rem; }
.disabled-pl-28:disabled { padding-left: 7rem; }
.group:hover .group-hover-pl-28 { padding-left: 7rem; }
.pl-32 { padding-left: 8rem; }
.hover-pl-32:hover { padding-left: 8rem; }
.focus-pl-32:focus { padding-left: 8rem; }
.active-pl-32:active { padding-left: 8rem; }
.disabled-pl-32:disabled { padding-left: 8rem; }
.group:hover .group-hover-pl-32 { padding-left: 8rem; }
.pr-auto { padding-right: auto; }
.hover-pr-auto:hover { padding-right: auto; }
.focus-pr-auto:focus { padding-right: auto; }
.active-pr-auto:active { padding-right: auto; }
.disabled-pr-auto:disabled { padding-right: auto; }
.group:hover .group-hover-pr-auto { padding-right: auto; }
.pr-0 { padding-right: 0; }
.hover-pr-0:hover { padding-right: 0; }
.focus-pr-0:focus { padding-right: 0; }
.active-pr-0:active { padding-right: 0; }
.disabled-pr-0:disabled { padding-right: 0; }
.group:hover .group-hover-pr-0 { padding-right: 0; }
.pr-1 { padding-right: 0.25rem; }
.hover-pr-1:hover { padding-right: 0.25rem; }
.focus-pr-1:focus { padding-right: 0.25rem; }
.active-pr-1:active { padding-right: 0.25rem; }
.disabled-pr-1:disabled { padding-right: 0.25rem; }
.group:hover .group-hover-pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
.hover-pr-2:hover { padding-right: 0.5rem; }
.focus-pr-2:focus { padding-right: 0.5rem; }
.active-pr-2:active { padding-right: 0.5rem; }
.disabled-pr-2:disabled { padding-right: 0.5rem; }
.group:hover .group-hover-pr-2 { padding-right: 0.5rem; }
.pr-3 { padding-right: 0.75rem; }
.hover-pr-3:hover { padding-right: 0.75rem; }
.focus-pr-3:focus { padding-right: 0.75rem; }
.active-pr-3:active { padding-right: 0.75rem; }
.disabled-pr-3:disabled { padding-right: 0.75rem; }
.group:hover .group-hover-pr-3 { padding-right: 0.75rem; }
.pr-4 { padding-right: 1rem; }
.hover-pr-4:hover { padding-right: 1rem; }
.focus-pr-4:focus { padding-right: 1rem; }
.active-pr-4:active { padding-right: 1rem; }
.disabled-pr-4:disabled { padding-right: 1rem; }
.group:hover .group-hover-pr-4 { padding-right: 1rem; }
.pr-5 { padding-right: 1.25rem; }
.hover-pr-5:hover { padding-right: 1.25rem; }
.focus-pr-5:focus { padding-right: 1.25rem; }
.active-pr-5:active { padding-right: 1.25rem; }
.disabled-pr-5:disabled { padding-right: 1.25rem; }
.group:hover .group-hover-pr-5 { padding-right: 1.25rem; }
.pr-6 { padding-right: 1.5rem; }
.hover-pr-6:hover { padding-right: 1.5rem; }
.focus-pr-6:focus { padding-right: 1.5rem; }
.active-pr-6:active { padding-right: 1.5rem; }
.disabled-pr-6:disabled { padding-right: 1.5rem; }
.group:hover .group-hover-pr-6 { padding-right: 1.5rem; }
.pr-8 { padding-right: 2rem; }
.hover-pr-8:hover { padding-right: 2rem; }
.focus-pr-8:focus { padding-right: 2rem; }
.active-pr-8:active { padding-right: 2rem; }
.disabled-pr-8:disabled { padding-right: 2rem; }
.group:hover .group-hover-pr-8 { padding-right: 2rem; }
.pr-10 { padding-right: 2.5rem; }
.hover-pr-10:hover { padding-right: 2.5rem; }
.focus-pr-10:focus { padding-right: 2.5rem; }
.active-pr-10:active { padding-right: 2.5rem; }
.disabled-pr-10:disabled { padding-right: 2.5rem; }
.group:hover .group-hover-pr-10 { padding-right: 2.5rem; }
.pr-12 { padding-right: 3rem; }
.hover-pr-12:hover { padding-right: 3rem; }
.focus-pr-12:focus { padding-right: 3rem; }
.active-pr-12:active { padding-right: 3rem; }
.disabled-pr-12:disabled { padding-right: 3rem; }
.group:hover .group-hover-pr-12 { padding-right: 3rem; }
.pr-16 { padding-right: 4rem; }
.hover-pr-16:hover { padding-right: 4rem; }
.focus-pr-16:focus { padding-right: 4rem; }
.active-pr-16:active { padding-right: 4rem; }
.disabled-pr-16:disabled { padding-right: 4rem; }
.group:hover .group-hover-pr-16 { padding-right: 4rem; }
.pr-20 { padding-right: 5rem; }
.hover-pr-20:hover { padding-right: 5rem; }
.focus-pr-20:focus { padding-right: 5rem; }
.active-pr-20:active { padding-right: 5rem; }
.disabled-pr-20:disabled { padding-right: 5rem; }
.group:hover .group-hover-pr-20 { padding-right: 5rem; }
.pr-24 { padding-right: 6rem; }
.hover-pr-24:hover { padding-right: 6rem; }
.focus-pr-24:focus { padding-right: 6rem; }
.active-pr-24:active { padding-right: 6rem; }
.disabled-pr-24:disabled { padding-right: 6rem; }
.group:hover .group-hover-pr-24 { padding-right: 6rem; }
.pr-28 { padding-right: 7rem; }
.hover-pr-28:hover { padding-right: 7rem; }
.focus-pr-28:focus { padding-right: 7rem; }
.active-pr-28:active { padding-right: 7rem; }
.disabled-pr-28:disabled { padding-right: 7rem; }
.group:hover .group-hover-pr-28 { padding-right: 7rem; }
.pr-32 { padding-right: 8rem; }
.hover-pr-32:hover { padding-right: 8rem; }
.focus-pr-32:focus { padding-right: 8rem; }
.active-pr-32:active { padding-right: 8rem; }
.disabled-pr-32:disabled { padding-right: 8rem; }
.group:hover .group-hover-pr-32 { padding-right: 8rem; }
.px-auto { padding-left: auto; padding-right: auto; }
.hover-px-auto:hover { padding-left: auto; padding-right: auto; }
.focus-px-auto:focus { padding-left: auto; padding-right: auto; }
.active-px-auto:active { padding-left: auto; padding-right: auto; }
.disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
.group:hover .group-hover-px-auto { padding-left: auto; padding-right: auto; }
.px-0 { padding-left: 0; padding-right: 0; }
.hover-px-0:hover { padding-left: 0; padding-right: 0; }
.focus-px-0:focus { padding-left: 0; padding-right: 0; }
.active-px-0:active { padding-left: 0; padding-right: 0; }
.disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
.group:hover .group-hover-px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
.focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
.active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
.disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
.group:hover .group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
.focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
.active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
.disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
.group:hover .group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
.focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
.active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
.disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
.group:hover .group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
.focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
.active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
.disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
.group:hover .group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
.focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
.active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
.disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
.group:hover .group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
.focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
.active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
.disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
.group:hover .group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
.focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
.active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
.disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
.group:hover .group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
.focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
.active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
.disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
.group:hover .group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-12 { padding-left: 3rem; padding-right: 3rem; }
.hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
.focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
.active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
.disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
.group:hover .group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
.px-16 { padding-left: 4rem; padding-right: 4rem; }
.hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
.focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
.active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
.disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
.group:hover .group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
.px-20 { padding-left: 5rem; padding-right: 5rem; }
.hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
.focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
.active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
.disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
.group:hover .group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
.px-24 { padding-left: 6rem; padding-right: 6rem; }
.hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
.focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
.active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
.disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
.group:hover .group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
.px-28 { padding-left: 7rem; padding-right: 7rem; }
.hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
.focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
.active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
.disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
.group:hover .group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
.px-32 { padding-left: 8rem; padding-right: 8rem; }
.hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
.focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
.active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
.disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
.group:hover .group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
.py-auto { padding-top: auto; padding-bottom: auto; }
.hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
.focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
.active-py-auto:active { padding-top: auto; padding-bottom: auto; }
.disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
.group:hover .group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
.focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
.active-py-0:active { padding-top: 0; padding-bottom: 0; }
.disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
.group:hover .group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.group:hover .group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.group:hover .group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.group:hover .group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
.focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
.active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
.disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
.group:hover .group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.group:hover .group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.group:hover .group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
.focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
.active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
.disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
.group:hover .group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.group:hover .group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
.focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
.active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
.disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
.group:hover .group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
.focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
.active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
.disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
.group:hover .group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
.focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
.active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
.disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
.group:hover .group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
.focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
.active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
.disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
.group:hover .group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
.focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
.active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
.disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
.group:hover .group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
.focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
.active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
.disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
.group:hover .group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.m-auto { margin: auto; }
.hover-m-auto:hover { margin: auto; }
.focus-m-auto:focus { margin: auto; }
.active-m-auto:active { margin: auto; }
.disabled-m-auto:disabled { margin: auto; }
.group:hover .group-hover-m-auto { margin: auto; }
.m-0 { margin: 0; }
.hover-m-0:hover { margin: 0; }
.focus-m-0:focus { margin: 0; }
.active-m-0:active { margin: 0; }
.disabled-m-0:disabled { margin: 0; }
.group:hover .group-hover-m-0 { margin: 0; }
.m-1 { margin: 0.25rem; }
.hover-m-1:hover { margin: 0.25rem; }
.focus-m-1:focus { margin: 0.25rem; }
.active-m-1:active { margin: 0.25rem; }
.disabled-m-1:disabled { margin: 0.25rem; }
.group:hover .group-hover-m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.hover-m-2:hover { margin: 0.5rem; }
.focus-m-2:focus { margin: 0.5rem; }
.active-m-2:active { margin: 0.5rem; }
.disabled-m-2:disabled { margin: 0.5rem; }
.group:hover .group-hover-m-2 { margin: 0.5rem; }
.m-3 { margin: 0.75rem; }
.hover-m-3:hover { margin: 0.75rem; }
.focus-m-3:focus { margin: 0.75rem; }
.active-m-3:active { margin: 0.75rem; }
.disabled-m-3:disabled { margin: 0.75rem; }
.group:hover .group-hover-m-3 { margin: 0.75rem; }
.m-4 { margin: 1rem; }
.hover-m-4:hover { margin: 1rem; }
.focus-m-4:focus { margin: 1rem; }
.active-m-4:active { margin: 1rem; }
.disabled-m-4:disabled { margin: 1rem; }
.group:hover .group-hover-m-4 { margin: 1rem; }
.m-5 { margin: 1.25rem; }
.hover-m-5:hover { margin: 1.25rem; }
.focus-m-5:focus { margin: 1.25rem; }
.active-m-5:active { margin: 1.25rem; }
.disabled-m-5:disabled { margin: 1.25rem; }
.group:hover .group-hover-m-5 { margin: 1.25rem; }
.m-6 { margin: 1.5rem; }
.hover-m-6:hover { margin: 1.5rem; }
.focus-m-6:focus { margin: 1.5rem; }
.active-m-6:active { margin: 1.5rem; }
.disabled-m-6:disabled { margin: 1.5rem; }
.group:hover .group-hover-m-6 { margin: 1.5rem; }
.m-8 { margin: 2rem; }
.hover-m-8:hover { margin: 2rem; }
.focus-m-8:focus { margin: 2rem; }
.active-m-8:active { margin: 2rem; }
.disabled-m-8:disabled { margin: 2rem; }
.group:hover .group-hover-m-8 { margin: 2rem; }
.m-10 { margin: 2.5rem; }
.hover-m-10:hover { margin: 2.5rem; }
.focus-m-10:focus { margin: 2.5rem; }
.active-m-10:active { margin: 2.5rem; }
.disabled-m-10:disabled { margin: 2.5rem; }
.group:hover .group-hover-m-10 { margin: 2.5rem; }
.m-12 { margin: 3rem; }
.hover-m-12:hover { margin: 3rem; }
.focus-m-12:focus { margin: 3rem; }
.active-m-12:active { margin: 3rem; }
.disabled-m-12:disabled { margin: 3rem; }
.group:hover .group-hover-m-12 { margin: 3rem; }
.m-16 { margin: 4rem; }
.hover-m-16:hover { margin: 4rem; }
.focus-m-16:focus { margin: 4rem; }
.active-m-16:active { margin: 4rem; }
.disabled-m-16:disabled { margin: 4rem; }
.group:hover .group-hover-m-16 { margin: 4rem; }
.m-20 { margin: 5rem; }
.hover-m-20:hover { margin: 5rem; }
.focus-m-20:focus { margin: 5rem; }
.active-m-20:active { margin: 5rem; }
.disabled-m-20:disabled { margin: 5rem; }
.group:hover .group-hover-m-20 { margin: 5rem; }
.m-24 { margin: 6rem; }
.hover-m-24:hover { margin: 6rem; }
.focus-m-24:focus { margin: 6rem; }
.active-m-24:active { margin: 6rem; }
.disabled-m-24:disabled { margin: 6rem; }
.group:hover .group-hover-m-24 { margin: 6rem; }
.m-28 { margin: 7rem; }
.hover-m-28:hover { margin: 7rem; }
.focus-m-28:focus { margin: 7rem; }
.active-m-28:active { margin: 7rem; }
.disabled-m-28:disabled { margin: 7rem; }
.group:hover .group-hover-m-28 { margin: 7rem; }
.m-32 { margin: 8rem; }
.hover-m-32:hover { margin: 8rem; }
.focus-m-32:focus { margin: 8rem; }
.active-m-32:active { margin: 8rem; }
.disabled-m-32:disabled { margin: 8rem; }
.group:hover .group-hover-m-32 { margin: 8rem; }
.mt-auto { margin-top: auto; }
.hover-mt-auto:hover { margin-top: auto; }
.focus-mt-auto:focus { margin-top: auto; }
.active-mt-auto:active { margin-top: auto; }
.disabled-mt-auto:disabled { margin-top: auto; }
.group:hover .group-hover-mt-auto { margin-top: auto; }
.mt-0 { margin-top: 0; }
.hover-mt-0:hover { margin-top: 0; }
.focus-mt-0:focus { margin-top: 0; }
.active-mt-0:active { margin-top: 0; }
.disabled-mt-0:disabled { margin-top: 0; }
.group:hover .group-hover-mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
.hover-mt-1:hover { margin-top: 0.25rem; }
.focus-mt-1:focus { margin-top: 0.25rem; }
.active-mt-1:active { margin-top: 0.25rem; }
.disabled-mt-1:disabled { margin-top: 0.25rem; }
.group:hover .group-hover-mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.hover-mt-2:hover { margin-top: 0.5rem; }
.focus-mt-2:focus { margin-top: 0.5rem; }
.active-mt-2:active { margin-top: 0.5rem; }
.disabled-mt-2:disabled { margin-top: 0.5rem; }
.group:hover .group-hover-mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.hover-mt-3:hover { margin-top: 0.75rem; }
.focus-mt-3:focus { margin-top: 0.75rem; }
.active-mt-3:active { margin-top: 0.75rem; }
.disabled-mt-3:disabled { margin-top: 0.75rem; }
.group:hover .group-hover-mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.hover-mt-4:hover { margin-top: 1rem; }
.focus-mt-4:focus { margin-top: 1rem; }
.active-mt-4:active { margin-top: 1rem; }
.disabled-mt-4:disabled { margin-top: 1rem; }
.group:hover .group-hover-mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.hover-mt-5:hover { margin-top: 1.25rem; }
.focus-mt-5:focus { margin-top: 1.25rem; }
.active-mt-5:active { margin-top: 1.25rem; }
.disabled-mt-5:disabled { margin-top: 1.25rem; }
.group:hover .group-hover-mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.hover-mt-6:hover { margin-top: 1.5rem; }
.focus-mt-6:focus { margin-top: 1.5rem; }
.active-mt-6:active { margin-top: 1.5rem; }
.disabled-mt-6:disabled { margin-top: 1.5rem; }
.group:hover .group-hover-mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.hover-mt-8:hover { margin-top: 2rem; }
.focus-mt-8:focus { margin-top: 2rem; }
.active-mt-8:active { margin-top: 2rem; }
.disabled-mt-8:disabled { margin-top: 2rem; }
.group:hover .group-hover-mt-8 { margin-top: 2rem; }
.mt-10 { margin-top: 2.5rem; }
.hover-mt-10:hover { margin-top: 2.5rem; }
.focus-mt-10:focus { margin-top: 2.5rem; }
.active-mt-10:active { margin-top: 2.5rem; }
.disabled-mt-10:disabled { margin-top: 2.5rem; }
.group:hover .group-hover-mt-10 { margin-top: 2.5rem; }
.mt-12 { margin-top: 3rem; }
.hover-mt-12:hover { margin-top: 3rem; }
.focus-mt-12:focus { margin-top: 3rem; }
.active-mt-12:active { margin-top: 3rem; }
.disabled-mt-12:disabled { margin-top: 3rem; }
.group:hover .group-hover-mt-12 { margin-top: 3rem; }
.mt-16 { margin-top: 4rem; }
.hover-mt-16:hover { margin-top: 4rem; }
.focus-mt-16:focus { margin-top: 4rem; }
.active-mt-16:active { margin-top: 4rem; }
.disabled-mt-16:disabled { margin-top: 4rem; }
.group:hover .group-hover-mt-16 { margin-top: 4rem; }
.mt-20 { margin-top: 5rem; }
.hover-mt-20:hover { margin-top: 5rem; }
.focus-mt-20:focus { margin-top: 5rem; }
.active-mt-20:active { margin-top: 5rem; }
.disabled-mt-20:disabled { margin-top: 5rem; }
.group:hover .group-hover-mt-20 { margin-top: 5rem; }
.mt-24 { margin-top: 6rem; }
.hover-mt-24:hover { margin-top: 6rem; }
.focus-mt-24:focus { margin-top: 6rem; }
.active-mt-24:active { margin-top: 6rem; }
.disabled-mt-24:disabled { margin-top: 6rem; }
.group:hover .group-hover-mt-24 { margin-top: 6rem; }
.mt-28 { margin-top: 7rem; }
.hover-mt-28:hover { margin-top: 7rem; }
.focus-mt-28:focus { margin-top: 7rem; }
.active-mt-28:active { margin-top: 7rem; }
.disabled-mt-28:disabled { margin-top: 7rem; }
.group:hover .group-hover-mt-28 { margin-top: 7rem; }
.mt-32 { margin-top: 8rem; }
.hover-mt-32:hover { margin-top: 8rem; }
.focus-mt-32:focus { margin-top: 8rem; }
.active-mt-32:active { margin-top: 8rem; }
.disabled-mt-32:disabled { margin-top: 8rem; }
.group:hover .group-hover-mt-32 { margin-top: 8rem; }
.mb-auto { margin-bottom: auto; }
.hover-mb-auto:hover { margin-bottom: auto; }
.focus-mb-auto:focus { margin-bottom: auto; }
.active-mb-auto:active { margin-bottom: auto; }
.disabled-mb-auto:disabled { margin-bottom: auto; }
.group:hover .group-hover-mb-auto { margin-bottom: auto; }
.mb-0 { margin-bottom: 0; }
.hover-mb-0:hover { margin-bottom: 0; }
.focus-mb-0:focus { margin-bottom: 0; }
.active-mb-0:active { margin-bottom: 0; }
.disabled-mb-0:disabled { margin-bottom: 0; }
.group:hover .group-hover-mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
.hover-mb-1:hover { margin-bottom: 0.25rem; }
.focus-mb-1:focus { margin-bottom: 0.25rem; }
.active-mb-1:active { margin-bottom: 0.25rem; }
.disabled-mb-1:disabled { margin-bottom: 0.25rem; }
.group:hover .group-hover-mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.hover-mb-2:hover { margin-bottom: 0.5rem; }
.focus-mb-2:focus { margin-bottom: 0.5rem; }
.active-mb-2:active { margin-bottom: 0.5rem; }
.disabled-mb-2:disabled { margin-bottom: 0.5rem; }
.group:hover .group-hover-mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.hover-mb-3:hover { margin-bottom: 0.75rem; }
.focus-mb-3:focus { margin-bottom: 0.75rem; }
.active-mb-3:active { margin-bottom: 0.75rem; }
.disabled-mb-3:disabled { margin-bottom: 0.75rem; }
.group:hover .group-hover-mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.hover-mb-4:hover { margin-bottom: 1rem; }
.focus-mb-4:focus { margin-bottom: 1rem; }
.active-mb-4:active { margin-bottom: 1rem; }
.disabled-mb-4:disabled { margin-bottom: 1rem; }
.group:hover .group-hover-mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.hover-mb-5:hover { margin-bottom: 1.25rem; }
.focus-mb-5:focus { margin-bottom: 1.25rem; }
.active-mb-5:active { margin-bottom: 1.25rem; }
.disabled-mb-5:disabled { margin-bottom: 1.25rem; }
.group:hover .group-hover-mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.hover-mb-6:hover { margin-bottom: 1.5rem; }
.focus-mb-6:focus { margin-bottom: 1.5rem; }
.active-mb-6:active { margin-bottom: 1.5rem; }
.disabled-mb-6:disabled { margin-bottom: 1.5rem; }
.group:hover .group-hover-mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.hover-mb-8:hover { margin-bottom: 2rem; }
.focus-mb-8:focus { margin-bottom: 2rem; }
.active-mb-8:active { margin-bottom: 2rem; }
.disabled-mb-8:disabled { margin-bottom: 2rem; }
.group:hover .group-hover-mb-8 { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }
.hover-mb-10:hover { margin-bottom: 2.5rem; }
.focus-mb-10:focus { margin-bottom: 2.5rem; }
.active-mb-10:active { margin-bottom: 2.5rem; }
.disabled-mb-10:disabled { margin-bottom: 2.5rem; }
.group:hover .group-hover-mb-10 { margin-bottom: 2.5rem; }
.mb-12 { margin-bottom: 3rem; }
.hover-mb-12:hover { margin-bottom: 3rem; }
.focus-mb-12:focus { margin-bottom: 3rem; }
.active-mb-12:active { margin-bottom: 3rem; }
.disabled-mb-12:disabled { margin-bottom: 3rem; }
.group:hover .group-hover-mb-12 { margin-bottom: 3rem; }
.mb-16 { margin-bottom: 4rem; }
.hover-mb-16:hover { margin-bottom: 4rem; }
.focus-mb-16:focus { margin-bottom: 4rem; }
.active-mb-16:active { margin-bottom: 4rem; }
.disabled-mb-16:disabled { margin-bottom: 4rem; }
.group:hover .group-hover-mb-16 { margin-bottom: 4rem; }
.mb-20 { margin-bottom: 5rem; }
.hover-mb-20:hover { margin-bottom: 5rem; }
.focus-mb-20:focus { margin-bottom: 5rem; }
.active-mb-20:active { margin-bottom: 5rem; }
.disabled-mb-20:disabled { margin-bottom: 5rem; }
.group:hover .group-hover-mb-20 { margin-bottom: 5rem; }
.mb-24 { margin-bottom: 6rem; }
.hover-mb-24:hover { margin-bottom: 6rem; }
.focus-mb-24:focus { margin-bottom: 6rem; }
.active-mb-24:active { margin-bottom: 6rem; }
.disabled-mb-24:disabled { margin-bottom: 6rem; }
.group:hover .group-hover-mb-24 { margin-bottom: 6rem; }
.mb-28 { margin-bottom: 7rem; }
.hover-mb-28:hover { margin-bottom: 7rem; }
.focus-mb-28:focus { margin-bottom: 7rem; }
.active-mb-28:active { margin-bottom: 7rem; }
.disabled-mb-28:disabled { margin-bottom: 7rem; }
.group:hover .group-hover-mb-28 { margin-bottom: 7rem; }
.mb-32 { margin-bottom: 8rem; }
.hover-mb-32:hover { margin-bottom: 8rem; }
.focus-mb-32:focus { margin-bottom: 8rem; }
.active-mb-32:active { margin-bottom: 8rem; }
.disabled-mb-32:disabled { margin-bottom: 8rem; }
.group:hover .group-hover-mb-32 { margin-bottom: 8rem; }
.ml-auto { margin-left: auto; }
.hover-ml-auto:hover { margin-left: auto; }
.focus-ml-auto:focus { margin-left: auto; }
.active-ml-auto:active { margin-left: auto; }
.disabled-ml-auto:disabled { margin-left: auto; }
.group:hover .group-hover-ml-auto { margin-left: auto; }
.ml-0 { margin-left: 0; }
.hover-ml-0:hover { margin-left: 0; }
.focus-ml-0:focus { margin-left: 0; }
.active-ml-0:active { margin-left: 0; }
.disabled-ml-0:disabled { margin-left: 0; }
.group:hover .group-hover-ml-0 { margin-left: 0; }
.ml-1 { margin-left: 0.25rem; }
.hover-ml-1:hover { margin-left: 0.25rem; }
.focus-ml-1:focus { margin-left: 0.25rem; }
.active-ml-1:active { margin-left: 0.25rem; }
.disabled-ml-1:disabled { margin-left: 0.25rem; }
.group:hover .group-hover-ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.hover-ml-2:hover { margin-left: 0.5rem; }
.focus-ml-2:focus { margin-left: 0.5rem; }
.active-ml-2:active { margin-left: 0.5rem; }
.disabled-ml-2:disabled { margin-left: 0.5rem; }
.group:hover .group-hover-ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 0.75rem; }
.hover-ml-3:hover { margin-left: 0.75rem; }
.focus-ml-3:focus { margin-left: 0.75rem; }
.active-ml-3:active { margin-left: 0.75rem; }
.disabled-ml-3:disabled { margin-left: 0.75rem; }
.group:hover .group-hover-ml-3 { margin-left: 0.75rem; }
.ml-4 { margin-left: 1rem; }
.hover-ml-4:hover { margin-left: 1rem; }
.focus-ml-4:focus { margin-left: 1rem; }
.active-ml-4:active { margin-left: 1rem; }
.disabled-ml-4:disabled { margin-left: 1rem; }
.group:hover .group-hover-ml-4 { margin-left: 1rem; }
.ml-5 { margin-left: 1.25rem; }
.hover-ml-5:hover { margin-left: 1.25rem; }
.focus-ml-5:focus { margin-left: 1.25rem; }
.active-ml-5:active { margin-left: 1.25rem; }
.disabled-ml-5:disabled { margin-left: 1.25rem; }
.group:hover .group-hover-ml-5 { margin-left: 1.25rem; }
.ml-6 { margin-left: 1.5rem; }
.hover-ml-6:hover { margin-left: 1.5rem; }
.focus-ml-6:focus { margin-left: 1.5rem; }
.active-ml-6:active { margin-left: 1.5rem; }
.disabled-ml-6:disabled { margin-left: 1.5rem; }
.group:hover .group-hover-ml-6 { margin-left: 1.5rem; }
.ml-8 { margin-left: 2rem; }
.hover-ml-8:hover { margin-left: 2rem; }
.focus-ml-8:focus { margin-left: 2rem; }
.active-ml-8:active { margin-left: 2rem; }
.disabled-ml-8:disabled { margin-left: 2rem; }
.group:hover .group-hover-ml-8 { margin-left: 2rem; }
.ml-10 { margin-left: 2.5rem; }
.hover-ml-10:hover { margin-left: 2.5rem; }
.focus-ml-10:focus { margin-left: 2.5rem; }
.active-ml-10:active { margin-left: 2.5rem; }
.disabled-ml-10:disabled { margin-left: 2.5rem; }
.group:hover .group-hover-ml-10 { margin-left: 2.5rem; }
.ml-12 { margin-left: 3rem; }
.hover-ml-12:hover { margin-left: 3rem; }
.focus-ml-12:focus { margin-left: 3rem; }
.active-ml-12:active { margin-left: 3rem; }
.disabled-ml-12:disabled { margin-left: 3rem; }
.group:hover .group-hover-ml-12 { margin-left: 3rem; }
.ml-16 { margin-left: 4rem; }
.hover-ml-16:hover { margin-left: 4rem; }
.focus-ml-16:focus { margin-left: 4rem; }
.active-ml-16:active { margin-left: 4rem; }
.disabled-ml-16:disabled { margin-left: 4rem; }
.group:hover .group-hover-ml-16 { margin-left: 4rem; }
.ml-20 { margin-left: 5rem; }
.hover-ml-20:hover { margin-left: 5rem; }
.focus-ml-20:focus { margin-left: 5rem; }
.active-ml-20:active { margin-left: 5rem; }
.disabled-ml-20:disabled { margin-left: 5rem; }
.group:hover .group-hover-ml-20 { margin-left: 5rem; }
.ml-24 { margin-left: 6rem; }
.hover-ml-24:hover { margin-left: 6rem; }
.focus-ml-24:focus { margin-left: 6rem; }
.active-ml-24:active { margin-left: 6rem; }
.disabled-ml-24:disabled { margin-left: 6rem; }
.group:hover .group-hover-ml-24 { margin-left: 6rem; }
.ml-28 { margin-left: 7rem; }
.hover-ml-28:hover { margin-left: 7rem; }
.focus-ml-28:focus { margin-left: 7rem; }
.active-ml-28:active { margin-left: 7rem; }
.disabled-ml-28:disabled { margin-left: 7rem; }
.group:hover .group-hover-ml-28 { margin-left: 7rem; }
.ml-32 { margin-left: 8rem; }
.hover-ml-32:hover { margin-left: 8rem; }
.focus-ml-32:focus { margin-left: 8rem; }
.active-ml-32:active { margin-left: 8rem; }
.disabled-ml-32:disabled { margin-left: 8rem; }
.group:hover .group-hover-ml-32 { margin-left: 8rem; }
.mr-auto { margin-right: auto; }
.hover-mr-auto:hover { margin-right: auto; }
.focus-mr-auto:focus { margin-right: auto; }
.active-mr-auto:active { margin-right: auto; }
.disabled-mr-auto:disabled { margin-right: auto; }
.group:hover .group-hover-mr-auto { margin-right: auto; }
.mr-0 { margin-right: 0; }
.hover-mr-0:hover { margin-right: 0; }
.focus-mr-0:focus { margin-right: 0; }
.active-mr-0:active { margin-right: 0; }
.disabled-mr-0:disabled { margin-right: 0; }
.group:hover .group-hover-mr-0 { margin-right: 0; }
.mr-1 { margin-right: 0.25rem; }
.hover-mr-1:hover { margin-right: 0.25rem; }
.focus-mr-1:focus { margin-right: 0.25rem; }
.active-mr-1:active { margin-right: 0.25rem; }
.disabled-mr-1:disabled { margin-right: 0.25rem; }
.group:hover .group-hover-mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.hover-mr-2:hover { margin-right: 0.5rem; }
.focus-mr-2:focus { margin-right: 0.5rem; }
.active-mr-2:active { margin-right: 0.5rem; }
.disabled-mr-2:disabled { margin-right: 0.5rem; }
.group:hover .group-hover-mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.hover-mr-3:hover { margin-right: 0.75rem; }
.focus-mr-3:focus { margin-right: 0.75rem; }
.active-mr-3:active { margin-right: 0.75rem; }
.disabled-mr-3:disabled { margin-right: 0.75rem; }
.group:hover .group-hover-mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.hover-mr-4:hover { margin-right: 1rem; }
.focus-mr-4:focus { margin-right: 1rem; }
.active-mr-4:active { margin-right: 1rem; }
.disabled-mr-4:disabled { margin-right: 1rem; }
.group:hover .group-hover-mr-4 { margin-right: 1rem; }
.mr-5 { margin-right: 1.25rem; }
.hover-mr-5:hover { margin-right: 1.25rem; }
.focus-mr-5:focus { margin-right: 1.25rem; }
.active-mr-5:active { margin-right: 1.25rem; }
.disabled-mr-5:disabled { margin-right: 1.25rem; }
.group:hover .group-hover-mr-5 { margin-right: 1.25rem; }
.mr-6 { margin-right: 1.5rem; }
.hover-mr-6:hover { margin-right: 1.5rem; }
.focus-mr-6:focus { margin-right: 1.5rem; }
.active-mr-6:active { margin-right: 1.5rem; }
.disabled-mr-6:disabled { margin-right: 1.5rem; }
.group:hover .group-hover-mr-6 { margin-right: 1.5rem; }
.mr-8 { margin-right: 2rem; }
.hover-mr-8:hover { margin-right: 2rem; }
.focus-mr-8:focus { margin-right: 2rem; }
.active-mr-8:active { margin-right: 2rem; }
.disabled-mr-8:disabled { margin-right: 2rem; }
.group:hover .group-hover-mr-8 { margin-right: 2rem; }
.mr-10 { margin-right: 2.5rem; }
.hover-mr-10:hover { margin-right: 2.5rem; }
.focus-mr-10:focus { margin-right: 2.5rem; }
.active-mr-10:active { margin-right: 2.5rem; }
.disabled-mr-10:disabled { margin-right: 2.5rem; }
.group:hover .group-hover-mr-10 { margin-right: 2.5rem; }
.mr-12 { margin-right: 3rem; }
.hover-mr-12:hover { margin-right: 3rem; }
.focus-mr-12:focus { margin-right: 3rem; }
.active-mr-12:active { margin-right: 3rem; }
.disabled-mr-12:disabled { margin-right: 3rem; }
.group:hover .group-hover-mr-12 { margin-right: 3rem; }
.mr-16 { margin-right: 4rem; }
.hover-mr-16:hover { margin-right: 4rem; }
.focus-mr-16:focus { margin-right: 4rem; }
.active-mr-16:active { margin-right: 4rem; }
.disabled-mr-16:disabled { margin-right: 4rem; }
.group:hover .group-hover-mr-16 { margin-right: 4rem; }
.mr-20 { margin-right: 5rem; }
.hover-mr-20:hover { margin-right: 5rem; }
.focus-mr-20:focus { margin-right: 5rem; }
.active-mr-20:active { margin-right: 5rem; }
.disabled-mr-20:disabled { margin-right: 5rem; }
.group:hover .group-hover-mr-20 { margin-right: 5rem; }
.mr-24 { margin-right: 6rem; }
.hover-mr-24:hover { margin-right: 6rem; }
.focus-mr-24:focus { margin-right: 6rem; }
.active-mr-24:active { margin-right: 6rem; }
.disabled-mr-24:disabled { margin-right: 6rem; }
.group:hover .group-hover-mr-24 { margin-right: 6rem; }
.mr-28 { margin-right: 7rem; }
.hover-mr-28:hover { margin-right: 7rem; }
.focus-mr-28:focus { margin-right: 7rem; }
.active-mr-28:active { margin-right: 7rem; }
.disabled-mr-28:disabled { margin-right: 7rem; }
.group:hover .group-hover-mr-28 { margin-right: 7rem; }
.mr-32 { margin-right: 8rem; }
.hover-mr-32:hover { margin-right: 8rem; }
.focus-mr-32:focus { margin-right: 8rem; }
.active-mr-32:active { margin-right: 8rem; }
.disabled-mr-32:disabled { margin-right: 8rem; }
.group:hover .group-hover-mr-32 { margin-right: 8rem; }
.space-x-auto { --space-x: auto; }
.hover-space-x-auto:hover { --space-x: auto; }
.focus-space-x-auto:focus { --space-x: auto; }
.active-space-x-auto:active { --space-x: auto; }
.disabled-space-x-auto:disabled { --space-x: auto; }
.group:hover .group-hover-space-x-auto { --space-x: auto; }
.space-x-0 { --space-x: 0; }
.hover-space-x-0:hover { --space-x: 0; }
.focus-space-x-0:focus { --space-x: 0; }
.active-space-x-0:active { --space-x: 0; }
.disabled-space-x-0:disabled { --space-x: 0; }
.group:hover .group-hover-space-x-0 { --space-x: 0; }
.space-x-1 { --space-x: 0.25rem; }
.hover-space-x-1:hover { --space-x: 0.25rem; }
.focus-space-x-1:focus { --space-x: 0.25rem; }
.active-space-x-1:active { --space-x: 0.25rem; }
.disabled-space-x-1:disabled { --space-x: 0.25rem; }
.group:hover .group-hover-space-x-1 { --space-x: 0.25rem; }
.space-x-2 { --space-x: 0.5rem; }
.hover-space-x-2:hover { --space-x: 0.5rem; }
.focus-space-x-2:focus { --space-x: 0.5rem; }
.active-space-x-2:active { --space-x: 0.5rem; }
.disabled-space-x-2:disabled { --space-x: 0.5rem; }
.group:hover .group-hover-space-x-2 { --space-x: 0.5rem; }
.space-x-3 { --space-x: 0.75rem; }
.hover-space-x-3:hover { --space-x: 0.75rem; }
.focus-space-x-3:focus { --space-x: 0.75rem; }
.active-space-x-3:active { --space-x: 0.75rem; }
.disabled-space-x-3:disabled { --space-x: 0.75rem; }
.group:hover .group-hover-space-x-3 { --space-x: 0.75rem; }
.space-x-4 { --space-x: 1rem; }
.hover-space-x-4:hover { --space-x: 1rem; }
.focus-space-x-4:focus { --space-x: 1rem; }
.active-space-x-4:active { --space-x: 1rem; }
.disabled-space-x-4:disabled { --space-x: 1rem; }
.group:hover .group-hover-space-x-4 { --space-x: 1rem; }
.space-x-5 { --space-x: 1.25rem; }
.hover-space-x-5:hover { --space-x: 1.25rem; }
.focus-space-x-5:focus { --space-x: 1.25rem; }
.active-space-x-5:active { --space-x: 1.25rem; }
.disabled-space-x-5:disabled { --space-x: 1.25rem; }
.group:hover .group-hover-space-x-5 { --space-x: 1.25rem; }
.space-x-6 { --space-x: 1.5rem; }
.hover-space-x-6:hover { --space-x: 1.5rem; }
.focus-space-x-6:focus { --space-x: 1.5rem; }
.active-space-x-6:active { --space-x: 1.5rem; }
.disabled-space-x-6:disabled { --space-x: 1.5rem; }
.group:hover .group-hover-space-x-6 { --space-x: 1.5rem; }
.space-x-8 { --space-x: 2rem; }
.hover-space-x-8:hover { --space-x: 2rem; }
.focus-space-x-8:focus { --space-x: 2rem; }
.active-space-x-8:active { --space-x: 2rem; }
.disabled-space-x-8:disabled { --space-x: 2rem; }
.group:hover .group-hover-space-x-8 { --space-x: 2rem; }
.space-x-10 { --space-x: 2.5rem; }
.hover-space-x-10:hover { --space-x: 2.5rem; }
.focus-space-x-10:focus { --space-x: 2.5rem; }
.active-space-x-10:active { --space-x: 2.5rem; }
.disabled-space-x-10:disabled { --space-x: 2.5rem; }
.group:hover .group-hover-space-x-10 { --space-x: 2.5rem; }
.space-x-12 { --space-x: 3rem; }
.hover-space-x-12:hover { --space-x: 3rem; }
.focus-space-x-12:focus { --space-x: 3rem; }
.active-space-x-12:active { --space-x: 3rem; }
.disabled-space-x-12:disabled { --space-x: 3rem; }
.group:hover .group-hover-space-x-12 { --space-x: 3rem; }
.space-x-16 { --space-x: 4rem; }
.hover-space-x-16:hover { --space-x: 4rem; }
.focus-space-x-16:focus { --space-x: 4rem; }
.active-space-x-16:active { --space-x: 4rem; }
.disabled-space-x-16:disabled { --space-x: 4rem; }
.group:hover .group-hover-space-x-16 { --space-x: 4rem; }
.space-x-20 { --space-x: 5rem; }
.hover-space-x-20:hover { --space-x: 5rem; }
.focus-space-x-20:focus { --space-x: 5rem; }
.active-space-x-20:active { --space-x: 5rem; }
.disabled-space-x-20:disabled { --space-x: 5rem; }
.group:hover .group-hover-space-x-20 { --space-x: 5rem; }
.space-x-24 { --space-x: 6rem; }
.hover-space-x-24:hover { --space-x: 6rem; }
.focus-space-x-24:focus { --space-x: 6rem; }
.active-space-x-24:active { --space-x: 6rem; }
.disabled-space-x-24:disabled { --space-x: 6rem; }
.group:hover .group-hover-space-x-24 { --space-x: 6rem; }
.space-x-28 { --space-x: 7rem; }
.hover-space-x-28:hover { --space-x: 7rem; }
.focus-space-x-28:focus { --space-x: 7rem; }
.active-space-x-28:active { --space-x: 7rem; }
.disabled-space-x-28:disabled { --space-x: 7rem; }
.group:hover .group-hover-space-x-28 { --space-x: 7rem; }
.space-x-32 { --space-x: 8rem; }
.hover-space-x-32:hover { --space-x: 8rem; }
.focus-space-x-32:focus { --space-x: 8rem; }
.active-space-x-32:active { --space-x: 8rem; }
.disabled-space-x-32:disabled { --space-x: 8rem; }
.group:hover .group-hover-space-x-32 { --space-x: 8rem; }
.space-y-auto { --space-y: auto; }
.hover-space-y-auto:hover { --space-y: auto; }
.focus-space-y-auto:focus { --space-y: auto; }
.active-space-y-auto:active { --space-y: auto; }
.disabled-space-y-auto:disabled { --space-y: auto; }
.group:hover .group-hover-space-y-auto { --space-y: auto; }
.space-y-0 { --space-y: 0; }
.hover-space-y-0:hover { --space-y: 0; }
.focus-space-y-0:focus { --space-y: 0; }
.active-space-y-0:active { --space-y: 0; }
.disabled-space-y-0:disabled { --space-y: 0; }
.group:hover .group-hover-space-y-0 { --space-y: 0; }
.space-y-1 { --space-y: 0.25rem; }
.hover-space-y-1:hover { --space-y: 0.25rem; }
.focus-space-y-1:focus { --space-y: 0.25rem; }
.active-space-y-1:active { --space-y: 0.25rem; }
.disabled-space-y-1:disabled { --space-y: 0.25rem; }
.group:hover .group-hover-space-y-1 { --space-y: 0.25rem; }
.space-y-2 { --space-y: 0.5rem; }
.hover-space-y-2:hover { --space-y: 0.5rem; }
.focus-space-y-2:focus { --space-y: 0.5rem; }
.active-space-y-2:active { --space-y: 0.5rem; }
.disabled-space-y-2:disabled { --space-y: 0.5rem; }
.group:hover .group-hover-space-y-2 { --space-y: 0.5rem; }
.space-y-3 { --space-y: 0.75rem; }
.hover-space-y-3:hover { --space-y: 0.75rem; }
.focus-space-y-3:focus { --space-y: 0.75rem; }
.active-space-y-3:active { --space-y: 0.75rem; }
.disabled-space-y-3:disabled { --space-y: 0.75rem; }
.group:hover .group-hover-space-y-3 { --space-y: 0.75rem; }
.space-y-4 { --space-y: 1rem; }
.hover-space-y-4:hover { --space-y: 1rem; }
.focus-space-y-4:focus { --space-y: 1rem; }
.active-space-y-4:active { --space-y: 1rem; }
.disabled-space-y-4:disabled { --space-y: 1rem; }
.group:hover .group-hover-space-y-4 { --space-y: 1rem; }
.space-y-5 { --space-y: 1.25rem; }
.hover-space-y-5:hover { --space-y: 1.25rem; }
.focus-space-y-5:focus { --space-y: 1.25rem; }
.active-space-y-5:active { --space-y: 1.25rem; }
.disabled-space-y-5:disabled { --space-y: 1.25rem; }
.group:hover .group-hover-space-y-5 { --space-y: 1.25rem; }
.space-y-6 { --space-y: 1.5rem; }
.hover-space-y-6:hover { --space-y: 1.5rem; }
.focus-space-y-6:focus { --space-y: 1.5rem; }
.active-space-y-6:active { --space-y: 1.5rem; }
.disabled-space-y-6:disabled { --space-y: 1.5rem; }
.group:hover .group-hover-space-y-6 { --space-y: 1.5rem; }
.space-y-8 { --space-y: 2rem; }
.hover-space-y-8:hover { --space-y: 2rem; }
.focus-space-y-8:focus { --space-y: 2rem; }
.active-space-y-8:active { --space-y: 2rem; }
.disabled-space-y-8:disabled { --space-y: 2rem; }
.group:hover .group-hover-space-y-8 { --space-y: 2rem; }
.space-y-10 { --space-y: 2.5rem; }
.hover-space-y-10:hover { --space-y: 2.5rem; }
.focus-space-y-10:focus { --space-y: 2.5rem; }
.active-space-y-10:active { --space-y: 2.5rem; }
.disabled-space-y-10:disabled { --space-y: 2.5rem; }
.group:hover .group-hover-space-y-10 { --space-y: 2.5rem; }
.space-y-12 { --space-y: 3rem; }
.hover-space-y-12:hover { --space-y: 3rem; }
.focus-space-y-12:focus { --space-y: 3rem; }
.active-space-y-12:active { --space-y: 3rem; }
.disabled-space-y-12:disabled { --space-y: 3rem; }
.group:hover .group-hover-space-y-12 { --space-y: 3rem; }
.space-y-16 { --space-y: 4rem; }
.hover-space-y-16:hover { --space-y: 4rem; }
.focus-space-y-16:focus { --space-y: 4rem; }
.active-space-y-16:active { --space-y: 4rem; }
.disabled-space-y-16:disabled { --space-y: 4rem; }
.group:hover .group-hover-space-y-16 { --space-y: 4rem; }
.space-y-20 { --space-y: 5rem; }
.hover-space-y-20:hover { --space-y: 5rem; }
.focus-space-y-20:focus { --space-y: 5rem; }
.active-space-y-20:active { --space-y: 5rem; }
.disabled-space-y-20:disabled { --space-y: 5rem; }
.group:hover .group-hover-space-y-20 { --space-y: 5rem; }
.space-y-24 { --space-y: 6rem; }
.hover-space-y-24:hover { --space-y: 6rem; }
.focus-space-y-24:focus { --space-y: 6rem; }
.active-space-y-24:active { --space-y: 6rem; }
.disabled-space-y-24:disabled { --space-y: 6rem; }
.group:hover .group-hover-space-y-24 { --space-y: 6rem; }
.space-y-28 { --space-y: 7rem; }
.hover-space-y-28:hover { --space-y: 7rem; }
.focus-space-y-28:focus { --space-y: 7rem; }
.active-space-y-28:active { --space-y: 7rem; }
.disabled-space-y-28:disabled { --space-y: 7rem; }
.group:hover .group-hover-space-y-28 { --space-y: 7rem; }
.space-y-32 { --space-y: 8rem; }
.hover-space-y-32:hover { --space-y: 8rem; }
.focus-space-y-32:focus { --space-y: 8rem; }
.active-space-y-32:active { --space-y: 8rem; }
.disabled-space-y-32:disabled { --space-y: 8rem; }
.group:hover .group-hover-space-y-32 { --space-y: 8rem; }
.d-block { display: block; }
.hover-d-block:hover { display: block; }
.focus-d-block:focus { display: block; }
.active-d-block:active { display: block; }
.disabled-d-block:disabled { display: block; }
.group:hover .group-hover-d-block { display: block; }
.d-inline { display: inline; }
.hover-d-inline:hover { display: inline; }
.focus-d-inline:focus { display: inline; }
.active-d-inline:active { display: inline; }
.disabled-d-inline:disabled { display: inline; }
.group:hover .group-hover-d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.hover-d-inline-block:hover { display: inline-block; }
.focus-d-inline-block:focus { display: inline-block; }
.active-d-inline-block:active { display: inline-block; }
.disabled-d-inline-block:disabled { display: inline-block; }
.group:hover .group-hover-d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.hover-d-flex:hover { display: flex; }
.focus-d-flex:focus { display: flex; }
.active-d-flex:active { display: flex; }
.disabled-d-flex:disabled { display: flex; }
.group:hover .group-hover-d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.hover-d-inline-flex:hover { display: inline-flex; }
.focus-d-inline-flex:focus { display: inline-flex; }
.active-d-inline-flex:active { display: inline-flex; }
.disabled-d-inline-flex:disabled { display: inline-flex; }
.group:hover .group-hover-d-inline-flex { display: inline-flex; }
.d-grid { display: grid; }
.hover-d-grid:hover { display: grid; }
.focus-d-grid:focus { display: grid; }
.active-d-grid:active { display: grid; }
.disabled-d-grid:disabled { display: grid; }
.group:hover .group-hover-d-grid { display: grid; }
.d-inline-grid { display: inline-grid; }
.hover-d-inline-grid:hover { display: inline-grid; }
.focus-d-inline-grid:focus { display: inline-grid; }
.active-d-inline-grid:active { display: inline-grid; }
.disabled-d-inline-grid:disabled { display: inline-grid; }
.group:hover .group-hover-d-inline-grid { display: inline-grid; }
.d-none { display: none; }
.hover-d-none:hover { display: none; }
.focus-d-none:focus { display: none; }
.active-d-none:active { display: none; }
.disabled-d-none:disabled { display: none; }
.group:hover .group-hover-d-none { display: none; }
.position-static { position: static; }
.hover-position-static:hover { position: static; }
.focus-position-static:focus { position: static; }
.active-position-static:active { position: static; }
.disabled-position-static:disabled { position: static; }
.group:hover .group-hover-position-static { position: static; }
.position-relative { position: relative; }
.hover-position-relative:hover { position: relative; }
.focus-position-relative:focus { position: relative; }
.active-position-relative:active { position: relative; }
.disabled-position-relative:disabled { position: relative; }
.group:hover .group-hover-position-relative { position: relative; }
.position-absolute { position: absolute; }
.hover-position-absolute:hover { position: absolute; }
.focus-position-absolute:focus { position: absolute; }
.active-position-absolute:active { position: absolute; }
.disabled-position-absolute:disabled { position: absolute; }
.group:hover .group-hover-position-absolute { position: absolute; }
.position-fixed { position: fixed; }
.hover-position-fixed:hover { position: fixed; }
.focus-position-fixed:focus { position: fixed; }
.active-position-fixed:active { position: fixed; }
.disabled-position-fixed:disabled { position: fixed; }
.group:hover .group-hover-position-fixed { position: fixed; }
.position-sticky { position: sticky; }
.hover-position-sticky:hover { position: sticky; }
.focus-position-sticky:focus { position: sticky; }
.active-position-sticky:active { position: sticky; }
.disabled-position-sticky:disabled { position: sticky; }
.group:hover .group-hover-position-sticky { position: sticky; }
.inset-0 { inset: 0; }
.hover-inset-0:hover { inset: 0; }
.focus-inset-0:focus { inset: 0; }
.active-inset-0:active { inset: 0; }
.disabled-inset-0:disabled { inset: 0; }
.group:hover .group-hover-inset-0 { inset: 0; }
.inset-1 { inset: 0.25rem; }
.hover-inset-1:hover { inset: 0.25rem; }
.focus-inset-1:focus { inset: 0.25rem; }
.active-inset-1:active { inset: 0.25rem; }
.disabled-inset-1:disabled { inset: 0.25rem; }
.group:hover .group-hover-inset-1 { inset: 0.25rem; }
.inset-2 { inset: 0.5rem; }
.hover-inset-2:hover { inset: 0.5rem; }
.focus-inset-2:focus { inset: 0.5rem; }
.active-inset-2:active { inset: 0.5rem; }
.disabled-inset-2:disabled { inset: 0.5rem; }
.group:hover .group-hover-inset-2 { inset: 0.5rem; }
.inset-3 { inset: 0.75rem; }
.hover-inset-3:hover { inset: 0.75rem; }
.focus-inset-3:focus { inset: 0.75rem; }
.active-inset-3:active { inset: 0.75rem; }
.disabled-inset-3:disabled { inset: 0.75rem; }
.group:hover .group-hover-inset-3 { inset: 0.75rem; }
.inset-4 { inset: 1rem; }
.hover-inset-4:hover { inset: 1rem; }
.focus-inset-4:focus { inset: 1rem; }
.active-inset-4:active { inset: 1rem; }
.disabled-inset-4:disabled { inset: 1rem; }
.group:hover .group-hover-inset-4 { inset: 1rem; }
.inset-5 { inset: 1.25rem; }
.hover-inset-5:hover { inset: 1.25rem; }
.focus-inset-5:focus { inset: 1.25rem; }
.active-inset-5:active { inset: 1.25rem; }
.disabled-inset-5:disabled { inset: 1.25rem; }
.group:hover .group-hover-inset-5 { inset: 1.25rem; }
.inset-6 { inset: 1.5rem; }
.hover-inset-6:hover { inset: 1.5rem; }
.focus-inset-6:focus { inset: 1.5rem; }
.active-inset-6:active { inset: 1.5rem; }
.disabled-inset-6:disabled { inset: 1.5rem; }
.group:hover .group-hover-inset-6 { inset: 1.5rem; }
.inset-7 { inset: 1.75rem; }
.hover-inset-7:hover { inset: 1.75rem; }
.focus-inset-7:focus { inset: 1.75rem; }
.active-inset-7:active { inset: 1.75rem; }
.disabled-inset-7:disabled { inset: 1.75rem; }
.group:hover .group-hover-inset-7 { inset: 1.75rem; }
.inset-8 { inset: 2rem; }
.hover-inset-8:hover { inset: 2rem; }
.focus-inset-8:focus { inset: 2rem; }
.active-inset-8:active { inset: 2rem; }
.disabled-inset-8:disabled { inset: 2rem; }
.group:hover .group-hover-inset-8 { inset: 2rem; }
.inset-9 { inset: 2.25rem; }
.hover-inset-9:hover { inset: 2.25rem; }
.focus-inset-9:focus { inset: 2.25rem; }
.active-inset-9:active { inset: 2.25rem; }
.disabled-inset-9:disabled { inset: 2.25rem; }
.group:hover .group-hover-inset-9 { inset: 2.25rem; }
.inset-10 { inset: 2.5rem; }
.hover-inset-10:hover { inset: 2.5rem; }
.focus-inset-10:focus { inset: 2.5rem; }
.active-inset-10:active { inset: 2.5rem; }
.disabled-inset-10:disabled { inset: 2.5rem; }
.group:hover .group-hover-inset-10 { inset: 2.5rem; }
.inset-12 { inset: 3rem; }
.hover-inset-12:hover { inset: 3rem; }
.focus-inset-12:focus { inset: 3rem; }
.active-inset-12:active { inset: 3rem; }
.disabled-inset-12:disabled { inset: 3rem; }
.group:hover .group-hover-inset-12 { inset: 3rem; }
.inset-14 { inset: 3.5rem; }
.hover-inset-14:hover { inset: 3.5rem; }
.focus-inset-14:focus { inset: 3.5rem; }
.active-inset-14:active { inset: 3.5rem; }
.disabled-inset-14:disabled { inset: 3.5rem; }
.group:hover .group-hover-inset-14 { inset: 3.5rem; }
.inset-16 { inset: 4rem; }
.hover-inset-16:hover { inset: 4rem; }
.focus-inset-16:focus { inset: 4rem; }
.active-inset-16:active { inset: 4rem; }
.disabled-inset-16:disabled { inset: 4rem; }
.group:hover .group-hover-inset-16 { inset: 4rem; }
.inset-20 { inset: 5rem; }
.hover-inset-20:hover { inset: 5rem; }
.focus-inset-20:focus { inset: 5rem; }
.active-inset-20:active { inset: 5rem; }
.disabled-inset-20:disabled { inset: 5rem; }
.group:hover .group-hover-inset-20 { inset: 5rem; }
.inset-24 { inset: 6rem; }
.hover-inset-24:hover { inset: 6rem; }
.focus-inset-24:focus { inset: 6rem; }
.active-inset-24:active { inset: 6rem; }
.disabled-inset-24:disabled { inset: 6rem; }
.group:hover .group-hover-inset-24 { inset: 6rem; }
.inset-28 { inset: 7rem; }
.hover-inset-28:hover { inset: 7rem; }
.focus-inset-28:focus { inset: 7rem; }
.active-inset-28:active { inset: 7rem; }
.disabled-inset-28:disabled { inset: 7rem; }
.group:hover .group-hover-inset-28 { inset: 7rem; }
.inset-32 { inset: 8rem; }
.hover-inset-32:hover { inset: 8rem; }
.focus-inset-32:focus { inset: 8rem; }
.active-inset-32:active { inset: 8rem; }
.disabled-inset-32:disabled { inset: 8rem; }
.group:hover .group-hover-inset-32 { inset: 8rem; }
.inset-t-0 { inset-top: 0; }
.hover-inset-t-0:hover { inset-top: 0; }
.focus-inset-t-0:focus { inset-top: 0; }
.active-inset-t-0:active { inset-top: 0; }
.disabled-inset-t-0:disabled { inset-top: 0; }
.group:hover .group-hover-inset-t-0 { inset-top: 0; }
.inset-t-1 { inset-top: 0.25rem; }
.hover-inset-t-1:hover { inset-top: 0.25rem; }
.focus-inset-t-1:focus { inset-top: 0.25rem; }
.active-inset-t-1:active { inset-top: 0.25rem; }
.disabled-inset-t-1:disabled { inset-top: 0.25rem; }
.group:hover .group-hover-inset-t-1 { inset-top: 0.25rem; }
.inset-t-2 { inset-top: 0.5rem; }
.hover-inset-t-2:hover { inset-top: 0.5rem; }
.focus-inset-t-2:focus { inset-top: 0.5rem; }
.active-inset-t-2:active { inset-top: 0.5rem; }
.disabled-inset-t-2:disabled { inset-top: 0.5rem; }
.group:hover .group-hover-inset-t-2 { inset-top: 0.5rem; }
.inset-t-3 { inset-top: 0.75rem; }
.hover-inset-t-3:hover { inset-top: 0.75rem; }
.focus-inset-t-3:focus { inset-top: 0.75rem; }
.active-inset-t-3:active { inset-top: 0.75rem; }
.disabled-inset-t-3:disabled { inset-top: 0.75rem; }
.group:hover .group-hover-inset-t-3 { inset-top: 0.75rem; }
.inset-t-4 { inset-top: 1rem; }
.hover-inset-t-4:hover { inset-top: 1rem; }
.focus-inset-t-4:focus { inset-top: 1rem; }
.active-inset-t-4:active { inset-top: 1rem; }
.disabled-inset-t-4:disabled { inset-top: 1rem; }
.group:hover .group-hover-inset-t-4 { inset-top: 1rem; }
.inset-t-5 { inset-top: 1.25rem; }
.hover-inset-t-5:hover { inset-top: 1.25rem; }
.focus-inset-t-5:focus { inset-top: 1.25rem; }
.active-inset-t-5:active { inset-top: 1.25rem; }
.disabled-inset-t-5:disabled { inset-top: 1.25rem; }
.group:hover .group-hover-inset-t-5 { inset-top: 1.25rem; }
.inset-t-6 { inset-top: 1.5rem; }
.hover-inset-t-6:hover { inset-top: 1.5rem; }
.focus-inset-t-6:focus { inset-top: 1.5rem; }
.active-inset-t-6:active { inset-top: 1.5rem; }
.disabled-inset-t-6:disabled { inset-top: 1.5rem; }
.group:hover .group-hover-inset-t-6 { inset-top: 1.5rem; }
.inset-t-7 { inset-top: 1.75rem; }
.hover-inset-t-7:hover { inset-top: 1.75rem; }
.focus-inset-t-7:focus { inset-top: 1.75rem; }
.active-inset-t-7:active { inset-top: 1.75rem; }
.disabled-inset-t-7:disabled { inset-top: 1.75rem; }
.group:hover .group-hover-inset-t-7 { inset-top: 1.75rem; }
.inset-t-8 { inset-top: 2rem; }
.hover-inset-t-8:hover { inset-top: 2rem; }
.focus-inset-t-8:focus { inset-top: 2rem; }
.active-inset-t-8:active { inset-top: 2rem; }
.disabled-inset-t-8:disabled { inset-top: 2rem; }
.group:hover .group-hover-inset-t-8 { inset-top: 2rem; }
.inset-t-9 { inset-top: 2.25rem; }
.hover-inset-t-9:hover { inset-top: 2.25rem; }
.focus-inset-t-9:focus { inset-top: 2.25rem; }
.active-inset-t-9:active { inset-top: 2.25rem; }
.disabled-inset-t-9:disabled { inset-top: 2.25rem; }
.group:hover .group-hover-inset-t-9 { inset-top: 2.25rem; }
.inset-t-10 { inset-top: 2.5rem; }
.hover-inset-t-10:hover { inset-top: 2.5rem; }
.focus-inset-t-10:focus { inset-top: 2.5rem; }
.active-inset-t-10:active { inset-top: 2.5rem; }
.disabled-inset-t-10:disabled { inset-top: 2.5rem; }
.group:hover .group-hover-inset-t-10 { inset-top: 2.5rem; }
.inset-t-12 { inset-top: 3rem; }
.hover-inset-t-12:hover { inset-top: 3rem; }
.focus-inset-t-12:focus { inset-top: 3rem; }
.active-inset-t-12:active { inset-top: 3rem; }
.disabled-inset-t-12:disabled { inset-top: 3rem; }
.group:hover .group-hover-inset-t-12 { inset-top: 3rem; }
.inset-t-14 { inset-top: 3.5rem; }
.hover-inset-t-14:hover { inset-top: 3.5rem; }
.focus-inset-t-14:focus { inset-top: 3.5rem; }
.active-inset-t-14:active { inset-top: 3.5rem; }
.disabled-inset-t-14:disabled { inset-top: 3.5rem; }
.group:hover .group-hover-inset-t-14 { inset-top: 3.5rem; }
.inset-t-16 { inset-top: 4rem; }
.hover-inset-t-16:hover { inset-top: 4rem; }
.focus-inset-t-16:focus { inset-top: 4rem; }
.active-inset-t-16:active { inset-top: 4rem; }
.disabled-inset-t-16:disabled { inset-top: 4rem; }
.group:hover .group-hover-inset-t-16 { inset-top: 4rem; }
.inset-t-20 { inset-top: 5rem; }
.hover-inset-t-20:hover { inset-top: 5rem; }
.focus-inset-t-20:focus { inset-top: 5rem; }
.active-inset-t-20:active { inset-top: 5rem; }
.disabled-inset-t-20:disabled { inset-top: 5rem; }
.group:hover .group-hover-inset-t-20 { inset-top: 5rem; }
.inset-t-24 { inset-top: 6rem; }
.hover-inset-t-24:hover { inset-top: 6rem; }
.focus-inset-t-24:focus { inset-top: 6rem; }
.active-inset-t-24:active { inset-top: 6rem; }
.disabled-inset-t-24:disabled { inset-top: 6rem; }
.group:hover .group-hover-inset-t-24 { inset-top: 6rem; }
.inset-t-28 { inset-top: 7rem; }
.hover-inset-t-28:hover { inset-top: 7rem; }
.focus-inset-t-28:focus { inset-top: 7rem; }
.active-inset-t-28:active { inset-top: 7rem; }
.disabled-inset-t-28:disabled { inset-top: 7rem; }
.group:hover .group-hover-inset-t-28 { inset-top: 7rem; }
.inset-t-32 { inset-top: 8rem; }
.hover-inset-t-32:hover { inset-top: 8rem; }
.focus-inset-t-32:focus { inset-top: 8rem; }
.active-inset-t-32:active { inset-top: 8rem; }
.disabled-inset-t-32:disabled { inset-top: 8rem; }
.group:hover .group-hover-inset-t-32 { inset-top: 8rem; }
.inset-r-0 { inset-right: 0; }
.hover-inset-r-0:hover { inset-right: 0; }
.focus-inset-r-0:focus { inset-right: 0; }
.active-inset-r-0:active { inset-right: 0; }
.disabled-inset-r-0:disabled { inset-right: 0; }
.group:hover .group-hover-inset-r-0 { inset-right: 0; }
.inset-r-1 { inset-right: 0.25rem; }
.hover-inset-r-1:hover { inset-right: 0.25rem; }
.focus-inset-r-1:focus { inset-right: 0.25rem; }
.active-inset-r-1:active { inset-right: 0.25rem; }
.disabled-inset-r-1:disabled { inset-right: 0.25rem; }
.group:hover .group-hover-inset-r-1 { inset-right: 0.25rem; }
.inset-r-2 { inset-right: 0.5rem; }
.hover-inset-r-2:hover { inset-right: 0.5rem; }
.focus-inset-r-2:focus { inset-right: 0.5rem; }
.active-inset-r-2:active { inset-right: 0.5rem; }
.disabled-inset-r-2:disabled { inset-right: 0.5rem; }
.group:hover .group-hover-inset-r-2 { inset-right: 0.5rem; }
.inset-r-3 { inset-right: 0.75rem; }
.hover-inset-r-3:hover { inset-right: 0.75rem; }
.focus-inset-r-3:focus { inset-right: 0.75rem; }
.active-inset-r-3:active { inset-right: 0.75rem; }
.disabled-inset-r-3:disabled { inset-right: 0.75rem; }
.group:hover .group-hover-inset-r-3 { inset-right: 0.75rem; }
.inset-r-4 { inset-right: 1rem; }
.hover-inset-r-4:hover { inset-right: 1rem; }
.focus-inset-r-4:focus { inset-right: 1rem; }
.active-inset-r-4:active { inset-right: 1rem; }
.disabled-inset-r-4:disabled { inset-right: 1rem; }
.group:hover .group-hover-inset-r-4 { inset-right: 1rem; }
.inset-r-5 { inset-right: 1.25rem; }
.hover-inset-r-5:hover { inset-right: 1.25rem; }
.focus-inset-r-5:focus { inset-right: 1.25rem; }
.active-inset-r-5:active { inset-right: 1.25rem; }
.disabled-inset-r-5:disabled { inset-right: 1.25rem; }
.group:hover .group-hover-inset-r-5 { inset-right: 1.25rem; }
.inset-r-6 { inset-right: 1.5rem; }
.hover-inset-r-6:hover { inset-right: 1.5rem; }
.focus-inset-r-6:focus { inset-right: 1.5rem; }
.active-inset-r-6:active { inset-right: 1.5rem; }
.disabled-inset-r-6:disabled { inset-right: 1.5rem; }
.group:hover .group-hover-inset-r-6 { inset-right: 1.5rem; }
.inset-r-7 { inset-right: 1.75rem; }
.hover-inset-r-7:hover { inset-right: 1.75rem; }
.focus-inset-r-7:focus { inset-right: 1.75rem; }
.active-inset-r-7:active { inset-right: 1.75rem; }
.disabled-inset-r-7:disabled { inset-right: 1.75rem; }
.group:hover .group-hover-inset-r-7 { inset-right: 1.75rem; }
.inset-r-8 { inset-right: 2rem; }
.hover-inset-r-8:hover { inset-right: 2rem; }
.focus-inset-r-8:focus { inset-right: 2rem; }
.active-inset-r-8:active { inset-right: 2rem; }
.disabled-inset-r-8:disabled { inset-right: 2rem; }
.group:hover .group-hover-inset-r-8 { inset-right: 2rem; }
.inset-r-9 { inset-right: 2.25rem; }
.hover-inset-r-9:hover { inset-right: 2.25rem; }
.focus-inset-r-9:focus { inset-right: 2.25rem; }
.active-inset-r-9:active { inset-right: 2.25rem; }
.disabled-inset-r-9:disabled { inset-right: 2.25rem; }
.group:hover .group-hover-inset-r-9 { inset-right: 2.25rem; }
.inset-r-10 { inset-right: 2.5rem; }
.hover-inset-r-10:hover { inset-right: 2.5rem; }
.focus-inset-r-10:focus { inset-right: 2.5rem; }
.active-inset-r-10:active { inset-right: 2.5rem; }
.disabled-inset-r-10:disabled { inset-right: 2.5rem; }
.group:hover .group-hover-inset-r-10 { inset-right: 2.5rem; }
.inset-r-12 { inset-right: 3rem; }
.hover-inset-r-12:hover { inset-right: 3rem; }
.focus-inset-r-12:focus { inset-right: 3rem; }
.active-inset-r-12:active { inset-right: 3rem; }
.disabled-inset-r-12:disabled { inset-right: 3rem; }
.group:hover .group-hover-inset-r-12 { inset-right: 3rem; }
.inset-r-14 { inset-right: 3.5rem; }
.hover-inset-r-14:hover { inset-right: 3.5rem; }
.focus-inset-r-14:focus { inset-right: 3.5rem; }
.active-inset-r-14:active { inset-right: 3.5rem; }
.disabled-inset-r-14:disabled { inset-right: 3.5rem; }
.group:hover .group-hover-inset-r-14 { inset-right: 3.5rem; }
.inset-r-16 { inset-right: 4rem; }
.hover-inset-r-16:hover { inset-right: 4rem; }
.focus-inset-r-16:focus { inset-right: 4rem; }
.active-inset-r-16:active { inset-right: 4rem; }
.disabled-inset-r-16:disabled { inset-right: 4rem; }
.group:hover .group-hover-inset-r-16 { inset-right: 4rem; }
.inset-r-20 { inset-right: 5rem; }
.hover-inset-r-20:hover { inset-right: 5rem; }
.focus-inset-r-20:focus { inset-right: 5rem; }
.active-inset-r-20:active { inset-right: 5rem; }
.disabled-inset-r-20:disabled { inset-right: 5rem; }
.group:hover .group-hover-inset-r-20 { inset-right: 5rem; }
.inset-r-24 { inset-right: 6rem; }
.hover-inset-r-24:hover { inset-right: 6rem; }
.focus-inset-r-24:focus { inset-right: 6rem; }
.active-inset-r-24:active { inset-right: 6rem; }
.disabled-inset-r-24:disabled { inset-right: 6rem; }
.group:hover .group-hover-inset-r-24 { inset-right: 6rem; }
.inset-r-28 { inset-right: 7rem; }
.hover-inset-r-28:hover { inset-right: 7rem; }
.focus-inset-r-28:focus { inset-right: 7rem; }
.active-inset-r-28:active { inset-right: 7rem; }
.disabled-inset-r-28:disabled { inset-right: 7rem; }
.group:hover .group-hover-inset-r-28 { inset-right: 7rem; }
.inset-r-32 { inset-right: 8rem; }
.hover-inset-r-32:hover { inset-right: 8rem; }
.focus-inset-r-32:focus { inset-right: 8rem; }
.active-inset-r-32:active { inset-right: 8rem; }
.disabled-inset-r-32:disabled { inset-right: 8rem; }
.group:hover .group-hover-inset-r-32 { inset-right: 8rem; }
.inset-b-0 { inset-bottom: 0; }
.hover-inset-b-0:hover { inset-bottom: 0; }
.focus-inset-b-0:focus { inset-bottom: 0; }
.active-inset-b-0:active { inset-bottom: 0; }
.disabled-inset-b-0:disabled { inset-bottom: 0; }
.group:hover .group-hover-inset-b-0 { inset-bottom: 0; }
.inset-b-1 { inset-bottom: 0.25rem; }
.hover-inset-b-1:hover { inset-bottom: 0.25rem; }
.focus-inset-b-1:focus { inset-bottom: 0.25rem; }
.active-inset-b-1:active { inset-bottom: 0.25rem; }
.disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
.group:hover .group-hover-inset-b-1 { inset-bottom: 0.25rem; }
.inset-b-2 { inset-bottom: 0.5rem; }
.hover-inset-b-2:hover { inset-bottom: 0.5rem; }
.focus-inset-b-2:focus { inset-bottom: 0.5rem; }
.active-inset-b-2:active { inset-bottom: 0.5rem; }
.disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
.group:hover .group-hover-inset-b-2 { inset-bottom: 0.5rem; }
.inset-b-3 { inset-bottom: 0.75rem; }
.hover-inset-b-3:hover { inset-bottom: 0.75rem; }
.focus-inset-b-3:focus { inset-bottom: 0.75rem; }
.active-inset-b-3:active { inset-bottom: 0.75rem; }
.disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
.group:hover .group-hover-inset-b-3 { inset-bottom: 0.75rem; }
.inset-b-4 { inset-bottom: 1rem; }
.hover-inset-b-4:hover { inset-bottom: 1rem; }
.focus-inset-b-4:focus { inset-bottom: 1rem; }
.active-inset-b-4:active { inset-bottom: 1rem; }
.disabled-inset-b-4:disabled { inset-bottom: 1rem; }
.group:hover .group-hover-inset-b-4 { inset-bottom: 1rem; }
.inset-b-5 { inset-bottom: 1.25rem; }
.hover-inset-b-5:hover { inset-bottom: 1.25rem; }
.focus-inset-b-5:focus { inset-bottom: 1.25rem; }
.active-inset-b-5:active { inset-bottom: 1.25rem; }
.disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
.group:hover .group-hover-inset-b-5 { inset-bottom: 1.25rem; }
.inset-b-6 { inset-bottom: 1.5rem; }
.hover-inset-b-6:hover { inset-bottom: 1.5rem; }
.focus-inset-b-6:focus { inset-bottom: 1.5rem; }
.active-inset-b-6:active { inset-bottom: 1.5rem; }
.disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
.group:hover .group-hover-inset-b-6 { inset-bottom: 1.5rem; }
.inset-b-7 { inset-bottom: 1.75rem; }
.hover-inset-b-7:hover { inset-bottom: 1.75rem; }
.focus-inset-b-7:focus { inset-bottom: 1.75rem; }
.active-inset-b-7:active { inset-bottom: 1.75rem; }
.disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
.group:hover .group-hover-inset-b-7 { inset-bottom: 1.75rem; }
.inset-b-8 { inset-bottom: 2rem; }
.hover-inset-b-8:hover { inset-bottom: 2rem; }
.focus-inset-b-8:focus { inset-bottom: 2rem; }
.active-inset-b-8:active { inset-bottom: 2rem; }
.disabled-inset-b-8:disabled { inset-bottom: 2rem; }
.group:hover .group-hover-inset-b-8 { inset-bottom: 2rem; }
.inset-b-9 { inset-bottom: 2.25rem; }
.hover-inset-b-9:hover { inset-bottom: 2.25rem; }
.focus-inset-b-9:focus { inset-bottom: 2.25rem; }
.active-inset-b-9:active { inset-bottom: 2.25rem; }
.disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
.group:hover .group-hover-inset-b-9 { inset-bottom: 2.25rem; }
.inset-b-10 { inset-bottom: 2.5rem; }
.hover-inset-b-10:hover { inset-bottom: 2.5rem; }
.focus-inset-b-10:focus { inset-bottom: 2.5rem; }
.active-inset-b-10:active { inset-bottom: 2.5rem; }
.disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
.group:hover .group-hover-inset-b-10 { inset-bottom: 2.5rem; }
.inset-b-12 { inset-bottom: 3rem; }
.hover-inset-b-12:hover { inset-bottom: 3rem; }
.focus-inset-b-12:focus { inset-bottom: 3rem; }
.active-inset-b-12:active { inset-bottom: 3rem; }
.disabled-inset-b-12:disabled { inset-bottom: 3rem; }
.group:hover .group-hover-inset-b-12 { inset-bottom: 3rem; }
.inset-b-14 { inset-bottom: 3.5rem; }
.hover-inset-b-14:hover { inset-bottom: 3.5rem; }
.focus-inset-b-14:focus { inset-bottom: 3.5rem; }
.active-inset-b-14:active { inset-bottom: 3.5rem; }
.disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
.group:hover .group-hover-inset-b-14 { inset-bottom: 3.5rem; }
.inset-b-16 { inset-bottom: 4rem; }
.hover-inset-b-16:hover { inset-bottom: 4rem; }
.focus-inset-b-16:focus { inset-bottom: 4rem; }
.active-inset-b-16:active { inset-bottom: 4rem; }
.disabled-inset-b-16:disabled { inset-bottom: 4rem; }
.group:hover .group-hover-inset-b-16 { inset-bottom: 4rem; }
.inset-b-20 { inset-bottom: 5rem; }
.hover-inset-b-20:hover { inset-bottom: 5rem; }
.focus-inset-b-20:focus { inset-bottom: 5rem; }
.active-inset-b-20:active { inset-bottom: 5rem; }
.disabled-inset-b-20:disabled { inset-bottom: 5rem; }
.group:hover .group-hover-inset-b-20 { inset-bottom: 5rem; }
.inset-b-24 { inset-bottom: 6rem; }
.hover-inset-b-24:hover { inset-bottom: 6rem; }
.focus-inset-b-24:focus { inset-bottom: 6rem; }
.active-inset-b-24:active { inset-bottom: 6rem; }
.disabled-inset-b-24:disabled { inset-bottom: 6rem; }
.group:hover .group-hover-inset-b-24 { inset-bottom: 6rem; }
.inset-b-28 { inset-bottom: 7rem; }
.hover-inset-b-28:hover { inset-bottom: 7rem; }
.focus-inset-b-28:focus { inset-bottom: 7rem; }
.active-inset-b-28:active { inset-bottom: 7rem; }
.disabled-inset-b-28:disabled { inset-bottom: 7rem; }
.group:hover .group-hover-inset-b-28 { inset-bottom: 7rem; }
.inset-b-32 { inset-bottom: 8rem; }
.hover-inset-b-32:hover { inset-bottom: 8rem; }
.focus-inset-b-32:focus { inset-bottom: 8rem; }
.active-inset-b-32:active { inset-bottom: 8rem; }
.disabled-inset-b-32:disabled { inset-bottom: 8rem; }
.group:hover .group-hover-inset-b-32 { inset-bottom: 8rem; }
.inset-l-0 { inset-left: 0; }
.hover-inset-l-0:hover { inset-left: 0; }
.focus-inset-l-0:focus { inset-left: 0; }
.active-inset-l-0:active { inset-left: 0; }
.disabled-inset-l-0:disabled { inset-left: 0; }
.group:hover .group-hover-inset-l-0 { inset-left: 0; }
.inset-l-1 { inset-left: 0.25rem; }
.hover-inset-l-1:hover { inset-left: 0.25rem; }
.focus-inset-l-1:focus { inset-left: 0.25rem; }
.active-inset-l-1:active { inset-left: 0.25rem; }
.disabled-inset-l-1:disabled { inset-left: 0.25rem; }
.group:hover .group-hover-inset-l-1 { inset-left: 0.25rem; }
.inset-l-2 { inset-left: 0.5rem; }
.hover-inset-l-2:hover { inset-left: 0.5rem; }
.focus-inset-l-2:focus { inset-left: 0.5rem; }
.active-inset-l-2:active { inset-left: 0.5rem; }
.disabled-inset-l-2:disabled { inset-left: 0.5rem; }
.group:hover .group-hover-inset-l-2 { inset-left: 0.5rem; }
.inset-l-3 { inset-left: 0.75rem; }
.hover-inset-l-3:hover { inset-left: 0.75rem; }
.focus-inset-l-3:focus { inset-left: 0.75rem; }
.active-inset-l-3:active { inset-left: 0.75rem; }
.disabled-inset-l-3:disabled { inset-left: 0.75rem; }
.group:hover .group-hover-inset-l-3 { inset-left: 0.75rem; }
.inset-l-4 { inset-left: 1rem; }
.hover-inset-l-4:hover { inset-left: 1rem; }
.focus-inset-l-4:focus { inset-left: 1rem; }
.active-inset-l-4:active { inset-left: 1rem; }
.disabled-inset-l-4:disabled { inset-left: 1rem; }
.group:hover .group-hover-inset-l-4 { inset-left: 1rem; }
.inset-l-5 { inset-left: 1.25rem; }
.hover-inset-l-5:hover { inset-left: 1.25rem; }
.focus-inset-l-5:focus { inset-left: 1.25rem; }
.active-inset-l-5:active { inset-left: 1.25rem; }
.disabled-inset-l-5:disabled { inset-left: 1.25rem; }
.group:hover .group-hover-inset-l-5 { inset-left: 1.25rem; }
.inset-l-6 { inset-left: 1.5rem; }
.hover-inset-l-6:hover { inset-left: 1.5rem; }
.focus-inset-l-6:focus { inset-left: 1.5rem; }
.active-inset-l-6:active { inset-left: 1.5rem; }
.disabled-inset-l-6:disabled { inset-left: 1.5rem; }
.group:hover .group-hover-inset-l-6 { inset-left: 1.5rem; }
.inset-l-7 { inset-left: 1.75rem; }
.hover-inset-l-7:hover { inset-left: 1.75rem; }
.focus-inset-l-7:focus { inset-left: 1.75rem; }
.active-inset-l-7:active { inset-left: 1.75rem; }
.disabled-inset-l-7:disabled { inset-left: 1.75rem; }
.group:hover .group-hover-inset-l-7 { inset-left: 1.75rem; }
.inset-l-8 { inset-left: 2rem; }
.hover-inset-l-8:hover { inset-left: 2rem; }
.focus-inset-l-8:focus { inset-left: 2rem; }
.active-inset-l-8:active { inset-left: 2rem; }
.disabled-inset-l-8:disabled { inset-left: 2rem; }
.group:hover .group-hover-inset-l-8 { inset-left: 2rem; }
.inset-l-9 { inset-left: 2.25rem; }
.hover-inset-l-9:hover { inset-left: 2.25rem; }
.focus-inset-l-9:focus { inset-left: 2.25rem; }
.active-inset-l-9:active { inset-left: 2.25rem; }
.disabled-inset-l-9:disabled { inset-left: 2.25rem; }
.group:hover .group-hover-inset-l-9 { inset-left: 2.25rem; }
.inset-l-10 { inset-left: 2.5rem; }
.hover-inset-l-10:hover { inset-left: 2.5rem; }
.focus-inset-l-10:focus { inset-left: 2.5rem; }
.active-inset-l-10:active { inset-left: 2.5rem; }
.disabled-inset-l-10:disabled { inset-left: 2.5rem; }
.group:hover .group-hover-inset-l-10 { inset-left: 2.5rem; }
.inset-l-12 { inset-left: 3rem; }
.hover-inset-l-12:hover { inset-left: 3rem; }
.focus-inset-l-12:focus { inset-left: 3rem; }
.active-inset-l-12:active { inset-left: 3rem; }
.disabled-inset-l-12:disabled { inset-left: 3rem; }
.group:hover .group-hover-inset-l-12 { inset-left: 3rem; }
.inset-l-14 { inset-left: 3.5rem; }
.hover-inset-l-14:hover { inset-left: 3.5rem; }
.focus-inset-l-14:focus { inset-left: 3.5rem; }
.active-inset-l-14:active { inset-left: 3.5rem; }
.disabled-inset-l-14:disabled { inset-left: 3.5rem; }
.group:hover .group-hover-inset-l-14 { inset-left: 3.5rem; }
.inset-l-16 { inset-left: 4rem; }
.hover-inset-l-16:hover { inset-left: 4rem; }
.focus-inset-l-16:focus { inset-left: 4rem; }
.active-inset-l-16:active { inset-left: 4rem; }
.disabled-inset-l-16:disabled { inset-left: 4rem; }
.group:hover .group-hover-inset-l-16 { inset-left: 4rem; }
.inset-l-20 { inset-left: 5rem; }
.hover-inset-l-20:hover { inset-left: 5rem; }
.focus-inset-l-20:focus { inset-left: 5rem; }
.active-inset-l-20:active { inset-left: 5rem; }
.disabled-inset-l-20:disabled { inset-left: 5rem; }
.group:hover .group-hover-inset-l-20 { inset-left: 5rem; }
.inset-l-24 { inset-left: 6rem; }
.hover-inset-l-24:hover { inset-left: 6rem; }
.focus-inset-l-24:focus { inset-left: 6rem; }
.active-inset-l-24:active { inset-left: 6rem; }
.disabled-inset-l-24:disabled { inset-left: 6rem; }
.group:hover .group-hover-inset-l-24 { inset-left: 6rem; }
.inset-l-28 { inset-left: 7rem; }
.hover-inset-l-28:hover { inset-left: 7rem; }
.focus-inset-l-28:focus { inset-left: 7rem; }
.active-inset-l-28:active { inset-left: 7rem; }
.disabled-inset-l-28:disabled { inset-left: 7rem; }
.group:hover .group-hover-inset-l-28 { inset-left: 7rem; }
.inset-l-32 { inset-left: 8rem; }
.hover-inset-l-32:hover { inset-left: 8rem; }
.focus-inset-l-32:focus { inset-left: 8rem; }
.active-inset-l-32:active { inset-left: 8rem; }
.disabled-inset-l-32:disabled { inset-left: 8rem; }
.group:hover .group-hover-inset-l-32 { inset-left: 8rem; }
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
.focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
.active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
.disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
.group:hover .group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
.focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
.active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
.disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
.group:hover .group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
.focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
.active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
.disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
.group:hover .group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
.focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
.active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
.disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
.group:hover .group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
.focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
.active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
.disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
.group:hover .group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
.focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
.active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
.disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
.group:hover .group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
.focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
.active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
.disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
.group:hover .group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
.focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
.active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
.disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
.group:hover .group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
.focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
.active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
.disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
.group:hover .group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
.focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
.active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
.disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
.group:hover .group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
.focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
.active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
.disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
.group:hover .group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
.focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
.active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
.disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
.group:hover .group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
.focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
.active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
.disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
.group:hover .group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
.focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
.active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
.disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
.group:hover .group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
.focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
.active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
.disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
.group:hover .group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
.focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
.active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
.disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
.group:hover .group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
.focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
.active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
.disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
.group:hover .group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
.hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
.focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
.active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
.disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
.group:hover .group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
.gap-0 { gap: 0; }
.hover-gap-0:hover { gap: 0; }
.focus-gap-0:focus { gap: 0; }
.active-gap-0:active { gap: 0; }
.disabled-gap-0:disabled { gap: 0; }
.group:hover .group-hover-gap-0 { gap: 0; }
.gap-1 { gap: 0.25rem; }
.hover-gap-1:hover { gap: 0.25rem; }
.focus-gap-1:focus { gap: 0.25rem; }
.active-gap-1:active { gap: 0.25rem; }
.disabled-gap-1:disabled { gap: 0.25rem; }
.group:hover .group-hover-gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.hover-gap-2:hover { gap: 0.5rem; }
.focus-gap-2:focus { gap: 0.5rem; }
.active-gap-2:active { gap: 0.5rem; }
.disabled-gap-2:disabled { gap: 0.5rem; }
.group:hover .group-hover-gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.hover-gap-3:hover { gap: 0.75rem; }
.focus-gap-3:focus { gap: 0.75rem; }
.active-gap-3:active { gap: 0.75rem; }
.disabled-gap-3:disabled { gap: 0.75rem; }
.group:hover .group-hover-gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.hover-gap-4:hover { gap: 1rem; }
.focus-gap-4:focus { gap: 1rem; }
.active-gap-4:active { gap: 1rem; }
.disabled-gap-4:disabled { gap: 1rem; }
.group:hover .group-hover-gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.hover-gap-5:hover { gap: 1.25rem; }
.focus-gap-5:focus { gap: 1.25rem; }
.active-gap-5:active { gap: 1.25rem; }
.disabled-gap-5:disabled { gap: 1.25rem; }
.group:hover .group-hover-gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.hover-gap-6:hover { gap: 1.5rem; }
.focus-gap-6:focus { gap: 1.5rem; }
.active-gap-6:active { gap: 1.5rem; }
.disabled-gap-6:disabled { gap: 1.5rem; }
.group:hover .group-hover-gap-6 { gap: 1.5rem; }
.gap-7 { gap: 1.75rem; }
.hover-gap-7:hover { gap: 1.75rem; }
.focus-gap-7:focus { gap: 1.75rem; }
.active-gap-7:active { gap: 1.75rem; }
.disabled-gap-7:disabled { gap: 1.75rem; }
.group:hover .group-hover-gap-7 { gap: 1.75rem; }
.gap-8 { gap: 2rem; }
.hover-gap-8:hover { gap: 2rem; }
.focus-gap-8:focus { gap: 2rem; }
.active-gap-8:active { gap: 2rem; }
.disabled-gap-8:disabled { gap: 2rem; }
.group:hover .group-hover-gap-8 { gap: 2rem; }
.gap-9 { gap: 2.25rem; }
.hover-gap-9:hover { gap: 2.25rem; }
.focus-gap-9:focus { gap: 2.25rem; }
.active-gap-9:active { gap: 2.25rem; }
.disabled-gap-9:disabled { gap: 2.25rem; }
.group:hover .group-hover-gap-9 { gap: 2.25rem; }
.gap-10 { gap: 2.5rem; }
.hover-gap-10:hover { gap: 2.5rem; }
.focus-gap-10:focus { gap: 2.5rem; }
.active-gap-10:active { gap: 2.5rem; }
.disabled-gap-10:disabled { gap: 2.5rem; }
.group:hover .group-hover-gap-10 { gap: 2.5rem; }
.gap-12 { gap: 3rem; }
.hover-gap-12:hover { gap: 3rem; }
.focus-gap-12:focus { gap: 3rem; }
.active-gap-12:active { gap: 3rem; }
.disabled-gap-12:disabled { gap: 3rem; }
.group:hover .group-hover-gap-12 { gap: 3rem; }
.gap-14 { gap: 3.5rem; }
.hover-gap-14:hover { gap: 3.5rem; }
.focus-gap-14:focus { gap: 3.5rem; }
.active-gap-14:active { gap: 3.5rem; }
.disabled-gap-14:disabled { gap: 3.5rem; }
.group:hover .group-hover-gap-14 { gap: 3.5rem; }
.gap-16 { gap: 4rem; }
.hover-gap-16:hover { gap: 4rem; }
.focus-gap-16:focus { gap: 4rem; }
.active-gap-16:active { gap: 4rem; }
.disabled-gap-16:disabled { gap: 4rem; }
.group:hover .group-hover-gap-16 { gap: 4rem; }
.gap-20 { gap: 5rem; }
.hover-gap-20:hover { gap: 5rem; }
.focus-gap-20:focus { gap: 5rem; }
.active-gap-20:active { gap: 5rem; }
.disabled-gap-20:disabled { gap: 5rem; }
.group:hover .group-hover-gap-20 { gap: 5rem; }
.gap-24 { gap: 6rem; }
.hover-gap-24:hover { gap: 6rem; }
.focus-gap-24:focus { gap: 6rem; }
.active-gap-24:active { gap: 6rem; }
.disabled-gap-24:disabled { gap: 6rem; }
.group:hover .group-hover-gap-24 { gap: 6rem; }
.gap-28 { gap: 7rem; }
.hover-gap-28:hover { gap: 7rem; }
.focus-gap-28:focus { gap: 7rem; }
.active-gap-28:active { gap: 7rem; }
.disabled-gap-28:disabled { gap: 7rem; }
.group:hover .group-hover-gap-28 { gap: 7rem; }
.gap-32 { gap: 8rem; }
.hover-gap-32:hover { gap: 8rem; }
.focus-gap-32:focus { gap: 8rem; }
.active-gap-32:active { gap: 8rem; }
.disabled-gap-32:disabled { gap: 8rem; }
.group:hover .group-hover-gap-32 { gap: 8rem; }
.flex-row { flex-direction: row; }
.hover-flex-row:hover { flex-direction: row; }
.focus-flex-row:focus { flex-direction: row; }
.active-flex-row:active { flex-direction: row; }
.disabled-flex-row:disabled { flex-direction: row; }
.group:hover .group-hover-flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.hover-flex-col:hover { flex-direction: column; }
.focus-flex-col:focus { flex-direction: column; }
.active-flex-col:active { flex-direction: column; }
.disabled-flex-col:disabled { flex-direction: column; }
.group:hover .group-hover-flex-col { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
.hover-flex-row-reverse:hover { flex-direction: row-reverse; }
.focus-flex-row-reverse:focus { flex-direction: row-reverse; }
.active-flex-row-reverse:active { flex-direction: row-reverse; }
.disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
.group:hover .group-hover-flex-row-reverse { flex-direction: row-reverse; }
.flex-col-reverse { flex-direction: column-reverse; }
.hover-flex-col-reverse:hover { flex-direction: column-reverse; }
.focus-flex-col-reverse:focus { flex-direction: column-reverse; }
.active-flex-col-reverse:active { flex-direction: column-reverse; }
.disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
.group:hover .group-hover-flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.hover-flex-wrap:hover { flex-wrap: wrap; }
.focus-flex-wrap:focus { flex-wrap: wrap; }
.active-flex-wrap:active { flex-wrap: wrap; }
.disabled-flex-wrap:disabled { flex-wrap: wrap; }
.group:hover .group-hover-flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.hover-flex-nowrap:hover { flex-wrap: nowrap; }
.focus-flex-nowrap:focus { flex-wrap: nowrap; }
.active-flex-nowrap:active { flex-wrap: nowrap; }
.disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
.group:hover .group-hover-flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
.focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
.active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
.disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
.group:hover .group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-1 { flex: 1; }
.hover-flex-1:hover { flex: 1; }
.focus-flex-1:focus { flex: 1; }
.active-flex-1:active { flex: 1; }
.disabled-flex-1:disabled { flex: 1; }
.group:hover .group-hover-flex-1 { flex: 1; }
.flex-auto { flex: auto; }
.hover-flex-auto:hover { flex: auto; }
.focus-flex-auto:focus { flex: auto; }
.active-flex-auto:active { flex: auto; }
.disabled-flex-auto:disabled { flex: auto; }
.group:hover .group-hover-flex-auto { flex: auto; }
.flex-initial { flex: initial; }
.hover-flex-initial:hover { flex: initial; }
.focus-flex-initial:focus { flex: initial; }
.active-flex-initial:active { flex: initial; }
.disabled-flex-initial:disabled { flex: initial; }
.group:hover .group-hover-flex-initial { flex: initial; }
.flex-none { flex: none; }
.hover-flex-none:hover { flex: none; }
.focus-flex-none:focus { flex: none; }
.active-flex-none:active { flex: none; }
.disabled-flex-none:disabled { flex: none; }
.group:hover .group-hover-flex-none { flex: none; }
.flex-grow-0 { flex-grow: 0; }
.hover-flex-grow-0:hover { flex-grow: 0; }
.focus-flex-grow-0:focus { flex-grow: 0; }
.active-flex-grow-0:active { flex-grow: 0; }
.disabled-flex-grow-0:disabled { flex-grow: 0; }
.group:hover .group-hover-flex-grow-0 { flex-grow: 0; }
.flex-grow-1 { flex-grow: 1; }
.hover-flex-grow-1:hover { flex-grow: 1; }
.focus-flex-grow-1:focus { flex-grow: 1; }
.active-flex-grow-1:active { flex-grow: 1; }
.disabled-flex-grow-1:disabled { flex-grow: 1; }
.group:hover .group-hover-flex-grow-1 { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.hover-flex-shrink-0:hover { flex-shrink: 0; }
.focus-flex-shrink-0:focus { flex-shrink: 0; }
.active-flex-shrink-0:active { flex-shrink: 0; }
.disabled-flex-shrink-0:disabled { flex-shrink: 0; }
.group:hover .group-hover-flex-shrink-0 { flex-shrink: 0; }
.flex-shrink-1 { flex-shrink: 1; }
.hover-flex-shrink-1:hover { flex-shrink: 1; }
.focus-flex-shrink-1:focus { flex-shrink: 1; }
.active-flex-shrink-1:active { flex-shrink: 1; }
.disabled-flex-shrink-1:disabled { flex-shrink: 1; }
.group:hover .group-hover-flex-shrink-1 { flex-shrink: 1; }
.overflow-auto { overflow: auto; }
.hover-overflow-auto:hover { overflow: auto; }
.focus-overflow-auto:focus { overflow: auto; }
.active-overflow-auto:active { overflow: auto; }
.disabled-overflow-auto:disabled { overflow: auto; }
.group:hover .group-hover-overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.hover-overflow-hidden:hover { overflow: hidden; }
.focus-overflow-hidden:focus { overflow: hidden; }
.active-overflow-hidden:active { overflow: hidden; }
.disabled-overflow-hidden:disabled { overflow: hidden; }
.group:hover .group-hover-overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.hover-overflow-visible:hover { overflow: visible; }
.focus-overflow-visible:focus { overflow: visible; }
.active-overflow-visible:active { overflow: visible; }
.disabled-overflow-visible:disabled { overflow: visible; }
.group:hover .group-hover-overflow-visible { overflow: visible; }
.overflow-scroll { overflow: scroll; }
.hover-overflow-scroll:hover { overflow: scroll; }
.focus-overflow-scroll:focus { overflow: scroll; }
.active-overflow-scroll:active { overflow: scroll; }
.disabled-overflow-scroll:disabled { overflow: scroll; }
.group:hover .group-hover-overflow-scroll { overflow: scroll; }
.overflow-x-auto { overflow-x: auto; }
.hover-overflow-x-auto:hover { overflow-x: auto; }
.focus-overflow-x-auto:focus { overflow-x: auto; }
.active-overflow-x-auto:active { overflow-x: auto; }
.disabled-overflow-x-auto:disabled { overflow-x: auto; }
.group:hover .group-hover-overflow-x-auto { overflow-x: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.hover-overflow-x-hidden:hover { overflow-x: hidden; }
.focus-overflow-x-hidden:focus { overflow-x: hidden; }
.active-overflow-x-hidden:active { overflow-x: hidden; }
.disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
.group:hover .group-hover-overflow-x-hidden { overflow-x: hidden; }
.overflow-x-visible { overflow-x: visible; }
.hover-overflow-x-visible:hover { overflow-x: visible; }
.focus-overflow-x-visible:focus { overflow-x: visible; }
.active-overflow-x-visible:active { overflow-x: visible; }
.disabled-overflow-x-visible:disabled { overflow-x: visible; }
.group:hover .group-hover-overflow-x-visible { overflow-x: visible; }
.overflow-x-scroll { overflow-x: scroll; }
.hover-overflow-x-scroll:hover { overflow-x: scroll; }
.focus-overflow-x-scroll:focus { overflow-x: scroll; }
.active-overflow-x-scroll:active { overflow-x: scroll; }
.disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
.group:hover .group-hover-overflow-x-scroll { overflow-x: scroll; }
.overflow-y-auto { overflow-y: auto; }
.hover-overflow-y-auto:hover { overflow-y: auto; }
.focus-overflow-y-auto:focus { overflow-y: auto; }
.active-overflow-y-auto:active { overflow-y: auto; }
.disabled-overflow-y-auto:disabled { overflow-y: auto; }
.group:hover .group-hover-overflow-y-auto { overflow-y: auto; }
.overflow-y-hidden { overflow-y: hidden; }
.hover-overflow-y-hidden:hover { overflow-y: hidden; }
.focus-overflow-y-hidden:focus { overflow-y: hidden; }
.active-overflow-y-hidden:active { overflow-y: hidden; }
.disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
.group:hover .group-hover-overflow-y-hidden { overflow-y: hidden; }
.overflow-y-visible { overflow-y: visible; }
.hover-overflow-y-visible:hover { overflow-y: visible; }
.focus-overflow-y-visible:focus { overflow-y: visible; }
.active-overflow-y-visible:active { overflow-y: visible; }
.disabled-overflow-y-visible:disabled { overflow-y: visible; }
.group:hover .group-hover-overflow-y-visible { overflow-y: visible; }
.overflow-y-scroll { overflow-y: scroll; }
.hover-overflow-y-scroll:hover { overflow-y: scroll; }
.focus-overflow-y-scroll:focus { overflow-y: scroll; }
.active-overflow-y-scroll:active { overflow-y: scroll; }
.disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
.group:hover .group-hover-overflow-y-scroll { overflow-y: scroll; }
.visible { visibility: visible; }
.hover-visible:hover { visibility: visible; }
.focus-visible:focus { visibility: visible; }
.active-visible:active { visibility: visible; }
.disabled-visible:disabled { visibility: visible; }
.group:hover .group-hover-visible { visibility: visible; }
.hidden { visibility: hidden; }
.hover-hidden:hover { visibility: hidden; }
.focus-hidden:focus { visibility: hidden; }
.active-hidden:active { visibility: hidden; }
.disabled-hidden:disabled { visibility: hidden; }
.group:hover .group-hover-hidden { visibility: hidden; }
.clear-left { clear: left; }
.hover-clear-left:hover { clear: left; }
.focus-clear-left:focus { clear: left; }
.active-clear-left:active { clear: left; }
.disabled-clear-left:disabled { clear: left; }
.group:hover .group-hover-clear-left { clear: left; }
.clear-right { clear: right; }
.hover-clear-right:hover { clear: right; }
.focus-clear-right:focus { clear: right; }
.active-clear-right:active { clear: right; }
.disabled-clear-right:disabled { clear: right; }
.group:hover .group-hover-clear-right { clear: right; }
.clear-both { clear: both; }
.hover-clear-both:hover { clear: both; }
.focus-clear-both:focus { clear: both; }
.active-clear-both:active { clear: both; }
.disabled-clear-both:disabled { clear: both; }
.group:hover .group-hover-clear-both { clear: both; }
.float-left { float: left; }
.hover-float-left:hover { float: left; }
.focus-float-left:focus { float: left; }
.active-float-left:active { float: left; }
.disabled-float-left:disabled { float: left; }
.group:hover .group-hover-float-left { float: left; }
.float-right { float: right; }
.hover-float-right:hover { float: right; }
.focus-float-right:focus { float: right; }
.active-float-right:active { float: right; }
.disabled-float-right:disabled { float: right; }
.group:hover .group-hover-float-right { float: right; }
.float-none { float: none; }
.hover-float-none:hover { float: none; }
.focus-float-none:focus { float: none; }
.active-float-none:active { float: none; }
.disabled-float-none:disabled { float: none; }
.group:hover .group-hover-float-none { float: none; }
.w-auto { width: auto; }
.hover-w-auto:hover { width: auto; }
.focus-w-auto:focus { width: auto; }
.active-w-auto:active { width: auto; }
.disabled-w-auto:disabled { width: auto; }
.group:hover .group-hover-w-auto { width: auto; }
.w-full { width: 100%; }
.hover-w-full:hover { width: 100%; }
.focus-w-full:focus { width: 100%; }
.active-w-full:active { width: 100%; }
.disabled-w-full:disabled { width: 100%; }
.group:hover .group-hover-w-full { width: 100%; }
.w-fit { width: fit-content; }
.hover-w-fit:hover { width: fit-content; }
.focus-w-fit:focus { width: fit-content; }
.active-w-fit:active { width: fit-content; }
.disabled-w-fit:disabled { width: fit-content; }
.group:hover .group-hover-w-fit { width: fit-content; }
.w-max { width: max-content; }
.hover-w-max:hover { width: max-content; }
.focus-w-max:focus { width: max-content; }
.active-w-max:active { width: max-content; }
.disabled-w-max:disabled { width: max-content; }
.group:hover .group-hover-w-max { width: max-content; }
.w-min { width: min-content; }
.hover-w-min:hover { width: min-content; }
.focus-w-min:focus { width: min-content; }
.active-w-min:active { width: min-content; }
.disabled-w-min:disabled { width: min-content; }
.group:hover .group-hover-w-min { width: min-content; }
.w-stretch { width: stretch; }
.hover-w-stretch:hover { width: stretch; }
.focus-w-stretch:focus { width: stretch; }
.active-w-stretch:active { width: stretch; }
.disabled-w-stretch:disabled { width: stretch; }
.group:hover .group-hover-w-stretch { width: stretch; }
.w-10p { width: 10%; }
.hover-w-10p:hover { width: 10%; }
.focus-w-10p:focus { width: 10%; }
.active-w-10p:active { width: 10%; }
.disabled-w-10p:disabled { width: 10%; }
.group:hover .group-hover-w-10p { width: 10%; }
.w-20p { width: 20%; }
.hover-w-20p:hover { width: 20%; }
.focus-w-20p:focus { width: 20%; }
.active-w-20p:active { width: 20%; }
.disabled-w-20p:disabled { width: 20%; }
.group:hover .group-hover-w-20p { width: 20%; }
.w-25p { width: 25%; }
.hover-w-25p:hover { width: 25%; }
.focus-w-25p:focus { width: 25%; }
.active-w-25p:active { width: 25%; }
.disabled-w-25p:disabled { width: 25%; }
.group:hover .group-hover-w-25p { width: 25%; }
.w-30p { width: 30%; }
.hover-w-30p:hover { width: 30%; }
.focus-w-30p:focus { width: 30%; }
.active-w-30p:active { width: 30%; }
.disabled-w-30p:disabled { width: 30%; }
.group:hover .group-hover-w-30p { width: 30%; }
.w-33p { width: 33.3333%; }
.hover-w-33p:hover { width: 33.3333%; }
.focus-w-33p:focus { width: 33.3333%; }
.active-w-33p:active { width: 33.3333%; }
.disabled-w-33p:disabled { width: 33.3333%; }
.group:hover .group-hover-w-33p { width: 33.3333%; }
.w-40p { width: 40%; }
.hover-w-40p:hover { width: 40%; }
.focus-w-40p:focus { width: 40%; }
.active-w-40p:active { width: 40%; }
.disabled-w-40p:disabled { width: 40%; }
.group:hover .group-hover-w-40p { width: 40%; }
.w-50p { width: 50%; }
.hover-w-50p:hover { width: 50%; }
.focus-w-50p:focus { width: 50%; }
.active-w-50p:active { width: 50%; }
.disabled-w-50p:disabled { width: 50%; }
.group:hover .group-hover-w-50p { width: 50%; }
.w-60p { width: 60%; }
.hover-w-60p:hover { width: 60%; }
.focus-w-60p:focus { width: 60%; }
.active-w-60p:active { width: 60%; }
.disabled-w-60p:disabled { width: 60%; }
.group:hover .group-hover-w-60p { width: 60%; }
.w-66p { width: 66.6667%; }
.hover-w-66p:hover { width: 66.6667%; }
.focus-w-66p:focus { width: 66.6667%; }
.active-w-66p:active { width: 66.6667%; }
.disabled-w-66p:disabled { width: 66.6667%; }
.group:hover .group-hover-w-66p { width: 66.6667%; }
.w-70p { width: 70%; }
.hover-w-70p:hover { width: 70%; }
.focus-w-70p:focus { width: 70%; }
.active-w-70p:active { width: 70%; }
.disabled-w-70p:disabled { width: 70%; }
.group:hover .group-hover-w-70p { width: 70%; }
.w-75p { width: 75%; }
.hover-w-75p:hover { width: 75%; }
.focus-w-75p:focus { width: 75%; }
.active-w-75p:active { width: 75%; }
.disabled-w-75p:disabled { width: 75%; }
.group:hover .group-hover-w-75p { width: 75%; }
.w-80p { width: 80%; }
.hover-w-80p:hover { width: 80%; }
.focus-w-80p:focus { width: 80%; }
.active-w-80p:active { width: 80%; }
.disabled-w-80p:disabled { width: 80%; }
.group:hover .group-hover-w-80p { width: 80%; }
.w-90p { width: 90%; }
.hover-w-90p:hover { width: 90%; }
.focus-w-90p:focus { width: 90%; }
.active-w-90p:active { width: 90%; }
.disabled-w-90p:disabled { width: 90%; }
.group:hover .group-hover-w-90p { width: 90%; }
.w-100p { width: 100%; }
.hover-w-100p:hover { width: 100%; }
.focus-w-100p:focus { width: 100%; }
.active-w-100p:active { width: 100%; }
.disabled-w-100p:disabled { width: 100%; }
.group:hover .group-hover-w-100p { width: 100%; }
.w-10vw { width: 10vw; }
.hover-w-10vw:hover { width: 10vw; }
.focus-w-10vw:focus { width: 10vw; }
.active-w-10vw:active { width: 10vw; }
.disabled-w-10vw:disabled { width: 10vw; }
.group:hover .group-hover-w-10vw { width: 10vw; }
.w-20vw { width: 20vw; }
.hover-w-20vw:hover { width: 20vw; }
.focus-w-20vw:focus { width: 20vw; }
.active-w-20vw:active { width: 20vw; }
.disabled-w-20vw:disabled { width: 20vw; }
.group:hover .group-hover-w-20vw { width: 20vw; }
.w-30vw { width: 30vw; }
.hover-w-30vw:hover { width: 30vw; }
.focus-w-30vw:focus { width: 30vw; }
.active-w-30vw:active { width: 30vw; }
.disabled-w-30vw:disabled { width: 30vw; }
.group:hover .group-hover-w-30vw { width: 30vw; }
.w-40vw { width: 40vw; }
.hover-w-40vw:hover { width: 40vw; }
.focus-w-40vw:focus { width: 40vw; }
.active-w-40vw:active { width: 40vw; }
.disabled-w-40vw:disabled { width: 40vw; }
.group:hover .group-hover-w-40vw { width: 40vw; }
.w-50vw { width: 50vw; }
.hover-w-50vw:hover { width: 50vw; }
.focus-w-50vw:focus { width: 50vw; }
.active-w-50vw:active { width: 50vw; }
.disabled-w-50vw:disabled { width: 50vw; }
.group:hover .group-hover-w-50vw { width: 50vw; }
.w-60vw { width: 60vw; }
.hover-w-60vw:hover { width: 60vw; }
.focus-w-60vw:focus { width: 60vw; }
.active-w-60vw:active { width: 60vw; }
.disabled-w-60vw:disabled { width: 60vw; }
.group:hover .group-hover-w-60vw { width: 60vw; }
.w-70vw { width: 70vw; }
.hover-w-70vw:hover { width: 70vw; }
.focus-w-70vw:focus { width: 70vw; }
.active-w-70vw:active { width: 70vw; }
.disabled-w-70vw:disabled { width: 70vw; }
.group:hover .group-hover-w-70vw { width: 70vw; }
.w-80vw { width: 80vw; }
.hover-w-80vw:hover { width: 80vw; }
.focus-w-80vw:focus { width: 80vw; }
.active-w-80vw:active { width: 80vw; }
.disabled-w-80vw:disabled { width: 80vw; }
.group:hover .group-hover-w-80vw { width: 80vw; }
.w-90vw { width: 90vw; }
.hover-w-90vw:hover { width: 90vw; }
.focus-w-90vw:focus { width: 90vw; }
.active-w-90vw:active { width: 90vw; }
.disabled-w-90vw:disabled { width: 90vw; }
.group:hover .group-hover-w-90vw { width: 90vw; }
.w-100vw { width: 100vw; }
.hover-w-100vw:hover { width: 100vw; }
.focus-w-100vw:focus { width: 100vw; }
.active-w-100vw:active { width: 100vw; }
.disabled-w-100vw:disabled { width: 100vw; }
.group:hover .group-hover-w-100vw { width: 100vw; }
.w-lvw { width: 100lvw; }
.hover-w-lvw:hover { width: 100lvw; }
.focus-w-lvw:focus { width: 100lvw; }
.active-w-lvw:active { width: 100lvw; }
.disabled-w-lvw:disabled { width: 100lvw; }
.group:hover .group-hover-w-lvw { width: 100lvw; }
.w-svw { width: 100svw; }
.hover-w-svw:hover { width: 100svw; }
.focus-w-svw:focus { width: 100svw; }
.active-w-svw:active { width: 100svw; }
.disabled-w-svw:disabled { width: 100svw; }
.group:hover .group-hover-w-svw { width: 100svw; }
.w-mvw { width: 100mvw; }
.hover-w-mvw:hover { width: 100mvw; }
.focus-w-mvw:focus { width: 100mvw; }
.active-w-mvw:active { width: 100mvw; }
.disabled-w-mvw:disabled { width: 100mvw; }
.group:hover .group-hover-w-mvw { width: 100mvw; }
.w-vmin { width: 100vmin; }
.hover-w-vmin:hover { width: 100vmin; }
.focus-w-vmin:focus { width: 100vmin; }
.active-w-vmin:active { width: 100vmin; }
.disabled-w-vmin:disabled { width: 100vmin; }
.group:hover .group-hover-w-vmin { width: 100vmin; }
.w-vmax { width: 100vmax; }
.hover-w-vmax:hover { width: 100vmax; }
.focus-w-vmax:focus { width: 100vmax; }
.active-w-vmax:active { width: 100vmax; }
.disabled-w-vmax:disabled { width: 100vmax; }
.group:hover .group-hover-w-vmax { width: 100vmax; }
.h-auto { height: auto; }
.hover-h-auto:hover { height: auto; }
.focus-h-auto:focus { height: auto; }
.active-h-auto:active { height: auto; }
.disabled-h-auto:disabled { height: auto; }
.group:hover .group-hover-h-auto { height: auto; }
.h-full { height: 100%; }
.hover-h-full:hover { height: 100%; }
.focus-h-full:focus { height: 100%; }
.active-h-full:active { height: 100%; }
.disabled-h-full:disabled { height: 100%; }
.group:hover .group-hover-h-full { height: 100%; }
.h-fit { height: fit-content; }
.hover-h-fit:hover { height: fit-content; }
.focus-h-fit:focus { height: fit-content; }
.active-h-fit:active { height: fit-content; }
.disabled-h-fit:disabled { height: fit-content; }
.group:hover .group-hover-h-fit { height: fit-content; }
.h-max { height: max-content; }
.hover-h-max:hover { height: max-content; }
.focus-h-max:focus { height: max-content; }
.active-h-max:active { height: max-content; }
.disabled-h-max:disabled { height: max-content; }
.group:hover .group-hover-h-max { height: max-content; }
.h-min { height: min-content; }
.hover-h-min:hover { height: min-content; }
.focus-h-min:focus { height: min-content; }
.active-h-min:active { height: min-content; }
.disabled-h-min:disabled { height: min-content; }
.group:hover .group-hover-h-min { height: min-content; }
.h-stretch { height: stretch; }
.hover-h-stretch:hover { height: stretch; }
.focus-h-stretch:focus { height: stretch; }
.active-h-stretch:active { height: stretch; }
.disabled-h-stretch:disabled { height: stretch; }
.group:hover .group-hover-h-stretch { height: stretch; }
.h-10p { height: 10%; }
.hover-h-10p:hover { height: 10%; }
.focus-h-10p:focus { height: 10%; }
.active-h-10p:active { height: 10%; }
.disabled-h-10p:disabled { height: 10%; }
.group:hover .group-hover-h-10p { height: 10%; }
.h-20p { height: 20%; }
.hover-h-20p:hover { height: 20%; }
.focus-h-20p:focus { height: 20%; }
.active-h-20p:active { height: 20%; }
.disabled-h-20p:disabled { height: 20%; }
.group:hover .group-hover-h-20p { height: 20%; }
.h-25p { height: 25%; }
.hover-h-25p:hover { height: 25%; }
.focus-h-25p:focus { height: 25%; }
.active-h-25p:active { height: 25%; }
.disabled-h-25p:disabled { height: 25%; }
.group:hover .group-hover-h-25p { height: 25%; }
.h-30p { height: 30%; }
.hover-h-30p:hover { height: 30%; }
.focus-h-30p:focus { height: 30%; }
.active-h-30p:active { height: 30%; }
.disabled-h-30p:disabled { height: 30%; }
.group:hover .group-hover-h-30p { height: 30%; }
.h-33p { height: 33.3333%; }
.hover-h-33p:hover { height: 33.3333%; }
.focus-h-33p:focus { height: 33.3333%; }
.active-h-33p:active { height: 33.3333%; }
.disabled-h-33p:disabled { height: 33.3333%; }
.group:hover .group-hover-h-33p { height: 33.3333%; }
.h-40p { height: 40%; }
.hover-h-40p:hover { height: 40%; }
.focus-h-40p:focus { height: 40%; }
.active-h-40p:active { height: 40%; }
.disabled-h-40p:disabled { height: 40%; }
.group:hover .group-hover-h-40p { height: 40%; }
.h-50p { height: 50%; }
.hover-h-50p:hover { height: 50%; }
.focus-h-50p:focus { height: 50%; }
.active-h-50p:active { height: 50%; }
.disabled-h-50p:disabled { height: 50%; }
.group:hover .group-hover-h-50p { height: 50%; }
.h-60p { height: 60%; }
.hover-h-60p:hover { height: 60%; }
.focus-h-60p:focus { height: 60%; }
.active-h-60p:active { height: 60%; }
.disabled-h-60p:disabled { height: 60%; }
.group:hover .group-hover-h-60p { height: 60%; }
.h-66p { height: 66.6667%; }
.hover-h-66p:hover { height: 66.6667%; }
.focus-h-66p:focus { height: 66.6667%; }
.active-h-66p:active { height: 66.6667%; }
.disabled-h-66p:disabled { height: 66.6667%; }
.group:hover .group-hover-h-66p { height: 66.6667%; }
.h-70p { height: 70%; }
.hover-h-70p:hover { height: 70%; }
.focus-h-70p:focus { height: 70%; }
.active-h-70p:active { height: 70%; }
.disabled-h-70p:disabled { height: 70%; }
.group:hover .group-hover-h-70p { height: 70%; }
.h-75p { height: 75%; }
.hover-h-75p:hover { height: 75%; }
.focus-h-75p:focus { height: 75%; }
.active-h-75p:active { height: 75%; }
.disabled-h-75p:disabled { height: 75%; }
.group:hover .group-hover-h-75p { height: 75%; }
.h-80p { height: 80%; }
.hover-h-80p:hover { height: 80%; }
.focus-h-80p:focus { height: 80%; }
.active-h-80p:active { height: 80%; }
.disabled-h-80p:disabled { height: 80%; }
.group:hover .group-hover-h-80p { height: 80%; }
.h-90p { height: 90%; }
.hover-h-90p:hover { height: 90%; }
.focus-h-90p:focus { height: 90%; }
.active-h-90p:active { height: 90%; }
.disabled-h-90p:disabled { height: 90%; }
.group:hover .group-hover-h-90p { height: 90%; }
.h-100p { height: 100%; }
.hover-h-100p:hover { height: 100%; }
.focus-h-100p:focus { height: 100%; }
.active-h-100p:active { height: 100%; }
.disabled-h-100p:disabled { height: 100%; }
.group:hover .group-hover-h-100p { height: 100%; }
.h-10vh { height: 10vh; }
.hover-h-10vh:hover { height: 10vh; }
.focus-h-10vh:focus { height: 10vh; }
.active-h-10vh:active { height: 10vh; }
.disabled-h-10vh:disabled { height: 10vh; }
.group:hover .group-hover-h-10vh { height: 10vh; }
.h-20vh { height: 20vh; }
.hover-h-20vh:hover { height: 20vh; }
.focus-h-20vh:focus { height: 20vh; }
.active-h-20vh:active { height: 20vh; }
.disabled-h-20vh:disabled { height: 20vh; }
.group:hover .group-hover-h-20vh { height: 20vh; }
.h-30vh { height: 30vh; }
.hover-h-30vh:hover { height: 30vh; }
.focus-h-30vh:focus { height: 30vh; }
.active-h-30vh:active { height: 30vh; }
.disabled-h-30vh:disabled { height: 30vh; }
.group:hover .group-hover-h-30vh { height: 30vh; }
.h-40vh { height: 40vh; }
.hover-h-40vh:hover { height: 40vh; }
.focus-h-40vh:focus { height: 40vh; }
.active-h-40vh:active { height: 40vh; }
.disabled-h-40vh:disabled { height: 40vh; }
.group:hover .group-hover-h-40vh { height: 40vh; }
.h-50vh { height: 50vh; }
.hover-h-50vh:hover { height: 50vh; }
.focus-h-50vh:focus { height: 50vh; }
.active-h-50vh:active { height: 50vh; }
.disabled-h-50vh:disabled { height: 50vh; }
.group:hover .group-hover-h-50vh { height: 50vh; }
.h-60vh { height: 60vh; }
.hover-h-60vh:hover { height: 60vh; }
.focus-h-60vh:focus { height: 60vh; }
.active-h-60vh:active { height: 60vh; }
.disabled-h-60vh:disabled { height: 60vh; }
.group:hover .group-hover-h-60vh { height: 60vh; }
.h-70vh { height: 70vh; }
.hover-h-70vh:hover { height: 70vh; }
.focus-h-70vh:focus { height: 70vh; }
.active-h-70vh:active { height: 70vh; }
.disabled-h-70vh:disabled { height: 70vh; }
.group:hover .group-hover-h-70vh { height: 70vh; }
.h-80vh { height: 80vh; }
.hover-h-80vh:hover { height: 80vh; }
.focus-h-80vh:focus { height: 80vh; }
.active-h-80vh:active { height: 80vh; }
.disabled-h-80vh:disabled { height: 80vh; }
.group:hover .group-hover-h-80vh { height: 80vh; }
.h-90vh { height: 90vh; }
.hover-h-90vh:hover { height: 90vh; }
.focus-h-90vh:focus { height: 90vh; }
.active-h-90vh:active { height: 90vh; }
.disabled-h-90vh:disabled { height: 90vh; }
.group:hover .group-hover-h-90vh { height: 90vh; }
.h-100vh { height: 100vh; }
.hover-h-100vh:hover { height: 100vh; }
.focus-h-100vh:focus { height: 100vh; }
.active-h-100vh:active { height: 100vh; }
.disabled-h-100vh:disabled { height: 100vh; }
.group:hover .group-hover-h-100vh { height: 100vh; }
.h-lvh { height: 100lvh; }
.hover-h-lvh:hover { height: 100lvh; }
.focus-h-lvh:focus { height: 100lvh; }
.active-h-lvh:active { height: 100lvh; }
.disabled-h-lvh:disabled { height: 100lvh; }
.group:hover .group-hover-h-lvh { height: 100lvh; }
.h-svh { height: 100svh; }
.hover-h-svh:hover { height: 100svh; }
.focus-h-svh:focus { height: 100svh; }
.active-h-svh:active { height: 100svh; }
.disabled-h-svh:disabled { height: 100svh; }
.group:hover .group-hover-h-svh { height: 100svh; }
.h-mvh { height: 100mvh; }
.hover-h-mvh:hover { height: 100mvh; }
.focus-h-mvh:focus { height: 100mvh; }
.active-h-mvh:active { height: 100mvh; }
.disabled-h-mvh:disabled { height: 100mvh; }
.group:hover .group-hover-h-mvh { height: 100mvh; }
.h-vmin { height: 100vmin; }
.hover-h-vmin:hover { height: 100vmin; }
.focus-h-vmin:focus { height: 100vmin; }
.active-h-vmin:active { height: 100vmin; }
.disabled-h-vmin:disabled { height: 100vmin; }
.group:hover .group-hover-h-vmin { height: 100vmin; }
.h-vmax { height: 100vmax; }
.hover-h-vmax:hover { height: 100vmax; }
.focus-h-vmax:focus { height: 100vmax; }
.active-h-vmax:active { height: 100vmax; }
.disabled-h-vmax:disabled { height: 100vmax; }
.group:hover .group-hover-h-vmax { height: 100vmax; }
.min-w-auto { min-width: auto; }
.hover-min-w-auto:hover { min-width: auto; }
.focus-min-w-auto:focus { min-width: auto; }
.active-min-w-auto:active { min-width: auto; }
.disabled-min-w-auto:disabled { min-width: auto; }
.group:hover .group-hover-min-w-auto { min-width: auto; }
.min-w-full { min-width: 100%; }
.hover-min-w-full:hover { min-width: 100%; }
.focus-min-w-full:focus { min-width: 100%; }
.active-min-w-full:active { min-width: 100%; }
.disabled-min-w-full:disabled { min-width: 100%; }
.group:hover .group-hover-min-w-full { min-width: 100%; }
.min-w-fit { min-width: fit-content; }
.hover-min-w-fit:hover { min-width: fit-content; }
.focus-min-w-fit:focus { min-width: fit-content; }
.active-min-w-fit:active { min-width: fit-content; }
.disabled-min-w-fit:disabled { min-width: fit-content; }
.group:hover .group-hover-min-w-fit { min-width: fit-content; }
.min-w-max { min-width: max-content; }
.hover-min-w-max:hover { min-width: max-content; }
.focus-min-w-max:focus { min-width: max-content; }
.active-min-w-max:active { min-width: max-content; }
.disabled-min-w-max:disabled { min-width: max-content; }
.group:hover .group-hover-min-w-max { min-width: max-content; }
.min-w-min { min-width: min-content; }
.hover-min-w-min:hover { min-width: min-content; }
.focus-min-w-min:focus { min-width: min-content; }
.active-min-w-min:active { min-width: min-content; }
.disabled-min-w-min:disabled { min-width: min-content; }
.group:hover .group-hover-min-w-min { min-width: min-content; }
.min-w-10vw { min-width: 10vw; }
.hover-min-w-10vw:hover { min-width: 10vw; }
.focus-min-w-10vw:focus { min-width: 10vw; }
.active-min-w-10vw:active { min-width: 10vw; }
.disabled-min-w-10vw:disabled { min-width: 10vw; }
.group:hover .group-hover-min-w-10vw { min-width: 10vw; }
.min-w-50vw { min-width: 50vw; }
.hover-min-w-50vw:hover { min-width: 50vw; }
.focus-min-w-50vw:focus { min-width: 50vw; }
.active-min-w-50vw:active { min-width: 50vw; }
.disabled-min-w-50vw:disabled { min-width: 50vw; }
.group:hover .group-hover-min-w-50vw { min-width: 50vw; }
.min-w-100vw { min-width: 100vw; }
.hover-min-w-100vw:hover { min-width: 100vw; }
.focus-min-w-100vw:focus { min-width: 100vw; }
.active-min-w-100vw:active { min-width: 100vw; }
.disabled-min-w-100vw:disabled { min-width: 100vw; }
.group:hover .group-hover-min-w-100vw { min-width: 100vw; }
.max-w-auto { max-width: auto; }
.hover-max-w-auto:hover { max-width: auto; }
.focus-max-w-auto:focus { max-width: auto; }
.active-max-w-auto:active { max-width: auto; }
.disabled-max-w-auto:disabled { max-width: auto; }
.group:hover .group-hover-max-w-auto { max-width: auto; }
.max-w-full { max-width: 100%; }
.hover-max-w-full:hover { max-width: 100%; }
.focus-max-w-full:focus { max-width: 100%; }
.active-max-w-full:active { max-width: 100%; }
.disabled-max-w-full:disabled { max-width: 100%; }
.group:hover .group-hover-max-w-full { max-width: 100%; }
.max-w-fit { max-width: fit-content; }
.hover-max-w-fit:hover { max-width: fit-content; }
.focus-max-w-fit:focus { max-width: fit-content; }
.active-max-w-fit:active { max-width: fit-content; }
.disabled-max-w-fit:disabled { max-width: fit-content; }
.group:hover .group-hover-max-w-fit { max-width: fit-content; }
.max-w-max { max-width: max-content; }
.hover-max-w-max:hover { max-width: max-content; }
.focus-max-w-max:focus { max-width: max-content; }
.active-max-w-max:active { max-width: max-content; }
.disabled-max-w-max:disabled { max-width: max-content; }
.group:hover .group-hover-max-w-max { max-width: max-content; }
.max-w-min { max-width: min-content; }
.hover-max-w-min:hover { max-width: min-content; }
.focus-max-w-min:focus { max-width: min-content; }
.active-max-w-min:active { max-width: min-content; }
.disabled-max-w-min:disabled { max-width: min-content; }
.group:hover .group-hover-max-w-min { max-width: min-content; }
.max-w-10vw { max-width: 10vw; }
.hover-max-w-10vw:hover { max-width: 10vw; }
.focus-max-w-10vw:focus { max-width: 10vw; }
.active-max-w-10vw:active { max-width: 10vw; }
.disabled-max-w-10vw:disabled { max-width: 10vw; }
.group:hover .group-hover-max-w-10vw { max-width: 10vw; }
.max-w-50vw { max-width: 50vw; }
.hover-max-w-50vw:hover { max-width: 50vw; }
.focus-max-w-50vw:focus { max-width: 50vw; }
.active-max-w-50vw:active { max-width: 50vw; }
.disabled-max-w-50vw:disabled { max-width: 50vw; }
.group:hover .group-hover-max-w-50vw { max-width: 50vw; }
.max-w-100vw { max-width: 100vw; }
.hover-max-w-100vw:hover { max-width: 100vw; }
.focus-max-w-100vw:focus { max-width: 100vw; }
.active-max-w-100vw:active { max-width: 100vw; }
.disabled-max-w-100vw:disabled { max-width: 100vw; }
.group:hover .group-hover-max-w-100vw { max-width: 100vw; }
.min-h-auto { min-height: auto; }
.hover-min-h-auto:hover { min-height: auto; }
.focus-min-h-auto:focus { min-height: auto; }
.active-min-h-auto:active { min-height: auto; }
.disabled-min-h-auto:disabled { min-height: auto; }
.group:hover .group-hover-min-h-auto { min-height: auto; }
.min-h-full { min-height: 100%; }
.hover-min-h-full:hover { min-height: 100%; }
.focus-min-h-full:focus { min-height: 100%; }
.active-min-h-full:active { min-height: 100%; }
.disabled-min-h-full:disabled { min-height: 100%; }
.group:hover .group-hover-min-h-full { min-height: 100%; }
.min-h-fit { min-height: fit-content; }
.hover-min-h-fit:hover { min-height: fit-content; }
.focus-min-h-fit:focus { min-height: fit-content; }
.active-min-h-fit:active { min-height: fit-content; }
.disabled-min-h-fit:disabled { min-height: fit-content; }
.group:hover .group-hover-min-h-fit { min-height: fit-content; }
.min-h-max { min-height: max-content; }
.hover-min-h-max:hover { min-height: max-content; }
.focus-min-h-max:focus { min-height: max-content; }
.active-min-h-max:active { min-height: max-content; }
.disabled-min-h-max:disabled { min-height: max-content; }
.group:hover .group-hover-min-h-max { min-height: max-content; }
.min-h-min { min-height: min-content; }
.hover-min-h-min:hover { min-height: min-content; }
.focus-min-h-min:focus { min-height: min-content; }
.active-min-h-min:active { min-height: min-content; }
.disabled-min-h-min:disabled { min-height: min-content; }
.group:hover .group-hover-min-h-min { min-height: min-content; }
.min-h-10vh { min-height: 10vh; }
.hover-min-h-10vh:hover { min-height: 10vh; }
.focus-min-h-10vh:focus { min-height: 10vh; }
.active-min-h-10vh:active { min-height: 10vh; }
.disabled-min-h-10vh:disabled { min-height: 10vh; }
.group:hover .group-hover-min-h-10vh { min-height: 10vh; }
.min-h-50vh { min-height: 50vh; }
.hover-min-h-50vh:hover { min-height: 50vh; }
.focus-min-h-50vh:focus { min-height: 50vh; }
.active-min-h-50vh:active { min-height: 50vh; }
.disabled-min-h-50vh:disabled { min-height: 50vh; }
.group:hover .group-hover-min-h-50vh { min-height: 50vh; }
.min-h-100vh { min-height: 100vh; }
.hover-min-h-100vh:hover { min-height: 100vh; }
.focus-min-h-100vh:focus { min-height: 100vh; }
.active-min-h-100vh:active { min-height: 100vh; }
.disabled-min-h-100vh:disabled { min-height: 100vh; }
.group:hover .group-hover-min-h-100vh { min-height: 100vh; }
.max-h-auto { max-height: auto; }
.hover-max-h-auto:hover { max-height: auto; }
.focus-max-h-auto:focus { max-height: auto; }
.active-max-h-auto:active { max-height: auto; }
.disabled-max-h-auto:disabled { max-height: auto; }
.group:hover .group-hover-max-h-auto { max-height: auto; }
.max-h-full { max-height: 100%; }
.hover-max-h-full:hover { max-height: 100%; }
.focus-max-h-full:focus { max-height: 100%; }
.active-max-h-full:active { max-height: 100%; }
.disabled-max-h-full:disabled { max-height: 100%; }
.group:hover .group-hover-max-h-full { max-height: 100%; }
.max-h-fit { max-height: fit-content; }
.hover-max-h-fit:hover { max-height: fit-content; }
.focus-max-h-fit:focus { max-height: fit-content; }
.active-max-h-fit:active { max-height: fit-content; }
.disabled-max-h-fit:disabled { max-height: fit-content; }
.group:hover .group-hover-max-h-fit { max-height: fit-content; }
.max-h-max { max-height: max-content; }
.hover-max-h-max:hover { max-height: max-content; }
.focus-max-h-max:focus { max-height: max-content; }
.active-max-h-max:active { max-height: max-content; }
.disabled-max-h-max:disabled { max-height: max-content; }
.group:hover .group-hover-max-h-max { max-height: max-content; }
.max-h-min { max-height: min-content; }
.hover-max-h-min:hover { max-height: min-content; }
.focus-max-h-min:focus { max-height: min-content; }
.active-max-h-min:active { max-height: min-content; }
.disabled-max-h-min:disabled { max-height: min-content; }
.group:hover .group-hover-max-h-min { max-height: min-content; }
.max-h-10vh { max-height: 10vh; }
.hover-max-h-10vh:hover { max-height: 10vh; }
.focus-max-h-10vh:focus { max-height: 10vh; }
.active-max-h-10vh:active { max-height: 10vh; }
.disabled-max-h-10vh:disabled { max-height: 10vh; }
.group:hover .group-hover-max-h-10vh { max-height: 10vh; }
.max-h-50vh { max-height: 50vh; }
.hover-max-h-50vh:hover { max-height: 50vh; }
.focus-max-h-50vh:focus { max-height: 50vh; }
.active-max-h-50vh:active { max-height: 50vh; }
.disabled-max-h-50vh:disabled { max-height: 50vh; }
.group:hover .group-hover-max-h-50vh { max-height: 50vh; }
.max-h-100vh { max-height: 100vh; }
.hover-max-h-100vh:hover { max-height: 100vh; }
.focus-max-h-100vh:focus { max-height: 100vh; }
.active-max-h-100vh:active { max-height: 100vh; }
.disabled-max-h-100vh:disabled { max-height: 100vh; }
.group:hover .group-hover-max-h-100vh { max-height: 100vh; }
.font-size-auto { font-size: auto; }
.hover-font-size-auto:hover { font-size: auto; }
.focus-font-size-auto:focus { font-size: auto; }
.active-font-size-auto:active { font-size: auto; }
.disabled-font-size-auto:disabled { font-size: auto; }
.group:hover .group-hover-font-size-auto { font-size: auto; }
.font-size-0 { font-size: 0; }
.hover-font-size-0:hover { font-size: 0; }
.focus-font-size-0:focus { font-size: 0; }
.active-font-size-0:active { font-size: 0; }
.disabled-font-size-0:disabled { font-size: 0; }
.group:hover .group-hover-font-size-0 { font-size: 0; }
.font-size-1 { font-size: 0.25rem; }
.hover-font-size-1:hover { font-size: 0.25rem; }
.focus-font-size-1:focus { font-size: 0.25rem; }
.active-font-size-1:active { font-size: 0.25rem; }
.disabled-font-size-1:disabled { font-size: 0.25rem; }
.group:hover .group-hover-font-size-1 { font-size: 0.25rem; }
.font-size-2 { font-size: 0.5rem; }
.hover-font-size-2:hover { font-size: 0.5rem; }
.focus-font-size-2:focus { font-size: 0.5rem; }
.active-font-size-2:active { font-size: 0.5rem; }
.disabled-font-size-2:disabled { font-size: 0.5rem; }
.group:hover .group-hover-font-size-2 { font-size: 0.5rem; }
.font-size-3 { font-size: 0.75rem; }
.hover-font-size-3:hover { font-size: 0.75rem; }
.focus-font-size-3:focus { font-size: 0.75rem; }
.active-font-size-3:active { font-size: 0.75rem; }
.disabled-font-size-3:disabled { font-size: 0.75rem; }
.group:hover .group-hover-font-size-3 { font-size: 0.75rem; }
.font-size-4 { font-size: 1rem; }
.hover-font-size-4:hover { font-size: 1rem; }
.focus-font-size-4:focus { font-size: 1rem; }
.active-font-size-4:active { font-size: 1rem; }
.disabled-font-size-4:disabled { font-size: 1rem; }
.group:hover .group-hover-font-size-4 { font-size: 1rem; }
.font-size-5 { font-size: 1.25rem; }
.hover-font-size-5:hover { font-size: 1.25rem; }
.focus-font-size-5:focus { font-size: 1.25rem; }
.active-font-size-5:active { font-size: 1.25rem; }
.disabled-font-size-5:disabled { font-size: 1.25rem; }
.group:hover .group-hover-font-size-5 { font-size: 1.25rem; }
.font-size-6 { font-size: 1.5rem; }
.hover-font-size-6:hover { font-size: 1.5rem; }
.focus-font-size-6:focus { font-size: 1.5rem; }
.active-font-size-6:active { font-size: 1.5rem; }
.disabled-font-size-6:disabled { font-size: 1.5rem; }
.group:hover .group-hover-font-size-6 { font-size: 1.5rem; }
.font-size-7 { font-size: 1.75rem; }
.hover-font-size-7:hover { font-size: 1.75rem; }
.focus-font-size-7:focus { font-size: 1.75rem; }
.active-font-size-7:active { font-size: 1.75rem; }
.disabled-font-size-7:disabled { font-size: 1.75rem; }
.group:hover .group-hover-font-size-7 { font-size: 1.75rem; }
.font-size-8 { font-size: 2rem; }
.hover-font-size-8:hover { font-size: 2rem; }
.focus-font-size-8:focus { font-size: 2rem; }
.active-font-size-8:active { font-size: 2rem; }
.disabled-font-size-8:disabled { font-size: 2rem; }
.group:hover .group-hover-font-size-8 { font-size: 2rem; }
.font-size-9 { font-size: 2.25rem; }
.hover-font-size-9:hover { font-size: 2.25rem; }
.focus-font-size-9:focus { font-size: 2.25rem; }
.active-font-size-9:active { font-size: 2.25rem; }
.disabled-font-size-9:disabled { font-size: 2.25rem; }
.group:hover .group-hover-font-size-9 { font-size: 2.25rem; }
.font-size-10 { font-size: 2.5rem; }
.hover-font-size-10:hover { font-size: 2.5rem; }
.focus-font-size-10:focus { font-size: 2.5rem; }
.active-font-size-10:active { font-size: 2.5rem; }
.disabled-font-size-10:disabled { font-size: 2.5rem; }
.group:hover .group-hover-font-size-10 { font-size: 2.5rem; }
.font-size-12 { font-size: 3rem; }
.hover-font-size-12:hover { font-size: 3rem; }
.focus-font-size-12:focus { font-size: 3rem; }
.active-font-size-12:active { font-size: 3rem; }
.disabled-font-size-12:disabled { font-size: 3rem; }
.group:hover .group-hover-font-size-12 { font-size: 3rem; }
.font-size-14 { font-size: 3.5rem; }
.hover-font-size-14:hover { font-size: 3.5rem; }
.focus-font-size-14:focus { font-size: 3.5rem; }
.active-font-size-14:active { font-size: 3.5rem; }
.disabled-font-size-14:disabled { font-size: 3.5rem; }
.group:hover .group-hover-font-size-14 { font-size: 3.5rem; }
.font-size-16 { font-size: 4rem; }
.hover-font-size-16:hover { font-size: 4rem; }
.focus-font-size-16:focus { font-size: 4rem; }
.active-font-size-16:active { font-size: 4rem; }
.disabled-font-size-16:disabled { font-size: 4rem; }
.group:hover .group-hover-font-size-16 { font-size: 4rem; }
.font-size-18 { font-size: 4.5rem; }
.hover-font-size-18:hover { font-size: 4.5rem; }
.focus-font-size-18:focus { font-size: 4.5rem; }
.active-font-size-18:active { font-size: 4.5rem; }
.disabled-font-size-18:disabled { font-size: 4.5rem; }
.group:hover .group-hover-font-size-18 { font-size: 4.5rem; }
.font-size-20 { font-size: 5rem; }
.hover-font-size-20:hover { font-size: 5rem; }
.focus-font-size-20:focus { font-size: 5rem; }
.active-font-size-20:active { font-size: 5rem; }
.disabled-font-size-20:disabled { font-size: 5rem; }
.group:hover .group-hover-font-size-20 { font-size: 5rem; }
.font-size-24 { font-size: 6rem; }
.hover-font-size-24:hover { font-size: 6rem; }
.focus-font-size-24:focus { font-size: 6rem; }
.active-font-size-24:active { font-size: 6rem; }
.disabled-font-size-24:disabled { font-size: 6rem; }
.group:hover .group-hover-font-size-24 { font-size: 6rem; }
.font-size-28 { font-size: 7rem; }
.hover-font-size-28:hover { font-size: 7rem; }
.focus-font-size-28:focus { font-size: 7rem; }
.active-font-size-28:active { font-size: 7rem; }
.disabled-font-size-28:disabled { font-size: 7rem; }
.group:hover .group-hover-font-size-28 { font-size: 7rem; }
.font-size-32 { font-size: 8rem; }
.hover-font-size-32:hover { font-size: 8rem; }
.focus-font-size-32:focus { font-size: 8rem; }
.active-font-size-32:active { font-size: 8rem; }
.disabled-font-size-32:disabled { font-size: 8rem; }
.group:hover .group-hover-font-size-32 { font-size: 8rem; }
.font-weight-normal { font-weight: normal; }
.hover-font-weight-normal:hover { font-weight: normal; }
.focus-font-weight-normal:focus { font-weight: normal; }
.active-font-weight-normal:active { font-weight: normal; }
.disabled-font-weight-normal:disabled { font-weight: normal; }
.group:hover .group-hover-font-weight-normal { font-weight: normal; }
.font-weight-light { font-weight: 300; }
.hover-font-weight-light:hover { font-weight: 300; }
.focus-font-weight-light:focus { font-weight: 300; }
.active-font-weight-light:active { font-weight: 300; }
.disabled-font-weight-light:disabled { font-weight: 300; }
.group:hover .group-hover-font-weight-light { font-weight: 300; }
.font-weight-medium { font-weight: 500; }
.hover-font-weight-medium:hover { font-weight: 500; }
.focus-font-weight-medium:focus { font-weight: 500; }
.active-font-weight-medium:active { font-weight: 500; }
.disabled-font-weight-medium:disabled { font-weight: 500; }
.group:hover .group-hover-font-weight-medium { font-weight: 500; }
.font-weight-bold { font-weight: 700; }
.hover-font-weight-bold:hover { font-weight: 700; }
.focus-font-weight-bold:focus { font-weight: 700; }
.active-font-weight-bold:active { font-weight: 700; }
.disabled-font-weight-bold:disabled { font-weight: 700; }
.group:hover .group-hover-font-weight-bold { font-weight: 700; }
.font-weight-bolder { font-weight: bolder; }
.hover-font-weight-bolder:hover { font-weight: bolder; }
.focus-font-weight-bolder:focus { font-weight: bolder; }
.active-font-weight-bolder:active { font-weight: bolder; }
.disabled-font-weight-bolder:disabled { font-weight: bolder; }
.group:hover .group-hover-font-weight-bolder { font-weight: bolder; }
.line-height-1 { line-height: 1; }
.hover-line-height-1:hover { line-height: 1; }
.focus-line-height-1:focus { line-height: 1; }
.active-line-height-1:active { line-height: 1; }
.disabled-line-height-1:disabled { line-height: 1; }
.group:hover .group-hover-line-height-1 { line-height: 1; }
.line-height-2 { line-height: 1.25; }
.hover-line-height-2:hover { line-height: 1.25; }
.focus-line-height-2:focus { line-height: 1.25; }
.active-line-height-2:active { line-height: 1.25; }
.disabled-line-height-2:disabled { line-height: 1.25; }
.group:hover .group-hover-line-height-2 { line-height: 1.25; }
.line-height-3 { line-height: 1.375; }
.hover-line-height-3:hover { line-height: 1.375; }
.focus-line-height-3:focus { line-height: 1.375; }
.active-line-height-3:active { line-height: 1.375; }
.disabled-line-height-3:disabled { line-height: 1.375; }
.group:hover .group-hover-line-height-3 { line-height: 1.375; }
.line-height-4 { line-height: 1.5; }
.hover-line-height-4:hover { line-height: 1.5; }
.focus-line-height-4:focus { line-height: 1.5; }
.active-line-height-4:active { line-height: 1.5; }
.disabled-line-height-4:disabled { line-height: 1.5; }
.group:hover .group-hover-line-height-4 { line-height: 1.5; }
.line-height-5 { line-height: 1.625; }
.hover-line-height-5:hover { line-height: 1.625; }
.focus-line-height-5:focus { line-height: 1.625; }
.active-line-height-5:active { line-height: 1.625; }
.disabled-line-height-5:disabled { line-height: 1.625; }
.group:hover .group-hover-line-height-5 { line-height: 1.625; }
.line-height-6 { line-height: 1.75; }
.hover-line-height-6:hover { line-height: 1.75; }
.focus-line-height-6:focus { line-height: 1.75; }
.active-line-height-6:active { line-height: 1.75; }
.disabled-line-height-6:disabled { line-height: 1.75; }
.group:hover .group-hover-line-height-6 { line-height: 1.75; }
.line-height-7 { line-height: 2; }
.hover-line-height-7:hover { line-height: 2; }
.focus-line-height-7:focus { line-height: 2; }
.active-line-height-7:active { line-height: 2; }
.disabled-line-height-7:disabled { line-height: 2; }
.group:hover .group-hover-line-height-7 { line-height: 2; }
.text-left { text-align: left; }
.hover-text-left:hover { text-align: left; }
.focus-text-left:focus { text-align: left; }
.active-text-left:active { text-align: left; }
.disabled-text-left:disabled { text-align: left; }
.group:hover .group-hover-text-left { text-align: left; }
.text-center { text-align: center; }
.hover-text-center:hover { text-align: center; }
.focus-text-center:focus { text-align: center; }
.active-text-center:active { text-align: center; }
.disabled-text-center:disabled { text-align: center; }
.group:hover .group-hover-text-center { text-align: center; }
.text-right { text-align: right; }
.hover-text-right:hover { text-align: right; }
.focus-text-right:focus { text-align: right; }
.active-text-right:active { text-align: right; }
.disabled-text-right:disabled { text-align: right; }
.group:hover .group-hover-text-right { text-align: right; }
.text-justify { text-align: justify; }
.hover-text-justify:hover { text-align: justify; }
.focus-text-justify:focus { text-align: justify; }
.active-text-justify:active { text-align: justify; }
.disabled-text-justify:disabled { text-align: justify; }
.group:hover .group-hover-text-justify { text-align: justify; }
.justify-start { justify-content: flex-start; }
.hover-justify-start:hover { justify-content: flex-start; }
.focus-justify-start:focus { justify-content: flex-start; }
.active-justify-start:active { justify-content: flex-start; }
.disabled-justify-start:disabled { justify-content: flex-start; }
.group:hover .group-hover-justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.hover-justify-center:hover { justify-content: center; }
.focus-justify-center:focus { justify-content: center; }
.active-justify-center:active { justify-content: center; }
.disabled-justify-center:disabled { justify-content: center; }
.group:hover .group-hover-justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.hover-justify-end:hover { justify-content: flex-end; }
.focus-justify-end:focus { justify-content: flex-end; }
.active-justify-end:active { justify-content: flex-end; }
.disabled-justify-end:disabled { justify-content: flex-end; }
.group:hover .group-hover-justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.hover-justify-between:hover { justify-content: space-between; }
.focus-justify-between:focus { justify-content: space-between; }
.active-justify-between:active { justify-content: space-between; }
.disabled-justify-between:disabled { justify-content: space-between; }
.group:hover .group-hover-justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.hover-justify-around:hover { justify-content: space-around; }
.focus-justify-around:focus { justify-content: space-around; }
.active-justify-around:active { justify-content: space-around; }
.disabled-justify-around:disabled { justify-content: space-around; }
.group:hover .group-hover-justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }
.hover-justify-evenly:hover { justify-content: space-evenly; }
.focus-justify-evenly:focus { justify-content: space-evenly; }
.active-justify-evenly:active { justify-content: space-evenly; }
.disabled-justify-evenly:disabled { justify-content: space-evenly; }
.group:hover .group-hover-justify-evenly { justify-content: space-evenly; }
.items-start { align-items: flex-start; }
.hover-items-start:hover { align-items: flex-start; }
.focus-items-start:focus { align-items: flex-start; }
.active-items-start:active { align-items: flex-start; }
.disabled-items-start:disabled { align-items: flex-start; }
.group:hover .group-hover-items-start { align-items: flex-start; }
.items-center { align-items: center; }
.hover-items-center:hover { align-items: center; }
.focus-items-center:focus { align-items: center; }
.active-items-center:active { align-items: center; }
.disabled-items-center:disabled { align-items: center; }
.group:hover .group-hover-items-center { align-items: center; }
.items-end { align-items: flex-end; }
.hover-items-end:hover { align-items: flex-end; }
.focus-items-end:focus { align-items: flex-end; }
.active-items-end:active { align-items: flex-end; }
.disabled-items-end:disabled { align-items: flex-end; }
.group:hover .group-hover-items-end { align-items: flex-end; }
.items-baseline { align-items: baseline; }
.hover-items-baseline:hover { align-items: baseline; }
.focus-items-baseline:focus { align-items: baseline; }
.active-items-baseline:active { align-items: baseline; }
.disabled-items-baseline:disabled { align-items: baseline; }
.group:hover .group-hover-items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
.hover-items-stretch:hover { align-items: stretch; }
.focus-items-stretch:focus { align-items: stretch; }
.active-items-stretch:active { align-items: stretch; }
.disabled-items-stretch:disabled { align-items: stretch; }
.group:hover .group-hover-items-stretch { align-items: stretch; }
.content-start { align-content: flex-start; }
.hover-content-start:hover { align-content: flex-start; }
.focus-content-start:focus { align-content: flex-start; }
.active-content-start:active { align-content: flex-start; }
.disabled-content-start:disabled { align-content: flex-start; }
.group:hover .group-hover-content-start { align-content: flex-start; }
.content-center { align-content: center; }
.hover-content-center:hover { align-content: center; }
.focus-content-center:focus { align-content: center; }
.active-content-center:active { align-content: center; }
.disabled-content-center:disabled { align-content: center; }
.group:hover .group-hover-content-center { align-content: center; }
.content-end { align-content: flex-end; }
.hover-content-end:hover { align-content: flex-end; }
.focus-content-end:focus { align-content: flex-end; }
.active-content-end:active { align-content: flex-end; }
.disabled-content-end:disabled { align-content: flex-end; }
.group:hover .group-hover-content-end { align-content: flex-end; }
.content-between { align-content: space-between; }
.hover-content-between:hover { align-content: space-between; }
.focus-content-between:focus { align-content: space-between; }
.active-content-between:active { align-content: space-between; }
.disabled-content-between:disabled { align-content: space-between; }
.group:hover .group-hover-content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.hover-content-around:hover { align-content: space-around; }
.focus-content-around:focus { align-content: space-around; }
.active-content-around:active { align-content: space-around; }
.disabled-content-around:disabled { align-content: space-around; }
.group:hover .group-hover-content-around { align-content: space-around; }
.content-evenly { align-content: space-evenly; }
.hover-content-evenly:hover { align-content: space-evenly; }
.focus-content-evenly:focus { align-content: space-evenly; }
.active-content-evenly:active { align-content: space-evenly; }
.disabled-content-evenly:disabled { align-content: space-evenly; }
.group:hover .group-hover-content-evenly { align-content: space-evenly; }
.self-auto { align-self: auto; }
.hover-self-auto:hover { align-self: auto; }
.focus-self-auto:focus { align-self: auto; }
.active-self-auto:active { align-self: auto; }
.disabled-self-auto:disabled { align-self: auto; }
.group:hover .group-hover-self-auto { align-self: auto; }
.self-start { align-self: flex-start; }
.hover-self-start:hover { align-self: flex-start; }
.focus-self-start:focus { align-self: flex-start; }
.active-self-start:active { align-self: flex-start; }
.disabled-self-start:disabled { align-self: flex-start; }
.group:hover .group-hover-self-start { align-self: flex-start; }
.self-center { align-self: center; }
.hover-self-center:hover { align-self: center; }
.focus-self-center:focus { align-self: center; }
.active-self-center:active { align-self: center; }
.disabled-self-center:disabled { align-self: center; }
.group:hover .group-hover-self-center { align-self: center; }
.self-end { align-self: flex-end; }
.hover-self-end:hover { align-self: flex-end; }
.focus-self-end:focus { align-self: flex-end; }
.active-self-end:active { align-self: flex-end; }
.disabled-self-end:disabled { align-self: flex-end; }
.group:hover .group-hover-self-end { align-self: flex-end; }
.self-stretch { align-self: stretch; }
.hover-self-stretch:hover { align-self: stretch; }
.focus-self-stretch:focus { align-self: stretch; }
.active-self-stretch:active { align-self: stretch; }
.disabled-self-stretch:disabled { align-self: stretch; }
.group:hover .group-hover-self-stretch { align-self: stretch; }
.place-items-start { place-items: start; }
.hover-place-items-start:hover { place-items: start; }
.focus-place-items-start:focus { place-items: start; }
.active-place-items-start:active { place-items: start; }
.disabled-place-items-start:disabled { place-items: start; }
.group:hover .group-hover-place-items-start { place-items: start; }
.place-items-center { place-items: center; }
.hover-place-items-center:hover { place-items: center; }
.focus-place-items-center:focus { place-items: center; }
.active-place-items-center:active { place-items: center; }
.disabled-place-items-center:disabled { place-items: center; }
.group:hover .group-hover-place-items-center { place-items: center; }
.place-items-end { place-items: end; }
.hover-place-items-end:hover { place-items: end; }
.focus-place-items-end:focus { place-items: end; }
.active-place-items-end:active { place-items: end; }
.disabled-place-items-end:disabled { place-items: end; }
.group:hover .group-hover-place-items-end { place-items: end; }
.place-items-stretch { place-items: stretch; }
.hover-place-items-stretch:hover { place-items: stretch; }
.focus-place-items-stretch:focus { place-items: stretch; }
.active-place-items-stretch:active { place-items: stretch; }
.disabled-place-items-stretch:disabled { place-items: stretch; }
.group:hover .group-hover-place-items-stretch { place-items: stretch; }
.place-content-start { place-content: start; }
.hover-place-content-start:hover { place-content: start; }
.focus-place-content-start:focus { place-content: start; }
.active-place-content-start:active { place-content: start; }
.disabled-place-content-start:disabled { place-content: start; }
.group:hover .group-hover-place-content-start { place-content: start; }
.place-content-center { place-content: center; }
.hover-place-content-center:hover { place-content: center; }
.focus-place-content-center:focus { place-content: center; }
.active-place-content-center:active { place-content: center; }
.disabled-place-content-center:disabled { place-content: center; }
.group:hover .group-hover-place-content-center { place-content: center; }
.place-content-end { place-content: end; }
.hover-place-content-end:hover { place-content: end; }
.focus-place-content-end:focus { place-content: end; }
.active-place-content-end:active { place-content: end; }
.disabled-place-content-end:disabled { place-content: end; }
.group:hover .group-hover-place-content-end { place-content: end; }
.place-content-between { place-content: space-between; }
.hover-place-content-between:hover { place-content: space-between; }
.focus-place-content-between:focus { place-content: space-between; }
.active-place-content-between:active { place-content: space-between; }
.disabled-place-content-between:disabled { place-content: space-between; }
.group:hover .group-hover-place-content-between { place-content: space-between; }
.place-content-around { place-content: space-around; }
.hover-place-content-around:hover { place-content: space-around; }
.focus-place-content-around:focus { place-content: space-around; }
.active-place-content-around:active { place-content: space-around; }
.disabled-place-content-around:disabled { place-content: space-around; }
.group:hover .group-hover-place-content-around { place-content: space-around; }
.place-self-auto { place-self: auto; }
.hover-place-self-auto:hover { place-self: auto; }
.focus-place-self-auto:focus { place-self: auto; }
.active-place-self-auto:active { place-self: auto; }
.disabled-place-self-auto:disabled { place-self: auto; }
.group:hover .group-hover-place-self-auto { place-self: auto; }
.place-self-start { place-self: start; }
.hover-place-self-start:hover { place-self: start; }
.focus-place-self-start:focus { place-self: start; }
.active-place-self-start:active { place-self: start; }
.disabled-place-self-start:disabled { place-self: start; }
.group:hover .group-hover-place-self-start { place-self: start; }
.place-self-center { place-self: center; }
.hover-place-self-center:hover { place-self: center; }
.focus-place-self-center:focus { place-self: center; }
.active-place-self-center:active { place-self: center; }
.disabled-place-self-center:disabled { place-self: center; }
.group:hover .group-hover-place-self-center { place-self: center; }
.place-self-end { place-self: end; }
.hover-place-self-end:hover { place-self: end; }
.focus-place-self-end:focus { place-self: end; }
.active-place-self-end:active { place-self: end; }
.disabled-place-self-end:disabled { place-self: end; }
.group:hover .group-hover-place-self-end { place-self: end; }
.text-uppercase { text-transform: uppercase; }
.hover-text-uppercase:hover { text-transform: uppercase; }
.focus-text-uppercase:focus { text-transform: uppercase; }
.active-text-uppercase:active { text-transform: uppercase; }
.disabled-text-uppercase:disabled { text-transform: uppercase; }
.group:hover .group-hover-text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }
.hover-text-lowercase:hover { text-transform: lowercase; }
.focus-text-lowercase:focus { text-transform: lowercase; }
.active-text-lowercase:active { text-transform: lowercase; }
.disabled-text-lowercase:disabled { text-transform: lowercase; }
.group:hover .group-hover-text-lowercase { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }
.hover-text-capitalize:hover { text-transform: capitalize; }
.focus-text-capitalize:focus { text-transform: capitalize; }
.active-text-capitalize:active { text-transform: capitalize; }
.disabled-text-capitalize:disabled { text-transform: capitalize; }
.group:hover .group-hover-text-capitalize { text-transform: capitalize; }
.tracking-tight { letter-spacing: -0.05em; }
.hover-tracking-tight:hover { letter-spacing: -0.05em; }
.focus-tracking-tight:focus { letter-spacing: -0.05em; }
.active-tracking-tight:active { letter-spacing: -0.05em; }
.disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
.group:hover .group-hover-tracking-tight { letter-spacing: -0.05em; }
.tracking-normal { letter-spacing: 0; }
.hover-tracking-normal:hover { letter-spacing: 0; }
.focus-tracking-normal:focus { letter-spacing: 0; }
.active-tracking-normal:active { letter-spacing: 0; }
.disabled-tracking-normal:disabled { letter-spacing: 0; }
.group:hover .group-hover-tracking-normal { letter-spacing: 0; }
.tracking-wide { letter-spacing: 0.05em; }
.hover-tracking-wide:hover { letter-spacing: 0.05em; }
.focus-tracking-wide:focus { letter-spacing: 0.05em; }
.active-tracking-wide:active { letter-spacing: 0.05em; }
.disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
.group:hover .group-hover-tracking-wide { letter-spacing: 0.05em; }
.underline { text-decoration: underline; }
.hover-underline:hover { text-decoration: underline; }
.focus-underline:focus { text-decoration: underline; }
.active-underline:active { text-decoration: underline; }
.disabled-underline:disabled { text-decoration: underline; }
.group:hover .group-hover-underline { text-decoration: underline; }
.line-through { text-decoration: line-through; }
.hover-line-through:hover { text-decoration: line-through; }
.focus-line-through:focus { text-decoration: line-through; }
.active-line-through:active { text-decoration: line-through; }
.disabled-line-through:disabled { text-decoration: line-through; }
.group:hover .group-hover-line-through { text-decoration: line-through; }
.no-underline { text-decoration: none; }
.hover-no-underline:hover { text-decoration: none; }
.focus-no-underline:focus { text-decoration: none; }
.active-no-underline:active { text-decoration: none; }
.disabled-no-underline:disabled { text-decoration: none; }
.group:hover .group-hover-no-underline { text-decoration: none; }
.text-black { color: var(--black); }
.hover-text-black:hover { color: var(--black); }
.focus-text-black:focus { color: var(--black); }
.active-text-black:active { color: var(--black); }
.disabled-text-black:disabled { color: var(--black); }
.group:hover .group-hover-text-black { color: var(--black); }
.text-white { color: var(--white); }
.hover-text-white:hover { color: var(--white); }
.focus-text-white:focus { color: var(--white); }
.active-text-white:active { color: var(--white); }
.disabled-text-white:disabled { color: var(--white); }
.group:hover .group-hover-text-white { color: var(--white); }
.text-red-50 { color: var(--quanta-red-50); }
.hover-text-red-50:hover { color: var(--quanta-red-50); }
.focus-text-red-50:focus { color: var(--quanta-red-50); }
.active-text-red-50:active { color: var(--quanta-red-50); }
.disabled-text-red-50:disabled { color: var(--quanta-red-50); }
.group:hover .group-hover-text-red-50 { color: var(--quanta-red-50); }
.text-red-100 { color: var(--quanta-red-100); }
.hover-text-red-100:hover { color: var(--quanta-red-100); }
.focus-text-red-100:focus { color: var(--quanta-red-100); }
.active-text-red-100:active { color: var(--quanta-red-100); }
.disabled-text-red-100:disabled { color: var(--quanta-red-100); }
.group:hover .group-hover-text-red-100 { color: var(--quanta-red-100); }
.text-red-200 { color: var(--quanta-red-200); }
.hover-text-red-200:hover { color: var(--quanta-red-200); }
.focus-text-red-200:focus { color: var(--quanta-red-200); }
.active-text-red-200:active { color: var(--quanta-red-200); }
.disabled-text-red-200:disabled { color: var(--quanta-red-200); }
.group:hover .group-hover-text-red-200 { color: var(--quanta-red-200); }
.text-red-300 { color: var(--quanta-red-300); }
.hover-text-red-300:hover { color: var(--quanta-red-300); }
.focus-text-red-300:focus { color: var(--quanta-red-300); }
.active-text-red-300:active { color: var(--quanta-red-300); }
.disabled-text-red-300:disabled { color: var(--quanta-red-300); }
.group:hover .group-hover-text-red-300 { color: var(--quanta-red-300); }
.text-red-400 { color: var(--quanta-red-400); }
.hover-text-red-400:hover { color: var(--quanta-red-400); }
.focus-text-red-400:focus { color: var(--quanta-red-400); }
.active-text-red-400:active { color: var(--quanta-red-400); }
.disabled-text-red-400:disabled { color: var(--quanta-red-400); }
.group:hover .group-hover-text-red-400 { color: var(--quanta-red-400); }
.text-red-500 { color: var(--quanta-red-500); }
.hover-text-red-500:hover { color: var(--quanta-red-500); }
.focus-text-red-500:focus { color: var(--quanta-red-500); }
.active-text-red-500:active { color: var(--quanta-red-500); }
.disabled-text-red-500:disabled { color: var(--quanta-red-500); }
.group:hover .group-hover-text-red-500 { color: var(--quanta-red-500); }
.text-red-600 { color: var(--quanta-red-600); }
.hover-text-red-600:hover { color: var(--quanta-red-600); }
.focus-text-red-600:focus { color: var(--quanta-red-600); }
.active-text-red-600:active { color: var(--quanta-red-600); }
.disabled-text-red-600:disabled { color: var(--quanta-red-600); }
.group:hover .group-hover-text-red-600 { color: var(--quanta-red-600); }
.text-red-700 { color: var(--quanta-red-700); }
.hover-text-red-700:hover { color: var(--quanta-red-700); }
.focus-text-red-700:focus { color: var(--quanta-red-700); }
.active-text-red-700:active { color: var(--quanta-red-700); }
.disabled-text-red-700:disabled { color: var(--quanta-red-700); }
.group:hover .group-hover-text-red-700 { color: var(--quanta-red-700); }
.text-red-800 { color: var(--quanta-red-800); }
.hover-text-red-800:hover { color: var(--quanta-red-800); }
.focus-text-red-800:focus { color: var(--quanta-red-800); }
.active-text-red-800:active { color: var(--quanta-red-800); }
.disabled-text-red-800:disabled { color: var(--quanta-red-800); }
.group:hover .group-hover-text-red-800 { color: var(--quanta-red-800); }
.text-red-900 { color: var(--quanta-red-900); }
.hover-text-red-900:hover { color: var(--quanta-red-900); }
.focus-text-red-900:focus { color: var(--quanta-red-900); }
.active-text-red-900:active { color: var(--quanta-red-900); }
.disabled-text-red-900:disabled { color: var(--quanta-red-900); }
.group:hover .group-hover-text-red-900 { color: var(--quanta-red-900); }
.text-orange-50 { color: var(--quanta-orange-50); }
.hover-text-orange-50:hover { color: var(--quanta-orange-50); }
.focus-text-orange-50:focus { color: var(--quanta-orange-50); }
.active-text-orange-50:active { color: var(--quanta-orange-50); }
.disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
.group:hover .group-hover-text-orange-50 { color: var(--quanta-orange-50); }
.text-orange-100 { color: var(--quanta-orange-100); }
.hover-text-orange-100:hover { color: var(--quanta-orange-100); }
.focus-text-orange-100:focus { color: var(--quanta-orange-100); }
.active-text-orange-100:active { color: var(--quanta-orange-100); }
.disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
.group:hover .group-hover-text-orange-100 { color: var(--quanta-orange-100); }
.text-orange-200 { color: var(--quanta-orange-200); }
.hover-text-orange-200:hover { color: var(--quanta-orange-200); }
.focus-text-orange-200:focus { color: var(--quanta-orange-200); }
.active-text-orange-200:active { color: var(--quanta-orange-200); }
.disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
.group:hover .group-hover-text-orange-200 { color: var(--quanta-orange-200); }
.text-orange-300 { color: var(--quanta-orange-300); }
.hover-text-orange-300:hover { color: var(--quanta-orange-300); }
.focus-text-orange-300:focus { color: var(--quanta-orange-300); }
.active-text-orange-300:active { color: var(--quanta-orange-300); }
.disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
.group:hover .group-hover-text-orange-300 { color: var(--quanta-orange-300); }
.text-orange-400 { color: var(--quanta-orange-400); }
.hover-text-orange-400:hover { color: var(--quanta-orange-400); }
.focus-text-orange-400:focus { color: var(--quanta-orange-400); }
.active-text-orange-400:active { color: var(--quanta-orange-400); }
.disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
.group:hover .group-hover-text-orange-400 { color: var(--quanta-orange-400); }
.text-orange-500 { color: var(--quanta-orange-500); }
.hover-text-orange-500:hover { color: var(--quanta-orange-500); }
.focus-text-orange-500:focus { color: var(--quanta-orange-500); }
.active-text-orange-500:active { color: var(--quanta-orange-500); }
.disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
.group:hover .group-hover-text-orange-500 { color: var(--quanta-orange-500); }
.text-orange-600 { color: var(--quanta-orange-600); }
.hover-text-orange-600:hover { color: var(--quanta-orange-600); }
.focus-text-orange-600:focus { color: var(--quanta-orange-600); }
.active-text-orange-600:active { color: var(--quanta-orange-600); }
.disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
.group:hover .group-hover-text-orange-600 { color: var(--quanta-orange-600); }
.text-orange-700 { color: var(--quanta-orange-700); }
.hover-text-orange-700:hover { color: var(--quanta-orange-700); }
.focus-text-orange-700:focus { color: var(--quanta-orange-700); }
.active-text-orange-700:active { color: var(--quanta-orange-700); }
.disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
.group:hover .group-hover-text-orange-700 { color: var(--quanta-orange-700); }
.text-orange-800 { color: var(--quanta-orange-800); }
.hover-text-orange-800:hover { color: var(--quanta-orange-800); }
.focus-text-orange-800:focus { color: var(--quanta-orange-800); }
.active-text-orange-800:active { color: var(--quanta-orange-800); }
.disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
.group:hover .group-hover-text-orange-800 { color: var(--quanta-orange-800); }
.text-orange-900 { color: var(--quanta-orange-900); }
.hover-text-orange-900:hover { color: var(--quanta-orange-900); }
.focus-text-orange-900:focus { color: var(--quanta-orange-900); }
.active-text-orange-900:active { color: var(--quanta-orange-900); }
.disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
.group:hover .group-hover-text-orange-900 { color: var(--quanta-orange-900); }
.text-teal-50 { color: var(--quanta-teal-50); }
.hover-text-teal-50:hover { color: var(--quanta-teal-50); }
.focus-text-teal-50:focus { color: var(--quanta-teal-50); }
.active-text-teal-50:active { color: var(--quanta-teal-50); }
.disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
.group:hover .group-hover-text-teal-50 { color: var(--quanta-teal-50); }
.text-teal-100 { color: var(--quanta-teal-100); }
.hover-text-teal-100:hover { color: var(--quanta-teal-100); }
.focus-text-teal-100:focus { color: var(--quanta-teal-100); }
.active-text-teal-100:active { color: var(--quanta-teal-100); }
.disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
.group:hover .group-hover-text-teal-100 { color: var(--quanta-teal-100); }
.text-teal-200 { color: var(--quanta-teal-200); }
.hover-text-teal-200:hover { color: var(--quanta-teal-200); }
.focus-text-teal-200:focus { color: var(--quanta-teal-200); }
.active-text-teal-200:active { color: var(--quanta-teal-200); }
.disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
.group:hover .group-hover-text-teal-200 { color: var(--quanta-teal-200); }
.text-teal-300 { color: var(--quanta-teal-300); }
.hover-text-teal-300:hover { color: var(--quanta-teal-300); }
.focus-text-teal-300:focus { color: var(--quanta-teal-300); }
.active-text-teal-300:active { color: var(--quanta-teal-300); }
.disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
.group:hover .group-hover-text-teal-300 { color: var(--quanta-teal-300); }
.text-teal-400 { color: var(--quanta-teal-400); }
.hover-text-teal-400:hover { color: var(--quanta-teal-400); }
.focus-text-teal-400:focus { color: var(--quanta-teal-400); }
.active-text-teal-400:active { color: var(--quanta-teal-400); }
.disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
.group:hover .group-hover-text-teal-400 { color: var(--quanta-teal-400); }
.text-teal-500 { color: var(--quanta-teal-500); }
.hover-text-teal-500:hover { color: var(--quanta-teal-500); }
.focus-text-teal-500:focus { color: var(--quanta-teal-500); }
.active-text-teal-500:active { color: var(--quanta-teal-500); }
.disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
.group:hover .group-hover-text-teal-500 { color: var(--quanta-teal-500); }
.text-teal-600 { color: var(--quanta-teal-600); }
.hover-text-teal-600:hover { color: var(--quanta-teal-600); }
.focus-text-teal-600:focus { color: var(--quanta-teal-600); }
.active-text-teal-600:active { color: var(--quanta-teal-600); }
.disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
.group:hover .group-hover-text-teal-600 { color: var(--quanta-teal-600); }
.text-teal-700 { color: var(--quanta-teal-700); }
.hover-text-teal-700:hover { color: var(--quanta-teal-700); }
.focus-text-teal-700:focus { color: var(--quanta-teal-700); }
.active-text-teal-700:active { color: var(--quanta-teal-700); }
.disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
.group:hover .group-hover-text-teal-700 { color: var(--quanta-teal-700); }
.text-teal-800 { color: var(--quanta-teal-800); }
.hover-text-teal-800:hover { color: var(--quanta-teal-800); }
.focus-text-teal-800:focus { color: var(--quanta-teal-800); }
.active-text-teal-800:active { color: var(--quanta-teal-800); }
.disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
.group:hover .group-hover-text-teal-800 { color: var(--quanta-teal-800); }
.text-teal-900 { color: var(--quanta-teal-900); }
.hover-text-teal-900:hover { color: var(--quanta-teal-900); }
.focus-text-teal-900:focus { color: var(--quanta-teal-900); }
.active-text-teal-900:active { color: var(--quanta-teal-900); }
.disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
.group:hover .group-hover-text-teal-900 { color: var(--quanta-teal-900); }
.text-purple-50 { color: var(--quanta-purple-50); }
.hover-text-purple-50:hover { color: var(--quanta-purple-50); }
.focus-text-purple-50:focus { color: var(--quanta-purple-50); }
.active-text-purple-50:active { color: var(--quanta-purple-50); }
.disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
.group:hover .group-hover-text-purple-50 { color: var(--quanta-purple-50); }
.text-purple-100 { color: var(--quanta-purple-100); }
.hover-text-purple-100:hover { color: var(--quanta-purple-100); }
.focus-text-purple-100:focus { color: var(--quanta-purple-100); }
.active-text-purple-100:active { color: var(--quanta-purple-100); }
.disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
.group:hover .group-hover-text-purple-100 { color: var(--quanta-purple-100); }
.text-purple-200 { color: var(--quanta-purple-200); }
.hover-text-purple-200:hover { color: var(--quanta-purple-200); }
.focus-text-purple-200:focus { color: var(--quanta-purple-200); }
.active-text-purple-200:active { color: var(--quanta-purple-200); }
.disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
.group:hover .group-hover-text-purple-200 { color: var(--quanta-purple-200); }
.text-purple-300 { color: var(--quanta-purple-300); }
.hover-text-purple-300:hover { color: var(--quanta-purple-300); }
.focus-text-purple-300:focus { color: var(--quanta-purple-300); }
.active-text-purple-300:active { color: var(--quanta-purple-300); }
.disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
.group:hover .group-hover-text-purple-300 { color: var(--quanta-purple-300); }
.text-purple-400 { color: var(--quanta-purple-400); }
.hover-text-purple-400:hover { color: var(--quanta-purple-400); }
.focus-text-purple-400:focus { color: var(--quanta-purple-400); }
.active-text-purple-400:active { color: var(--quanta-purple-400); }
.disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
.group:hover .group-hover-text-purple-400 { color: var(--quanta-purple-400); }
.text-purple-500 { color: var(--quanta-purple-500); }
.hover-text-purple-500:hover { color: var(--quanta-purple-500); }
.focus-text-purple-500:focus { color: var(--quanta-purple-500); }
.active-text-purple-500:active { color: var(--quanta-purple-500); }
.disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
.group:hover .group-hover-text-purple-500 { color: var(--quanta-purple-500); }
.text-purple-600 { color: var(--quanta-purple-600); }
.hover-text-purple-600:hover { color: var(--quanta-purple-600); }
.focus-text-purple-600:focus { color: var(--quanta-purple-600); }
.active-text-purple-600:active { color: var(--quanta-purple-600); }
.disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
.group:hover .group-hover-text-purple-600 { color: var(--quanta-purple-600); }
.text-purple-700 { color: var(--quanta-purple-700); }
.hover-text-purple-700:hover { color: var(--quanta-purple-700); }
.focus-text-purple-700:focus { color: var(--quanta-purple-700); }
.active-text-purple-700:active { color: var(--quanta-purple-700); }
.disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
.group:hover .group-hover-text-purple-700 { color: var(--quanta-purple-700); }
.text-purple-800 { color: var(--quanta-purple-800); }
.hover-text-purple-800:hover { color: var(--quanta-purple-800); }
.focus-text-purple-800:focus { color: var(--quanta-purple-800); }
.active-text-purple-800:active { color: var(--quanta-purple-800); }
.disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
.group:hover .group-hover-text-purple-800 { color: var(--quanta-purple-800); }
.text-purple-900 { color: var(--quanta-purple-900); }
.hover-text-purple-900:hover { color: var(--quanta-purple-900); }
.focus-text-purple-900:focus { color: var(--quanta-purple-900); }
.active-text-purple-900:active { color: var(--quanta-purple-900); }
.disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
.group:hover .group-hover-text-purple-900 { color: var(--quanta-purple-900); }
.text-indigo-50 { color: var(--quanta-indigo-50); }
.hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
.focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
.active-text-indigo-50:active { color: var(--quanta-indigo-50); }
.disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
.group:hover .group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
.text-indigo-100 { color: var(--quanta-indigo-100); }
.hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
.focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
.active-text-indigo-100:active { color: var(--quanta-indigo-100); }
.disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
.group:hover .group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
.text-indigo-200 { color: var(--quanta-indigo-200); }
.hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
.focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
.active-text-indigo-200:active { color: var(--quanta-indigo-200); }
.disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
.group:hover .group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
.text-indigo-300 { color: var(--quanta-indigo-300); }
.hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
.focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
.active-text-indigo-300:active { color: var(--quanta-indigo-300); }
.disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
.group:hover .group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
.text-indigo-400 { color: var(--quanta-indigo-400); }
.hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
.focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
.active-text-indigo-400:active { color: var(--quanta-indigo-400); }
.disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
.group:hover .group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
.text-indigo-500 { color: var(--quanta-indigo-500); }
.hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
.focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
.active-text-indigo-500:active { color: var(--quanta-indigo-500); }
.disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
.group:hover .group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
.text-indigo-600 { color: var(--quanta-indigo-600); }
.hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
.focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
.active-text-indigo-600:active { color: var(--quanta-indigo-600); }
.disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
.group:hover .group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
.text-indigo-700 { color: var(--quanta-indigo-700); }
.hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
.focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
.active-text-indigo-700:active { color: var(--quanta-indigo-700); }
.disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
.group:hover .group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
.text-indigo-800 { color: var(--quanta-indigo-800); }
.hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
.focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
.active-text-indigo-800:active { color: var(--quanta-indigo-800); }
.disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
.group:hover .group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
.text-indigo-900 { color: var(--quanta-indigo-900); }
.hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
.focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
.active-text-indigo-900:active { color: var(--quanta-indigo-900); }
.disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
.group:hover .group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
.text-yellow-50 { color: var(--quanta-yellow-50); }
.hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
.focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
.active-text-yellow-50:active { color: var(--quanta-yellow-50); }
.disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
.group:hover .group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
.text-yellow-100 { color: var(--quanta-yellow-100); }
.hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
.focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
.active-text-yellow-100:active { color: var(--quanta-yellow-100); }
.disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
.group:hover .group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
.text-yellow-200 { color: var(--quanta-yellow-200); }
.hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
.focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
.active-text-yellow-200:active { color: var(--quanta-yellow-200); }
.disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
.group:hover .group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
.text-yellow-300 { color: var(--quanta-yellow-300); }
.hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
.focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
.active-text-yellow-300:active { color: var(--quanta-yellow-300); }
.disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
.group:hover .group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
.text-yellow-400 { color: var(--quanta-yellow-400); }
.hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
.focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
.active-text-yellow-400:active { color: var(--quanta-yellow-400); }
.disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
.group:hover .group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
.text-yellow-500 { color: var(--quanta-yellow-500); }
.hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
.focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
.active-text-yellow-500:active { color: var(--quanta-yellow-500); }
.disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
.group:hover .group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
.text-yellow-600 { color: var(--quanta-yellow-600); }
.hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
.focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
.active-text-yellow-600:active { color: var(--quanta-yellow-600); }
.disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
.group:hover .group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
.text-yellow-700 { color: var(--quanta-yellow-700); }
.hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
.focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
.active-text-yellow-700:active { color: var(--quanta-yellow-700); }
.disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
.group:hover .group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
.text-yellow-800 { color: var(--quanta-yellow-800); }
.hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
.focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
.active-text-yellow-800:active { color: var(--quanta-yellow-800); }
.disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
.group:hover .group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
.text-yellow-900 { color: var(--quanta-yellow-900); }
.hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
.focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
.active-text-yellow-900:active { color: var(--quanta-yellow-900); }
.disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
.group:hover .group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
.text-pink-50 { color: var(--quanta-pink-50); }
.hover-text-pink-50:hover { color: var(--quanta-pink-50); }
.focus-text-pink-50:focus { color: var(--quanta-pink-50); }
.active-text-pink-50:active { color: var(--quanta-pink-50); }
.disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
.group:hover .group-hover-text-pink-50 { color: var(--quanta-pink-50); }
.text-pink-100 { color: var(--quanta-pink-100); }
.hover-text-pink-100:hover { color: var(--quanta-pink-100); }
.focus-text-pink-100:focus { color: var(--quanta-pink-100); }
.active-text-pink-100:active { color: var(--quanta-pink-100); }
.disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
.group:hover .group-hover-text-pink-100 { color: var(--quanta-pink-100); }
.text-pink-200 { color: var(--quanta-pink-200); }
.hover-text-pink-200:hover { color: var(--quanta-pink-200); }
.focus-text-pink-200:focus { color: var(--quanta-pink-200); }
.active-text-pink-200:active { color: var(--quanta-pink-200); }
.disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
.group:hover .group-hover-text-pink-200 { color: var(--quanta-pink-200); }
.text-pink-300 { color: var(--quanta-pink-300); }
.hover-text-pink-300:hover { color: var(--quanta-pink-300); }
.focus-text-pink-300:focus { color: var(--quanta-pink-300); }
.active-text-pink-300:active { color: var(--quanta-pink-300); }
.disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
.group:hover .group-hover-text-pink-300 { color: var(--quanta-pink-300); }
.text-pink-400 { color: var(--quanta-pink-400); }
.hover-text-pink-400:hover { color: var(--quanta-pink-400); }
.focus-text-pink-400:focus { color: var(--quanta-pink-400); }
.active-text-pink-400:active { color: var(--quanta-pink-400); }
.disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
.group:hover .group-hover-text-pink-400 { color: var(--quanta-pink-400); }
.text-pink-500 { color: var(--quanta-pink-500); }
.hover-text-pink-500:hover { color: var(--quanta-pink-500); }
.focus-text-pink-500:focus { color: var(--quanta-pink-500); }
.active-text-pink-500:active { color: var(--quanta-pink-500); }
.disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
.group:hover .group-hover-text-pink-500 { color: var(--quanta-pink-500); }
.text-pink-600 { color: var(--quanta-pink-600); }
.hover-text-pink-600:hover { color: var(--quanta-pink-600); }
.focus-text-pink-600:focus { color: var(--quanta-pink-600); }
.active-text-pink-600:active { color: var(--quanta-pink-600); }
.disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
.group:hover .group-hover-text-pink-600 { color: var(--quanta-pink-600); }
.text-pink-700 { color: var(--quanta-pink-700); }
.hover-text-pink-700:hover { color: var(--quanta-pink-700); }
.focus-text-pink-700:focus { color: var(--quanta-pink-700); }
.active-text-pink-700:active { color: var(--quanta-pink-700); }
.disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
.group:hover .group-hover-text-pink-700 { color: var(--quanta-pink-700); }
.text-pink-800 { color: var(--quanta-pink-800); }
.hover-text-pink-800:hover { color: var(--quanta-pink-800); }
.focus-text-pink-800:focus { color: var(--quanta-pink-800); }
.active-text-pink-800:active { color: var(--quanta-pink-800); }
.disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
.group:hover .group-hover-text-pink-800 { color: var(--quanta-pink-800); }
.text-pink-900 { color: var(--quanta-pink-900); }
.hover-text-pink-900:hover { color: var(--quanta-pink-900); }
.focus-text-pink-900:focus { color: var(--quanta-pink-900); }
.active-text-pink-900:active { color: var(--quanta-pink-900); }
.disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
.group:hover .group-hover-text-pink-900 { color: var(--quanta-pink-900); }
.text-grey-50 { color: var(--quanta-grey-50); }
.hover-text-grey-50:hover { color: var(--quanta-grey-50); }
.focus-text-grey-50:focus { color: var(--quanta-grey-50); }
.active-text-grey-50:active { color: var(--quanta-grey-50); }
.disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
.group:hover .group-hover-text-grey-50 { color: var(--quanta-grey-50); }
.text-grey-100 { color: var(--quanta-grey-100); }
.hover-text-grey-100:hover { color: var(--quanta-grey-100); }
.focus-text-grey-100:focus { color: var(--quanta-grey-100); }
.active-text-grey-100:active { color: var(--quanta-grey-100); }
.disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
.group:hover .group-hover-text-grey-100 { color: var(--quanta-grey-100); }
.text-grey-200 { color: var(--quanta-grey-200); }
.hover-text-grey-200:hover { color: var(--quanta-grey-200); }
.focus-text-grey-200:focus { color: var(--quanta-grey-200); }
.active-text-grey-200:active { color: var(--quanta-grey-200); }
.disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
.group:hover .group-hover-text-grey-200 { color: var(--quanta-grey-200); }
.text-grey-300 { color: var(--quanta-grey-300); }
.hover-text-grey-300:hover { color: var(--quanta-grey-300); }
.focus-text-grey-300:focus { color: var(--quanta-grey-300); }
.active-text-grey-300:active { color: var(--quanta-grey-300); }
.disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
.group:hover .group-hover-text-grey-300 { color: var(--quanta-grey-300); }
.text-grey-400 { color: var(--quanta-grey-400); }
.hover-text-grey-400:hover { color: var(--quanta-grey-400); }
.focus-text-grey-400:focus { color: var(--quanta-grey-400); }
.active-text-grey-400:active { color: var(--quanta-grey-400); }
.disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
.group:hover .group-hover-text-grey-400 { color: var(--quanta-grey-400); }
.text-grey-500 { color: var(--quanta-grey-500); }
.hover-text-grey-500:hover { color: var(--quanta-grey-500); }
.focus-text-grey-500:focus { color: var(--quanta-grey-500); }
.active-text-grey-500:active { color: var(--quanta-grey-500); }
.disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
.group:hover .group-hover-text-grey-500 { color: var(--quanta-grey-500); }
.text-grey-600 { color: var(--quanta-grey-600); }
.hover-text-grey-600:hover { color: var(--quanta-grey-600); }
.focus-text-grey-600:focus { color: var(--quanta-grey-600); }
.active-text-grey-600:active { color: var(--quanta-grey-600); }
.disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
.group:hover .group-hover-text-grey-600 { color: var(--quanta-grey-600); }
.text-grey-700 { color: var(--quanta-grey-700); }
.hover-text-grey-700:hover { color: var(--quanta-grey-700); }
.focus-text-grey-700:focus { color: var(--quanta-grey-700); }
.active-text-grey-700:active { color: var(--quanta-grey-700); }
.disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
.group:hover .group-hover-text-grey-700 { color: var(--quanta-grey-700); }
.text-grey-800 { color: var(--quanta-grey-800); }
.hover-text-grey-800:hover { color: var(--quanta-grey-800); }
.focus-text-grey-800:focus { color: var(--quanta-grey-800); }
.active-text-grey-800:active { color: var(--quanta-grey-800); }
.disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
.group:hover .group-hover-text-grey-800 { color: var(--quanta-grey-800); }
.text-grey-900 { color: var(--quanta-grey-900); }
.hover-text-grey-900:hover { color: var(--quanta-grey-900); }
.focus-text-grey-900:focus { color: var(--quanta-grey-900); }
.active-text-grey-900:active { color: var(--quanta-grey-900); }
.disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
.group:hover .group-hover-text-grey-900 { color: var(--quanta-grey-900); }
.text-lime-50 { color: var(--quanta-lime-50); }
.hover-text-lime-50:hover { color: var(--quanta-lime-50); }
.focus-text-lime-50:focus { color: var(--quanta-lime-50); }
.active-text-lime-50:active { color: var(--quanta-lime-50); }
.disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
.group:hover .group-hover-text-lime-50 { color: var(--quanta-lime-50); }
.text-lime-100 { color: var(--quanta-lime-100); }
.hover-text-lime-100:hover { color: var(--quanta-lime-100); }
.focus-text-lime-100:focus { color: var(--quanta-lime-100); }
.active-text-lime-100:active { color: var(--quanta-lime-100); }
.disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
.group:hover .group-hover-text-lime-100 { color: var(--quanta-lime-100); }
.text-lime-200 { color: var(--quanta-lime-200); }
.hover-text-lime-200:hover { color: var(--quanta-lime-200); }
.focus-text-lime-200:focus { color: var(--quanta-lime-200); }
.active-text-lime-200:active { color: var(--quanta-lime-200); }
.disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
.group:hover .group-hover-text-lime-200 { color: var(--quanta-lime-200); }
.text-lime-300 { color: var(--quanta-lime-300); }
.hover-text-lime-300:hover { color: var(--quanta-lime-300); }
.focus-text-lime-300:focus { color: var(--quanta-lime-300); }
.active-text-lime-300:active { color: var(--quanta-lime-300); }
.disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
.group:hover .group-hover-text-lime-300 { color: var(--quanta-lime-300); }
.text-lime-400 { color: var(--quanta-lime-400); }
.hover-text-lime-400:hover { color: var(--quanta-lime-400); }
.focus-text-lime-400:focus { color: var(--quanta-lime-400); }
.active-text-lime-400:active { color: var(--quanta-lime-400); }
.disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
.group:hover .group-hover-text-lime-400 { color: var(--quanta-lime-400); }
.text-lime-500 { color: var(--quanta-lime-500); }
.hover-text-lime-500:hover { color: var(--quanta-lime-500); }
.focus-text-lime-500:focus { color: var(--quanta-lime-500); }
.active-text-lime-500:active { color: var(--quanta-lime-500); }
.disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
.group:hover .group-hover-text-lime-500 { color: var(--quanta-lime-500); }
.text-lime-600 { color: var(--quanta-lime-600); }
.hover-text-lime-600:hover { color: var(--quanta-lime-600); }
.focus-text-lime-600:focus { color: var(--quanta-lime-600); }
.active-text-lime-600:active { color: var(--quanta-lime-600); }
.disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
.group:hover .group-hover-text-lime-600 { color: var(--quanta-lime-600); }
.text-lime-700 { color: var(--quanta-lime-700); }
.hover-text-lime-700:hover { color: var(--quanta-lime-700); }
.focus-text-lime-700:focus { color: var(--quanta-lime-700); }
.active-text-lime-700:active { color: var(--quanta-lime-700); }
.disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
.group:hover .group-hover-text-lime-700 { color: var(--quanta-lime-700); }
.text-lime-800 { color: var(--quanta-lime-800); }
.hover-text-lime-800:hover { color: var(--quanta-lime-800); }
.focus-text-lime-800:focus { color: var(--quanta-lime-800); }
.active-text-lime-800:active { color: var(--quanta-lime-800); }
.disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
.group:hover .group-hover-text-lime-800 { color: var(--quanta-lime-800); }
.text-lime-900 { color: var(--quanta-lime-900); }
.hover-text-lime-900:hover { color: var(--quanta-lime-900); }
.focus-text-lime-900:focus { color: var(--quanta-lime-900); }
.active-text-lime-900:active { color: var(--quanta-lime-900); }
.disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
.group:hover .group-hover-text-lime-900 { color: var(--quanta-lime-900); }
.text-cyan-50 { color: var(--quanta-cyan-50); }
.hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
.focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
.active-text-cyan-50:active { color: var(--quanta-cyan-50); }
.disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
.group:hover .group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
.text-cyan-100 { color: var(--quanta-cyan-100); }
.hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
.focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
.active-text-cyan-100:active { color: var(--quanta-cyan-100); }
.disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
.group:hover .group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
.text-cyan-200 { color: var(--quanta-cyan-200); }
.hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
.focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
.active-text-cyan-200:active { color: var(--quanta-cyan-200); }
.disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
.group:hover .group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
.text-cyan-300 { color: var(--quanta-cyan-300); }
.hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
.focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
.active-text-cyan-300:active { color: var(--quanta-cyan-300); }
.disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
.group:hover .group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
.text-cyan-400 { color: var(--quanta-cyan-400); }
.hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
.focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
.active-text-cyan-400:active { color: var(--quanta-cyan-400); }
.disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
.group:hover .group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
.text-cyan-500 { color: var(--quanta-cyan-500); }
.hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
.focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
.active-text-cyan-500:active { color: var(--quanta-cyan-500); }
.disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
.group:hover .group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
.text-cyan-600 { color: var(--quanta-cyan-600); }
.hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
.focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
.active-text-cyan-600:active { color: var(--quanta-cyan-600); }
.disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
.group:hover .group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
.text-cyan-700 { color: var(--quanta-cyan-700); }
.hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
.focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
.active-text-cyan-700:active { color: var(--quanta-cyan-700); }
.disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
.group:hover .group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
.text-cyan-800 { color: var(--quanta-cyan-800); }
.hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
.focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
.active-text-cyan-800:active { color: var(--quanta-cyan-800); }
.disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
.group:hover .group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
.text-cyan-900 { color: var(--quanta-cyan-900); }
.hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
.focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
.active-text-cyan-900:active { color: var(--quanta-cyan-900); }
.disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
.group:hover .group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
.text-sky-50 { color: var(--quanta-sky-50); }
.hover-text-sky-50:hover { color: var(--quanta-sky-50); }
.focus-text-sky-50:focus { color: var(--quanta-sky-50); }
.active-text-sky-50:active { color: var(--quanta-sky-50); }
.disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
.group:hover .group-hover-text-sky-50 { color: var(--quanta-sky-50); }
.text-sky-100 { color: var(--quanta-sky-100); }
.hover-text-sky-100:hover { color: var(--quanta-sky-100); }
.focus-text-sky-100:focus { color: var(--quanta-sky-100); }
.active-text-sky-100:active { color: var(--quanta-sky-100); }
.disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
.group:hover .group-hover-text-sky-100 { color: var(--quanta-sky-100); }
.text-sky-200 { color: var(--quanta-sky-200); }
.hover-text-sky-200:hover { color: var(--quanta-sky-200); }
.focus-text-sky-200:focus { color: var(--quanta-sky-200); }
.active-text-sky-200:active { color: var(--quanta-sky-200); }
.disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
.group:hover .group-hover-text-sky-200 { color: var(--quanta-sky-200); }
.text-sky-300 { color: var(--quanta-sky-300); }
.hover-text-sky-300:hover { color: var(--quanta-sky-300); }
.focus-text-sky-300:focus { color: var(--quanta-sky-300); }
.active-text-sky-300:active { color: var(--quanta-sky-300); }
.disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
.group:hover .group-hover-text-sky-300 { color: var(--quanta-sky-300); }
.text-sky-400 { color: var(--quanta-sky-400); }
.hover-text-sky-400:hover { color: var(--quanta-sky-400); }
.focus-text-sky-400:focus { color: var(--quanta-sky-400); }
.active-text-sky-400:active { color: var(--quanta-sky-400); }
.disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
.group:hover .group-hover-text-sky-400 { color: var(--quanta-sky-400); }
.text-sky-500 { color: var(--quanta-sky-500); }
.hover-text-sky-500:hover { color: var(--quanta-sky-500); }
.focus-text-sky-500:focus { color: var(--quanta-sky-500); }
.active-text-sky-500:active { color: var(--quanta-sky-500); }
.disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
.group:hover .group-hover-text-sky-500 { color: var(--quanta-sky-500); }
.text-sky-600 { color: var(--quanta-sky-600); }
.hover-text-sky-600:hover { color: var(--quanta-sky-600); }
.focus-text-sky-600:focus { color: var(--quanta-sky-600); }
.active-text-sky-600:active { color: var(--quanta-sky-600); }
.disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
.group:hover .group-hover-text-sky-600 { color: var(--quanta-sky-600); }
.text-sky-700 { color: var(--quanta-sky-700); }
.hover-text-sky-700:hover { color: var(--quanta-sky-700); }
.focus-text-sky-700:focus { color: var(--quanta-sky-700); }
.active-text-sky-700:active { color: var(--quanta-sky-700); }
.disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
.group:hover .group-hover-text-sky-700 { color: var(--quanta-sky-700); }
.text-sky-800 { color: var(--quanta-sky-800); }
.hover-text-sky-800:hover { color: var(--quanta-sky-800); }
.focus-text-sky-800:focus { color: var(--quanta-sky-800); }
.active-text-sky-800:active { color: var(--quanta-sky-800); }
.disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
.group:hover .group-hover-text-sky-800 { color: var(--quanta-sky-800); }
.text-sky-900 { color: var(--quanta-sky-900); }
.hover-text-sky-900:hover { color: var(--quanta-sky-900); }
.focus-text-sky-900:focus { color: var(--quanta-sky-900); }
.active-text-sky-900:active { color: var(--quanta-sky-900); }
.disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
.group:hover .group-hover-text-sky-900 { color: var(--quanta-sky-900); }
.text-violet-50 { color: var(--quanta-violet-50); }
.hover-text-violet-50:hover { color: var(--quanta-violet-50); }
.focus-text-violet-50:focus { color: var(--quanta-violet-50); }
.active-text-violet-50:active { color: var(--quanta-violet-50); }
.disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
.group:hover .group-hover-text-violet-50 { color: var(--quanta-violet-50); }
.text-violet-100 { color: var(--quanta-violet-100); }
.hover-text-violet-100:hover { color: var(--quanta-violet-100); }
.focus-text-violet-100:focus { color: var(--quanta-violet-100); }
.active-text-violet-100:active { color: var(--quanta-violet-100); }
.disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
.group:hover .group-hover-text-violet-100 { color: var(--quanta-violet-100); }
.text-violet-200 { color: var(--quanta-violet-200); }
.hover-text-violet-200:hover { color: var(--quanta-violet-200); }
.focus-text-violet-200:focus { color: var(--quanta-violet-200); }
.active-text-violet-200:active { color: var(--quanta-violet-200); }
.disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
.group:hover .group-hover-text-violet-200 { color: var(--quanta-violet-200); }
.text-violet-300 { color: var(--quanta-violet-300); }
.hover-text-violet-300:hover { color: var(--quanta-violet-300); }
.focus-text-violet-300:focus { color: var(--quanta-violet-300); }
.active-text-violet-300:active { color: var(--quanta-violet-300); }
.disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
.group:hover .group-hover-text-violet-300 { color: var(--quanta-violet-300); }
.text-violet-400 { color: var(--quanta-violet-400); }
.hover-text-violet-400:hover { color: var(--quanta-violet-400); }
.focus-text-violet-400:focus { color: var(--quanta-violet-400); }
.active-text-violet-400:active { color: var(--quanta-violet-400); }
.disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
.group:hover .group-hover-text-violet-400 { color: var(--quanta-violet-400); }
.text-violet-500 { color: var(--quanta-violet-500); }
.hover-text-violet-500:hover { color: var(--quanta-violet-500); }
.focus-text-violet-500:focus { color: var(--quanta-violet-500); }
.active-text-violet-500:active { color: var(--quanta-violet-500); }
.disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
.group:hover .group-hover-text-violet-500 { color: var(--quanta-violet-500); }
.text-violet-600 { color: var(--quanta-violet-600); }
.hover-text-violet-600:hover { color: var(--quanta-violet-600); }
.focus-text-violet-600:focus { color: var(--quanta-violet-600); }
.active-text-violet-600:active { color: var(--quanta-violet-600); }
.disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
.group:hover .group-hover-text-violet-600 { color: var(--quanta-violet-600); }
.text-violet-700 { color: var(--quanta-violet-700); }
.hover-text-violet-700:hover { color: var(--quanta-violet-700); }
.focus-text-violet-700:focus { color: var(--quanta-violet-700); }
.active-text-violet-700:active { color: var(--quanta-violet-700); }
.disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
.group:hover .group-hover-text-violet-700 { color: var(--quanta-violet-700); }
.text-violet-800 { color: var(--quanta-violet-800); }
.hover-text-violet-800:hover { color: var(--quanta-violet-800); }
.focus-text-violet-800:focus { color: var(--quanta-violet-800); }
.active-text-violet-800:active { color: var(--quanta-violet-800); }
.disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
.group:hover .group-hover-text-violet-800 { color: var(--quanta-violet-800); }
.text-violet-900 { color: var(--quanta-violet-900); }
.hover-text-violet-900:hover { color: var(--quanta-violet-900); }
.focus-text-violet-900:focus { color: var(--quanta-violet-900); }
.active-text-violet-900:active { color: var(--quanta-violet-900); }
.disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
.group:hover .group-hover-text-violet-900 { color: var(--quanta-violet-900); }
.text-rose-50 { color: var(--quanta-rose-50); }
.hover-text-rose-50:hover { color: var(--quanta-rose-50); }
.focus-text-rose-50:focus { color: var(--quanta-rose-50); }
.active-text-rose-50:active { color: var(--quanta-rose-50); }
.disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
.group:hover .group-hover-text-rose-50 { color: var(--quanta-rose-50); }
.text-rose-100 { color: var(--quanta-rose-100); }
.hover-text-rose-100:hover { color: var(--quanta-rose-100); }
.focus-text-rose-100:focus { color: var(--quanta-rose-100); }
.active-text-rose-100:active { color: var(--quanta-rose-100); }
.disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
.group:hover .group-hover-text-rose-100 { color: var(--quanta-rose-100); }
.text-rose-200 { color: var(--quanta-rose-200); }
.hover-text-rose-200:hover { color: var(--quanta-rose-200); }
.focus-text-rose-200:focus { color: var(--quanta-rose-200); }
.active-text-rose-200:active { color: var(--quanta-rose-200); }
.disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
.group:hover .group-hover-text-rose-200 { color: var(--quanta-rose-200); }
.text-rose-300 { color: var(--quanta-rose-300); }
.hover-text-rose-300:hover { color: var(--quanta-rose-300); }
.focus-text-rose-300:focus { color: var(--quanta-rose-300); }
.active-text-rose-300:active { color: var(--quanta-rose-300); }
.disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
.group:hover .group-hover-text-rose-300 { color: var(--quanta-rose-300); }
.text-rose-400 { color: var(--quanta-rose-400); }
.hover-text-rose-400:hover { color: var(--quanta-rose-400); }
.focus-text-rose-400:focus { color: var(--quanta-rose-400); }
.active-text-rose-400:active { color: var(--quanta-rose-400); }
.disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
.group:hover .group-hover-text-rose-400 { color: var(--quanta-rose-400); }
.text-rose-500 { color: var(--quanta-rose-500); }
.hover-text-rose-500:hover { color: var(--quanta-rose-500); }
.focus-text-rose-500:focus { color: var(--quanta-rose-500); }
.active-text-rose-500:active { color: var(--quanta-rose-500); }
.disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
.group:hover .group-hover-text-rose-500 { color: var(--quanta-rose-500); }
.text-rose-600 { color: var(--quanta-rose-600); }
.hover-text-rose-600:hover { color: var(--quanta-rose-600); }
.focus-text-rose-600:focus { color: var(--quanta-rose-600); }
.active-text-rose-600:active { color: var(--quanta-rose-600); }
.disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
.group:hover .group-hover-text-rose-600 { color: var(--quanta-rose-600); }
.text-rose-700 { color: var(--quanta-rose-700); }
.hover-text-rose-700:hover { color: var(--quanta-rose-700); }
.focus-text-rose-700:focus { color: var(--quanta-rose-700); }
.active-text-rose-700:active { color: var(--quanta-rose-700); }
.disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
.group:hover .group-hover-text-rose-700 { color: var(--quanta-rose-700); }
.text-rose-800 { color: var(--quanta-rose-800); }
.hover-text-rose-800:hover { color: var(--quanta-rose-800); }
.focus-text-rose-800:focus { color: var(--quanta-rose-800); }
.active-text-rose-800:active { color: var(--quanta-rose-800); }
.disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
.group:hover .group-hover-text-rose-800 { color: var(--quanta-rose-800); }
.text-rose-900 { color: var(--quanta-rose-900); }
.hover-text-rose-900:hover { color: var(--quanta-rose-900); }
.focus-text-rose-900:focus { color: var(--quanta-rose-900); }
.active-text-rose-900:active { color: var(--quanta-rose-900); }
.disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
.group:hover .group-hover-text-rose-900 { color: var(--quanta-rose-900); }
.text-slate-50 { color: var(--quanta-slate-50); }
.hover-text-slate-50:hover { color: var(--quanta-slate-50); }
.focus-text-slate-50:focus { color: var(--quanta-slate-50); }
.active-text-slate-50:active { color: var(--quanta-slate-50); }
.disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
.group:hover .group-hover-text-slate-50 { color: var(--quanta-slate-50); }
.text-slate-100 { color: var(--quanta-slate-100); }
.hover-text-slate-100:hover { color: var(--quanta-slate-100); }
.focus-text-slate-100:focus { color: var(--quanta-slate-100); }
.active-text-slate-100:active { color: var(--quanta-slate-100); }
.disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
.group:hover .group-hover-text-slate-100 { color: var(--quanta-slate-100); }
.text-slate-200 { color: var(--quanta-slate-200); }
.hover-text-slate-200:hover { color: var(--quanta-slate-200); }
.focus-text-slate-200:focus { color: var(--quanta-slate-200); }
.active-text-slate-200:active { color: var(--quanta-slate-200); }
.disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
.group:hover .group-hover-text-slate-200 { color: var(--quanta-slate-200); }
.text-slate-300 { color: var(--quanta-slate-300); }
.hover-text-slate-300:hover { color: var(--quanta-slate-300); }
.focus-text-slate-300:focus { color: var(--quanta-slate-300); }
.active-text-slate-300:active { color: var(--quanta-slate-300); }
.disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
.group:hover .group-hover-text-slate-300 { color: var(--quanta-slate-300); }
.text-slate-400 { color: var(--quanta-slate-400); }
.hover-text-slate-400:hover { color: var(--quanta-slate-400); }
.focus-text-slate-400:focus { color: var(--quanta-slate-400); }
.active-text-slate-400:active { color: var(--quanta-slate-400); }
.disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
.group:hover .group-hover-text-slate-400 { color: var(--quanta-slate-400); }
.text-slate-500 { color: var(--quanta-slate-500); }
.hover-text-slate-500:hover { color: var(--quanta-slate-500); }
.focus-text-slate-500:focus { color: var(--quanta-slate-500); }
.active-text-slate-500:active { color: var(--quanta-slate-500); }
.disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
.group:hover .group-hover-text-slate-500 { color: var(--quanta-slate-500); }
.text-slate-600 { color: var(--quanta-slate-600); }
.hover-text-slate-600:hover { color: var(--quanta-slate-600); }
.focus-text-slate-600:focus { color: var(--quanta-slate-600); }
.active-text-slate-600:active { color: var(--quanta-slate-600); }
.disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
.group:hover .group-hover-text-slate-600 { color: var(--quanta-slate-600); }
.text-slate-700 { color: var(--quanta-slate-700); }
.hover-text-slate-700:hover { color: var(--quanta-slate-700); }
.focus-text-slate-700:focus { color: var(--quanta-slate-700); }
.active-text-slate-700:active { color: var(--quanta-slate-700); }
.disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
.group:hover .group-hover-text-slate-700 { color: var(--quanta-slate-700); }
.text-slate-800 { color: var(--quanta-slate-800); }
.hover-text-slate-800:hover { color: var(--quanta-slate-800); }
.focus-text-slate-800:focus { color: var(--quanta-slate-800); }
.active-text-slate-800:active { color: var(--quanta-slate-800); }
.disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
.group:hover .group-hover-text-slate-800 { color: var(--quanta-slate-800); }
.text-slate-900 { color: var(--quanta-slate-900); }
.hover-text-slate-900:hover { color: var(--quanta-slate-900); }
.focus-text-slate-900:focus { color: var(--quanta-slate-900); }
.active-text-slate-900:active { color: var(--quanta-slate-900); }
.disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
.group:hover .group-hover-text-slate-900 { color: var(--quanta-slate-900); }
.text-blue-50 { color: var(--quanta-blue-50); }
.hover-text-blue-50:hover { color: var(--quanta-blue-50); }
.focus-text-blue-50:focus { color: var(--quanta-blue-50); }
.active-text-blue-50:active { color: var(--quanta-blue-50); }
.disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
.group:hover .group-hover-text-blue-50 { color: var(--quanta-blue-50); }
.text-blue-100 { color: var(--quanta-blue-100); }
.hover-text-blue-100:hover { color: var(--quanta-blue-100); }
.focus-text-blue-100:focus { color: var(--quanta-blue-100); }
.active-text-blue-100:active { color: var(--quanta-blue-100); }
.disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
.group:hover .group-hover-text-blue-100 { color: var(--quanta-blue-100); }
.text-blue-200 { color: var(--quanta-blue-200); }
.hover-text-blue-200:hover { color: var(--quanta-blue-200); }
.focus-text-blue-200:focus { color: var(--quanta-blue-200); }
.active-text-blue-200:active { color: var(--quanta-blue-200); }
.disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
.group:hover .group-hover-text-blue-200 { color: var(--quanta-blue-200); }
.text-blue-300 { color: var(--quanta-blue-300); }
.hover-text-blue-300:hover { color: var(--quanta-blue-300); }
.focus-text-blue-300:focus { color: var(--quanta-blue-300); }
.active-text-blue-300:active { color: var(--quanta-blue-300); }
.disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
.group:hover .group-hover-text-blue-300 { color: var(--quanta-blue-300); }
.text-blue-400 { color: var(--quanta-blue-400); }
.hover-text-blue-400:hover { color: var(--quanta-blue-400); }
.focus-text-blue-400:focus { color: var(--quanta-blue-400); }
.active-text-blue-400:active { color: var(--quanta-blue-400); }
.disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
.group:hover .group-hover-text-blue-400 { color: var(--quanta-blue-400); }
.text-blue-500 { color: var(--quanta-blue-500); }
.hover-text-blue-500:hover { color: var(--quanta-blue-500); }
.focus-text-blue-500:focus { color: var(--quanta-blue-500); }
.active-text-blue-500:active { color: var(--quanta-blue-500); }
.disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
.group:hover .group-hover-text-blue-500 { color: var(--quanta-blue-500); }
.text-blue-600 { color: var(--quanta-blue-600); }
.hover-text-blue-600:hover { color: var(--quanta-blue-600); }
.focus-text-blue-600:focus { color: var(--quanta-blue-600); }
.active-text-blue-600:active { color: var(--quanta-blue-600); }
.disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
.group:hover .group-hover-text-blue-600 { color: var(--quanta-blue-600); }
.text-blue-700 { color: var(--quanta-blue-700); }
.hover-text-blue-700:hover { color: var(--quanta-blue-700); }
.focus-text-blue-700:focus { color: var(--quanta-blue-700); }
.active-text-blue-700:active { color: var(--quanta-blue-700); }
.disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
.group:hover .group-hover-text-blue-700 { color: var(--quanta-blue-700); }
.text-blue-800 { color: var(--quanta-blue-800); }
.hover-text-blue-800:hover { color: var(--quanta-blue-800); }
.focus-text-blue-800:focus { color: var(--quanta-blue-800); }
.active-text-blue-800:active { color: var(--quanta-blue-800); }
.disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
.group:hover .group-hover-text-blue-800 { color: var(--quanta-blue-800); }
.text-blue-900 { color: var(--quanta-blue-900); }
.hover-text-blue-900:hover { color: var(--quanta-blue-900); }
.focus-text-blue-900:focus { color: var(--quanta-blue-900); }
.active-text-blue-900:active { color: var(--quanta-blue-900); }
.disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
.group:hover .group-hover-text-blue-900 { color: var(--quanta-blue-900); }
.text-green-50 { color: var(--quanta-green-50); }
.hover-text-green-50:hover { color: var(--quanta-green-50); }
.focus-text-green-50:focus { color: var(--quanta-green-50); }
.active-text-green-50:active { color: var(--quanta-green-50); }
.disabled-text-green-50:disabled { color: var(--quanta-green-50); }
.group:hover .group-hover-text-green-50 { color: var(--quanta-green-50); }
.text-green-100 { color: var(--quanta-green-100); }
.hover-text-green-100:hover { color: var(--quanta-green-100); }
.focus-text-green-100:focus { color: var(--quanta-green-100); }
.active-text-green-100:active { color: var(--quanta-green-100); }
.disabled-text-green-100:disabled { color: var(--quanta-green-100); }
.group:hover .group-hover-text-green-100 { color: var(--quanta-green-100); }
.text-green-200 { color: var(--quanta-green-200); }
.hover-text-green-200:hover { color: var(--quanta-green-200); }
.focus-text-green-200:focus { color: var(--quanta-green-200); }
.active-text-green-200:active { color: var(--quanta-green-200); }
.disabled-text-green-200:disabled { color: var(--quanta-green-200); }
.group:hover .group-hover-text-green-200 { color: var(--quanta-green-200); }
.text-green-300 { color: var(--quanta-green-300); }
.hover-text-green-300:hover { color: var(--quanta-green-300); }
.focus-text-green-300:focus { color: var(--quanta-green-300); }
.active-text-green-300:active { color: var(--quanta-green-300); }
.disabled-text-green-300:disabled { color: var(--quanta-green-300); }
.group:hover .group-hover-text-green-300 { color: var(--quanta-green-300); }
.text-green-400 { color: var(--quanta-green-400); }
.hover-text-green-400:hover { color: var(--quanta-green-400); }
.focus-text-green-400:focus { color: var(--quanta-green-400); }
.active-text-green-400:active { color: var(--quanta-green-400); }
.disabled-text-green-400:disabled { color: var(--quanta-green-400); }
.group:hover .group-hover-text-green-400 { color: var(--quanta-green-400); }
.text-green-500 { color: var(--quanta-green-500); }
.hover-text-green-500:hover { color: var(--quanta-green-500); }
.focus-text-green-500:focus { color: var(--quanta-green-500); }
.active-text-green-500:active { color: var(--quanta-green-500); }
.disabled-text-green-500:disabled { color: var(--quanta-green-500); }
.group:hover .group-hover-text-green-500 { color: var(--quanta-green-500); }
.text-green-600 { color: var(--quanta-green-600); }
.hover-text-green-600:hover { color: var(--quanta-green-600); }
.focus-text-green-600:focus { color: var(--quanta-green-600); }
.active-text-green-600:active { color: var(--quanta-green-600); }
.disabled-text-green-600:disabled { color: var(--quanta-green-600); }
.group:hover .group-hover-text-green-600 { color: var(--quanta-green-600); }
.text-green-700 { color: var(--quanta-green-700); }
.hover-text-green-700:hover { color: var(--quanta-green-700); }
.focus-text-green-700:focus { color: var(--quanta-green-700); }
.active-text-green-700:active { color: var(--quanta-green-700); }
.disabled-text-green-700:disabled { color: var(--quanta-green-700); }
.group:hover .group-hover-text-green-700 { color: var(--quanta-green-700); }
.text-green-800 { color: var(--quanta-green-800); }
.hover-text-green-800:hover { color: var(--quanta-green-800); }
.focus-text-green-800:focus { color: var(--quanta-green-800); }
.active-text-green-800:active { color: var(--quanta-green-800); }
.disabled-text-green-800:disabled { color: var(--quanta-green-800); }
.group:hover .group-hover-text-green-800 { color: var(--quanta-green-800); }
.text-green-900 { color: var(--quanta-green-900); }
.hover-text-green-900:hover { color: var(--quanta-green-900); }
.focus-text-green-900:focus { color: var(--quanta-green-900); }
.active-text-green-900:active { color: var(--quanta-green-900); }
.disabled-text-green-900:disabled { color: var(--quanta-green-900); }
.group:hover .group-hover-text-green-900 { color: var(--quanta-green-900); }
.bg-red-50 { background-color: var(--quanta-red-50); }
.hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
.focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
.active-bg-red-50:active { background-color: var(--quanta-red-50); }
.disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
.group:hover .group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
.bg-red-100 { background-color: var(--quanta-red-100); }
.hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
.focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
.active-bg-red-100:active { background-color: var(--quanta-red-100); }
.disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
.group:hover .group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
.bg-red-200 { background-color: var(--quanta-red-200); }
.hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
.focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
.active-bg-red-200:active { background-color: var(--quanta-red-200); }
.disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
.group:hover .group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
.bg-red-300 { background-color: var(--quanta-red-300); }
.hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
.focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
.active-bg-red-300:active { background-color: var(--quanta-red-300); }
.disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
.group:hover .group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
.bg-red-400 { background-color: var(--quanta-red-400); }
.hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
.focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
.active-bg-red-400:active { background-color: var(--quanta-red-400); }
.disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
.group:hover .group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
.bg-red-500 { background-color: var(--quanta-red-500); }
.hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
.focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
.active-bg-red-500:active { background-color: var(--quanta-red-500); }
.disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
.group:hover .group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
.bg-red-600 { background-color: var(--quanta-red-600); }
.hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
.focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
.active-bg-red-600:active { background-color: var(--quanta-red-600); }
.disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
.group:hover .group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
.bg-red-700 { background-color: var(--quanta-red-700); }
.hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
.focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
.active-bg-red-700:active { background-color: var(--quanta-red-700); }
.disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
.group:hover .group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
.bg-red-800 { background-color: var(--quanta-red-800); }
.hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
.focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
.active-bg-red-800:active { background-color: var(--quanta-red-800); }
.disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
.group:hover .group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
.bg-red-900 { background-color: var(--quanta-red-900); }
.hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
.focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
.active-bg-red-900:active { background-color: var(--quanta-red-900); }
.disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
.group:hover .group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
.bg-orange-50 { background-color: var(--quanta-orange-50); }
.hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
.focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
.active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
.disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
.group:hover .group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
.bg-orange-100 { background-color: var(--quanta-orange-100); }
.hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
.focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
.active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
.disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
.group:hover .group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
.bg-orange-200 { background-color: var(--quanta-orange-200); }
.hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
.focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
.active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
.disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
.group:hover .group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
.bg-orange-300 { background-color: var(--quanta-orange-300); }
.hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
.focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
.active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
.disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
.group:hover .group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
.bg-orange-400 { background-color: var(--quanta-orange-400); }
.hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
.focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
.active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
.disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
.group:hover .group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
.bg-orange-500 { background-color: var(--quanta-orange-500); }
.hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
.focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
.active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
.disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
.group:hover .group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
.bg-orange-600 { background-color: var(--quanta-orange-600); }
.hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
.focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
.active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
.disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
.group:hover .group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
.bg-orange-700 { background-color: var(--quanta-orange-700); }
.hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
.focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
.active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
.disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
.group:hover .group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
.bg-orange-800 { background-color: var(--quanta-orange-800); }
.hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
.focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
.active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
.disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
.group:hover .group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
.bg-orange-900 { background-color: var(--quanta-orange-900); }
.hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
.focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
.active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
.disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
.group:hover .group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
.bg-teal-50 { background-color: var(--quanta-teal-50); }
.hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
.focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
.active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
.disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
.group:hover .group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
.bg-teal-100 { background-color: var(--quanta-teal-100); }
.hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
.focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
.active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
.disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
.group:hover .group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
.bg-teal-200 { background-color: var(--quanta-teal-200); }
.hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
.focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
.active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
.disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
.group:hover .group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
.bg-teal-300 { background-color: var(--quanta-teal-300); }
.hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
.focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
.active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
.disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
.group:hover .group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
.bg-teal-400 { background-color: var(--quanta-teal-400); }
.hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
.focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
.active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
.disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
.group:hover .group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
.bg-teal-500 { background-color: var(--quanta-teal-500); }
.hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
.focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
.active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
.disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
.group:hover .group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
.bg-teal-600 { background-color: var(--quanta-teal-600); }
.hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
.focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
.active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
.disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
.group:hover .group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
.bg-teal-700 { background-color: var(--quanta-teal-700); }
.hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
.focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
.active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
.disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
.group:hover .group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
.bg-teal-800 { background-color: var(--quanta-teal-800); }
.hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
.focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
.active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
.disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
.group:hover .group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
.bg-teal-900 { background-color: var(--quanta-teal-900); }
.hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
.focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
.active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
.disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
.group:hover .group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
.bg-purple-50 { background-color: var(--quanta-purple-50); }
.hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
.focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
.active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
.disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
.group:hover .group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
.bg-purple-100 { background-color: var(--quanta-purple-100); }
.hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
.focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
.active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
.disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
.group:hover .group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
.bg-purple-200 { background-color: var(--quanta-purple-200); }
.hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
.focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
.active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
.disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
.group:hover .group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
.bg-purple-300 { background-color: var(--quanta-purple-300); }
.hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
.focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
.active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
.disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
.group:hover .group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
.bg-purple-400 { background-color: var(--quanta-purple-400); }
.hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
.focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
.active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
.disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
.group:hover .group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
.bg-purple-500 { background-color: var(--quanta-purple-500); }
.hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
.focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
.active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
.disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
.group:hover .group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
.bg-purple-600 { background-color: var(--quanta-purple-600); }
.hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
.focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
.active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
.disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
.group:hover .group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
.bg-purple-700 { background-color: var(--quanta-purple-700); }
.hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
.focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
.active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
.disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
.group:hover .group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
.bg-purple-800 { background-color: var(--quanta-purple-800); }
.hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
.focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
.active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
.disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
.group:hover .group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
.bg-purple-900 { background-color: var(--quanta-purple-900); }
.hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
.focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
.active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
.disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
.group:hover .group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
.bg-indigo-50 { background-color: var(--quanta-indigo-50); }
.hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
.focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
.active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
.disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
.group:hover .group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
.bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
.focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
.active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
.disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
.group:hover .group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
.focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
.active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
.disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
.group:hover .group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
.focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
.active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
.disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
.group:hover .group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
.focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
.active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
.disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
.group:hover .group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
.focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
.active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
.disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
.group:hover .group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
.focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
.active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
.disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
.group:hover .group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
.focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
.active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
.disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
.group:hover .group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
.focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
.active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
.disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
.group:hover .group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.bg-indigo-900 { background-color: var(--quanta-indigo-900); }
.hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
.focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
.active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
.disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
.group:hover .group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
.bg-yellow-50 { background-color: var(--quanta-yellow-50); }
.hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
.focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
.active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
.disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
.group:hover .group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
.bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
.focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
.active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
.disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
.group:hover .group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
.focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
.active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
.disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
.group:hover .group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
.focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
.active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
.disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
.group:hover .group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
.focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
.active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
.disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
.group:hover .group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
.focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
.active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
.disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
.group:hover .group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
.focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
.active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
.disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
.group:hover .group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
.focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
.active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
.disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
.group:hover .group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
.focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
.active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
.disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
.group:hover .group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.bg-yellow-900 { background-color: var(--quanta-yellow-900); }
.hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
.focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
.active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
.disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
.group:hover .group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
.bg-pink-50 { background-color: var(--quanta-pink-50); }
.hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
.focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
.active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
.disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
.group:hover .group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
.bg-pink-100 { background-color: var(--quanta-pink-100); }
.hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
.focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
.active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
.disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
.group:hover .group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
.bg-pink-200 { background-color: var(--quanta-pink-200); }
.hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
.focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
.active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
.disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
.group:hover .group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
.bg-pink-300 { background-color: var(--quanta-pink-300); }
.hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
.focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
.active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
.disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
.group:hover .group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
.bg-pink-400 { background-color: var(--quanta-pink-400); }
.hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
.focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
.active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
.disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
.group:hover .group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
.bg-pink-500 { background-color: var(--quanta-pink-500); }
.hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
.focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
.active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
.disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
.group:hover .group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
.bg-pink-600 { background-color: var(--quanta-pink-600); }
.hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
.focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
.active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
.disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
.group:hover .group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
.bg-pink-700 { background-color: var(--quanta-pink-700); }
.hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
.focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
.active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
.disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
.group:hover .group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
.bg-pink-800 { background-color: var(--quanta-pink-800); }
.hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
.focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
.active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
.disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
.group:hover .group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
.bg-pink-900 { background-color: var(--quanta-pink-900); }
.hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
.focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
.active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
.disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
.group:hover .group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
.bg-grey-50 { background-color: var(--quanta-grey-50); }
.hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
.focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
.active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
.disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
.group:hover .group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
.bg-grey-100 { background-color: var(--quanta-grey-100); }
.hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
.focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
.active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
.disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
.group:hover .group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
.bg-grey-200 { background-color: var(--quanta-grey-200); }
.hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
.focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
.active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
.disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
.group:hover .group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
.bg-grey-300 { background-color: var(--quanta-grey-300); }
.hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
.focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
.active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
.disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
.group:hover .group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
.bg-grey-400 { background-color: var(--quanta-grey-400); }
.hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
.focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
.active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
.disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
.group:hover .group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
.bg-grey-500 { background-color: var(--quanta-grey-500); }
.hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
.focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
.active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
.disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
.group:hover .group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
.bg-grey-600 { background-color: var(--quanta-grey-600); }
.hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
.focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
.active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
.disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
.group:hover .group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
.bg-grey-700 { background-color: var(--quanta-grey-700); }
.hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
.focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
.active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
.disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
.group:hover .group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
.bg-grey-800 { background-color: var(--quanta-grey-800); }
.hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
.focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
.active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
.disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
.group:hover .group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
.bg-grey-900 { background-color: var(--quanta-grey-900); }
.hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
.focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
.active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
.disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
.group:hover .group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
.bg-lime-50 { background-color: var(--quanta-lime-50); }
.hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
.focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
.active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
.disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
.group:hover .group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
.bg-lime-100 { background-color: var(--quanta-lime-100); }
.hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
.focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
.active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
.disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
.group:hover .group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
.bg-lime-200 { background-color: var(--quanta-lime-200); }
.hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
.focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
.active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
.disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
.group:hover .group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
.bg-lime-300 { background-color: var(--quanta-lime-300); }
.hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
.focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
.active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
.disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
.group:hover .group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
.bg-lime-400 { background-color: var(--quanta-lime-400); }
.hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
.focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
.active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
.disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
.group:hover .group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
.bg-lime-500 { background-color: var(--quanta-lime-500); }
.hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
.focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
.active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
.disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
.group:hover .group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
.bg-lime-600 { background-color: var(--quanta-lime-600); }
.hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
.focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
.active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
.disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
.group:hover .group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
.bg-lime-700 { background-color: var(--quanta-lime-700); }
.hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
.focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
.active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
.disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
.group:hover .group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
.bg-lime-800 { background-color: var(--quanta-lime-800); }
.hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
.focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
.active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
.disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
.group:hover .group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
.bg-lime-900 { background-color: var(--quanta-lime-900); }
.hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
.focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
.active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
.disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
.group:hover .group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
.bg-cyan-50 { background-color: var(--quanta-cyan-50); }
.hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
.focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
.active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
.disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
.group:hover .group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
.bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
.focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
.active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
.disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
.group:hover .group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
.focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
.active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
.disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
.group:hover .group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
.focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
.active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
.disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
.group:hover .group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
.focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
.active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
.disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
.group:hover .group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
.focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
.active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
.disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
.group:hover .group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
.focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
.active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
.disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
.group:hover .group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
.focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
.active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
.disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
.group:hover .group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
.focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
.active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
.disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
.group:hover .group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.bg-cyan-900 { background-color: var(--quanta-cyan-900); }
.hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
.focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
.active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
.disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
.group:hover .group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
.bg-sky-50 { background-color: var(--quanta-sky-50); }
.hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
.focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
.active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
.disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
.group:hover .group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
.bg-sky-100 { background-color: var(--quanta-sky-100); }
.hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
.focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
.active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
.disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
.group:hover .group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
.bg-sky-200 { background-color: var(--quanta-sky-200); }
.hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
.focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
.active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
.disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
.group:hover .group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
.bg-sky-300 { background-color: var(--quanta-sky-300); }
.hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
.focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
.active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
.disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
.group:hover .group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
.bg-sky-400 { background-color: var(--quanta-sky-400); }
.hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
.focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
.active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
.disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
.group:hover .group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
.bg-sky-500 { background-color: var(--quanta-sky-500); }
.hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
.focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
.active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
.disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
.group:hover .group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
.bg-sky-600 { background-color: var(--quanta-sky-600); }
.hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
.focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
.active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
.disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
.group:hover .group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
.bg-sky-700 { background-color: var(--quanta-sky-700); }
.hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
.focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
.active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
.disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
.group:hover .group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
.bg-sky-800 { background-color: var(--quanta-sky-800); }
.hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
.focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
.active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
.disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
.group:hover .group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
.bg-sky-900 { background-color: var(--quanta-sky-900); }
.hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
.focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
.active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
.disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
.group:hover .group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
.bg-violet-50 { background-color: var(--quanta-violet-50); }
.hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
.focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
.active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
.disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
.group:hover .group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
.bg-violet-100 { background-color: var(--quanta-violet-100); }
.hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
.focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
.active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
.disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
.group:hover .group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
.bg-violet-200 { background-color: var(--quanta-violet-200); }
.hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
.focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
.active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
.disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
.group:hover .group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
.bg-violet-300 { background-color: var(--quanta-violet-300); }
.hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
.focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
.active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
.disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
.group:hover .group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
.bg-violet-400 { background-color: var(--quanta-violet-400); }
.hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
.focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
.active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
.disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
.group:hover .group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
.bg-violet-500 { background-color: var(--quanta-violet-500); }
.hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
.focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
.active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
.disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
.group:hover .group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
.bg-violet-600 { background-color: var(--quanta-violet-600); }
.hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
.focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
.active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
.disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
.group:hover .group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
.bg-violet-700 { background-color: var(--quanta-violet-700); }
.hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
.focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
.active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
.disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
.group:hover .group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
.bg-violet-800 { background-color: var(--quanta-violet-800); }
.hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
.focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
.active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
.disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
.group:hover .group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
.bg-violet-900 { background-color: var(--quanta-violet-900); }
.hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
.focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
.active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
.disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
.group:hover .group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
.bg-rose-50 { background-color: var(--quanta-rose-50); }
.hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
.focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
.active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
.disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
.group:hover .group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
.bg-rose-100 { background-color: var(--quanta-rose-100); }
.hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
.focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
.active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
.disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
.group:hover .group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
.bg-rose-200 { background-color: var(--quanta-rose-200); }
.hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
.focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
.active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
.disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
.group:hover .group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
.bg-rose-300 { background-color: var(--quanta-rose-300); }
.hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
.focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
.active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
.disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
.group:hover .group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
.bg-rose-400 { background-color: var(--quanta-rose-400); }
.hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
.focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
.active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
.disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
.group:hover .group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
.bg-rose-500 { background-color: var(--quanta-rose-500); }
.hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
.focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
.active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
.disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
.group:hover .group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
.bg-rose-600 { background-color: var(--quanta-rose-600); }
.hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
.focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
.active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
.disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
.group:hover .group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
.bg-rose-700 { background-color: var(--quanta-rose-700); }
.hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
.focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
.active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
.disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
.group:hover .group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
.bg-rose-800 { background-color: var(--quanta-rose-800); }
.hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
.focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
.active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
.disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
.group:hover .group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
.bg-rose-900 { background-color: var(--quanta-rose-900); }
.hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
.focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
.active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
.disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
.group:hover .group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
.bg-slate-50 { background-color: var(--quanta-slate-50); }
.hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
.focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
.active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
.disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
.group:hover .group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
.bg-slate-100 { background-color: var(--quanta-slate-100); }
.hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
.focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
.active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
.disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
.group:hover .group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
.bg-slate-200 { background-color: var(--quanta-slate-200); }
.hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
.focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
.active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
.disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
.group:hover .group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
.bg-slate-300 { background-color: var(--quanta-slate-300); }
.hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
.focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
.active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
.disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
.group:hover .group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
.bg-slate-400 { background-color: var(--quanta-slate-400); }
.hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
.focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
.active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
.disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
.group:hover .group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
.bg-slate-500 { background-color: var(--quanta-slate-500); }
.hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
.focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
.active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
.disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
.group:hover .group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
.bg-slate-600 { background-color: var(--quanta-slate-600); }
.hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
.focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
.active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
.disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
.group:hover .group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
.bg-slate-700 { background-color: var(--quanta-slate-700); }
.hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
.focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
.active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
.disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
.group:hover .group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
.bg-slate-800 { background-color: var(--quanta-slate-800); }
.hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
.focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
.active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
.disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
.group:hover .group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
.bg-slate-900 { background-color: var(--quanta-slate-900); }
.hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
.focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
.active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
.disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
.group:hover .group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
.bg-blue-50 { background-color: var(--quanta-blue-50); }
.hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
.focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
.active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
.disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
.group:hover .group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
.bg-blue-100 { background-color: var(--quanta-blue-100); }
.hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
.focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
.active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
.disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
.group:hover .group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
.bg-blue-200 { background-color: var(--quanta-blue-200); }
.hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
.focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
.active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
.disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
.group:hover .group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
.bg-blue-300 { background-color: var(--quanta-blue-300); }
.hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
.focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
.active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
.disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
.group:hover .group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
.bg-blue-400 { background-color: var(--quanta-blue-400); }
.hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
.focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
.active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
.disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
.group:hover .group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
.bg-blue-500 { background-color: var(--quanta-blue-500); }
.hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
.focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
.active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
.disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
.group:hover .group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
.bg-blue-600 { background-color: var(--quanta-blue-600); }
.hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
.focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
.active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
.disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
.group:hover .group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
.bg-blue-700 { background-color: var(--quanta-blue-700); }
.hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
.focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
.active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
.disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
.group:hover .group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
.bg-blue-800 { background-color: var(--quanta-blue-800); }
.hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
.focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
.active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
.disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
.group:hover .group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
.bg-blue-900 { background-color: var(--quanta-blue-900); }
.hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
.focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
.active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
.disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
.group:hover .group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
.bg-green-50 { background-color: var(--quanta-green-50); }
.hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
.focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
.active-bg-green-50:active { background-color: var(--quanta-green-50); }
.disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
.group:hover .group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
.bg-green-100 { background-color: var(--quanta-green-100); }
.hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
.focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
.active-bg-green-100:active { background-color: var(--quanta-green-100); }
.disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
.group:hover .group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
.bg-green-200 { background-color: var(--quanta-green-200); }
.hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
.focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
.active-bg-green-200:active { background-color: var(--quanta-green-200); }
.disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
.group:hover .group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
.bg-green-300 { background-color: var(--quanta-green-300); }
.hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
.focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
.active-bg-green-300:active { background-color: var(--quanta-green-300); }
.disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
.group:hover .group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
.bg-green-400 { background-color: var(--quanta-green-400); }
.hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
.focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
.active-bg-green-400:active { background-color: var(--quanta-green-400); }
.disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
.group:hover .group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
.bg-green-500 { background-color: var(--quanta-green-500); }
.hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
.focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
.active-bg-green-500:active { background-color: var(--quanta-green-500); }
.disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
.group:hover .group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
.bg-green-600 { background-color: var(--quanta-green-600); }
.hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
.focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
.active-bg-green-600:active { background-color: var(--quanta-green-600); }
.disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
.group:hover .group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
.bg-green-700 { background-color: var(--quanta-green-700); }
.hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
.focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
.active-bg-green-700:active { background-color: var(--quanta-green-700); }
.disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
.group:hover .group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
.bg-green-800 { background-color: var(--quanta-green-800); }
.hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
.focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
.active-bg-green-800:active { background-color: var(--quanta-green-800); }
.disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
.group:hover .group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
.bg-green-900 { background-color: var(--quanta-green-900); }
.hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
.focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
.active-bg-green-900:active { background-color: var(--quanta-green-900); }
.disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
.group:hover .group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
.bg-black { background-color: var(--black); }
.hover-bg-black:hover { background-color: var(--black); }
.focus-bg-black:focus { background-color: var(--black); }
.active-bg-black:active { background-color: var(--black); }
.disabled-bg-black:disabled { background-color: var(--black); }
.group:hover .group-hover-bg-black { background-color: var(--black); }
.bg-white { background-color: var(--white); }
.hover-bg-white:hover { background-color: var(--white); }
.focus-bg-white:focus { background-color: var(--white); }
.active-bg-white:active { background-color: var(--white); }
.disabled-bg-white:disabled { background-color: var(--white); }
.group:hover .group-hover-bg-white { background-color: var(--white); }
.border-red-50 { border-color: var(--quanta-red-50); }
.hover-border-red-50:hover { border-color: var(--quanta-red-50); }
.focus-border-red-50:focus { border-color: var(--quanta-red-50); }
.active-border-red-50:active { border-color: var(--quanta-red-50); }
.disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
.group:hover .group-hover-border-red-50 { border-color: var(--quanta-red-50); }
.border-red-100 { border-color: var(--quanta-red-100); }
.hover-border-red-100:hover { border-color: var(--quanta-red-100); }
.focus-border-red-100:focus { border-color: var(--quanta-red-100); }
.active-border-red-100:active { border-color: var(--quanta-red-100); }
.disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
.group:hover .group-hover-border-red-100 { border-color: var(--quanta-red-100); }
.border-red-200 { border-color: var(--quanta-red-200); }
.hover-border-red-200:hover { border-color: var(--quanta-red-200); }
.focus-border-red-200:focus { border-color: var(--quanta-red-200); }
.active-border-red-200:active { border-color: var(--quanta-red-200); }
.disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
.group:hover .group-hover-border-red-200 { border-color: var(--quanta-red-200); }
.border-red-300 { border-color: var(--quanta-red-300); }
.hover-border-red-300:hover { border-color: var(--quanta-red-300); }
.focus-border-red-300:focus { border-color: var(--quanta-red-300); }
.active-border-red-300:active { border-color: var(--quanta-red-300); }
.disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
.group:hover .group-hover-border-red-300 { border-color: var(--quanta-red-300); }
.border-red-400 { border-color: var(--quanta-red-400); }
.hover-border-red-400:hover { border-color: var(--quanta-red-400); }
.focus-border-red-400:focus { border-color: var(--quanta-red-400); }
.active-border-red-400:active { border-color: var(--quanta-red-400); }
.disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
.group:hover .group-hover-border-red-400 { border-color: var(--quanta-red-400); }
.border-red-500 { border-color: var(--quanta-red-500); }
.hover-border-red-500:hover { border-color: var(--quanta-red-500); }
.focus-border-red-500:focus { border-color: var(--quanta-red-500); }
.active-border-red-500:active { border-color: var(--quanta-red-500); }
.disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
.group:hover .group-hover-border-red-500 { border-color: var(--quanta-red-500); }
.border-red-600 { border-color: var(--quanta-red-600); }
.hover-border-red-600:hover { border-color: var(--quanta-red-600); }
.focus-border-red-600:focus { border-color: var(--quanta-red-600); }
.active-border-red-600:active { border-color: var(--quanta-red-600); }
.disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
.group:hover .group-hover-border-red-600 { border-color: var(--quanta-red-600); }
.border-red-700 { border-color: var(--quanta-red-700); }
.hover-border-red-700:hover { border-color: var(--quanta-red-700); }
.focus-border-red-700:focus { border-color: var(--quanta-red-700); }
.active-border-red-700:active { border-color: var(--quanta-red-700); }
.disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
.group:hover .group-hover-border-red-700 { border-color: var(--quanta-red-700); }
.border-red-800 { border-color: var(--quanta-red-800); }
.hover-border-red-800:hover { border-color: var(--quanta-red-800); }
.focus-border-red-800:focus { border-color: var(--quanta-red-800); }
.active-border-red-800:active { border-color: var(--quanta-red-800); }
.disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
.group:hover .group-hover-border-red-800 { border-color: var(--quanta-red-800); }
.border-red-900 { border-color: var(--quanta-red-900); }
.hover-border-red-900:hover { border-color: var(--quanta-red-900); }
.focus-border-red-900:focus { border-color: var(--quanta-red-900); }
.active-border-red-900:active { border-color: var(--quanta-red-900); }
.disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
.group:hover .group-hover-border-red-900 { border-color: var(--quanta-red-900); }
.border-orange-50 { border-color: var(--quanta-orange-50); }
.hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
.focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
.active-border-orange-50:active { border-color: var(--quanta-orange-50); }
.disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
.group:hover .group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
.border-orange-100 { border-color: var(--quanta-orange-100); }
.hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
.focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
.active-border-orange-100:active { border-color: var(--quanta-orange-100); }
.disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
.group:hover .group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
.border-orange-200 { border-color: var(--quanta-orange-200); }
.hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
.focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
.active-border-orange-200:active { border-color: var(--quanta-orange-200); }
.disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
.group:hover .group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
.border-orange-300 { border-color: var(--quanta-orange-300); }
.hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
.focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
.active-border-orange-300:active { border-color: var(--quanta-orange-300); }
.disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
.group:hover .group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
.border-orange-400 { border-color: var(--quanta-orange-400); }
.hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
.focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
.active-border-orange-400:active { border-color: var(--quanta-orange-400); }
.disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
.group:hover .group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
.border-orange-500 { border-color: var(--quanta-orange-500); }
.hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
.focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
.active-border-orange-500:active { border-color: var(--quanta-orange-500); }
.disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
.group:hover .group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
.border-orange-600 { border-color: var(--quanta-orange-600); }
.hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
.focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
.active-border-orange-600:active { border-color: var(--quanta-orange-600); }
.disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
.group:hover .group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
.border-orange-700 { border-color: var(--quanta-orange-700); }
.hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
.focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
.active-border-orange-700:active { border-color: var(--quanta-orange-700); }
.disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
.group:hover .group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
.border-orange-800 { border-color: var(--quanta-orange-800); }
.hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
.focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
.active-border-orange-800:active { border-color: var(--quanta-orange-800); }
.disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
.group:hover .group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
.border-orange-900 { border-color: var(--quanta-orange-900); }
.hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
.focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
.active-border-orange-900:active { border-color: var(--quanta-orange-900); }
.disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
.group:hover .group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
.border-teal-50 { border-color: var(--quanta-teal-50); }
.hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
.focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
.active-border-teal-50:active { border-color: var(--quanta-teal-50); }
.disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
.group:hover .group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
.border-teal-100 { border-color: var(--quanta-teal-100); }
.hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
.focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
.active-border-teal-100:active { border-color: var(--quanta-teal-100); }
.disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
.group:hover .group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
.border-teal-200 { border-color: var(--quanta-teal-200); }
.hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
.focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
.active-border-teal-200:active { border-color: var(--quanta-teal-200); }
.disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
.group:hover .group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
.border-teal-300 { border-color: var(--quanta-teal-300); }
.hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
.focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
.active-border-teal-300:active { border-color: var(--quanta-teal-300); }
.disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
.group:hover .group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
.border-teal-400 { border-color: var(--quanta-teal-400); }
.hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
.focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
.active-border-teal-400:active { border-color: var(--quanta-teal-400); }
.disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
.group:hover .group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
.border-teal-500 { border-color: var(--quanta-teal-500); }
.hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
.focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
.active-border-teal-500:active { border-color: var(--quanta-teal-500); }
.disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
.group:hover .group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
.border-teal-600 { border-color: var(--quanta-teal-600); }
.hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
.focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
.active-border-teal-600:active { border-color: var(--quanta-teal-600); }
.disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
.group:hover .group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
.border-teal-700 { border-color: var(--quanta-teal-700); }
.hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
.focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
.active-border-teal-700:active { border-color: var(--quanta-teal-700); }
.disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
.group:hover .group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
.border-teal-800 { border-color: var(--quanta-teal-800); }
.hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
.focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
.active-border-teal-800:active { border-color: var(--quanta-teal-800); }
.disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
.group:hover .group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
.border-teal-900 { border-color: var(--quanta-teal-900); }
.hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
.focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
.active-border-teal-900:active { border-color: var(--quanta-teal-900); }
.disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
.group:hover .group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
.border-purple-50 { border-color: var(--quanta-purple-50); }
.hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
.focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
.active-border-purple-50:active { border-color: var(--quanta-purple-50); }
.disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
.group:hover .group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
.border-purple-100 { border-color: var(--quanta-purple-100); }
.hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
.focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
.active-border-purple-100:active { border-color: var(--quanta-purple-100); }
.disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
.group:hover .group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
.border-purple-200 { border-color: var(--quanta-purple-200); }
.hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
.focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
.active-border-purple-200:active { border-color: var(--quanta-purple-200); }
.disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
.group:hover .group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
.border-purple-300 { border-color: var(--quanta-purple-300); }
.hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
.focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
.active-border-purple-300:active { border-color: var(--quanta-purple-300); }
.disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
.group:hover .group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
.border-purple-400 { border-color: var(--quanta-purple-400); }
.hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
.focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
.active-border-purple-400:active { border-color: var(--quanta-purple-400); }
.disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
.group:hover .group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
.border-purple-500 { border-color: var(--quanta-purple-500); }
.hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
.focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
.active-border-purple-500:active { border-color: var(--quanta-purple-500); }
.disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
.group:hover .group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
.border-purple-600 { border-color: var(--quanta-purple-600); }
.hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
.focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
.active-border-purple-600:active { border-color: var(--quanta-purple-600); }
.disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
.group:hover .group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
.border-purple-700 { border-color: var(--quanta-purple-700); }
.hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
.focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
.active-border-purple-700:active { border-color: var(--quanta-purple-700); }
.disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
.group:hover .group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
.border-purple-800 { border-color: var(--quanta-purple-800); }
.hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
.focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
.active-border-purple-800:active { border-color: var(--quanta-purple-800); }
.disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
.group:hover .group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
.border-purple-900 { border-color: var(--quanta-purple-900); }
.hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
.focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
.active-border-purple-900:active { border-color: var(--quanta-purple-900); }
.disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
.group:hover .group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
.border-indigo-50 { border-color: var(--quanta-indigo-50); }
.hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
.focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
.active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
.disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
.group:hover .group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
.border-indigo-100 { border-color: var(--quanta-indigo-100); }
.hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
.focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
.active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
.disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
.group:hover .group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
.border-indigo-200 { border-color: var(--quanta-indigo-200); }
.hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
.focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
.active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
.disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
.group:hover .group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
.border-indigo-300 { border-color: var(--quanta-indigo-300); }
.hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
.focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
.active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
.disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
.group:hover .group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
.border-indigo-400 { border-color: var(--quanta-indigo-400); }
.hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
.focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
.active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
.disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
.group:hover .group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
.border-indigo-500 { border-color: var(--quanta-indigo-500); }
.hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
.focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
.active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
.disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
.group:hover .group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
.border-indigo-600 { border-color: var(--quanta-indigo-600); }
.hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
.focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
.active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
.disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
.group:hover .group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
.border-indigo-700 { border-color: var(--quanta-indigo-700); }
.hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
.focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
.active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
.disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
.group:hover .group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
.border-indigo-800 { border-color: var(--quanta-indigo-800); }
.hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
.focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
.active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
.disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
.group:hover .group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
.border-indigo-900 { border-color: var(--quanta-indigo-900); }
.hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
.focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
.active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
.disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
.group:hover .group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
.border-yellow-50 { border-color: var(--quanta-yellow-50); }
.hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
.focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
.active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
.disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
.group:hover .group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
.border-yellow-100 { border-color: var(--quanta-yellow-100); }
.hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
.focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
.active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
.disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
.group:hover .group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
.border-yellow-200 { border-color: var(--quanta-yellow-200); }
.hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
.focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
.active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
.disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
.group:hover .group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
.border-yellow-300 { border-color: var(--quanta-yellow-300); }
.hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
.focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
.active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
.disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
.group:hover .group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
.border-yellow-400 { border-color: var(--quanta-yellow-400); }
.hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
.focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
.active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
.disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
.group:hover .group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
.border-yellow-500 { border-color: var(--quanta-yellow-500); }
.hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
.focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
.active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
.disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
.group:hover .group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
.border-yellow-600 { border-color: var(--quanta-yellow-600); }
.hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
.focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
.active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
.disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
.group:hover .group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
.border-yellow-700 { border-color: var(--quanta-yellow-700); }
.hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
.focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
.active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
.disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
.group:hover .group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
.border-yellow-800 { border-color: var(--quanta-yellow-800); }
.hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
.focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
.active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
.disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
.group:hover .group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
.border-yellow-900 { border-color: var(--quanta-yellow-900); }
.hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
.focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
.active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
.disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
.group:hover .group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
.border-pink-50 { border-color: var(--quanta-pink-50); }
.hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
.focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
.active-border-pink-50:active { border-color: var(--quanta-pink-50); }
.disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
.group:hover .group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
.border-pink-100 { border-color: var(--quanta-pink-100); }
.hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
.focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
.active-border-pink-100:active { border-color: var(--quanta-pink-100); }
.disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
.group:hover .group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
.border-pink-200 { border-color: var(--quanta-pink-200); }
.hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
.focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
.active-border-pink-200:active { border-color: var(--quanta-pink-200); }
.disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
.group:hover .group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
.border-pink-300 { border-color: var(--quanta-pink-300); }
.hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
.focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
.active-border-pink-300:active { border-color: var(--quanta-pink-300); }
.disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
.group:hover .group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
.border-pink-400 { border-color: var(--quanta-pink-400); }
.hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
.focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
.active-border-pink-400:active { border-color: var(--quanta-pink-400); }
.disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
.group:hover .group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
.border-pink-500 { border-color: var(--quanta-pink-500); }
.hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
.focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
.active-border-pink-500:active { border-color: var(--quanta-pink-500); }
.disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
.group:hover .group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
.border-pink-600 { border-color: var(--quanta-pink-600); }
.hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
.focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
.active-border-pink-600:active { border-color: var(--quanta-pink-600); }
.disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
.group:hover .group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
.border-pink-700 { border-color: var(--quanta-pink-700); }
.hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
.focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
.active-border-pink-700:active { border-color: var(--quanta-pink-700); }
.disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
.group:hover .group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
.border-pink-800 { border-color: var(--quanta-pink-800); }
.hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
.focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
.active-border-pink-800:active { border-color: var(--quanta-pink-800); }
.disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
.group:hover .group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
.border-pink-900 { border-color: var(--quanta-pink-900); }
.hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
.focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
.active-border-pink-900:active { border-color: var(--quanta-pink-900); }
.disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
.group:hover .group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
.border-grey-50 { border-color: var(--quanta-grey-50); }
.hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
.focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
.active-border-grey-50:active { border-color: var(--quanta-grey-50); }
.disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
.group:hover .group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
.border-grey-100 { border-color: var(--quanta-grey-100); }
.hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
.focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
.active-border-grey-100:active { border-color: var(--quanta-grey-100); }
.disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
.group:hover .group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
.border-grey-200 { border-color: var(--quanta-grey-200); }
.hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
.focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
.active-border-grey-200:active { border-color: var(--quanta-grey-200); }
.disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
.group:hover .group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
.border-grey-300 { border-color: var(--quanta-grey-300); }
.hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
.focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
.active-border-grey-300:active { border-color: var(--quanta-grey-300); }
.disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
.group:hover .group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
.border-grey-400 { border-color: var(--quanta-grey-400); }
.hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
.focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
.active-border-grey-400:active { border-color: var(--quanta-grey-400); }
.disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
.group:hover .group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
.border-grey-500 { border-color: var(--quanta-grey-500); }
.hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
.focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
.active-border-grey-500:active { border-color: var(--quanta-grey-500); }
.disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
.group:hover .group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
.border-grey-600 { border-color: var(--quanta-grey-600); }
.hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
.focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
.active-border-grey-600:active { border-color: var(--quanta-grey-600); }
.disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
.group:hover .group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
.border-grey-700 { border-color: var(--quanta-grey-700); }
.hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
.focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
.active-border-grey-700:active { border-color: var(--quanta-grey-700); }
.disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
.group:hover .group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
.border-grey-800 { border-color: var(--quanta-grey-800); }
.hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
.focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
.active-border-grey-800:active { border-color: var(--quanta-grey-800); }
.disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
.group:hover .group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
.border-grey-900 { border-color: var(--quanta-grey-900); }
.hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
.focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
.active-border-grey-900:active { border-color: var(--quanta-grey-900); }
.disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
.group:hover .group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
.border-lime-50 { border-color: var(--quanta-lime-50); }
.hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
.focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
.active-border-lime-50:active { border-color: var(--quanta-lime-50); }
.disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
.group:hover .group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
.border-lime-100 { border-color: var(--quanta-lime-100); }
.hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
.focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
.active-border-lime-100:active { border-color: var(--quanta-lime-100); }
.disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
.group:hover .group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
.border-lime-200 { border-color: var(--quanta-lime-200); }
.hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
.focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
.active-border-lime-200:active { border-color: var(--quanta-lime-200); }
.disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
.group:hover .group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
.border-lime-300 { border-color: var(--quanta-lime-300); }
.hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
.focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
.active-border-lime-300:active { border-color: var(--quanta-lime-300); }
.disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
.group:hover .group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
.border-lime-400 { border-color: var(--quanta-lime-400); }
.hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
.focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
.active-border-lime-400:active { border-color: var(--quanta-lime-400); }
.disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
.group:hover .group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
.border-lime-500 { border-color: var(--quanta-lime-500); }
.hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
.focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
.active-border-lime-500:active { border-color: var(--quanta-lime-500); }
.disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
.group:hover .group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
.border-lime-600 { border-color: var(--quanta-lime-600); }
.hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
.focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
.active-border-lime-600:active { border-color: var(--quanta-lime-600); }
.disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
.group:hover .group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
.border-lime-700 { border-color: var(--quanta-lime-700); }
.hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
.focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
.active-border-lime-700:active { border-color: var(--quanta-lime-700); }
.disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
.group:hover .group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
.border-lime-800 { border-color: var(--quanta-lime-800); }
.hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
.focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
.active-border-lime-800:active { border-color: var(--quanta-lime-800); }
.disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
.group:hover .group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
.border-lime-900 { border-color: var(--quanta-lime-900); }
.hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
.focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
.active-border-lime-900:active { border-color: var(--quanta-lime-900); }
.disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
.group:hover .group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
.border-cyan-50 { border-color: var(--quanta-cyan-50); }
.hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
.focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
.active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
.disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
.group:hover .group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
.border-cyan-100 { border-color: var(--quanta-cyan-100); }
.hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
.focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
.active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
.disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
.group:hover .group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
.border-cyan-200 { border-color: var(--quanta-cyan-200); }
.hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
.focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
.active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
.disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
.group:hover .group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
.border-cyan-300 { border-color: var(--quanta-cyan-300); }
.hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
.focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
.active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
.disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
.group:hover .group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
.border-cyan-400 { border-color: var(--quanta-cyan-400); }
.hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
.focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
.active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
.disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
.group:hover .group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
.border-cyan-500 { border-color: var(--quanta-cyan-500); }
.hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
.focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
.active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
.disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
.group:hover .group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
.border-cyan-600 { border-color: var(--quanta-cyan-600); }
.hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
.focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
.active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
.disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
.group:hover .group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
.border-cyan-700 { border-color: var(--quanta-cyan-700); }
.hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
.focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
.active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
.disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
.group:hover .group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
.border-cyan-800 { border-color: var(--quanta-cyan-800); }
.hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
.focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
.active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
.disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
.group:hover .group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
.border-cyan-900 { border-color: var(--quanta-cyan-900); }
.hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
.focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
.active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
.disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
.group:hover .group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
.border-sky-50 { border-color: var(--quanta-sky-50); }
.hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
.focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
.active-border-sky-50:active { border-color: var(--quanta-sky-50); }
.disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
.group:hover .group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
.border-sky-100 { border-color: var(--quanta-sky-100); }
.hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
.focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
.active-border-sky-100:active { border-color: var(--quanta-sky-100); }
.disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
.group:hover .group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
.border-sky-200 { border-color: var(--quanta-sky-200); }
.hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
.focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
.active-border-sky-200:active { border-color: var(--quanta-sky-200); }
.disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
.group:hover .group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
.border-sky-300 { border-color: var(--quanta-sky-300); }
.hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
.focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
.active-border-sky-300:active { border-color: var(--quanta-sky-300); }
.disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
.group:hover .group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
.border-sky-400 { border-color: var(--quanta-sky-400); }
.hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
.focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
.active-border-sky-400:active { border-color: var(--quanta-sky-400); }
.disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
.group:hover .group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
.border-sky-500 { border-color: var(--quanta-sky-500); }
.hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
.focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
.active-border-sky-500:active { border-color: var(--quanta-sky-500); }
.disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
.group:hover .group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
.border-sky-600 { border-color: var(--quanta-sky-600); }
.hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
.focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
.active-border-sky-600:active { border-color: var(--quanta-sky-600); }
.disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
.group:hover .group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
.border-sky-700 { border-color: var(--quanta-sky-700); }
.hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
.focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
.active-border-sky-700:active { border-color: var(--quanta-sky-700); }
.disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
.group:hover .group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
.border-sky-800 { border-color: var(--quanta-sky-800); }
.hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
.focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
.active-border-sky-800:active { border-color: var(--quanta-sky-800); }
.disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
.group:hover .group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
.border-sky-900 { border-color: var(--quanta-sky-900); }
.hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
.focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
.active-border-sky-900:active { border-color: var(--quanta-sky-900); }
.disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
.group:hover .group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
.border-violet-50 { border-color: var(--quanta-violet-50); }
.hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
.focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
.active-border-violet-50:active { border-color: var(--quanta-violet-50); }
.disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
.group:hover .group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
.border-violet-100 { border-color: var(--quanta-violet-100); }
.hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
.focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
.active-border-violet-100:active { border-color: var(--quanta-violet-100); }
.disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
.group:hover .group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
.border-violet-200 { border-color: var(--quanta-violet-200); }
.hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
.focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
.active-border-violet-200:active { border-color: var(--quanta-violet-200); }
.disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
.group:hover .group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
.border-violet-300 { border-color: var(--quanta-violet-300); }
.hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
.focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
.active-border-violet-300:active { border-color: var(--quanta-violet-300); }
.disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
.group:hover .group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
.border-violet-400 { border-color: var(--quanta-violet-400); }
.hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
.focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
.active-border-violet-400:active { border-color: var(--quanta-violet-400); }
.disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
.group:hover .group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
.border-violet-500 { border-color: var(--quanta-violet-500); }
.hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
.focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
.active-border-violet-500:active { border-color: var(--quanta-violet-500); }
.disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
.group:hover .group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
.border-violet-600 { border-color: var(--quanta-violet-600); }
.hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
.focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
.active-border-violet-600:active { border-color: var(--quanta-violet-600); }
.disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
.group:hover .group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
.border-violet-700 { border-color: var(--quanta-violet-700); }
.hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
.focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
.active-border-violet-700:active { border-color: var(--quanta-violet-700); }
.disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
.group:hover .group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
.border-violet-800 { border-color: var(--quanta-violet-800); }
.hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
.focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
.active-border-violet-800:active { border-color: var(--quanta-violet-800); }
.disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
.group:hover .group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
.border-violet-900 { border-color: var(--quanta-violet-900); }
.hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
.focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
.active-border-violet-900:active { border-color: var(--quanta-violet-900); }
.disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
.group:hover .group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
.border-rose-50 { border-color: var(--quanta-rose-50); }
.hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
.focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
.active-border-rose-50:active { border-color: var(--quanta-rose-50); }
.disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
.group:hover .group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
.border-rose-100 { border-color: var(--quanta-rose-100); }
.hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
.focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
.active-border-rose-100:active { border-color: var(--quanta-rose-100); }
.disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
.group:hover .group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
.border-rose-200 { border-color: var(--quanta-rose-200); }
.hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
.focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
.active-border-rose-200:active { border-color: var(--quanta-rose-200); }
.disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
.group:hover .group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
.border-rose-300 { border-color: var(--quanta-rose-300); }
.hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
.focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
.active-border-rose-300:active { border-color: var(--quanta-rose-300); }
.disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
.group:hover .group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
.border-rose-400 { border-color: var(--quanta-rose-400); }
.hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
.focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
.active-border-rose-400:active { border-color: var(--quanta-rose-400); }
.disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
.group:hover .group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
.border-rose-500 { border-color: var(--quanta-rose-500); }
.hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
.focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
.active-border-rose-500:active { border-color: var(--quanta-rose-500); }
.disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
.group:hover .group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
.border-rose-600 { border-color: var(--quanta-rose-600); }
.hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
.focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
.active-border-rose-600:active { border-color: var(--quanta-rose-600); }
.disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
.group:hover .group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
.border-rose-700 { border-color: var(--quanta-rose-700); }
.hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
.focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
.active-border-rose-700:active { border-color: var(--quanta-rose-700); }
.disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
.group:hover .group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
.border-rose-800 { border-color: var(--quanta-rose-800); }
.hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
.focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
.active-border-rose-800:active { border-color: var(--quanta-rose-800); }
.disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
.group:hover .group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
.border-rose-900 { border-color: var(--quanta-rose-900); }
.hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
.focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
.active-border-rose-900:active { border-color: var(--quanta-rose-900); }
.disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
.group:hover .group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
.border-slate-50 { border-color: var(--quanta-slate-50); }
.hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
.focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
.active-border-slate-50:active { border-color: var(--quanta-slate-50); }
.disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
.group:hover .group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
.border-slate-100 { border-color: var(--quanta-slate-100); }
.hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
.focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
.active-border-slate-100:active { border-color: var(--quanta-slate-100); }
.disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
.group:hover .group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
.border-slate-200 { border-color: var(--quanta-slate-200); }
.hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
.focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
.active-border-slate-200:active { border-color: var(--quanta-slate-200); }
.disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
.group:hover .group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
.border-slate-300 { border-color: var(--quanta-slate-300); }
.hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
.focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
.active-border-slate-300:active { border-color: var(--quanta-slate-300); }
.disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
.group:hover .group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
.border-slate-400 { border-color: var(--quanta-slate-400); }
.hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
.focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
.active-border-slate-400:active { border-color: var(--quanta-slate-400); }
.disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
.group:hover .group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
.border-slate-500 { border-color: var(--quanta-slate-500); }
.hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
.focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
.active-border-slate-500:active { border-color: var(--quanta-slate-500); }
.disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
.group:hover .group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
.border-slate-600 { border-color: var(--quanta-slate-600); }
.hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
.focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
.active-border-slate-600:active { border-color: var(--quanta-slate-600); }
.disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
.group:hover .group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
.border-slate-700 { border-color: var(--quanta-slate-700); }
.hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
.focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
.active-border-slate-700:active { border-color: var(--quanta-slate-700); }
.disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
.group:hover .group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
.border-slate-800 { border-color: var(--quanta-slate-800); }
.hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
.focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
.active-border-slate-800:active { border-color: var(--quanta-slate-800); }
.disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
.group:hover .group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
.border-slate-900 { border-color: var(--quanta-slate-900); }
.hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
.focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
.active-border-slate-900:active { border-color: var(--quanta-slate-900); }
.disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
.group:hover .group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
.border-blue-50 { border-color: var(--quanta-blue-50); }
.hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
.focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
.active-border-blue-50:active { border-color: var(--quanta-blue-50); }
.disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
.group:hover .group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
.border-blue-100 { border-color: var(--quanta-blue-100); }
.hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
.focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
.active-border-blue-100:active { border-color: var(--quanta-blue-100); }
.disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
.group:hover .group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
.border-blue-200 { border-color: var(--quanta-blue-200); }
.hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
.focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
.active-border-blue-200:active { border-color: var(--quanta-blue-200); }
.disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
.group:hover .group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
.border-blue-300 { border-color: var(--quanta-blue-300); }
.hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
.focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
.active-border-blue-300:active { border-color: var(--quanta-blue-300); }
.disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
.group:hover .group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
.border-blue-400 { border-color: var(--quanta-blue-400); }
.hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
.focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
.active-border-blue-400:active { border-color: var(--quanta-blue-400); }
.disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
.group:hover .group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
.border-blue-500 { border-color: var(--quanta-blue-500); }
.hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
.focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
.active-border-blue-500:active { border-color: var(--quanta-blue-500); }
.disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
.group:hover .group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
.border-blue-600 { border-color: var(--quanta-blue-600); }
.hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
.focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
.active-border-blue-600:active { border-color: var(--quanta-blue-600); }
.disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
.group:hover .group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
.border-blue-700 { border-color: var(--quanta-blue-700); }
.hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
.focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
.active-border-blue-700:active { border-color: var(--quanta-blue-700); }
.disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
.group:hover .group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
.border-blue-800 { border-color: var(--quanta-blue-800); }
.hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
.focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
.active-border-blue-800:active { border-color: var(--quanta-blue-800); }
.disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
.group:hover .group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
.border-blue-900 { border-color: var(--quanta-blue-900); }
.hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
.focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
.active-border-blue-900:active { border-color: var(--quanta-blue-900); }
.disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
.group:hover .group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
.border-green-50 { border-color: var(--quanta-green-50); }
.hover-border-green-50:hover { border-color: var(--quanta-green-50); }
.focus-border-green-50:focus { border-color: var(--quanta-green-50); }
.active-border-green-50:active { border-color: var(--quanta-green-50); }
.disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
.group:hover .group-hover-border-green-50 { border-color: var(--quanta-green-50); }
.border-green-100 { border-color: var(--quanta-green-100); }
.hover-border-green-100:hover { border-color: var(--quanta-green-100); }
.focus-border-green-100:focus { border-color: var(--quanta-green-100); }
.active-border-green-100:active { border-color: var(--quanta-green-100); }
.disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
.group:hover .group-hover-border-green-100 { border-color: var(--quanta-green-100); }
.border-green-200 { border-color: var(--quanta-green-200); }
.hover-border-green-200:hover { border-color: var(--quanta-green-200); }
.focus-border-green-200:focus { border-color: var(--quanta-green-200); }
.active-border-green-200:active { border-color: var(--quanta-green-200); }
.disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
.group:hover .group-hover-border-green-200 { border-color: var(--quanta-green-200); }
.border-green-300 { border-color: var(--quanta-green-300); }
.hover-border-green-300:hover { border-color: var(--quanta-green-300); }
.focus-border-green-300:focus { border-color: var(--quanta-green-300); }
.active-border-green-300:active { border-color: var(--quanta-green-300); }
.disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
.group:hover .group-hover-border-green-300 { border-color: var(--quanta-green-300); }
.border-green-400 { border-color: var(--quanta-green-400); }
.hover-border-green-400:hover { border-color: var(--quanta-green-400); }
.focus-border-green-400:focus { border-color: var(--quanta-green-400); }
.active-border-green-400:active { border-color: var(--quanta-green-400); }
.disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
.group:hover .group-hover-border-green-400 { border-color: var(--quanta-green-400); }
.border-green-500 { border-color: var(--quanta-green-500); }
.hover-border-green-500:hover { border-color: var(--quanta-green-500); }
.focus-border-green-500:focus { border-color: var(--quanta-green-500); }
.active-border-green-500:active { border-color: var(--quanta-green-500); }
.disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
.group:hover .group-hover-border-green-500 { border-color: var(--quanta-green-500); }
.border-green-600 { border-color: var(--quanta-green-600); }
.hover-border-green-600:hover { border-color: var(--quanta-green-600); }
.focus-border-green-600:focus { border-color: var(--quanta-green-600); }
.active-border-green-600:active { border-color: var(--quanta-green-600); }
.disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
.group:hover .group-hover-border-green-600 { border-color: var(--quanta-green-600); }
.border-green-700 { border-color: var(--quanta-green-700); }
.hover-border-green-700:hover { border-color: var(--quanta-green-700); }
.focus-border-green-700:focus { border-color: var(--quanta-green-700); }
.active-border-green-700:active { border-color: var(--quanta-green-700); }
.disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
.group:hover .group-hover-border-green-700 { border-color: var(--quanta-green-700); }
.border-green-800 { border-color: var(--quanta-green-800); }
.hover-border-green-800:hover { border-color: var(--quanta-green-800); }
.focus-border-green-800:focus { border-color: var(--quanta-green-800); }
.active-border-green-800:active { border-color: var(--quanta-green-800); }
.disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
.group:hover .group-hover-border-green-800 { border-color: var(--quanta-green-800); }
.border-green-900 { border-color: var(--quanta-green-900); }
.hover-border-green-900:hover { border-color: var(--quanta-green-900); }
.focus-border-green-900:focus { border-color: var(--quanta-green-900); }
.active-border-green-900:active { border-color: var(--quanta-green-900); }
.disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
.group:hover .group-hover-border-green-900 { border-color: var(--quanta-green-900); }
.border-black { border-color: var(--black); }
.hover-border-black:hover { border-color: var(--black); }
.focus-border-black:focus { border-color: var(--black); }
.active-border-black:active { border-color: var(--black); }
.disabled-border-black:disabled { border-color: var(--black); }
.group:hover .group-hover-border-black { border-color: var(--black); }
.border-white { border-color: var(--white); }
.hover-border-white:hover { border-color: var(--white); }
.focus-border-white:focus { border-color: var(--white); }
.active-border-white:active { border-color: var(--white); }
.disabled-border-white:disabled { border-color: var(--white); }
.group:hover .group-hover-border-white { border-color: var(--white); }
.border-0 { border-width: 0.0rem; }
.hover-border-0:hover { border-width: 0.0rem; }
.focus-border-0:focus { border-width: 0.0rem; }
.active-border-0:active { border-width: 0.0rem; }
.disabled-border-0:disabled { border-width: 0.0rem; }
.group:hover .group-hover-border-0 { border-width: 0.0rem; }
.border-0 { border-width: 0.0rem; }
.hover-border-0:hover { border-width: 0.0rem; }
.focus-border-0:focus { border-width: 0.0rem; }
.active-border-0:active { border-width: 0.0rem; }
.disabled-border-0:disabled { border-width: 0.0rem; }
.group:hover .group-hover-border-0 { border-width: 0.0rem; }
.border-t-0 { border-top-width: 0.0rem; }
.hover-border-t-0:hover { border-top-width: 0.0rem; }
.focus-border-t-0:focus { border-top-width: 0.0rem; }
.active-border-t-0:active { border-top-width: 0.0rem; }
.disabled-border-t-0:disabled { border-top-width: 0.0rem; }
.group:hover .group-hover-border-t-0 { border-top-width: 0.0rem; }
.border-r-0 { border-right-width: 0.0rem; }
.hover-border-r-0:hover { border-right-width: 0.0rem; }
.focus-border-r-0:focus { border-right-width: 0.0rem; }
.active-border-r-0:active { border-right-width: 0.0rem; }
.disabled-border-r-0:disabled { border-right-width: 0.0rem; }
.group:hover .group-hover-border-r-0 { border-right-width: 0.0rem; }
.border-b-0 { border-bottom-width: 0.0rem; }
.hover-border-b-0:hover { border-bottom-width: 0.0rem; }
.focus-border-b-0:focus { border-bottom-width: 0.0rem; }
.active-border-b-0:active { border-bottom-width: 0.0rem; }
.disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
.group:hover .group-hover-border-b-0 { border-bottom-width: 0.0rem; }
.border-l-0 { border-left-width: 0.0rem; }
.hover-border-l-0:hover { border-left-width: 0.0rem; }
.focus-border-l-0:focus { border-left-width: 0.0rem; }
.active-border-l-0:active { border-left-width: 0.0rem; }
.disabled-border-l-0:disabled { border-left-width: 0.0rem; }
.group:hover .group-hover-border-l-0 { border-left-width: 0.0rem; }
.border-1 { border-width: 0.0625rem; }
.hover-border-1:hover { border-width: 0.0625rem; }
.focus-border-1:focus { border-width: 0.0625rem; }
.active-border-1:active { border-width: 0.0625rem; }
.disabled-border-1:disabled { border-width: 0.0625rem; }
.group:hover .group-hover-border-1 { border-width: 0.0625rem; }
.border-1 { border-width: 0.0625rem; }
.hover-border-1:hover { border-width: 0.0625rem; }
.focus-border-1:focus { border-width: 0.0625rem; }
.active-border-1:active { border-width: 0.0625rem; }
.disabled-border-1:disabled { border-width: 0.0625rem; }
.group:hover .group-hover-border-1 { border-width: 0.0625rem; }
.border-t-1 { border-top-width: 0.0625rem; }
.hover-border-t-1:hover { border-top-width: 0.0625rem; }
.focus-border-t-1:focus { border-top-width: 0.0625rem; }
.active-border-t-1:active { border-top-width: 0.0625rem; }
.disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
.group:hover .group-hover-border-t-1 { border-top-width: 0.0625rem; }
.border-r-1 { border-right-width: 0.0625rem; }
.hover-border-r-1:hover { border-right-width: 0.0625rem; }
.focus-border-r-1:focus { border-right-width: 0.0625rem; }
.active-border-r-1:active { border-right-width: 0.0625rem; }
.disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
.group:hover .group-hover-border-r-1 { border-right-width: 0.0625rem; }
.border-b-1 { border-bottom-width: 0.0625rem; }
.hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
.focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
.active-border-b-1:active { border-bottom-width: 0.0625rem; }
.disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
.group:hover .group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
.border-l-1 { border-left-width: 0.0625rem; }
.hover-border-l-1:hover { border-left-width: 0.0625rem; }
.focus-border-l-1:focus { border-left-width: 0.0625rem; }
.active-border-l-1:active { border-left-width: 0.0625rem; }
.disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
.group:hover .group-hover-border-l-1 { border-left-width: 0.0625rem; }
.border-2 { border-width: 0.125rem; }
.hover-border-2:hover { border-width: 0.125rem; }
.focus-border-2:focus { border-width: 0.125rem; }
.active-border-2:active { border-width: 0.125rem; }
.disabled-border-2:disabled { border-width: 0.125rem; }
.group:hover .group-hover-border-2 { border-width: 0.125rem; }
.border-2 { border-width: 0.125rem; }
.hover-border-2:hover { border-width: 0.125rem; }
.focus-border-2:focus { border-width: 0.125rem; }
.active-border-2:active { border-width: 0.125rem; }
.disabled-border-2:disabled { border-width: 0.125rem; }
.group:hover .group-hover-border-2 { border-width: 0.125rem; }
.border-t-2 { border-top-width: 0.125rem; }
.hover-border-t-2:hover { border-top-width: 0.125rem; }
.focus-border-t-2:focus { border-top-width: 0.125rem; }
.active-border-t-2:active { border-top-width: 0.125rem; }
.disabled-border-t-2:disabled { border-top-width: 0.125rem; }
.group:hover .group-hover-border-t-2 { border-top-width: 0.125rem; }
.border-r-2 { border-right-width: 0.125rem; }
.hover-border-r-2:hover { border-right-width: 0.125rem; }
.focus-border-r-2:focus { border-right-width: 0.125rem; }
.active-border-r-2:active { border-right-width: 0.125rem; }
.disabled-border-r-2:disabled { border-right-width: 0.125rem; }
.group:hover .group-hover-border-r-2 { border-right-width: 0.125rem; }
.border-b-2 { border-bottom-width: 0.125rem; }
.hover-border-b-2:hover { border-bottom-width: 0.125rem; }
.focus-border-b-2:focus { border-bottom-width: 0.125rem; }
.active-border-b-2:active { border-bottom-width: 0.125rem; }
.disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
.group:hover .group-hover-border-b-2 { border-bottom-width: 0.125rem; }
.border-l-2 { border-left-width: 0.125rem; }
.hover-border-l-2:hover { border-left-width: 0.125rem; }
.focus-border-l-2:focus { border-left-width: 0.125rem; }
.active-border-l-2:active { border-left-width: 0.125rem; }
.disabled-border-l-2:disabled { border-left-width: 0.125rem; }
.group:hover .group-hover-border-l-2 { border-left-width: 0.125rem; }
.border-3 { border-width: 0.1875rem; }
.hover-border-3:hover { border-width: 0.1875rem; }
.focus-border-3:focus { border-width: 0.1875rem; }
.active-border-3:active { border-width: 0.1875rem; }
.disabled-border-3:disabled { border-width: 0.1875rem; }
.group:hover .group-hover-border-3 { border-width: 0.1875rem; }
.border-3 { border-width: 0.1875rem; }
.hover-border-3:hover { border-width: 0.1875rem; }
.focus-border-3:focus { border-width: 0.1875rem; }
.active-border-3:active { border-width: 0.1875rem; }
.disabled-border-3:disabled { border-width: 0.1875rem; }
.group:hover .group-hover-border-3 { border-width: 0.1875rem; }
.border-t-3 { border-top-width: 0.1875rem; }
.hover-border-t-3:hover { border-top-width: 0.1875rem; }
.focus-border-t-3:focus { border-top-width: 0.1875rem; }
.active-border-t-3:active { border-top-width: 0.1875rem; }
.disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
.group:hover .group-hover-border-t-3 { border-top-width: 0.1875rem; }
.border-r-3 { border-right-width: 0.1875rem; }
.hover-border-r-3:hover { border-right-width: 0.1875rem; }
.focus-border-r-3:focus { border-right-width: 0.1875rem; }
.active-border-r-3:active { border-right-width: 0.1875rem; }
.disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
.group:hover .group-hover-border-r-3 { border-right-width: 0.1875rem; }
.border-b-3 { border-bottom-width: 0.1875rem; }
.hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
.focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
.active-border-b-3:active { border-bottom-width: 0.1875rem; }
.disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
.group:hover .group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
.border-l-3 { border-left-width: 0.1875rem; }
.hover-border-l-3:hover { border-left-width: 0.1875rem; }
.focus-border-l-3:focus { border-left-width: 0.1875rem; }
.active-border-l-3:active { border-left-width: 0.1875rem; }
.disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
.group:hover .group-hover-border-l-3 { border-left-width: 0.1875rem; }
.border-4 { border-width: 0.25rem; }
.hover-border-4:hover { border-width: 0.25rem; }
.focus-border-4:focus { border-width: 0.25rem; }
.active-border-4:active { border-width: 0.25rem; }
.disabled-border-4:disabled { border-width: 0.25rem; }
.group:hover .group-hover-border-4 { border-width: 0.25rem; }
.border-4 { border-width: 0.25rem; }
.hover-border-4:hover { border-width: 0.25rem; }
.focus-border-4:focus { border-width: 0.25rem; }
.active-border-4:active { border-width: 0.25rem; }
.disabled-border-4:disabled { border-width: 0.25rem; }
.group:hover .group-hover-border-4 { border-width: 0.25rem; }
.border-t-4 { border-top-width: 0.25rem; }
.hover-border-t-4:hover { border-top-width: 0.25rem; }
.focus-border-t-4:focus { border-top-width: 0.25rem; }
.active-border-t-4:active { border-top-width: 0.25rem; }
.disabled-border-t-4:disabled { border-top-width: 0.25rem; }
.group:hover .group-hover-border-t-4 { border-top-width: 0.25rem; }
.border-r-4 { border-right-width: 0.25rem; }
.hover-border-r-4:hover { border-right-width: 0.25rem; }
.focus-border-r-4:focus { border-right-width: 0.25rem; }
.active-border-r-4:active { border-right-width: 0.25rem; }
.disabled-border-r-4:disabled { border-right-width: 0.25rem; }
.group:hover .group-hover-border-r-4 { border-right-width: 0.25rem; }
.border-b-4 { border-bottom-width: 0.25rem; }
.hover-border-b-4:hover { border-bottom-width: 0.25rem; }
.focus-border-b-4:focus { border-bottom-width: 0.25rem; }
.active-border-b-4:active { border-bottom-width: 0.25rem; }
.disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
.group:hover .group-hover-border-b-4 { border-bottom-width: 0.25rem; }
.border-l-4 { border-left-width: 0.25rem; }
.hover-border-l-4:hover { border-left-width: 0.25rem; }
.focus-border-l-4:focus { border-left-width: 0.25rem; }
.active-border-l-4:active { border-left-width: 0.25rem; }
.disabled-border-l-4:disabled { border-left-width: 0.25rem; }
.group:hover .group-hover-border-l-4 { border-left-width: 0.25rem; }
.border-5 { border-width: 0.3125rem; }
.hover-border-5:hover { border-width: 0.3125rem; }
.focus-border-5:focus { border-width: 0.3125rem; }
.active-border-5:active { border-width: 0.3125rem; }
.disabled-border-5:disabled { border-width: 0.3125rem; }
.group:hover .group-hover-border-5 { border-width: 0.3125rem; }
.border-5 { border-width: 0.3125rem; }
.hover-border-5:hover { border-width: 0.3125rem; }
.focus-border-5:focus { border-width: 0.3125rem; }
.active-border-5:active { border-width: 0.3125rem; }
.disabled-border-5:disabled { border-width: 0.3125rem; }
.group:hover .group-hover-border-5 { border-width: 0.3125rem; }
.border-t-5 { border-top-width: 0.3125rem; }
.hover-border-t-5:hover { border-top-width: 0.3125rem; }
.focus-border-t-5:focus { border-top-width: 0.3125rem; }
.active-border-t-5:active { border-top-width: 0.3125rem; }
.disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
.group:hover .group-hover-border-t-5 { border-top-width: 0.3125rem; }
.border-r-5 { border-right-width: 0.3125rem; }
.hover-border-r-5:hover { border-right-width: 0.3125rem; }
.focus-border-r-5:focus { border-right-width: 0.3125rem; }
.active-border-r-5:active { border-right-width: 0.3125rem; }
.disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
.group:hover .group-hover-border-r-5 { border-right-width: 0.3125rem; }
.border-b-5 { border-bottom-width: 0.3125rem; }
.hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
.focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
.active-border-b-5:active { border-bottom-width: 0.3125rem; }
.disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
.group:hover .group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
.border-l-5 { border-left-width: 0.3125rem; }
.hover-border-l-5:hover { border-left-width: 0.3125rem; }
.focus-border-l-5:focus { border-left-width: 0.3125rem; }
.active-border-l-5:active { border-left-width: 0.3125rem; }
.disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
.group:hover .group-hover-border-l-5 { border-left-width: 0.3125rem; }
.border-6 { border-width: 0.375rem; }
.hover-border-6:hover { border-width: 0.375rem; }
.focus-border-6:focus { border-width: 0.375rem; }
.active-border-6:active { border-width: 0.375rem; }
.disabled-border-6:disabled { border-width: 0.375rem; }
.group:hover .group-hover-border-6 { border-width: 0.375rem; }
.border-6 { border-width: 0.375rem; }
.hover-border-6:hover { border-width: 0.375rem; }
.focus-border-6:focus { border-width: 0.375rem; }
.active-border-6:active { border-width: 0.375rem; }
.disabled-border-6:disabled { border-width: 0.375rem; }
.group:hover .group-hover-border-6 { border-width: 0.375rem; }
.border-t-6 { border-top-width: 0.375rem; }
.hover-border-t-6:hover { border-top-width: 0.375rem; }
.focus-border-t-6:focus { border-top-width: 0.375rem; }
.active-border-t-6:active { border-top-width: 0.375rem; }
.disabled-border-t-6:disabled { border-top-width: 0.375rem; }
.group:hover .group-hover-border-t-6 { border-top-width: 0.375rem; }
.border-r-6 { border-right-width: 0.375rem; }
.hover-border-r-6:hover { border-right-width: 0.375rem; }
.focus-border-r-6:focus { border-right-width: 0.375rem; }
.active-border-r-6:active { border-right-width: 0.375rem; }
.disabled-border-r-6:disabled { border-right-width: 0.375rem; }
.group:hover .group-hover-border-r-6 { border-right-width: 0.375rem; }
.border-b-6 { border-bottom-width: 0.375rem; }
.hover-border-b-6:hover { border-bottom-width: 0.375rem; }
.focus-border-b-6:focus { border-bottom-width: 0.375rem; }
.active-border-b-6:active { border-bottom-width: 0.375rem; }
.disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
.group:hover .group-hover-border-b-6 { border-bottom-width: 0.375rem; }
.border-l-6 { border-left-width: 0.375rem; }
.hover-border-l-6:hover { border-left-width: 0.375rem; }
.focus-border-l-6:focus { border-left-width: 0.375rem; }
.active-border-l-6:active { border-left-width: 0.375rem; }
.disabled-border-l-6:disabled { border-left-width: 0.375rem; }
.group:hover .group-hover-border-l-6 { border-left-width: 0.375rem; }
.border-7 { border-width: 0.4375rem; }
.hover-border-7:hover { border-width: 0.4375rem; }
.focus-border-7:focus { border-width: 0.4375rem; }
.active-border-7:active { border-width: 0.4375rem; }
.disabled-border-7:disabled { border-width: 0.4375rem; }
.group:hover .group-hover-border-7 { border-width: 0.4375rem; }
.border-7 { border-width: 0.4375rem; }
.hover-border-7:hover { border-width: 0.4375rem; }
.focus-border-7:focus { border-width: 0.4375rem; }
.active-border-7:active { border-width: 0.4375rem; }
.disabled-border-7:disabled { border-width: 0.4375rem; }
.group:hover .group-hover-border-7 { border-width: 0.4375rem; }
.border-t-7 { border-top-width: 0.4375rem; }
.hover-border-t-7:hover { border-top-width: 0.4375rem; }
.focus-border-t-7:focus { border-top-width: 0.4375rem; }
.active-border-t-7:active { border-top-width: 0.4375rem; }
.disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
.group:hover .group-hover-border-t-7 { border-top-width: 0.4375rem; }
.border-r-7 { border-right-width: 0.4375rem; }
.hover-border-r-7:hover { border-right-width: 0.4375rem; }
.focus-border-r-7:focus { border-right-width: 0.4375rem; }
.active-border-r-7:active { border-right-width: 0.4375rem; }
.disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
.group:hover .group-hover-border-r-7 { border-right-width: 0.4375rem; }
.border-b-7 { border-bottom-width: 0.4375rem; }
.hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
.focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
.active-border-b-7:active { border-bottom-width: 0.4375rem; }
.disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
.group:hover .group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
.border-l-7 { border-left-width: 0.4375rem; }
.hover-border-l-7:hover { border-left-width: 0.4375rem; }
.focus-border-l-7:focus { border-left-width: 0.4375rem; }
.active-border-l-7:active { border-left-width: 0.4375rem; }
.disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
.group:hover .group-hover-border-l-7 { border-left-width: 0.4375rem; }
.border-8 { border-width: 0.5rem; }
.hover-border-8:hover { border-width: 0.5rem; }
.focus-border-8:focus { border-width: 0.5rem; }
.active-border-8:active { border-width: 0.5rem; }
.disabled-border-8:disabled { border-width: 0.5rem; }
.group:hover .group-hover-border-8 { border-width: 0.5rem; }
.border-8 { border-width: 0.5rem; }
.hover-border-8:hover { border-width: 0.5rem; }
.focus-border-8:focus { border-width: 0.5rem; }
.active-border-8:active { border-width: 0.5rem; }
.disabled-border-8:disabled { border-width: 0.5rem; }
.group:hover .group-hover-border-8 { border-width: 0.5rem; }
.border-t-8 { border-top-width: 0.5rem; }
.hover-border-t-8:hover { border-top-width: 0.5rem; }
.focus-border-t-8:focus { border-top-width: 0.5rem; }
.active-border-t-8:active { border-top-width: 0.5rem; }
.disabled-border-t-8:disabled { border-top-width: 0.5rem; }
.group:hover .group-hover-border-t-8 { border-top-width: 0.5rem; }
.border-r-8 { border-right-width: 0.5rem; }
.hover-border-r-8:hover { border-right-width: 0.5rem; }
.focus-border-r-8:focus { border-right-width: 0.5rem; }
.active-border-r-8:active { border-right-width: 0.5rem; }
.disabled-border-r-8:disabled { border-right-width: 0.5rem; }
.group:hover .group-hover-border-r-8 { border-right-width: 0.5rem; }
.border-b-8 { border-bottom-width: 0.5rem; }
.hover-border-b-8:hover { border-bottom-width: 0.5rem; }
.focus-border-b-8:focus { border-bottom-width: 0.5rem; }
.active-border-b-8:active { border-bottom-width: 0.5rem; }
.disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
.group:hover .group-hover-border-b-8 { border-bottom-width: 0.5rem; }
.border-l-8 { border-left-width: 0.5rem; }
.hover-border-l-8:hover { border-left-width: 0.5rem; }
.focus-border-l-8:focus { border-left-width: 0.5rem; }
.active-border-l-8:active { border-left-width: 0.5rem; }
.disabled-border-l-8:disabled { border-left-width: 0.5rem; }
.group:hover .group-hover-border-l-8 { border-left-width: 0.5rem; }
.border-9 { border-width: 0.5625rem; }
.hover-border-9:hover { border-width: 0.5625rem; }
.focus-border-9:focus { border-width: 0.5625rem; }
.active-border-9:active { border-width: 0.5625rem; }
.disabled-border-9:disabled { border-width: 0.5625rem; }
.group:hover .group-hover-border-9 { border-width: 0.5625rem; }
.border-9 { border-width: 0.5625rem; }
.hover-border-9:hover { border-width: 0.5625rem; }
.focus-border-9:focus { border-width: 0.5625rem; }
.active-border-9:active { border-width: 0.5625rem; }
.disabled-border-9:disabled { border-width: 0.5625rem; }
.group:hover .group-hover-border-9 { border-width: 0.5625rem; }
.border-t-9 { border-top-width: 0.5625rem; }
.hover-border-t-9:hover { border-top-width: 0.5625rem; }
.focus-border-t-9:focus { border-top-width: 0.5625rem; }
.active-border-t-9:active { border-top-width: 0.5625rem; }
.disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
.group:hover .group-hover-border-t-9 { border-top-width: 0.5625rem; }
.border-r-9 { border-right-width: 0.5625rem; }
.hover-border-r-9:hover { border-right-width: 0.5625rem; }
.focus-border-r-9:focus { border-right-width: 0.5625rem; }
.active-border-r-9:active { border-right-width: 0.5625rem; }
.disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
.group:hover .group-hover-border-r-9 { border-right-width: 0.5625rem; }
.border-b-9 { border-bottom-width: 0.5625rem; }
.hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
.focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
.active-border-b-9:active { border-bottom-width: 0.5625rem; }
.disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
.group:hover .group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
.border-l-9 { border-left-width: 0.5625rem; }
.hover-border-l-9:hover { border-left-width: 0.5625rem; }
.focus-border-l-9:focus { border-left-width: 0.5625rem; }
.active-border-l-9:active { border-left-width: 0.5625rem; }
.disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
.group:hover .group-hover-border-l-9 { border-left-width: 0.5625rem; }
.border-10 { border-width: 0.625rem; }
.hover-border-10:hover { border-width: 0.625rem; }
.focus-border-10:focus { border-width: 0.625rem; }
.active-border-10:active { border-width: 0.625rem; }
.disabled-border-10:disabled { border-width: 0.625rem; }
.group:hover .group-hover-border-10 { border-width: 0.625rem; }
.border-10 { border-width: 0.625rem; }
.hover-border-10:hover { border-width: 0.625rem; }
.focus-border-10:focus { border-width: 0.625rem; }
.active-border-10:active { border-width: 0.625rem; }
.disabled-border-10:disabled { border-width: 0.625rem; }
.group:hover .group-hover-border-10 { border-width: 0.625rem; }
.border-t-10 { border-top-width: 0.625rem; }
.hover-border-t-10:hover { border-top-width: 0.625rem; }
.focus-border-t-10:focus { border-top-width: 0.625rem; }
.active-border-t-10:active { border-top-width: 0.625rem; }
.disabled-border-t-10:disabled { border-top-width: 0.625rem; }
.group:hover .group-hover-border-t-10 { border-top-width: 0.625rem; }
.border-r-10 { border-right-width: 0.625rem; }
.hover-border-r-10:hover { border-right-width: 0.625rem; }
.focus-border-r-10:focus { border-right-width: 0.625rem; }
.active-border-r-10:active { border-right-width: 0.625rem; }
.disabled-border-r-10:disabled { border-right-width: 0.625rem; }
.group:hover .group-hover-border-r-10 { border-right-width: 0.625rem; }
.border-b-10 { border-bottom-width: 0.625rem; }
.hover-border-b-10:hover { border-bottom-width: 0.625rem; }
.focus-border-b-10:focus { border-bottom-width: 0.625rem; }
.active-border-b-10:active { border-bottom-width: 0.625rem; }
.disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
.group:hover .group-hover-border-b-10 { border-bottom-width: 0.625rem; }
.border-l-10 { border-left-width: 0.625rem; }
.hover-border-l-10:hover { border-left-width: 0.625rem; }
.focus-border-l-10:focus { border-left-width: 0.625rem; }
.active-border-l-10:active { border-left-width: 0.625rem; }
.disabled-border-l-10:disabled { border-left-width: 0.625rem; }
.group:hover .group-hover-border-l-10 { border-left-width: 0.625rem; }
.border-11 { border-width: 0.6875rem; }
.hover-border-11:hover { border-width: 0.6875rem; }
.focus-border-11:focus { border-width: 0.6875rem; }
.active-border-11:active { border-width: 0.6875rem; }
.disabled-border-11:disabled { border-width: 0.6875rem; }
.group:hover .group-hover-border-11 { border-width: 0.6875rem; }
.border-11 { border-width: 0.6875rem; }
.hover-border-11:hover { border-width: 0.6875rem; }
.focus-border-11:focus { border-width: 0.6875rem; }
.active-border-11:active { border-width: 0.6875rem; }
.disabled-border-11:disabled { border-width: 0.6875rem; }
.group:hover .group-hover-border-11 { border-width: 0.6875rem; }
.border-t-11 { border-top-width: 0.6875rem; }
.hover-border-t-11:hover { border-top-width: 0.6875rem; }
.focus-border-t-11:focus { border-top-width: 0.6875rem; }
.active-border-t-11:active { border-top-width: 0.6875rem; }
.disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
.group:hover .group-hover-border-t-11 { border-top-width: 0.6875rem; }
.border-r-11 { border-right-width: 0.6875rem; }
.hover-border-r-11:hover { border-right-width: 0.6875rem; }
.focus-border-r-11:focus { border-right-width: 0.6875rem; }
.active-border-r-11:active { border-right-width: 0.6875rem; }
.disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
.group:hover .group-hover-border-r-11 { border-right-width: 0.6875rem; }
.border-b-11 { border-bottom-width: 0.6875rem; }
.hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
.focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
.active-border-b-11:active { border-bottom-width: 0.6875rem; }
.disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
.group:hover .group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
.border-l-11 { border-left-width: 0.6875rem; }
.hover-border-l-11:hover { border-left-width: 0.6875rem; }
.focus-border-l-11:focus { border-left-width: 0.6875rem; }
.active-border-l-11:active { border-left-width: 0.6875rem; }
.disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
.group:hover .group-hover-border-l-11 { border-left-width: 0.6875rem; }
.border-12 { border-width: 0.75rem; }
.hover-border-12:hover { border-width: 0.75rem; }
.focus-border-12:focus { border-width: 0.75rem; }
.active-border-12:active { border-width: 0.75rem; }
.disabled-border-12:disabled { border-width: 0.75rem; }
.group:hover .group-hover-border-12 { border-width: 0.75rem; }
.border-12 { border-width: 0.75rem; }
.hover-border-12:hover { border-width: 0.75rem; }
.focus-border-12:focus { border-width: 0.75rem; }
.active-border-12:active { border-width: 0.75rem; }
.disabled-border-12:disabled { border-width: 0.75rem; }
.group:hover .group-hover-border-12 { border-width: 0.75rem; }
.border-t-12 { border-top-width: 0.75rem; }
.hover-border-t-12:hover { border-top-width: 0.75rem; }
.focus-border-t-12:focus { border-top-width: 0.75rem; }
.active-border-t-12:active { border-top-width: 0.75rem; }
.disabled-border-t-12:disabled { border-top-width: 0.75rem; }
.group:hover .group-hover-border-t-12 { border-top-width: 0.75rem; }
.border-r-12 { border-right-width: 0.75rem; }
.hover-border-r-12:hover { border-right-width: 0.75rem; }
.focus-border-r-12:focus { border-right-width: 0.75rem; }
.active-border-r-12:active { border-right-width: 0.75rem; }
.disabled-border-r-12:disabled { border-right-width: 0.75rem; }
.group:hover .group-hover-border-r-12 { border-right-width: 0.75rem; }
.border-b-12 { border-bottom-width: 0.75rem; }
.hover-border-b-12:hover { border-bottom-width: 0.75rem; }
.focus-border-b-12:focus { border-bottom-width: 0.75rem; }
.active-border-b-12:active { border-bottom-width: 0.75rem; }
.disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
.group:hover .group-hover-border-b-12 { border-bottom-width: 0.75rem; }
.border-l-12 { border-left-width: 0.75rem; }
.hover-border-l-12:hover { border-left-width: 0.75rem; }
.focus-border-l-12:focus { border-left-width: 0.75rem; }
.active-border-l-12:active { border-left-width: 0.75rem; }
.disabled-border-l-12:disabled { border-left-width: 0.75rem; }
.group:hover .group-hover-border-l-12 { border-left-width: 0.75rem; }
.border-13 { border-width: 0.8125rem; }
.hover-border-13:hover { border-width: 0.8125rem; }
.focus-border-13:focus { border-width: 0.8125rem; }
.active-border-13:active { border-width: 0.8125rem; }
.disabled-border-13:disabled { border-width: 0.8125rem; }
.group:hover .group-hover-border-13 { border-width: 0.8125rem; }
.border-13 { border-width: 0.8125rem; }
.hover-border-13:hover { border-width: 0.8125rem; }
.focus-border-13:focus { border-width: 0.8125rem; }
.active-border-13:active { border-width: 0.8125rem; }
.disabled-border-13:disabled { border-width: 0.8125rem; }
.group:hover .group-hover-border-13 { border-width: 0.8125rem; }
.border-t-13 { border-top-width: 0.8125rem; }
.hover-border-t-13:hover { border-top-width: 0.8125rem; }
.focus-border-t-13:focus { border-top-width: 0.8125rem; }
.active-border-t-13:active { border-top-width: 0.8125rem; }
.disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
.group:hover .group-hover-border-t-13 { border-top-width: 0.8125rem; }
.border-r-13 { border-right-width: 0.8125rem; }
.hover-border-r-13:hover { border-right-width: 0.8125rem; }
.focus-border-r-13:focus { border-right-width: 0.8125rem; }
.active-border-r-13:active { border-right-width: 0.8125rem; }
.disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
.group:hover .group-hover-border-r-13 { border-right-width: 0.8125rem; }
.border-b-13 { border-bottom-width: 0.8125rem; }
.hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
.focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
.active-border-b-13:active { border-bottom-width: 0.8125rem; }
.disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
.group:hover .group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
.border-l-13 { border-left-width: 0.8125rem; }
.hover-border-l-13:hover { border-left-width: 0.8125rem; }
.focus-border-l-13:focus { border-left-width: 0.8125rem; }
.active-border-l-13:active { border-left-width: 0.8125rem; }
.disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
.group:hover .group-hover-border-l-13 { border-left-width: 0.8125rem; }
.border-14 { border-width: 0.875rem; }
.hover-border-14:hover { border-width: 0.875rem; }
.focus-border-14:focus { border-width: 0.875rem; }
.active-border-14:active { border-width: 0.875rem; }
.disabled-border-14:disabled { border-width: 0.875rem; }
.group:hover .group-hover-border-14 { border-width: 0.875rem; }
.border-14 { border-width: 0.875rem; }
.hover-border-14:hover { border-width: 0.875rem; }
.focus-border-14:focus { border-width: 0.875rem; }
.active-border-14:active { border-width: 0.875rem; }
.disabled-border-14:disabled { border-width: 0.875rem; }
.group:hover .group-hover-border-14 { border-width: 0.875rem; }
.border-t-14 { border-top-width: 0.875rem; }
.hover-border-t-14:hover { border-top-width: 0.875rem; }
.focus-border-t-14:focus { border-top-width: 0.875rem; }
.active-border-t-14:active { border-top-width: 0.875rem; }
.disabled-border-t-14:disabled { border-top-width: 0.875rem; }
.group:hover .group-hover-border-t-14 { border-top-width: 0.875rem; }
.border-r-14 { border-right-width: 0.875rem; }
.hover-border-r-14:hover { border-right-width: 0.875rem; }
.focus-border-r-14:focus { border-right-width: 0.875rem; }
.active-border-r-14:active { border-right-width: 0.875rem; }
.disabled-border-r-14:disabled { border-right-width: 0.875rem; }
.group:hover .group-hover-border-r-14 { border-right-width: 0.875rem; }
.border-b-14 { border-bottom-width: 0.875rem; }
.hover-border-b-14:hover { border-bottom-width: 0.875rem; }
.focus-border-b-14:focus { border-bottom-width: 0.875rem; }
.active-border-b-14:active { border-bottom-width: 0.875rem; }
.disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
.group:hover .group-hover-border-b-14 { border-bottom-width: 0.875rem; }
.border-l-14 { border-left-width: 0.875rem; }
.hover-border-l-14:hover { border-left-width: 0.875rem; }
.focus-border-l-14:focus { border-left-width: 0.875rem; }
.active-border-l-14:active { border-left-width: 0.875rem; }
.disabled-border-l-14:disabled { border-left-width: 0.875rem; }
.group:hover .group-hover-border-l-14 { border-left-width: 0.875rem; }
.border-15 { border-width: 0.9375rem; }
.hover-border-15:hover { border-width: 0.9375rem; }
.focus-border-15:focus { border-width: 0.9375rem; }
.active-border-15:active { border-width: 0.9375rem; }
.disabled-border-15:disabled { border-width: 0.9375rem; }
.group:hover .group-hover-border-15 { border-width: 0.9375rem; }
.border-15 { border-width: 0.9375rem; }
.hover-border-15:hover { border-width: 0.9375rem; }
.focus-border-15:focus { border-width: 0.9375rem; }
.active-border-15:active { border-width: 0.9375rem; }
.disabled-border-15:disabled { border-width: 0.9375rem; }
.group:hover .group-hover-border-15 { border-width: 0.9375rem; }
.border-t-15 { border-top-width: 0.9375rem; }
.hover-border-t-15:hover { border-top-width: 0.9375rem; }
.focus-border-t-15:focus { border-top-width: 0.9375rem; }
.active-border-t-15:active { border-top-width: 0.9375rem; }
.disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
.group:hover .group-hover-border-t-15 { border-top-width: 0.9375rem; }
.border-r-15 { border-right-width: 0.9375rem; }
.hover-border-r-15:hover { border-right-width: 0.9375rem; }
.focus-border-r-15:focus { border-right-width: 0.9375rem; }
.active-border-r-15:active { border-right-width: 0.9375rem; }
.disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
.group:hover .group-hover-border-r-15 { border-right-width: 0.9375rem; }
.border-b-15 { border-bottom-width: 0.9375rem; }
.hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
.focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
.active-border-b-15:active { border-bottom-width: 0.9375rem; }
.disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
.group:hover .group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
.border-l-15 { border-left-width: 0.9375rem; }
.hover-border-l-15:hover { border-left-width: 0.9375rem; }
.focus-border-l-15:focus { border-left-width: 0.9375rem; }
.active-border-l-15:active { border-left-width: 0.9375rem; }
.disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
.group:hover .group-hover-border-l-15 { border-left-width: 0.9375rem; }
.border-16 { border-width: 1.0rem; }
.hover-border-16:hover { border-width: 1.0rem; }
.focus-border-16:focus { border-width: 1.0rem; }
.active-border-16:active { border-width: 1.0rem; }
.disabled-border-16:disabled { border-width: 1.0rem; }
.group:hover .group-hover-border-16 { border-width: 1.0rem; }
.border-16 { border-width: 1.0rem; }
.hover-border-16:hover { border-width: 1.0rem; }
.focus-border-16:focus { border-width: 1.0rem; }
.active-border-16:active { border-width: 1.0rem; }
.disabled-border-16:disabled { border-width: 1.0rem; }
.group:hover .group-hover-border-16 { border-width: 1.0rem; }
.border-t-16 { border-top-width: 1.0rem; }
.hover-border-t-16:hover { border-top-width: 1.0rem; }
.focus-border-t-16:focus { border-top-width: 1.0rem; }
.active-border-t-16:active { border-top-width: 1.0rem; }
.disabled-border-t-16:disabled { border-top-width: 1.0rem; }
.group:hover .group-hover-border-t-16 { border-top-width: 1.0rem; }
.border-r-16 { border-right-width: 1.0rem; }
.hover-border-r-16:hover { border-right-width: 1.0rem; }
.focus-border-r-16:focus { border-right-width: 1.0rem; }
.active-border-r-16:active { border-right-width: 1.0rem; }
.disabled-border-r-16:disabled { border-right-width: 1.0rem; }
.group:hover .group-hover-border-r-16 { border-right-width: 1.0rem; }
.border-b-16 { border-bottom-width: 1.0rem; }
.hover-border-b-16:hover { border-bottom-width: 1.0rem; }
.focus-border-b-16:focus { border-bottom-width: 1.0rem; }
.active-border-b-16:active { border-bottom-width: 1.0rem; }
.disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
.group:hover .group-hover-border-b-16 { border-bottom-width: 1.0rem; }
.border-l-16 { border-left-width: 1.0rem; }
.hover-border-l-16:hover { border-left-width: 1.0rem; }
.focus-border-l-16:focus { border-left-width: 1.0rem; }
.active-border-l-16:active { border-left-width: 1.0rem; }
.disabled-border-l-16:disabled { border-left-width: 1.0rem; }
.group:hover .group-hover-border-l-16 { border-left-width: 1.0rem; }
.border-17 { border-width: 1.0625rem; }
.hover-border-17:hover { border-width: 1.0625rem; }
.focus-border-17:focus { border-width: 1.0625rem; }
.active-border-17:active { border-width: 1.0625rem; }
.disabled-border-17:disabled { border-width: 1.0625rem; }
.group:hover .group-hover-border-17 { border-width: 1.0625rem; }
.border-17 { border-width: 1.0625rem; }
.hover-border-17:hover { border-width: 1.0625rem; }
.focus-border-17:focus { border-width: 1.0625rem; }
.active-border-17:active { border-width: 1.0625rem; }
.disabled-border-17:disabled { border-width: 1.0625rem; }
.group:hover .group-hover-border-17 { border-width: 1.0625rem; }
.border-t-17 { border-top-width: 1.0625rem; }
.hover-border-t-17:hover { border-top-width: 1.0625rem; }
.focus-border-t-17:focus { border-top-width: 1.0625rem; }
.active-border-t-17:active { border-top-width: 1.0625rem; }
.disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
.group:hover .group-hover-border-t-17 { border-top-width: 1.0625rem; }
.border-r-17 { border-right-width: 1.0625rem; }
.hover-border-r-17:hover { border-right-width: 1.0625rem; }
.focus-border-r-17:focus { border-right-width: 1.0625rem; }
.active-border-r-17:active { border-right-width: 1.0625rem; }
.disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
.group:hover .group-hover-border-r-17 { border-right-width: 1.0625rem; }
.border-b-17 { border-bottom-width: 1.0625rem; }
.hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
.focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
.active-border-b-17:active { border-bottom-width: 1.0625rem; }
.disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
.group:hover .group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
.border-l-17 { border-left-width: 1.0625rem; }
.hover-border-l-17:hover { border-left-width: 1.0625rem; }
.focus-border-l-17:focus { border-left-width: 1.0625rem; }
.active-border-l-17:active { border-left-width: 1.0625rem; }
.disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
.group:hover .group-hover-border-l-17 { border-left-width: 1.0625rem; }
.border-18 { border-width: 1.125rem; }
.hover-border-18:hover { border-width: 1.125rem; }
.focus-border-18:focus { border-width: 1.125rem; }
.active-border-18:active { border-width: 1.125rem; }
.disabled-border-18:disabled { border-width: 1.125rem; }
.group:hover .group-hover-border-18 { border-width: 1.125rem; }
.border-18 { border-width: 1.125rem; }
.hover-border-18:hover { border-width: 1.125rem; }
.focus-border-18:focus { border-width: 1.125rem; }
.active-border-18:active { border-width: 1.125rem; }
.disabled-border-18:disabled { border-width: 1.125rem; }
.group:hover .group-hover-border-18 { border-width: 1.125rem; }
.border-t-18 { border-top-width: 1.125rem; }
.hover-border-t-18:hover { border-top-width: 1.125rem; }
.focus-border-t-18:focus { border-top-width: 1.125rem; }
.active-border-t-18:active { border-top-width: 1.125rem; }
.disabled-border-t-18:disabled { border-top-width: 1.125rem; }
.group:hover .group-hover-border-t-18 { border-top-width: 1.125rem; }
.border-r-18 { border-right-width: 1.125rem; }
.hover-border-r-18:hover { border-right-width: 1.125rem; }
.focus-border-r-18:focus { border-right-width: 1.125rem; }
.active-border-r-18:active { border-right-width: 1.125rem; }
.disabled-border-r-18:disabled { border-right-width: 1.125rem; }
.group:hover .group-hover-border-r-18 { border-right-width: 1.125rem; }
.border-b-18 { border-bottom-width: 1.125rem; }
.hover-border-b-18:hover { border-bottom-width: 1.125rem; }
.focus-border-b-18:focus { border-bottom-width: 1.125rem; }
.active-border-b-18:active { border-bottom-width: 1.125rem; }
.disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
.group:hover .group-hover-border-b-18 { border-bottom-width: 1.125rem; }
.border-l-18 { border-left-width: 1.125rem; }
.hover-border-l-18:hover { border-left-width: 1.125rem; }
.focus-border-l-18:focus { border-left-width: 1.125rem; }
.active-border-l-18:active { border-left-width: 1.125rem; }
.disabled-border-l-18:disabled { border-left-width: 1.125rem; }
.group:hover .group-hover-border-l-18 { border-left-width: 1.125rem; }
.border-19 { border-width: 1.1875rem; }
.hover-border-19:hover { border-width: 1.1875rem; }
.focus-border-19:focus { border-width: 1.1875rem; }
.active-border-19:active { border-width: 1.1875rem; }
.disabled-border-19:disabled { border-width: 1.1875rem; }
.group:hover .group-hover-border-19 { border-width: 1.1875rem; }
.border-19 { border-width: 1.1875rem; }
.hover-border-19:hover { border-width: 1.1875rem; }
.focus-border-19:focus { border-width: 1.1875rem; }
.active-border-19:active { border-width: 1.1875rem; }
.disabled-border-19:disabled { border-width: 1.1875rem; }
.group:hover .group-hover-border-19 { border-width: 1.1875rem; }
.border-t-19 { border-top-width: 1.1875rem; }
.hover-border-t-19:hover { border-top-width: 1.1875rem; }
.focus-border-t-19:focus { border-top-width: 1.1875rem; }
.active-border-t-19:active { border-top-width: 1.1875rem; }
.disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
.group:hover .group-hover-border-t-19 { border-top-width: 1.1875rem; }
.border-r-19 { border-right-width: 1.1875rem; }
.hover-border-r-19:hover { border-right-width: 1.1875rem; }
.focus-border-r-19:focus { border-right-width: 1.1875rem; }
.active-border-r-19:active { border-right-width: 1.1875rem; }
.disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
.group:hover .group-hover-border-r-19 { border-right-width: 1.1875rem; }
.border-b-19 { border-bottom-width: 1.1875rem; }
.hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
.focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
.active-border-b-19:active { border-bottom-width: 1.1875rem; }
.disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
.group:hover .group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
.border-l-19 { border-left-width: 1.1875rem; }
.hover-border-l-19:hover { border-left-width: 1.1875rem; }
.focus-border-l-19:focus { border-left-width: 1.1875rem; }
.active-border-l-19:active { border-left-width: 1.1875rem; }
.disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
.group:hover .group-hover-border-l-19 { border-left-width: 1.1875rem; }
.border-20 { border-width: 1.25rem; }
.hover-border-20:hover { border-width: 1.25rem; }
.focus-border-20:focus { border-width: 1.25rem; }
.active-border-20:active { border-width: 1.25rem; }
.disabled-border-20:disabled { border-width: 1.25rem; }
.group:hover .group-hover-border-20 { border-width: 1.25rem; }
.border-20 { border-width: 1.25rem; }
.hover-border-20:hover { border-width: 1.25rem; }
.focus-border-20:focus { border-width: 1.25rem; }
.active-border-20:active { border-width: 1.25rem; }
.disabled-border-20:disabled { border-width: 1.25rem; }
.group:hover .group-hover-border-20 { border-width: 1.25rem; }
.border-t-20 { border-top-width: 1.25rem; }
.hover-border-t-20:hover { border-top-width: 1.25rem; }
.focus-border-t-20:focus { border-top-width: 1.25rem; }
.active-border-t-20:active { border-top-width: 1.25rem; }
.disabled-border-t-20:disabled { border-top-width: 1.25rem; }
.group:hover .group-hover-border-t-20 { border-top-width: 1.25rem; }
.border-r-20 { border-right-width: 1.25rem; }
.hover-border-r-20:hover { border-right-width: 1.25rem; }
.focus-border-r-20:focus { border-right-width: 1.25rem; }
.active-border-r-20:active { border-right-width: 1.25rem; }
.disabled-border-r-20:disabled { border-right-width: 1.25rem; }
.group:hover .group-hover-border-r-20 { border-right-width: 1.25rem; }
.border-b-20 { border-bottom-width: 1.25rem; }
.hover-border-b-20:hover { border-bottom-width: 1.25rem; }
.focus-border-b-20:focus { border-bottom-width: 1.25rem; }
.active-border-b-20:active { border-bottom-width: 1.25rem; }
.disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
.group:hover .group-hover-border-b-20 { border-bottom-width: 1.25rem; }
.border-l-20 { border-left-width: 1.25rem; }
.hover-border-l-20:hover { border-left-width: 1.25rem; }
.focus-border-l-20:focus { border-left-width: 1.25rem; }
.active-border-l-20:active { border-left-width: 1.25rem; }
.disabled-border-l-20:disabled { border-left-width: 1.25rem; }
.group:hover .group-hover-border-l-20 { border-left-width: 1.25rem; }
.border-21 { border-width: 1.3125rem; }
.hover-border-21:hover { border-width: 1.3125rem; }
.focus-border-21:focus { border-width: 1.3125rem; }
.active-border-21:active { border-width: 1.3125rem; }
.disabled-border-21:disabled { border-width: 1.3125rem; }
.group:hover .group-hover-border-21 { border-width: 1.3125rem; }
.border-21 { border-width: 1.3125rem; }
.hover-border-21:hover { border-width: 1.3125rem; }
.focus-border-21:focus { border-width: 1.3125rem; }
.active-border-21:active { border-width: 1.3125rem; }
.disabled-border-21:disabled { border-width: 1.3125rem; }
.group:hover .group-hover-border-21 { border-width: 1.3125rem; }
.border-t-21 { border-top-width: 1.3125rem; }
.hover-border-t-21:hover { border-top-width: 1.3125rem; }
.focus-border-t-21:focus { border-top-width: 1.3125rem; }
.active-border-t-21:active { border-top-width: 1.3125rem; }
.disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
.group:hover .group-hover-border-t-21 { border-top-width: 1.3125rem; }
.border-r-21 { border-right-width: 1.3125rem; }
.hover-border-r-21:hover { border-right-width: 1.3125rem; }
.focus-border-r-21:focus { border-right-width: 1.3125rem; }
.active-border-r-21:active { border-right-width: 1.3125rem; }
.disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
.group:hover .group-hover-border-r-21 { border-right-width: 1.3125rem; }
.border-b-21 { border-bottom-width: 1.3125rem; }
.hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
.focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
.active-border-b-21:active { border-bottom-width: 1.3125rem; }
.disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
.group:hover .group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
.border-l-21 { border-left-width: 1.3125rem; }
.hover-border-l-21:hover { border-left-width: 1.3125rem; }
.focus-border-l-21:focus { border-left-width: 1.3125rem; }
.active-border-l-21:active { border-left-width: 1.3125rem; }
.disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
.group:hover .group-hover-border-l-21 { border-left-width: 1.3125rem; }
.border-22 { border-width: 1.375rem; }
.hover-border-22:hover { border-width: 1.375rem; }
.focus-border-22:focus { border-width: 1.375rem; }
.active-border-22:active { border-width: 1.375rem; }
.disabled-border-22:disabled { border-width: 1.375rem; }
.group:hover .group-hover-border-22 { border-width: 1.375rem; }
.border-22 { border-width: 1.375rem; }
.hover-border-22:hover { border-width: 1.375rem; }
.focus-border-22:focus { border-width: 1.375rem; }
.active-border-22:active { border-width: 1.375rem; }
.disabled-border-22:disabled { border-width: 1.375rem; }
.group:hover .group-hover-border-22 { border-width: 1.375rem; }
.border-t-22 { border-top-width: 1.375rem; }
.hover-border-t-22:hover { border-top-width: 1.375rem; }
.focus-border-t-22:focus { border-top-width: 1.375rem; }
.active-border-t-22:active { border-top-width: 1.375rem; }
.disabled-border-t-22:disabled { border-top-width: 1.375rem; }
.group:hover .group-hover-border-t-22 { border-top-width: 1.375rem; }
.border-r-22 { border-right-width: 1.375rem; }
.hover-border-r-22:hover { border-right-width: 1.375rem; }
.focus-border-r-22:focus { border-right-width: 1.375rem; }
.active-border-r-22:active { border-right-width: 1.375rem; }
.disabled-border-r-22:disabled { border-right-width: 1.375rem; }
.group:hover .group-hover-border-r-22 { border-right-width: 1.375rem; }
.border-b-22 { border-bottom-width: 1.375rem; }
.hover-border-b-22:hover { border-bottom-width: 1.375rem; }
.focus-border-b-22:focus { border-bottom-width: 1.375rem; }
.active-border-b-22:active { border-bottom-width: 1.375rem; }
.disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
.group:hover .group-hover-border-b-22 { border-bottom-width: 1.375rem; }
.border-l-22 { border-left-width: 1.375rem; }
.hover-border-l-22:hover { border-left-width: 1.375rem; }
.focus-border-l-22:focus { border-left-width: 1.375rem; }
.active-border-l-22:active { border-left-width: 1.375rem; }
.disabled-border-l-22:disabled { border-left-width: 1.375rem; }
.group:hover .group-hover-border-l-22 { border-left-width: 1.375rem; }
.border-23 { border-width: 1.4375rem; }
.hover-border-23:hover { border-width: 1.4375rem; }
.focus-border-23:focus { border-width: 1.4375rem; }
.active-border-23:active { border-width: 1.4375rem; }
.disabled-border-23:disabled { border-width: 1.4375rem; }
.group:hover .group-hover-border-23 { border-width: 1.4375rem; }
.border-23 { border-width: 1.4375rem; }
.hover-border-23:hover { border-width: 1.4375rem; }
.focus-border-23:focus { border-width: 1.4375rem; }
.active-border-23:active { border-width: 1.4375rem; }
.disabled-border-23:disabled { border-width: 1.4375rem; }
.group:hover .group-hover-border-23 { border-width: 1.4375rem; }
.border-t-23 { border-top-width: 1.4375rem; }
.hover-border-t-23:hover { border-top-width: 1.4375rem; }
.focus-border-t-23:focus { border-top-width: 1.4375rem; }
.active-border-t-23:active { border-top-width: 1.4375rem; }
.disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
.group:hover .group-hover-border-t-23 { border-top-width: 1.4375rem; }
.border-r-23 { border-right-width: 1.4375rem; }
.hover-border-r-23:hover { border-right-width: 1.4375rem; }
.focus-border-r-23:focus { border-right-width: 1.4375rem; }
.active-border-r-23:active { border-right-width: 1.4375rem; }
.disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
.group:hover .group-hover-border-r-23 { border-right-width: 1.4375rem; }
.border-b-23 { border-bottom-width: 1.4375rem; }
.hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
.focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
.active-border-b-23:active { border-bottom-width: 1.4375rem; }
.disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
.group:hover .group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
.border-l-23 { border-left-width: 1.4375rem; }
.hover-border-l-23:hover { border-left-width: 1.4375rem; }
.focus-border-l-23:focus { border-left-width: 1.4375rem; }
.active-border-l-23:active { border-left-width: 1.4375rem; }
.disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
.group:hover .group-hover-border-l-23 { border-left-width: 1.4375rem; }
.border-24 { border-width: 1.5rem; }
.hover-border-24:hover { border-width: 1.5rem; }
.focus-border-24:focus { border-width: 1.5rem; }
.active-border-24:active { border-width: 1.5rem; }
.disabled-border-24:disabled { border-width: 1.5rem; }
.group:hover .group-hover-border-24 { border-width: 1.5rem; }
.border-24 { border-width: 1.5rem; }
.hover-border-24:hover { border-width: 1.5rem; }
.focus-border-24:focus { border-width: 1.5rem; }
.active-border-24:active { border-width: 1.5rem; }
.disabled-border-24:disabled { border-width: 1.5rem; }
.group:hover .group-hover-border-24 { border-width: 1.5rem; }
.border-t-24 { border-top-width: 1.5rem; }
.hover-border-t-24:hover { border-top-width: 1.5rem; }
.focus-border-t-24:focus { border-top-width: 1.5rem; }
.active-border-t-24:active { border-top-width: 1.5rem; }
.disabled-border-t-24:disabled { border-top-width: 1.5rem; }
.group:hover .group-hover-border-t-24 { border-top-width: 1.5rem; }
.border-r-24 { border-right-width: 1.5rem; }
.hover-border-r-24:hover { border-right-width: 1.5rem; }
.focus-border-r-24:focus { border-right-width: 1.5rem; }
.active-border-r-24:active { border-right-width: 1.5rem; }
.disabled-border-r-24:disabled { border-right-width: 1.5rem; }
.group:hover .group-hover-border-r-24 { border-right-width: 1.5rem; }
.border-b-24 { border-bottom-width: 1.5rem; }
.hover-border-b-24:hover { border-bottom-width: 1.5rem; }
.focus-border-b-24:focus { border-bottom-width: 1.5rem; }
.active-border-b-24:active { border-bottom-width: 1.5rem; }
.disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
.group:hover .group-hover-border-b-24 { border-bottom-width: 1.5rem; }
.border-l-24 { border-left-width: 1.5rem; }
.hover-border-l-24:hover { border-left-width: 1.5rem; }
.focus-border-l-24:focus { border-left-width: 1.5rem; }
.active-border-l-24:active { border-left-width: 1.5rem; }
.disabled-border-l-24:disabled { border-left-width: 1.5rem; }
.group:hover .group-hover-border-l-24 { border-left-width: 1.5rem; }
.border-25 { border-width: 1.5625rem; }
.hover-border-25:hover { border-width: 1.5625rem; }
.focus-border-25:focus { border-width: 1.5625rem; }
.active-border-25:active { border-width: 1.5625rem; }
.disabled-border-25:disabled { border-width: 1.5625rem; }
.group:hover .group-hover-border-25 { border-width: 1.5625rem; }
.border-25 { border-width: 1.5625rem; }
.hover-border-25:hover { border-width: 1.5625rem; }
.focus-border-25:focus { border-width: 1.5625rem; }
.active-border-25:active { border-width: 1.5625rem; }
.disabled-border-25:disabled { border-width: 1.5625rem; }
.group:hover .group-hover-border-25 { border-width: 1.5625rem; }
.border-t-25 { border-top-width: 1.5625rem; }
.hover-border-t-25:hover { border-top-width: 1.5625rem; }
.focus-border-t-25:focus { border-top-width: 1.5625rem; }
.active-border-t-25:active { border-top-width: 1.5625rem; }
.disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
.group:hover .group-hover-border-t-25 { border-top-width: 1.5625rem; }
.border-r-25 { border-right-width: 1.5625rem; }
.hover-border-r-25:hover { border-right-width: 1.5625rem; }
.focus-border-r-25:focus { border-right-width: 1.5625rem; }
.active-border-r-25:active { border-right-width: 1.5625rem; }
.disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
.group:hover .group-hover-border-r-25 { border-right-width: 1.5625rem; }
.border-b-25 { border-bottom-width: 1.5625rem; }
.hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
.focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
.active-border-b-25:active { border-bottom-width: 1.5625rem; }
.disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
.group:hover .group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
.border-l-25 { border-left-width: 1.5625rem; }
.hover-border-l-25:hover { border-left-width: 1.5625rem; }
.focus-border-l-25:focus { border-left-width: 1.5625rem; }
.active-border-l-25:active { border-left-width: 1.5625rem; }
.disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
.group:hover .group-hover-border-l-25 { border-left-width: 1.5625rem; }
.border-26 { border-width: 1.625rem; }
.hover-border-26:hover { border-width: 1.625rem; }
.focus-border-26:focus { border-width: 1.625rem; }
.active-border-26:active { border-width: 1.625rem; }
.disabled-border-26:disabled { border-width: 1.625rem; }
.group:hover .group-hover-border-26 { border-width: 1.625rem; }
.border-26 { border-width: 1.625rem; }
.hover-border-26:hover { border-width: 1.625rem; }
.focus-border-26:focus { border-width: 1.625rem; }
.active-border-26:active { border-width: 1.625rem; }
.disabled-border-26:disabled { border-width: 1.625rem; }
.group:hover .group-hover-border-26 { border-width: 1.625rem; }
.border-t-26 { border-top-width: 1.625rem; }
.hover-border-t-26:hover { border-top-width: 1.625rem; }
.focus-border-t-26:focus { border-top-width: 1.625rem; }
.active-border-t-26:active { border-top-width: 1.625rem; }
.disabled-border-t-26:disabled { border-top-width: 1.625rem; }
.group:hover .group-hover-border-t-26 { border-top-width: 1.625rem; }
.border-r-26 { border-right-width: 1.625rem; }
.hover-border-r-26:hover { border-right-width: 1.625rem; }
.focus-border-r-26:focus { border-right-width: 1.625rem; }
.active-border-r-26:active { border-right-width: 1.625rem; }
.disabled-border-r-26:disabled { border-right-width: 1.625rem; }
.group:hover .group-hover-border-r-26 { border-right-width: 1.625rem; }
.border-b-26 { border-bottom-width: 1.625rem; }
.hover-border-b-26:hover { border-bottom-width: 1.625rem; }
.focus-border-b-26:focus { border-bottom-width: 1.625rem; }
.active-border-b-26:active { border-bottom-width: 1.625rem; }
.disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
.group:hover .group-hover-border-b-26 { border-bottom-width: 1.625rem; }
.border-l-26 { border-left-width: 1.625rem; }
.hover-border-l-26:hover { border-left-width: 1.625rem; }
.focus-border-l-26:focus { border-left-width: 1.625rem; }
.active-border-l-26:active { border-left-width: 1.625rem; }
.disabled-border-l-26:disabled { border-left-width: 1.625rem; }
.group:hover .group-hover-border-l-26 { border-left-width: 1.625rem; }
.border-27 { border-width: 1.6875rem; }
.hover-border-27:hover { border-width: 1.6875rem; }
.focus-border-27:focus { border-width: 1.6875rem; }
.active-border-27:active { border-width: 1.6875rem; }
.disabled-border-27:disabled { border-width: 1.6875rem; }
.group:hover .group-hover-border-27 { border-width: 1.6875rem; }
.border-27 { border-width: 1.6875rem; }
.hover-border-27:hover { border-width: 1.6875rem; }
.focus-border-27:focus { border-width: 1.6875rem; }
.active-border-27:active { border-width: 1.6875rem; }
.disabled-border-27:disabled { border-width: 1.6875rem; }
.group:hover .group-hover-border-27 { border-width: 1.6875rem; }
.border-t-27 { border-top-width: 1.6875rem; }
.hover-border-t-27:hover { border-top-width: 1.6875rem; }
.focus-border-t-27:focus { border-top-width: 1.6875rem; }
.active-border-t-27:active { border-top-width: 1.6875rem; }
.disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
.group:hover .group-hover-border-t-27 { border-top-width: 1.6875rem; }
.border-r-27 { border-right-width: 1.6875rem; }
.hover-border-r-27:hover { border-right-width: 1.6875rem; }
.focus-border-r-27:focus { border-right-width: 1.6875rem; }
.active-border-r-27:active { border-right-width: 1.6875rem; }
.disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
.group:hover .group-hover-border-r-27 { border-right-width: 1.6875rem; }
.border-b-27 { border-bottom-width: 1.6875rem; }
.hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
.focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
.active-border-b-27:active { border-bottom-width: 1.6875rem; }
.disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
.group:hover .group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
.border-l-27 { border-left-width: 1.6875rem; }
.hover-border-l-27:hover { border-left-width: 1.6875rem; }
.focus-border-l-27:focus { border-left-width: 1.6875rem; }
.active-border-l-27:active { border-left-width: 1.6875rem; }
.disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
.group:hover .group-hover-border-l-27 { border-left-width: 1.6875rem; }
.border-28 { border-width: 1.75rem; }
.hover-border-28:hover { border-width: 1.75rem; }
.focus-border-28:focus { border-width: 1.75rem; }
.active-border-28:active { border-width: 1.75rem; }
.disabled-border-28:disabled { border-width: 1.75rem; }
.group:hover .group-hover-border-28 { border-width: 1.75rem; }
.border-28 { border-width: 1.75rem; }
.hover-border-28:hover { border-width: 1.75rem; }
.focus-border-28:focus { border-width: 1.75rem; }
.active-border-28:active { border-width: 1.75rem; }
.disabled-border-28:disabled { border-width: 1.75rem; }
.group:hover .group-hover-border-28 { border-width: 1.75rem; }
.border-t-28 { border-top-width: 1.75rem; }
.hover-border-t-28:hover { border-top-width: 1.75rem; }
.focus-border-t-28:focus { border-top-width: 1.75rem; }
.active-border-t-28:active { border-top-width: 1.75rem; }
.disabled-border-t-28:disabled { border-top-width: 1.75rem; }
.group:hover .group-hover-border-t-28 { border-top-width: 1.75rem; }
.border-r-28 { border-right-width: 1.75rem; }
.hover-border-r-28:hover { border-right-width: 1.75rem; }
.focus-border-r-28:focus { border-right-width: 1.75rem; }
.active-border-r-28:active { border-right-width: 1.75rem; }
.disabled-border-r-28:disabled { border-right-width: 1.75rem; }
.group:hover .group-hover-border-r-28 { border-right-width: 1.75rem; }
.border-b-28 { border-bottom-width: 1.75rem; }
.hover-border-b-28:hover { border-bottom-width: 1.75rem; }
.focus-border-b-28:focus { border-bottom-width: 1.75rem; }
.active-border-b-28:active { border-bottom-width: 1.75rem; }
.disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
.group:hover .group-hover-border-b-28 { border-bottom-width: 1.75rem; }
.border-l-28 { border-left-width: 1.75rem; }
.hover-border-l-28:hover { border-left-width: 1.75rem; }
.focus-border-l-28:focus { border-left-width: 1.75rem; }
.active-border-l-28:active { border-left-width: 1.75rem; }
.disabled-border-l-28:disabled { border-left-width: 1.75rem; }
.group:hover .group-hover-border-l-28 { border-left-width: 1.75rem; }
.border-29 { border-width: 1.8125rem; }
.hover-border-29:hover { border-width: 1.8125rem; }
.focus-border-29:focus { border-width: 1.8125rem; }
.active-border-29:active { border-width: 1.8125rem; }
.disabled-border-29:disabled { border-width: 1.8125rem; }
.group:hover .group-hover-border-29 { border-width: 1.8125rem; }
.border-29 { border-width: 1.8125rem; }
.hover-border-29:hover { border-width: 1.8125rem; }
.focus-border-29:focus { border-width: 1.8125rem; }
.active-border-29:active { border-width: 1.8125rem; }
.disabled-border-29:disabled { border-width: 1.8125rem; }
.group:hover .group-hover-border-29 { border-width: 1.8125rem; }
.border-t-29 { border-top-width: 1.8125rem; }
.hover-border-t-29:hover { border-top-width: 1.8125rem; }
.focus-border-t-29:focus { border-top-width: 1.8125rem; }
.active-border-t-29:active { border-top-width: 1.8125rem; }
.disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
.group:hover .group-hover-border-t-29 { border-top-width: 1.8125rem; }
.border-r-29 { border-right-width: 1.8125rem; }
.hover-border-r-29:hover { border-right-width: 1.8125rem; }
.focus-border-r-29:focus { border-right-width: 1.8125rem; }
.active-border-r-29:active { border-right-width: 1.8125rem; }
.disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
.group:hover .group-hover-border-r-29 { border-right-width: 1.8125rem; }
.border-b-29 { border-bottom-width: 1.8125rem; }
.hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
.focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
.active-border-b-29:active { border-bottom-width: 1.8125rem; }
.disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
.group:hover .group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
.border-l-29 { border-left-width: 1.8125rem; }
.hover-border-l-29:hover { border-left-width: 1.8125rem; }
.focus-border-l-29:focus { border-left-width: 1.8125rem; }
.active-border-l-29:active { border-left-width: 1.8125rem; }
.disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
.group:hover .group-hover-border-l-29 { border-left-width: 1.8125rem; }
.border-30 { border-width: 1.875rem; }
.hover-border-30:hover { border-width: 1.875rem; }
.focus-border-30:focus { border-width: 1.875rem; }
.active-border-30:active { border-width: 1.875rem; }
.disabled-border-30:disabled { border-width: 1.875rem; }
.group:hover .group-hover-border-30 { border-width: 1.875rem; }
.border-30 { border-width: 1.875rem; }
.hover-border-30:hover { border-width: 1.875rem; }
.focus-border-30:focus { border-width: 1.875rem; }
.active-border-30:active { border-width: 1.875rem; }
.disabled-border-30:disabled { border-width: 1.875rem; }
.group:hover .group-hover-border-30 { border-width: 1.875rem; }
.border-t-30 { border-top-width: 1.875rem; }
.hover-border-t-30:hover { border-top-width: 1.875rem; }
.focus-border-t-30:focus { border-top-width: 1.875rem; }
.active-border-t-30:active { border-top-width: 1.875rem; }
.disabled-border-t-30:disabled { border-top-width: 1.875rem; }
.group:hover .group-hover-border-t-30 { border-top-width: 1.875rem; }
.border-r-30 { border-right-width: 1.875rem; }
.hover-border-r-30:hover { border-right-width: 1.875rem; }
.focus-border-r-30:focus { border-right-width: 1.875rem; }
.active-border-r-30:active { border-right-width: 1.875rem; }
.disabled-border-r-30:disabled { border-right-width: 1.875rem; }
.group:hover .group-hover-border-r-30 { border-right-width: 1.875rem; }
.border-b-30 { border-bottom-width: 1.875rem; }
.hover-border-b-30:hover { border-bottom-width: 1.875rem; }
.focus-border-b-30:focus { border-bottom-width: 1.875rem; }
.active-border-b-30:active { border-bottom-width: 1.875rem; }
.disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
.group:hover .group-hover-border-b-30 { border-bottom-width: 1.875rem; }
.border-l-30 { border-left-width: 1.875rem; }
.hover-border-l-30:hover { border-left-width: 1.875rem; }
.focus-border-l-30:focus { border-left-width: 1.875rem; }
.active-border-l-30:active { border-left-width: 1.875rem; }
.disabled-border-l-30:disabled { border-left-width: 1.875rem; }
.group:hover .group-hover-border-l-30 { border-left-width: 1.875rem; }
.border-31 { border-width: 1.9375rem; }
.hover-border-31:hover { border-width: 1.9375rem; }
.focus-border-31:focus { border-width: 1.9375rem; }
.active-border-31:active { border-width: 1.9375rem; }
.disabled-border-31:disabled { border-width: 1.9375rem; }
.group:hover .group-hover-border-31 { border-width: 1.9375rem; }
.border-31 { border-width: 1.9375rem; }
.hover-border-31:hover { border-width: 1.9375rem; }
.focus-border-31:focus { border-width: 1.9375rem; }
.active-border-31:active { border-width: 1.9375rem; }
.disabled-border-31:disabled { border-width: 1.9375rem; }
.group:hover .group-hover-border-31 { border-width: 1.9375rem; }
.border-t-31 { border-top-width: 1.9375rem; }
.hover-border-t-31:hover { border-top-width: 1.9375rem; }
.focus-border-t-31:focus { border-top-width: 1.9375rem; }
.active-border-t-31:active { border-top-width: 1.9375rem; }
.disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
.group:hover .group-hover-border-t-31 { border-top-width: 1.9375rem; }
.border-r-31 { border-right-width: 1.9375rem; }
.hover-border-r-31:hover { border-right-width: 1.9375rem; }
.focus-border-r-31:focus { border-right-width: 1.9375rem; }
.active-border-r-31:active { border-right-width: 1.9375rem; }
.disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
.group:hover .group-hover-border-r-31 { border-right-width: 1.9375rem; }
.border-b-31 { border-bottom-width: 1.9375rem; }
.hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
.focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
.active-border-b-31:active { border-bottom-width: 1.9375rem; }
.disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
.group:hover .group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
.border-l-31 { border-left-width: 1.9375rem; }
.hover-border-l-31:hover { border-left-width: 1.9375rem; }
.focus-border-l-31:focus { border-left-width: 1.9375rem; }
.active-border-l-31:active { border-left-width: 1.9375rem; }
.disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
.group:hover .group-hover-border-l-31 { border-left-width: 1.9375rem; }
.border-32 { border-width: 2.0rem; }
.hover-border-32:hover { border-width: 2.0rem; }
.focus-border-32:focus { border-width: 2.0rem; }
.active-border-32:active { border-width: 2.0rem; }
.disabled-border-32:disabled { border-width: 2.0rem; }
.group:hover .group-hover-border-32 { border-width: 2.0rem; }
.border-32 { border-width: 2.0rem; }
.hover-border-32:hover { border-width: 2.0rem; }
.focus-border-32:focus { border-width: 2.0rem; }
.active-border-32:active { border-width: 2.0rem; }
.disabled-border-32:disabled { border-width: 2.0rem; }
.group:hover .group-hover-border-32 { border-width: 2.0rem; }
.border-t-32 { border-top-width: 2.0rem; }
.hover-border-t-32:hover { border-top-width: 2.0rem; }
.focus-border-t-32:focus { border-top-width: 2.0rem; }
.active-border-t-32:active { border-top-width: 2.0rem; }
.disabled-border-t-32:disabled { border-top-width: 2.0rem; }
.group:hover .group-hover-border-t-32 { border-top-width: 2.0rem; }
.border-r-32 { border-right-width: 2.0rem; }
.hover-border-r-32:hover { border-right-width: 2.0rem; }
.focus-border-r-32:focus { border-right-width: 2.0rem; }
.active-border-r-32:active { border-right-width: 2.0rem; }
.disabled-border-r-32:disabled { border-right-width: 2.0rem; }
.group:hover .group-hover-border-r-32 { border-right-width: 2.0rem; }
.border-b-32 { border-bottom-width: 2.0rem; }
.hover-border-b-32:hover { border-bottom-width: 2.0rem; }
.focus-border-b-32:focus { border-bottom-width: 2.0rem; }
.active-border-b-32:active { border-bottom-width: 2.0rem; }
.disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
.group:hover .group-hover-border-b-32 { border-bottom-width: 2.0rem; }
.border-l-32 { border-left-width: 2.0rem; }
.hover-border-l-32:hover { border-left-width: 2.0rem; }
.focus-border-l-32:focus { border-left-width: 2.0rem; }
.active-border-l-32:active { border-left-width: 2.0rem; }
.disabled-border-l-32:disabled { border-left-width: 2.0rem; }
.group:hover .group-hover-border-l-32 { border-left-width: 2.0rem; }
.border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.group:hover .group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.group:hover .group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.group:hover .group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.group:hover .group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.group:hover .group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.group:hover .group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.group:hover .group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.group:hover .group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.group:hover .group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.group:hover .group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.group:hover .group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.group:hover .group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.group:hover .group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.group:hover .group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.group:hover .group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.group:hover .group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.group:hover .group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.group:hover .group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.group:hover .group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.group:hover .group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.group:hover .group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.group:hover .group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.group:hover .group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.group:hover .group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.group:hover .group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.group:hover .group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.group:hover .group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.group:hover .group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.group:hover .group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.group:hover .group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.group:hover .group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.group:hover .group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.group:hover .group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.group:hover .group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.group:hover .group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.group:hover .group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.group:hover .group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.group:hover .group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.group:hover .group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.group:hover .group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.group:hover .group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.group:hover .group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.group:hover .group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.group:hover .group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.group:hover .group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.group:hover .group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.group:hover .group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.group:hover .group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.group:hover .group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.group:hover .group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.group:hover .group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.group:hover .group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.group:hover .group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.group:hover .group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.group:hover .group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.group:hover .group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.group:hover .group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.group:hover .group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.group:hover .group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.group:hover .group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.group:hover .group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.group:hover .group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.group:hover .group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.group:hover .group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.group:hover .group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.group:hover .group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.border-transparent { border-color: transparent; }
.hover-border-transparent:hover { border-color: transparent; }
.focus-border-transparent:focus { border-color: transparent; }
.active-border-transparent:active { border-color: transparent; }
.disabled-border-transparent:disabled { border-color: transparent; }
.group:hover .group-hover-border-transparent { border-color: transparent; }
.border-inherit { border-color: inherit; }
.hover-border-inherit:hover { border-color: inherit; }
.focus-border-inherit:focus { border-color: inherit; }
.active-border-inherit:active { border-color: inherit; }
.disabled-border-inherit:disabled { border-color: inherit; }
.group:hover .group-hover-border-inherit { border-color: inherit; }
.bg-transparent { background-color: transparent; }
.hover-bg-transparent:hover { background-color: transparent; }
.focus-bg-transparent:focus { background-color: transparent; }
.active-bg-transparent:active { background-color: transparent; }
.disabled-bg-transparent:disabled { background-color: transparent; }
.group:hover .group-hover-bg-transparent { background-color: transparent; }
.bg-inherit { background-color: inherit; }
.hover-bg-inherit:hover { background-color: inherit; }
.focus-bg-inherit:focus { background-color: inherit; }
.active-bg-inherit:active { background-color: inherit; }
.disabled-bg-inherit:disabled { background-color: inherit; }
.group:hover .group-hover-bg-inherit { background-color: inherit; }
.text-transparent { color: transparent; }
.hover-text-transparent:hover { color: transparent; }
.focus-text-transparent:focus { color: transparent; }
.active-text-transparent:active { color: transparent; }
.disabled-text-transparent:disabled { color: transparent; }
.group:hover .group-hover-text-transparent { color: transparent; }
.text-inherit { color: inherit; }
.hover-text-inherit:hover { color: inherit; }
.focus-text-inherit:focus { color: inherit; }
.active-text-inherit:active { color: inherit; }
.disabled-text-inherit:disabled { color: inherit; }
.group:hover .group-hover-text-inherit { color: inherit; }
.border-solid { border-style: solid; }
.hover-border-solid:hover { border-style: solid; }
.focus-border-solid:focus { border-style: solid; }
.active-border-solid:active { border-style: solid; }
.disabled-border-solid:disabled { border-style: solid; }
.group:hover .group-hover-border-solid { border-style: solid; }
.border-dashed { border-style: dashed; }
.hover-border-dashed:hover { border-style: dashed; }
.focus-border-dashed:focus { border-style: dashed; }
.active-border-dashed:active { border-style: dashed; }
.disabled-border-dashed:disabled { border-style: dashed; }
.group:hover .group-hover-border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
.hover-border-dotted:hover { border-style: dotted; }
.focus-border-dotted:focus { border-style: dotted; }
.active-border-dotted:active { border-style: dotted; }
.disabled-border-dotted:disabled { border-style: dotted; }
.group:hover .group-hover-border-dotted { border-style: dotted; }
.border-double { border-style: double; }
.hover-border-double:hover { border-style: double; }
.focus-border-double:focus { border-style: double; }
.active-border-double:active { border-style: double; }
.disabled-border-double:disabled { border-style: double; }
.group:hover .group-hover-border-double { border-style: double; }
.border-none { border-style: none; }
.hover-border-none:hover { border-style: none; }
.focus-border-none:focus { border-style: none; }
.active-border-none:active { border-style: none; }
.disabled-border-none:disabled { border-style: none; }
.group:hover .group-hover-border-none { border-style: none; }
.z-auto { z-index: auto; }
.hover-z-auto:hover { z-index: auto; }
.focus-z-auto:focus { z-index: auto; }
.active-z-auto:active { z-index: auto; }
.disabled-z-auto:disabled { z-index: auto; }
.group:hover .group-hover-z-auto { z-index: auto; }
.z-0 { z-index: 0; }
.hover-z-0:hover { z-index: 0; }
.focus-z-0:focus { z-index: 0; }
.active-z-0:active { z-index: 0; }
.disabled-z-0:disabled { z-index: 0; }
.group:hover .group-hover-z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.hover-z-10:hover { z-index: 10; }
.focus-z-10:focus { z-index: 10; }
.active-z-10:active { z-index: 10; }
.disabled-z-10:disabled { z-index: 10; }
.group:hover .group-hover-z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.hover-z-20:hover { z-index: 20; }
.focus-z-20:focus { z-index: 20; }
.active-z-20:active { z-index: 20; }
.disabled-z-20:disabled { z-index: 20; }
.group:hover .group-hover-z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.hover-z-30:hover { z-index: 30; }
.focus-z-30:focus { z-index: 30; }
.active-z-30:active { z-index: 30; }
.disabled-z-30:disabled { z-index: 30; }
.group:hover .group-hover-z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.hover-z-40:hover { z-index: 40; }
.focus-z-40:focus { z-index: 40; }
.active-z-40:active { z-index: 40; }
.disabled-z-40:disabled { z-index: 40; }
.group:hover .group-hover-z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.hover-z-50:hover { z-index: 50; }
.focus-z-50:focus { z-index: 50; }
.active-z-50:active { z-index: 50; }
.disabled-z-50:disabled { z-index: 50; }
.group:hover .group-hover-z-50 { z-index: 50; }
.z-100 { z-index: 100; }
.hover-z-100:hover { z-index: 100; }
.focus-z-100:focus { z-index: 100; }
.active-z-100:active { z-index: 100; }
.disabled-z-100:disabled { z-index: 100; }
.group:hover .group-hover-z-100 { z-index: 100; }
.z-9999 { z-index: 9999; }
.hover-z-9999:hover { z-index: 9999; }
.focus-z-9999:focus { z-index: 9999; }
.active-z-9999:active { z-index: 9999; }
.disabled-z-9999:disabled { z-index: 9999; }
.group:hover .group-hover-z-9999 { z-index: 9999; }
.-z-10 { z-index: -10; }
.hover--z-10:hover { z-index: -10; }
.focus--z-10:focus { z-index: -10; }
.active--z-10:active { z-index: -10; }
.disabled--z-10:disabled { z-index: -10; }
.group:hover .group-hover--z-10 { z-index: -10; }
.-z-20 { z-index: -20; }
.hover--z-20:hover { z-index: -20; }
.focus--z-20:focus { z-index: -20; }
.active--z-20:active { z-index: -20; }
.disabled--z-20:disabled { z-index: -20; }
.group:hover .group-hover--z-20 { z-index: -20; }
.-z-40 { z-index: -40; }
.hover--z-40:hover { z-index: -40; }
.focus--z-40:focus { z-index: -40; }
.active--z-40:active { z-index: -40; }
.disabled--z-40:disabled { z-index: -40; }
.group:hover .group-hover--z-40 { z-index: -40; }
.-z-50 { z-index: -50; }
.hover--z-50:hover { z-index: -50; }
.focus--z-50:focus { z-index: -50; }
.active--z-50:active { z-index: -50; }
.disabled--z-50:disabled { z-index: -50; }
.group:hover .group-hover--z-50 { z-index: -50; }
.-z-100 { z-index: -100; }
.hover--z-100:hover { z-index: -100; }
.focus--z-100:focus { z-index: -100; }
.active--z-100:active { z-index: -100; }
.disabled--z-100:disabled { z-index: -100; }
.group:hover .group-hover--z-100 { z-index: -100; }
.opacity-0 { opacity: 0; }
.hover-opacity-0:hover { opacity: 0; }
.focus-opacity-0:focus { opacity: 0; }
.active-opacity-0:active { opacity: 0; }
.disabled-opacity-0:disabled { opacity: 0; }
.group:hover .group-hover-opacity-0 { opacity: 0; }
.opacity-10 { opacity: 0.1; }
.hover-opacity-10:hover { opacity: 0.1; }
.focus-opacity-10:focus { opacity: 0.1; }
.active-opacity-10:active { opacity: 0.1; }
.disabled-opacity-10:disabled { opacity: 0.1; }
.group:hover .group-hover-opacity-10 { opacity: 0.1; }
.opacity-20 { opacity: 0.2; }
.hover-opacity-20:hover { opacity: 0.2; }
.focus-opacity-20:focus { opacity: 0.2; }
.active-opacity-20:active { opacity: 0.2; }
.disabled-opacity-20:disabled { opacity: 0.2; }
.group:hover .group-hover-opacity-20 { opacity: 0.2; }
.opacity-25 { opacity: 0.25; }
.hover-opacity-25:hover { opacity: 0.25; }
.focus-opacity-25:focus { opacity: 0.25; }
.active-opacity-25:active { opacity: 0.25; }
.disabled-opacity-25:disabled { opacity: 0.25; }
.group:hover .group-hover-opacity-25 { opacity: 0.25; }
.opacity-30 { opacity: 0.3; }
.hover-opacity-30:hover { opacity: 0.3; }
.focus-opacity-30:focus { opacity: 0.3; }
.active-opacity-30:active { opacity: 0.3; }
.disabled-opacity-30:disabled { opacity: 0.3; }
.group:hover .group-hover-opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
.hover-opacity-40:hover { opacity: 0.4; }
.focus-opacity-40:focus { opacity: 0.4; }
.active-opacity-40:active { opacity: 0.4; }
.disabled-opacity-40:disabled { opacity: 0.4; }
.group:hover .group-hover-opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.hover-opacity-50:hover { opacity: 0.5; }
.focus-opacity-50:focus { opacity: 0.5; }
.active-opacity-50:active { opacity: 0.5; }
.disabled-opacity-50:disabled { opacity: 0.5; }
.group:hover .group-hover-opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.hover-opacity-60:hover { opacity: 0.6; }
.focus-opacity-60:focus { opacity: 0.6; }
.active-opacity-60:active { opacity: 0.6; }
.disabled-opacity-60:disabled { opacity: 0.6; }
.group:hover .group-hover-opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.hover-opacity-70:hover { opacity: 0.7; }
.focus-opacity-70:focus { opacity: 0.7; }
.active-opacity-70:active { opacity: 0.7; }
.disabled-opacity-70:disabled { opacity: 0.7; }
.group:hover .group-hover-opacity-70 { opacity: 0.7; }
.opacity-75 { opacity: 0.75; }
.hover-opacity-75:hover { opacity: 0.75; }
.focus-opacity-75:focus { opacity: 0.75; }
.active-opacity-75:active { opacity: 0.75; }
.disabled-opacity-75:disabled { opacity: 0.75; }
.group:hover .group-hover-opacity-75 { opacity: 0.75; }
.opacity-80 { opacity: 0.8; }
.hover-opacity-80:hover { opacity: 0.8; }
.focus-opacity-80:focus { opacity: 0.8; }
.active-opacity-80:active { opacity: 0.8; }
.disabled-opacity-80:disabled { opacity: 0.8; }
.group:hover .group-hover-opacity-80 { opacity: 0.8; }
.opacity-90 { opacity: 0.9; }
.hover-opacity-90:hover { opacity: 0.9; }
.focus-opacity-90:focus { opacity: 0.9; }
.active-opacity-90:active { opacity: 0.9; }
.disabled-opacity-90:disabled { opacity: 0.9; }
.group:hover .group-hover-opacity-90 { opacity: 0.9; }
.opacity-100 { opacity: 1; }
.hover-opacity-100:hover { opacity: 1; }
.focus-opacity-100:focus { opacity: 1; }
.active-opacity-100:active { opacity: 1; }
.disabled-opacity-100:disabled { opacity: 1; }
.group:hover .group-hover-opacity-100 { opacity: 1; }
.bg-gradient-l { --quanta-gradient-direction: to left; }
.hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
.focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
.active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
.disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
.group:hover .group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
.bg-gradient-r { --quanta-gradient-direction: to right; }
.hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
.focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
.active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
.disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
.group:hover .group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
.bg-gradient-t { --quanta-gradient-direction: to top; }
.hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
.focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
.active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
.disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
.group:hover .group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
.bg-gradient-b { --quanta-gradient-direction: to bottom; }
.hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
.focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
.active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
.disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
.group:hover .group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
.bg-gradient-tl { --quanta-gradient-direction: to top left; }
.hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
.focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
.active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
.disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
.group:hover .group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
.bg-gradient-tr { --quanta-gradient-direction: to top right; }
.hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
.focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
.active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
.disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
.group:hover .group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
.bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
.hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
.focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
.active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
.disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
.group:hover .group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
.bg-gradient-br { --quanta-gradient-direction: to bottom right; }
.hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
.focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
.active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
.disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
.group:hover .group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
.rounded-0 { border-radius: 0; }
.hover-rounded-0:hover { border-radius: 0; }
.focus-rounded-0:focus { border-radius: 0; }
.active-rounded-0:active { border-radius: 0; }
.disabled-rounded-0:disabled { border-radius: 0; }
.group:hover .group-hover-rounded-0 { border-radius: 0; }
.rounded-xs { border-radius: 0.125rem; }
.hover-rounded-xs:hover { border-radius: 0.125rem; }
.focus-rounded-xs:focus { border-radius: 0.125rem; }
.active-rounded-xs:active { border-radius: 0.125rem; }
.disabled-rounded-xs:disabled { border-radius: 0.125rem; }
.group:hover .group-hover-rounded-xs { border-radius: 0.125rem; }
.rounded-sm { border-radius: 0.25rem; }
.hover-rounded-sm:hover { border-radius: 0.25rem; }
.focus-rounded-sm:focus { border-radius: 0.25rem; }
.active-rounded-sm:active { border-radius: 0.25rem; }
.disabled-rounded-sm:disabled { border-radius: 0.25rem; }
.group:hover .group-hover-rounded-sm { border-radius: 0.25rem; }
.rounded { border-radius: 0.5rem; }
.hover-rounded:hover { border-radius: 0.5rem; }
.focus-rounded:focus { border-radius: 0.5rem; }
.active-rounded:active { border-radius: 0.5rem; }
.disabled-rounded:disabled { border-radius: 0.5rem; }
.group:hover .group-hover-rounded { border-radius: 0.5rem; }
.rounded-md { border-radius: 0.75rem; }
.hover-rounded-md:hover { border-radius: 0.75rem; }
.focus-rounded-md:focus { border-radius: 0.75rem; }
.active-rounded-md:active { border-radius: 0.75rem; }
.disabled-rounded-md:disabled { border-radius: 0.75rem; }
.group:hover .group-hover-rounded-md { border-radius: 0.75rem; }
.rounded-lg { border-radius: 1rem; }
.hover-rounded-lg:hover { border-radius: 1rem; }
.focus-rounded-lg:focus { border-radius: 1rem; }
.active-rounded-lg:active { border-radius: 1rem; }
.disabled-rounded-lg:disabled { border-radius: 1rem; }
.group:hover .group-hover-rounded-lg { border-radius: 1rem; }
.rounded-xl { border-radius: 1.5rem; }
.hover-rounded-xl:hover { border-radius: 1.5rem; }
.focus-rounded-xl:focus { border-radius: 1.5rem; }
.active-rounded-xl:active { border-radius: 1.5rem; }
.disabled-rounded-xl:disabled { border-radius: 1.5rem; }
.group:hover .group-hover-rounded-xl { border-radius: 1.5rem; }
.rounded-2xl { border-radius: 2rem; }
.hover-rounded-2xl:hover { border-radius: 2rem; }
.focus-rounded-2xl:focus { border-radius: 2rem; }
.active-rounded-2xl:active { border-radius: 2rem; }
.disabled-rounded-2xl:disabled { border-radius: 2rem; }
.group:hover .group-hover-rounded-2xl { border-radius: 2rem; }
.rounded-full { border-radius: 9999px; }
.hover-rounded-full:hover { border-radius: 9999px; }
.focus-rounded-full:focus { border-radius: 9999px; }
.active-rounded-full:active { border-radius: 9999px; }
.disabled-rounded-full:disabled { border-radius: 9999px; }
.group:hover .group-hover-rounded-full { border-radius: 9999px; }
.rounded-pill { border-radius: 50px; }
.hover-rounded-pill:hover { border-radius: 50px; }
.focus-rounded-pill:focus { border-radius: 50px; }
.active-rounded-pill:active { border-radius: 50px; }
.disabled-rounded-pill:disabled { border-radius: 50px; }
.group:hover .group-hover-rounded-pill { border-radius: 50px; }
.outline-none { outline: none; }
.hover-outline-none:hover { outline: none; }
.focus-outline-none:focus { outline: none; }
.active-outline-none:active { outline: none; }
.disabled-outline-none:disabled { outline: none; }
.group:hover .group-hover-outline-none { outline: none; }
.outline { outline: 1px solid currentColor; }
.hover-outline:hover { outline: 1px solid currentColor; }
.focus-outline:focus { outline: 1px solid currentColor; }
.active-outline:active { outline: 1px solid currentColor; }
.disabled-outline:disabled { outline: 1px solid currentColor; }
.group:hover .group-hover-outline { outline: 1px solid currentColor; }
.outline-offset-0 { outline-offset: 0rem; }
.hover-outline-offset-0:hover { outline-offset: 0rem; }
.focus-outline-offset-0:focus { outline-offset: 0rem; }
.active-outline-offset-0:active { outline-offset: 0rem; }
.disabled-outline-offset-0:disabled { outline-offset: 0rem; }
.group:hover .group-hover-outline-offset-0 { outline-offset: 0rem; }
.outline-offset-1 { outline-offset: 0.25rem; }
.hover-outline-offset-1:hover { outline-offset: 0.25rem; }
.focus-outline-offset-1:focus { outline-offset: 0.25rem; }
.active-outline-offset-1:active { outline-offset: 0.25rem; }
.disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
.group:hover .group-hover-outline-offset-1 { outline-offset: 0.25rem; }
.outline-offset-2 { outline-offset: 0.5rem; }
.hover-outline-offset-2:hover { outline-offset: 0.5rem; }
.focus-outline-offset-2:focus { outline-offset: 0.5rem; }
.active-outline-offset-2:active { outline-offset: 0.5rem; }
.disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
.group:hover .group-hover-outline-offset-2 { outline-offset: 0.5rem; }
.outline-offset-3 { outline-offset: 0.75rem; }
.hover-outline-offset-3:hover { outline-offset: 0.75rem; }
.focus-outline-offset-3:focus { outline-offset: 0.75rem; }
.active-outline-offset-3:active { outline-offset: 0.75rem; }
.disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
.group:hover .group-hover-outline-offset-3 { outline-offset: 0.75rem; }
.outline-offset-4 { outline-offset: 1rem; }
.hover-outline-offset-4:hover { outline-offset: 1rem; }
.focus-outline-offset-4:focus { outline-offset: 1rem; }
.active-outline-offset-4:active { outline-offset: 1rem; }
.disabled-outline-offset-4:disabled { outline-offset: 1rem; }
.group:hover .group-hover-outline-offset-4 { outline-offset: 1rem; }
.outline-offset-8 { outline-offset: 2rem; }
.hover-outline-offset-8:hover { outline-offset: 2rem; }
.focus-outline-offset-8:focus { outline-offset: 2rem; }
.active-outline-offset-8:active { outline-offset: 2rem; }
.disabled-outline-offset-8:disabled { outline-offset: 2rem; }
.group:hover .group-hover-outline-offset-8 { outline-offset: 2rem; }
.outline-red-50 { outline-color: var(--quanta-red-50); }
.hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
.focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
.active-outline-red-50:active { outline-color: var(--quanta-red-50); }
.disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
.group:hover .group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
.outline-red-100 { outline-color: var(--quanta-red-100); }
.hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
.focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
.active-outline-red-100:active { outline-color: var(--quanta-red-100); }
.disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
.group:hover .group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
.outline-red-200 { outline-color: var(--quanta-red-200); }
.hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
.focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
.active-outline-red-200:active { outline-color: var(--quanta-red-200); }
.disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
.group:hover .group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
.outline-red-300 { outline-color: var(--quanta-red-300); }
.hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
.focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
.active-outline-red-300:active { outline-color: var(--quanta-red-300); }
.disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
.group:hover .group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
.outline-red-400 { outline-color: var(--quanta-red-400); }
.hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
.focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
.active-outline-red-400:active { outline-color: var(--quanta-red-400); }
.disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
.group:hover .group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
.outline-red-500 { outline-color: var(--quanta-red-500); }
.hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
.focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
.active-outline-red-500:active { outline-color: var(--quanta-red-500); }
.disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
.group:hover .group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
.outline-red-600 { outline-color: var(--quanta-red-600); }
.hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
.focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
.active-outline-red-600:active { outline-color: var(--quanta-red-600); }
.disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
.group:hover .group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
.outline-red-700 { outline-color: var(--quanta-red-700); }
.hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
.focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
.active-outline-red-700:active { outline-color: var(--quanta-red-700); }
.disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
.group:hover .group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
.outline-red-800 { outline-color: var(--quanta-red-800); }
.hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
.focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
.active-outline-red-800:active { outline-color: var(--quanta-red-800); }
.disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
.group:hover .group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
.outline-red-900 { outline-color: var(--quanta-red-900); }
.hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
.focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
.active-outline-red-900:active { outline-color: var(--quanta-red-900); }
.disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
.group:hover .group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
.outline-orange-50 { outline-color: var(--quanta-orange-50); }
.hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
.focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
.active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
.disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
.group:hover .group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
.outline-orange-100 { outline-color: var(--quanta-orange-100); }
.hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
.focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
.active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
.disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
.group:hover .group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
.outline-orange-200 { outline-color: var(--quanta-orange-200); }
.hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
.focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
.active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
.disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
.group:hover .group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
.outline-orange-300 { outline-color: var(--quanta-orange-300); }
.hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
.focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
.active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
.disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
.group:hover .group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
.outline-orange-400 { outline-color: var(--quanta-orange-400); }
.hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
.focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
.active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
.disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
.group:hover .group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
.outline-orange-500 { outline-color: var(--quanta-orange-500); }
.hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
.focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
.active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
.disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
.group:hover .group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
.outline-orange-600 { outline-color: var(--quanta-orange-600); }
.hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
.focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
.active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
.disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
.group:hover .group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
.outline-orange-700 { outline-color: var(--quanta-orange-700); }
.hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
.focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
.active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
.disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
.group:hover .group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
.outline-orange-800 { outline-color: var(--quanta-orange-800); }
.hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
.focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
.active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
.disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
.group:hover .group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
.outline-orange-900 { outline-color: var(--quanta-orange-900); }
.hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
.focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
.active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
.disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
.group:hover .group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
.outline-teal-50 { outline-color: var(--quanta-teal-50); }
.hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
.focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
.active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
.disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
.group:hover .group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
.outline-teal-100 { outline-color: var(--quanta-teal-100); }
.hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
.focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
.active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
.disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
.group:hover .group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
.outline-teal-200 { outline-color: var(--quanta-teal-200); }
.hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
.focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
.active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
.disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
.group:hover .group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
.outline-teal-300 { outline-color: var(--quanta-teal-300); }
.hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
.focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
.active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
.disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
.group:hover .group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
.outline-teal-400 { outline-color: var(--quanta-teal-400); }
.hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
.focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
.active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
.disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
.group:hover .group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
.outline-teal-500 { outline-color: var(--quanta-teal-500); }
.hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
.focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
.active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
.disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
.group:hover .group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
.outline-teal-600 { outline-color: var(--quanta-teal-600); }
.hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
.focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
.active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
.disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
.group:hover .group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
.outline-teal-700 { outline-color: var(--quanta-teal-700); }
.hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
.focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
.active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
.disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
.group:hover .group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
.outline-teal-800 { outline-color: var(--quanta-teal-800); }
.hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
.focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
.active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
.disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
.group:hover .group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
.outline-teal-900 { outline-color: var(--quanta-teal-900); }
.hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
.focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
.active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
.disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
.group:hover .group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
.outline-purple-50 { outline-color: var(--quanta-purple-50); }
.hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
.focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
.active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
.disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
.group:hover .group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
.outline-purple-100 { outline-color: var(--quanta-purple-100); }
.hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
.focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
.active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
.disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
.group:hover .group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
.outline-purple-200 { outline-color: var(--quanta-purple-200); }
.hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
.focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
.active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
.disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
.group:hover .group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
.outline-purple-300 { outline-color: var(--quanta-purple-300); }
.hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
.focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
.active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
.disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
.group:hover .group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
.outline-purple-400 { outline-color: var(--quanta-purple-400); }
.hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
.focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
.active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
.disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
.group:hover .group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
.outline-purple-500 { outline-color: var(--quanta-purple-500); }
.hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
.focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
.active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
.disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
.group:hover .group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
.outline-purple-600 { outline-color: var(--quanta-purple-600); }
.hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
.focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
.active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
.disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
.group:hover .group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
.outline-purple-700 { outline-color: var(--quanta-purple-700); }
.hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
.focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
.active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
.disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
.group:hover .group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
.outline-purple-800 { outline-color: var(--quanta-purple-800); }
.hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
.focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
.active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
.disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
.group:hover .group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
.outline-purple-900 { outline-color: var(--quanta-purple-900); }
.hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
.focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
.active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
.disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
.group:hover .group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
.outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
.hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
.focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
.active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
.disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
.group:hover .group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
.outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
.focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
.active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
.disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
.group:hover .group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
.focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
.active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
.disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
.group:hover .group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
.focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
.active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
.disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
.group:hover .group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
.focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
.active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
.disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
.group:hover .group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
.focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
.active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
.disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
.group:hover .group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
.focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
.active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
.disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
.group:hover .group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
.focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
.active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
.disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
.group:hover .group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
.focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
.active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
.disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
.group:hover .group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
.hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
.focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
.active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
.disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
.group:hover .group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
.outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
.hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
.focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
.active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
.disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
.group:hover .group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
.outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
.focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
.active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
.disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
.group:hover .group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
.focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
.active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
.disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
.group:hover .group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
.focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
.active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
.disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
.group:hover .group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
.focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
.active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
.disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
.group:hover .group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
.focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
.active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
.disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
.group:hover .group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
.focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
.active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
.disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
.group:hover .group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
.focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
.active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
.disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
.group:hover .group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
.focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
.active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
.disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
.group:hover .group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
.hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
.focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
.active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
.disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
.group:hover .group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
.outline-pink-50 { outline-color: var(--quanta-pink-50); }
.hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
.focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
.active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
.disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
.group:hover .group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
.outline-pink-100 { outline-color: var(--quanta-pink-100); }
.hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
.focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
.active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
.disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
.group:hover .group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
.outline-pink-200 { outline-color: var(--quanta-pink-200); }
.hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
.focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
.active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
.disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
.group:hover .group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
.outline-pink-300 { outline-color: var(--quanta-pink-300); }
.hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
.focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
.active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
.disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
.group:hover .group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
.outline-pink-400 { outline-color: var(--quanta-pink-400); }
.hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
.focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
.active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
.disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
.group:hover .group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
.outline-pink-500 { outline-color: var(--quanta-pink-500); }
.hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
.focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
.active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
.disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
.group:hover .group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
.outline-pink-600 { outline-color: var(--quanta-pink-600); }
.hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
.focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
.active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
.disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
.group:hover .group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
.outline-pink-700 { outline-color: var(--quanta-pink-700); }
.hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
.focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
.active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
.disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
.group:hover .group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
.outline-pink-800 { outline-color: var(--quanta-pink-800); }
.hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
.focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
.active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
.disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
.group:hover .group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
.outline-pink-900 { outline-color: var(--quanta-pink-900); }
.hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
.focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
.active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
.disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
.group:hover .group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
.outline-grey-50 { outline-color: var(--quanta-grey-50); }
.hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
.focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
.active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
.disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
.group:hover .group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
.outline-grey-100 { outline-color: var(--quanta-grey-100); }
.hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
.focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
.active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
.disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
.group:hover .group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
.outline-grey-200 { outline-color: var(--quanta-grey-200); }
.hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
.focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
.active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
.disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
.group:hover .group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
.outline-grey-300 { outline-color: var(--quanta-grey-300); }
.hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
.focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
.active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
.disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
.group:hover .group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
.outline-grey-400 { outline-color: var(--quanta-grey-400); }
.hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
.focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
.active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
.disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
.group:hover .group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
.outline-grey-500 { outline-color: var(--quanta-grey-500); }
.hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
.focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
.active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
.disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
.group:hover .group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
.outline-grey-600 { outline-color: var(--quanta-grey-600); }
.hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
.focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
.active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
.disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
.group:hover .group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
.outline-grey-700 { outline-color: var(--quanta-grey-700); }
.hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
.focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
.active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
.disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
.group:hover .group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
.outline-grey-800 { outline-color: var(--quanta-grey-800); }
.hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
.focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
.active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
.disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
.group:hover .group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
.outline-grey-900 { outline-color: var(--quanta-grey-900); }
.hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
.focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
.active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
.disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
.group:hover .group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
.outline-lime-50 { outline-color: var(--quanta-lime-50); }
.hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
.focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
.active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
.disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
.group:hover .group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
.outline-lime-100 { outline-color: var(--quanta-lime-100); }
.hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
.focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
.active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
.disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
.group:hover .group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
.outline-lime-200 { outline-color: var(--quanta-lime-200); }
.hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
.focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
.active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
.disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
.group:hover .group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
.outline-lime-300 { outline-color: var(--quanta-lime-300); }
.hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
.focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
.active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
.disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
.group:hover .group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
.outline-lime-400 { outline-color: var(--quanta-lime-400); }
.hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
.focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
.active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
.disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
.group:hover .group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
.outline-lime-500 { outline-color: var(--quanta-lime-500); }
.hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
.focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
.active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
.disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
.group:hover .group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
.outline-lime-600 { outline-color: var(--quanta-lime-600); }
.hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
.focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
.active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
.disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
.group:hover .group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
.outline-lime-700 { outline-color: var(--quanta-lime-700); }
.hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
.focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
.active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
.disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
.group:hover .group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
.outline-lime-800 { outline-color: var(--quanta-lime-800); }
.hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
.focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
.active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
.disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
.group:hover .group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
.outline-lime-900 { outline-color: var(--quanta-lime-900); }
.hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
.focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
.active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
.disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
.group:hover .group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
.outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
.hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
.focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
.active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
.disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
.group:hover .group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
.outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
.focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
.active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
.disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
.group:hover .group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
.focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
.active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
.disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
.group:hover .group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
.focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
.active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
.disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
.group:hover .group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
.focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
.active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
.disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
.group:hover .group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
.focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
.active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
.disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
.group:hover .group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
.focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
.active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
.disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
.group:hover .group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
.focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
.active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
.disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
.group:hover .group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
.focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
.active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
.disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
.group:hover .group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
.hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
.focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
.active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
.disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
.group:hover .group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
.outline-sky-50 { outline-color: var(--quanta-sky-50); }
.hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
.focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
.active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
.disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
.group:hover .group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
.outline-sky-100 { outline-color: var(--quanta-sky-100); }
.hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
.focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
.active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
.disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
.group:hover .group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
.outline-sky-200 { outline-color: var(--quanta-sky-200); }
.hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
.focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
.active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
.disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
.group:hover .group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
.outline-sky-300 { outline-color: var(--quanta-sky-300); }
.hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
.focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
.active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
.disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
.group:hover .group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
.outline-sky-400 { outline-color: var(--quanta-sky-400); }
.hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
.focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
.active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
.disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
.group:hover .group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
.outline-sky-500 { outline-color: var(--quanta-sky-500); }
.hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
.focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
.active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
.disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
.group:hover .group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
.outline-sky-600 { outline-color: var(--quanta-sky-600); }
.hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
.focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
.active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
.disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
.group:hover .group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
.outline-sky-700 { outline-color: var(--quanta-sky-700); }
.hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
.focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
.active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
.disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
.group:hover .group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
.outline-sky-800 { outline-color: var(--quanta-sky-800); }
.hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
.focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
.active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
.disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
.group:hover .group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
.outline-sky-900 { outline-color: var(--quanta-sky-900); }
.hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
.focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
.active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
.disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
.group:hover .group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
.outline-violet-50 { outline-color: var(--quanta-violet-50); }
.hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
.focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
.active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
.disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
.group:hover .group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
.outline-violet-100 { outline-color: var(--quanta-violet-100); }
.hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
.focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
.active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
.disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
.group:hover .group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
.outline-violet-200 { outline-color: var(--quanta-violet-200); }
.hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
.focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
.active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
.disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
.group:hover .group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
.outline-violet-300 { outline-color: var(--quanta-violet-300); }
.hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
.focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
.active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
.disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
.group:hover .group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
.outline-violet-400 { outline-color: var(--quanta-violet-400); }
.hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
.focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
.active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
.disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
.group:hover .group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
.outline-violet-500 { outline-color: var(--quanta-violet-500); }
.hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
.focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
.active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
.disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
.group:hover .group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
.outline-violet-600 { outline-color: var(--quanta-violet-600); }
.hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
.focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
.active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
.disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
.group:hover .group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
.outline-violet-700 { outline-color: var(--quanta-violet-700); }
.hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
.focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
.active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
.disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
.group:hover .group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
.outline-violet-800 { outline-color: var(--quanta-violet-800); }
.hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
.focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
.active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
.disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
.group:hover .group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
.outline-violet-900 { outline-color: var(--quanta-violet-900); }
.hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
.focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
.active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
.disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
.group:hover .group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
.outline-rose-50 { outline-color: var(--quanta-rose-50); }
.hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
.focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
.active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
.disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
.group:hover .group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
.outline-rose-100 { outline-color: var(--quanta-rose-100); }
.hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
.focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
.active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
.disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
.group:hover .group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
.outline-rose-200 { outline-color: var(--quanta-rose-200); }
.hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
.focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
.active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
.disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
.group:hover .group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
.outline-rose-300 { outline-color: var(--quanta-rose-300); }
.hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
.focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
.active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
.disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
.group:hover .group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
.outline-rose-400 { outline-color: var(--quanta-rose-400); }
.hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
.focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
.active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
.disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
.group:hover .group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
.outline-rose-500 { outline-color: var(--quanta-rose-500); }
.hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
.focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
.active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
.disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
.group:hover .group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
.outline-rose-600 { outline-color: var(--quanta-rose-600); }
.hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
.focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
.active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
.disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
.group:hover .group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
.outline-rose-700 { outline-color: var(--quanta-rose-700); }
.hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
.focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
.active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
.disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
.group:hover .group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
.outline-rose-800 { outline-color: var(--quanta-rose-800); }
.hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
.focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
.active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
.disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
.group:hover .group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
.outline-rose-900 { outline-color: var(--quanta-rose-900); }
.hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
.focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
.active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
.disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
.group:hover .group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
.outline-slate-50 { outline-color: var(--quanta-slate-50); }
.hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
.focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
.active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
.disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
.group:hover .group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
.outline-slate-100 { outline-color: var(--quanta-slate-100); }
.hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
.focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
.active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
.disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
.group:hover .group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
.outline-slate-200 { outline-color: var(--quanta-slate-200); }
.hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
.focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
.active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
.disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
.group:hover .group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
.outline-slate-300 { outline-color: var(--quanta-slate-300); }
.hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
.focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
.active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
.disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
.group:hover .group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
.outline-slate-400 { outline-color: var(--quanta-slate-400); }
.hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
.focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
.active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
.disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
.group:hover .group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
.outline-slate-500 { outline-color: var(--quanta-slate-500); }
.hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
.focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
.active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
.disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
.group:hover .group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
.outline-slate-600 { outline-color: var(--quanta-slate-600); }
.hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
.focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
.active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
.disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
.group:hover .group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
.outline-slate-700 { outline-color: var(--quanta-slate-700); }
.hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
.focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
.active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
.disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
.group:hover .group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
.outline-slate-800 { outline-color: var(--quanta-slate-800); }
.hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
.focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
.active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
.disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
.group:hover .group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
.outline-slate-900 { outline-color: var(--quanta-slate-900); }
.hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
.focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
.active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
.disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
.group:hover .group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
.outline-blue-50 { outline-color: var(--quanta-blue-50); }
.hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
.focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
.active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
.disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
.group:hover .group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
.outline-blue-100 { outline-color: var(--quanta-blue-100); }
.hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
.focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
.active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
.disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
.group:hover .group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
.outline-blue-200 { outline-color: var(--quanta-blue-200); }
.hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
.focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
.active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
.disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
.group:hover .group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
.outline-blue-300 { outline-color: var(--quanta-blue-300); }
.hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
.focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
.active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
.disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
.group:hover .group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
.outline-blue-400 { outline-color: var(--quanta-blue-400); }
.hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
.focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
.active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
.disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
.group:hover .group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
.outline-blue-500 { outline-color: var(--quanta-blue-500); }
.hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
.focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
.active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
.disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
.group:hover .group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
.outline-blue-600 { outline-color: var(--quanta-blue-600); }
.hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
.focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
.active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
.disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
.group:hover .group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
.outline-blue-700 { outline-color: var(--quanta-blue-700); }
.hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
.focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
.active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
.disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
.group:hover .group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
.outline-blue-800 { outline-color: var(--quanta-blue-800); }
.hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
.focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
.active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
.disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
.group:hover .group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
.outline-blue-900 { outline-color: var(--quanta-blue-900); }
.hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
.focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
.active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
.disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
.group:hover .group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
.outline-green-50 { outline-color: var(--quanta-green-50); }
.hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
.focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
.active-outline-green-50:active { outline-color: var(--quanta-green-50); }
.disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
.group:hover .group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
.outline-green-100 { outline-color: var(--quanta-green-100); }
.hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
.focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
.active-outline-green-100:active { outline-color: var(--quanta-green-100); }
.disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
.group:hover .group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
.outline-green-200 { outline-color: var(--quanta-green-200); }
.hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
.focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
.active-outline-green-200:active { outline-color: var(--quanta-green-200); }
.disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
.group:hover .group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
.outline-green-300 { outline-color: var(--quanta-green-300); }
.hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
.focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
.active-outline-green-300:active { outline-color: var(--quanta-green-300); }
.disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
.group:hover .group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
.outline-green-400 { outline-color: var(--quanta-green-400); }
.hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
.focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
.active-outline-green-400:active { outline-color: var(--quanta-green-400); }
.disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
.group:hover .group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
.outline-green-500 { outline-color: var(--quanta-green-500); }
.hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
.focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
.active-outline-green-500:active { outline-color: var(--quanta-green-500); }
.disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
.group:hover .group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
.outline-green-600 { outline-color: var(--quanta-green-600); }
.hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
.focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
.active-outline-green-600:active { outline-color: var(--quanta-green-600); }
.disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
.group:hover .group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
.outline-green-700 { outline-color: var(--quanta-green-700); }
.hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
.focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
.active-outline-green-700:active { outline-color: var(--quanta-green-700); }
.disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
.group:hover .group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
.outline-green-800 { outline-color: var(--quanta-green-800); }
.hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
.focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
.active-outline-green-800:active { outline-color: var(--quanta-green-800); }
.disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
.group:hover .group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
.outline-green-900 { outline-color: var(--quanta-green-900); }
.hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
.focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
.active-outline-green-900:active { outline-color: var(--quanta-green-900); }
.disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
.group:hover .group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
.outline-black { outline-color: var(--black); }
.hover-outline-black:hover { outline-color: var(--black); }
.focus-outline-black:focus { outline-color: var(--black); }
.active-outline-black:active { outline-color: var(--black); }
.disabled-outline-black:disabled { outline-color: var(--black); }
.group:hover .group-hover-outline-black { outline-color: var(--black); }
.outline-white { outline-color: var(--white); }
.hover-outline-white:hover { outline-color: var(--white); }
.focus-outline-white:focus { outline-color: var(--white); }
.active-outline-white:active { outline-color: var(--white); }
.disabled-outline-white:disabled { outline-color: var(--white); }
.group:hover .group-hover-outline-white { outline-color: var(--white); }
.ring-sm { --ring-width: 0.125rem; }
.hover-ring-sm:hover { --ring-width: 0.125rem; }
.focus-ring-sm:focus { --ring-width: 0.125rem; }
.active-ring-sm:active { --ring-width: 0.125rem; }
.disabled-ring-sm:disabled { --ring-width: 0.125rem; }
.group:hover .group-hover-ring-sm { --ring-width: 0.125rem; }
.ring-md { --ring-width: 0.5rem; }
.hover-ring-md:hover { --ring-width: 0.5rem; }
.focus-ring-md:focus { --ring-width: 0.5rem; }
.active-ring-md:active { --ring-width: 0.5rem; }
.disabled-ring-md:disabled { --ring-width: 0.5rem; }
.group:hover .group-hover-ring-md { --ring-width: 0.5rem; }
.ring-lg { --ring-width: 1rem; }
.hover-ring-lg:hover { --ring-width: 1rem; }
.focus-ring-lg:focus { --ring-width: 1rem; }
.active-ring-lg:active { --ring-width: 1rem; }
.disabled-ring-lg:disabled { --ring-width: 1rem; }
.group:hover .group-hover-ring-lg { --ring-width: 1rem; }
.ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.group:hover .group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
.hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
.focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
.active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
.disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
.group:hover .group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
.ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
.hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
.focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
.active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
.disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
.group:hover .group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
.ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
.hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
.focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
.active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
.disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
.group:hover .group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
.ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
.hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
.focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
.active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
.disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
.group:hover .group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
.ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
.hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
.focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
.active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
.disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
.group:hover .group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
.ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
.hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
.focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
.active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
.disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
.group:hover .group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
.ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
.hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
.focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
.active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
.disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
.group:hover .group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
.ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
.hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
.focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
.active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
.disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
.group:hover .group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
.ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
.hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
.focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
.active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
.disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
.group:hover .group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
.ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
.hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
.focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
.active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
.disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
.group:hover .group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
.ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
.hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
.focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
.active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
.disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
.group:hover .group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
.ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
.focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
.active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
.disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
.group:hover .group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
.focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
.active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
.disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
.group:hover .group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
.focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
.active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
.disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
.group:hover .group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
.focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
.active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
.disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
.group:hover .group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
.focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
.active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
.disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
.group:hover .group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
.focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
.active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
.disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
.group:hover .group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
.focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
.active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
.disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
.group:hover .group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
.focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
.active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
.disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
.group:hover .group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
.hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
.focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
.active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
.disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
.group:hover .group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
.ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
.hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
.focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
.active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
.disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
.group:hover .group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
.ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
.hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
.focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
.active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
.disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
.group:hover .group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
.ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
.hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
.focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
.active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
.disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
.group:hover .group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
.ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
.hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
.focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
.active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
.disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
.group:hover .group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
.ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
.hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
.focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
.active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
.disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
.group:hover .group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
.ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
.hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
.focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
.active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
.disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
.group:hover .group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
.ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
.hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
.focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
.active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
.disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
.group:hover .group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
.ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
.hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
.focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
.active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
.disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
.group:hover .group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
.ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
.hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
.focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
.active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
.disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
.group:hover .group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
.ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
.hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
.focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
.active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
.disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
.group:hover .group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
.ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
.hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
.focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
.active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
.disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
.group:hover .group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
.ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
.hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
.focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
.active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
.disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
.group:hover .group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
.ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
.hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
.focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
.active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
.disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
.group:hover .group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
.ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
.hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
.focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
.active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
.disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
.group:hover .group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
.ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
.hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
.focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
.active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
.disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
.group:hover .group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
.ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
.hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
.focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
.active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
.disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
.group:hover .group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
.ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
.hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
.focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
.active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
.disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
.group:hover .group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
.ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
.hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
.focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
.active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
.disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
.group:hover .group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
.ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
.hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
.focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
.active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
.disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
.group:hover .group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
.ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
.hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
.focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
.active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
.disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
.group:hover .group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
.ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
.hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
.focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
.active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
.disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
.group:hover .group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
.ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
.hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
.focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
.active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
.disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
.group:hover .group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
.ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
.hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
.focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
.active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
.disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
.group:hover .group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
.ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
.hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
.focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
.active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
.disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
.group:hover .group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
.ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
.hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
.focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
.active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
.disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
.group:hover .group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
.ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
.hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
.focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
.active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
.disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
.group:hover .group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
.ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
.hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
.focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
.active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
.disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
.group:hover .group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
.ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
.hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
.focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
.active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
.disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
.group:hover .group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
.ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
.hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
.focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
.active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
.disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
.group:hover .group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
.ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
.hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
.focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
.active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
.disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
.group:hover .group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
.ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
.hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
.focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
.active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
.disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
.group:hover .group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
.ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
.hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
.focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
.active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
.disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
.group:hover .group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
.ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
.hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
.focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
.active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
.disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
.group:hover .group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
.ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
.hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
.focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
.active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
.disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
.group:hover .group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
.ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
.hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
.focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
.active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
.disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
.group:hover .group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
.ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
.hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
.focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
.active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
.disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
.group:hover .group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
.ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
.hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
.focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
.active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
.disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
.group:hover .group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
.ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
.hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
.focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
.active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
.disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
.group:hover .group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
.ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
.hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
.focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
.active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
.disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
.group:hover .group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
.ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
.hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
.focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
.active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
.disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
.group:hover .group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
.ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
.hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
.focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
.active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
.disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
.group:hover .group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
.ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
.hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
.focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
.active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
.disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
.group:hover .group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
.ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
.hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
.focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
.active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
.disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
.group:hover .group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
.ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
.hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
.focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
.active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
.disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
.group:hover .group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
.ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
.hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
.focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
.active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
.disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
.group:hover .group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
.ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
.hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
.focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
.active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
.disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
.group:hover .group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
.ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
.hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
.focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
.active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
.disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
.group:hover .group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
.ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
.hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
.focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
.active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
.disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
.group:hover .group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
.ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
.hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
.focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
.active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
.disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
.group:hover .group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
.ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
.hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
.focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
.active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
.disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
.group:hover .group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
.ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
.hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
.focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
.active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
.disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
.group:hover .group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
.ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
.hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
.focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
.active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
.disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
.group:hover .group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
.ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
.hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
.focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
.active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
.disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
.group:hover .group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
.ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
.hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
.focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
.active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
.disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
.group:hover .group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
.ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
.hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
.focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
.active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
.disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
.group:hover .group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
.ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
.hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
.focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
.active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
.disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
.group:hover .group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
.ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
.hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
.focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
.active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
.disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
.group:hover .group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
.ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
.hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
.focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
.active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
.disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
.group:hover .group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
.ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
.hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
.focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
.active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
.disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
.group:hover .group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
.ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
.hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
.focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
.active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
.disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
.group:hover .group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
.ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
.hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
.focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
.active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
.disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
.group:hover .group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
.ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
.hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
.focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
.active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
.disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
.group:hover .group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
.ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
.hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
.focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
.active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
.disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
.group:hover .group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
.ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
.hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
.focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
.active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
.disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
.group:hover .group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
.ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
.hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
.focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
.active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
.disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
.group:hover .group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
.ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
.hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
.focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
.active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
.disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
.group:hover .group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
.ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
.hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
.focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
.active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
.disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
.group:hover .group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
.ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
.hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
.focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
.active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
.disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
.group:hover .group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
.ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
.hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
.focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
.active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
.disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
.group:hover .group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
.ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
.hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
.focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
.active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
.disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
.group:hover .group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
.ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
.hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
.focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
.active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
.disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
.group:hover .group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
.ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
.hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
.focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
.active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
.disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
.group:hover .group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
.ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
.hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
.focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
.active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
.disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
.group:hover .group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
.ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
.hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
.focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
.active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
.disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
.group:hover .group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
.ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
.hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
.focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
.active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
.disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
.group:hover .group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
.ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
.hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
.focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
.active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
.disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
.group:hover .group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
.ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
.hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
.focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
.active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
.disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
.group:hover .group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
.ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
.hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
.focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
.active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
.disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
.group:hover .group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
.ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
.hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
.focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
.active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
.disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
.group:hover .group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
.ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
.hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
.focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
.active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
.disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
.group:hover .group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
.ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
.hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
.focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
.active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
.disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
.group:hover .group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
.ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
.hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
.focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
.active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
.disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
.group:hover .group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
.ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
.hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
.focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
.active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
.disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
.group:hover .group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
.ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
.hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
.focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
.active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
.disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
.group:hover .group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
.ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
.hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
.focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
.active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
.disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
.group:hover .group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
.ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
.hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
.focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
.active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
.disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
.group:hover .group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
.ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
.hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
.focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
.active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
.disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
.group:hover .group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
.ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
.hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
.focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
.active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
.disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
.group:hover .group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
.ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
.hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
.focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
.active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
.disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
.group:hover .group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
.ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
.hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
.focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
.active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
.disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
.group:hover .group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
.ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
.hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
.focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
.active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
.disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
.group:hover .group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
.ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
.hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
.focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
.active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
.disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
.group:hover .group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
.ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
.hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
.focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
.active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
.disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
.group:hover .group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
.ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
.hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
.focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
.active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
.disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
.group:hover .group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
.ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
.hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
.focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
.active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
.disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
.group:hover .group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
.ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
.hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
.focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
.active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
.disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
.group:hover .group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
.ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
.hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
.focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
.active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
.disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
.group:hover .group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
.ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
.hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
.focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
.active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
.disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
.group:hover .group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
.ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
.hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
.focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
.active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
.disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
.group:hover .group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
.ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
.hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
.focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
.active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
.disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
.group:hover .group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
.ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
.hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
.focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
.active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
.disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
.group:hover .group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
.ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
.hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
.focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
.active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
.disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
.group:hover .group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
.ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
.hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
.focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
.active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
.disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
.group:hover .group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
.ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
.hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
.focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
.active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
.disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
.group:hover .group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
.ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
.hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
.focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
.active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
.disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
.group:hover .group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
.ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
.hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
.focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
.active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
.disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
.group:hover .group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
.ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
.hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
.focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
.active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
.disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
.group:hover .group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
.ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
.hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
.focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
.active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
.disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
.group:hover .group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
.ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
.hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
.focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
.active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
.disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
.group:hover .group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
.ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
.hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
.focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
.active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
.disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
.group:hover .group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
.ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
.hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
.focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
.active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
.disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
.group:hover .group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
.ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
.hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
.focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
.active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
.disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
.group:hover .group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
.ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
.hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
.focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
.active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
.disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
.group:hover .group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
.ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
.hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
.focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
.active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
.disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
.group:hover .group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
.ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
.hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
.focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
.active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
.disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
.group:hover .group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
.ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
.hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
.focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
.active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
.disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
.group:hover .group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
.ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
.hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
.focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
.active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
.disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
.group:hover .group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
.ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
.hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
.focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
.active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
.disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
.group:hover .group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
.ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
.hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
.focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
.active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
.disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
.group:hover .group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
.ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
.hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
.focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
.active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
.disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
.group:hover .group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
.ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
.hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
.focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
.active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
.disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
.group:hover .group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
.ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
.hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
.focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
.active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
.disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
.group:hover .group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
.ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
.hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
.focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
.active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
.disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
.group:hover .group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
.ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
.hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
.focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
.active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
.disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
.group:hover .group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
.ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
.hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
.focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
.active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
.disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
.group:hover .group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
.ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
.hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
.focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
.active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
.disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
.group:hover .group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
.ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
.hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
.focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
.active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
.disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
.group:hover .group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
.ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
.hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
.focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
.active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
.disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
.group:hover .group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
.ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
.hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
.focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
.active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
.disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
.group:hover .group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
.ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
.hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
.focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
.active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
.disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
.group:hover .group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
.ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
.hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
.focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
.active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
.disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
.group:hover .group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
.ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
.hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
.focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
.active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
.disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
.group:hover .group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
.ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
.hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
.focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
.active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
.disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
.group:hover .group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
.ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
.hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
.focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
.active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
.disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
.group:hover .group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
.ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
.hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
.focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
.active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
.disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
.group:hover .group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
.ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
.hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
.focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
.active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
.disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
.group:hover .group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
.ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
.hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
.focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
.active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
.disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
.group:hover .group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
.ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
.hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
.focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
.active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
.disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
.group:hover .group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
.ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
.hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
.focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
.active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
.disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
.group:hover .group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
.ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
.hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
.focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
.active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
.disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
.group:hover .group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
.ring-black { --quanta-ring-color: var(--black); }
.hover-ring-black:hover { --quanta-ring-color: var(--black); }
.focus-ring-black:focus { --quanta-ring-color: var(--black); }
.active-ring-black:active { --quanta-ring-color: var(--black); }
.disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
.group:hover .group-hover-ring-black { --quanta-ring-color: var(--black); }
.ring-white { --quanta-ring-color: var(--white); }
.hover-ring-white:hover { --quanta-ring-color: var(--white); }
.focus-ring-white:focus { --quanta-ring-color: var(--white); }
.active-ring-white:active { --quanta-ring-color: var(--white); }
.disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
.group:hover .group-hover-ring-white { --quanta-ring-color: var(--white); }
.shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
.focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
.active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
.disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
.group:hover .group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
.focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
.active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
.disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
.group:hover .group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
.focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
.active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
.disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
.group:hover .group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
.focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
.active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
.disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
.group:hover .group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
.focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
.active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
.disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
.group:hover .group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
.focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
.active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
.disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
.group:hover .group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
.focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
.active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
.disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
.group:hover .group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
.focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
.active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
.disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
.group:hover .group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
.focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
.active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
.disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
.group:hover .group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
.focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
.active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
.disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
.group:hover .group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
.focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
.active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
.disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
.group:hover .group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
.focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
.active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
.disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
.group:hover .group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
.focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
.active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
.disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
.group:hover .group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
.focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
.active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
.disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
.group:hover .group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
.focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
.active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
.disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
.group:hover .group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
.focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
.active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
.disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
.group:hover .group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
.focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
.active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
.disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
.group:hover .group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
.focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
.active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
.disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
.group:hover .group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
.focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
.active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
.disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
.group:hover .group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
.focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
.active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
.disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
.group:hover .group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
.focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
.active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
.disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
.group:hover .group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
.focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
.active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
.disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
.group:hover .group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
.focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
.active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
.disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
.group:hover .group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
.focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
.active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
.disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
.group:hover .group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
.focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
.active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
.disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
.group:hover .group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
.focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
.active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
.disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
.group:hover .group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
.focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
.active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
.disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
.group:hover .group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
.focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
.active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
.disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
.group:hover .group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
.focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
.active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
.disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
.group:hover .group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
.focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
.active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
.disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
.group:hover .group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
.focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
.active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
.disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
.group:hover .group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
.focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
.active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
.disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
.group:hover .group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
.focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
.active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
.disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
.group:hover .group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
.focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
.active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
.disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
.group:hover .group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
.focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
.active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
.disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
.group:hover .group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
.focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
.active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
.disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
.group:hover .group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
.focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
.active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
.disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
.group:hover .group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
.focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
.active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
.disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
.group:hover .group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
.focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
.active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
.disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
.group:hover .group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
.focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
.active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
.disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
.group:hover .group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
.focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
.active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
.disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
.group:hover .group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
.focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
.active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
.disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
.group:hover .group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
.focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
.active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
.disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
.group:hover .group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
.focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
.active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
.disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
.group:hover .group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
.focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
.active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
.disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
.group:hover .group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
.focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
.active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
.disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
.group:hover .group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
.focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
.active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
.disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
.group:hover .group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
.focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
.active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
.disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
.group:hover .group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
.focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
.active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
.disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
.group:hover .group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
.focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
.active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
.disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
.group:hover .group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
.focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
.active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
.disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
.group:hover .group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
.focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
.active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
.disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
.group:hover .group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
.focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
.active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
.disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
.group:hover .group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
.focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
.active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
.disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
.group:hover .group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
.focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
.active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
.disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
.group:hover .group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
.focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
.active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
.disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
.group:hover .group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
.focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
.active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
.disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
.group:hover .group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
.focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
.active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
.disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
.group:hover .group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
.focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
.active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
.disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
.group:hover .group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
.focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
.active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
.disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
.group:hover .group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
.focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
.active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
.disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
.group:hover .group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
.focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
.active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
.disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
.group:hover .group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
.focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
.active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
.disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
.group:hover .group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
.focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
.active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
.disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
.group:hover .group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
.focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
.active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
.disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
.group:hover .group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
.focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
.active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
.disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
.group:hover .group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
.focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
.active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
.disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
.group:hover .group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
.focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
.active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
.disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
.group:hover .group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
.focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
.active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
.disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
.group:hover .group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
.focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
.active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
.disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
.group:hover .group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
.focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
.active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
.disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
.group:hover .group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
.focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
.active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
.disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
.group:hover .group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
.focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
.active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
.disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
.group:hover .group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
.focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
.active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
.disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
.group:hover .group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
.focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
.active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
.disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
.group:hover .group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
.focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
.active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
.disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
.group:hover .group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
.focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
.active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
.disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
.group:hover .group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
.focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
.active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
.disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
.group:hover .group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
.focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
.active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
.disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
.group:hover .group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
.focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
.active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
.disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
.group:hover .group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
.focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
.active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
.disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
.group:hover .group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
.focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
.active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
.disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
.group:hover .group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
.focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
.active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
.disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
.group:hover .group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
.focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
.active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
.disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
.group:hover .group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
.focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
.active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
.disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
.group:hover .group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
.focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
.active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
.disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
.group:hover .group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
.focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
.active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
.disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
.group:hover .group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
.focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
.active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
.disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
.group:hover .group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
.focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
.active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
.disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
.group:hover .group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
.focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
.active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
.disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
.group:hover .group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
.focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
.active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
.disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
.group:hover .group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
.focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
.active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
.disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
.group:hover .group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
.focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
.active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
.disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
.group:hover .group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
.focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
.active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
.disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
.group:hover .group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
.focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
.active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
.disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
.group:hover .group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
.focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
.active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
.disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
.group:hover .group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
.focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
.active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
.disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
.group:hover .group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
.focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
.active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
.disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
.group:hover .group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
.focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
.active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
.disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
.group:hover .group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
.focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
.active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
.disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
.group:hover .group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
.focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
.active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
.disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
.group:hover .group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
.focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
.active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
.disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
.group:hover .group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
.focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
.active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
.disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
.group:hover .group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
.focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
.active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
.disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
.group:hover .group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
.focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
.active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
.disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
.group:hover .group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
.focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
.active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
.disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
.group:hover .group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
.focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
.active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
.disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
.group:hover .group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
.focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
.active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
.disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
.group:hover .group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
.focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
.active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
.disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
.group:hover .group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
.focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
.active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
.disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
.group:hover .group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
.focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
.active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
.disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
.group:hover .group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
.focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
.active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
.disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
.group:hover .group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
.focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
.active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
.disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
.group:hover .group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
.focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
.active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
.disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
.group:hover .group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
.focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
.active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
.disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
.group:hover .group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
.focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
.active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
.disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
.group:hover .group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
.focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
.active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
.disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
.group:hover .group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
.focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
.active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
.disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
.group:hover .group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
.focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
.active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
.disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
.group:hover .group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
.focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
.active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
.disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
.group:hover .group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
.focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
.active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
.disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
.group:hover .group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
.focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
.active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
.disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
.group:hover .group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
.focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
.active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
.disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
.group:hover .group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
.focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
.active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
.disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
.group:hover .group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
.focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
.active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
.disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
.group:hover .group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
.focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
.active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
.disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
.group:hover .group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
.focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
.active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
.disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
.group:hover .group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
.focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
.active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
.disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
.group:hover .group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
.focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
.active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
.disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
.group:hover .group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
.focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
.active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
.disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
.group:hover .group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
.focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
.active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
.disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
.group:hover .group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
.focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
.active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
.disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
.group:hover .group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
.focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
.active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
.disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
.group:hover .group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
.focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
.active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
.disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
.group:hover .group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
.focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
.active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
.disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
.group:hover .group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
.focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
.active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
.disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
.group:hover .group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
.focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
.active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
.disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
.group:hover .group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
.focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
.active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
.disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
.group:hover .group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
.focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
.active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
.disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
.group:hover .group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
.focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
.active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
.disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
.group:hover .group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
.focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
.active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
.disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
.group:hover .group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
.focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
.active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
.disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
.group:hover .group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
.focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
.active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
.disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
.group:hover .group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
.focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
.active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
.disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
.group:hover .group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
.focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
.active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
.disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
.group:hover .group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
.focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
.active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
.disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
.group:hover .group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
.focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
.active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
.disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
.group:hover .group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
.focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
.active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
.disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
.group:hover .group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
.focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
.active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
.disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
.group:hover .group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
.focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
.active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
.disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
.group:hover .group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
.focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
.active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
.disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
.group:hover .group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
.focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
.active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
.disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
.group:hover .group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
.focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
.active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
.disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
.group:hover .group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
.focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
.active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
.disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
.group:hover .group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
.focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
.active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
.disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
.group:hover .group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
.focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
.active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
.disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
.group:hover .group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
.focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
.active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
.disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
.group:hover .group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
.focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
.active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
.disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
.group:hover .group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
.focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
.active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
.disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
.group:hover .group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
.focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
.active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
.disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
.group:hover .group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.shadow-color-black { --shadow-color: var(--black); }
.hover-shadow-color-black:hover { --shadow-color: var(--black); }
.focus-shadow-color-black:focus { --shadow-color: var(--black); }
.active-shadow-color-black:active { --shadow-color: var(--black); }
.disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
.group:hover .group-hover-shadow-color-black { --shadow-color: var(--black); }
.shadow-color-white { --shadow-color: var(--white); }
.hover-shadow-color-white:hover { --shadow-color: var(--white); }
.focus-shadow-color-white:focus { --shadow-color: var(--white); }
.active-shadow-color-white:active { --shadow-color: var(--white); }
.disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
.group:hover .group-hover-shadow-color-white { --shadow-color: var(--white); }
.gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
.focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
.active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
.disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
.group:hover .group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
.focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
.active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
.disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
.group:hover .group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
.focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
.active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
.disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
.group:hover .group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
.focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
.active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
.disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
.group:hover .group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
.focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
.active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
.disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
.group:hover .group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
.focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
.active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
.disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
.group:hover .group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
.focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
.active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
.disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
.group:hover .group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
.focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
.active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
.disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
.group:hover .group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
.focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
.active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
.disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
.group:hover .group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
.focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
.active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
.disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
.group:hover .group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
.focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
.active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
.disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
.group:hover .group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
.focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
.active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
.disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
.group:hover .group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
.focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
.active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
.disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
.group:hover .group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
.focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
.active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
.disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
.group:hover .group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
.focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
.active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
.disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
.group:hover .group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
.focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
.active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
.disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
.group:hover .group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
.focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
.active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
.disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
.group:hover .group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
.focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
.active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
.disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
.group:hover .group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
.focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
.active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
.disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
.group:hover .group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
.focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
.active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
.disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
.group:hover .group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
.focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
.active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
.disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
.group:hover .group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
.focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
.active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
.disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
.group:hover .group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
.focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
.active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
.disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
.group:hover .group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
.focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
.active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
.disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
.group:hover .group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
.focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
.active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
.disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
.group:hover .group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
.focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
.active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
.disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
.group:hover .group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
.focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
.active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
.disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
.group:hover .group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
.focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
.active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
.disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
.group:hover .group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
.focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
.active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
.disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
.group:hover .group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
.focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
.active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
.disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
.group:hover .group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
.focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
.active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
.disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
.group:hover .group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
.focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
.active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
.disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
.group:hover .group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
.focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
.active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
.disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
.group:hover .group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
.focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
.active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
.disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
.group:hover .group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
.focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
.active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
.disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
.group:hover .group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
.focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
.active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
.disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
.group:hover .group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
.focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
.active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
.disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
.group:hover .group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
.focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
.active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
.disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
.group:hover .group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
.focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
.active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
.disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
.group:hover .group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
.focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
.active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
.disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
.group:hover .group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
.focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
.active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
.disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
.group:hover .group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
.focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
.active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
.disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
.group:hover .group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
.focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
.active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
.disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
.group:hover .group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
.focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
.active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
.disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
.group:hover .group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
.focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
.active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
.disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
.group:hover .group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
.focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
.active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
.disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
.group:hover .group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
.focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
.active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
.disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
.group:hover .group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
.focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
.active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
.disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
.group:hover .group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
.focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
.active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
.disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
.group:hover .group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
.focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
.active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
.disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
.group:hover .group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
.focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
.active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
.disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
.group:hover .group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
.focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
.active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
.disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
.group:hover .group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
.focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
.active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
.disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
.group:hover .group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
.focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
.active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
.disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
.group:hover .group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
.focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
.active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
.disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
.group:hover .group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
.focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
.active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
.disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
.group:hover .group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
.focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
.active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
.disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
.group:hover .group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
.focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
.active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
.disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
.group:hover .group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
.focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
.active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
.disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
.group:hover .group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
.focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
.active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
.disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
.group:hover .group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
.focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
.active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
.disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
.group:hover .group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
.focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
.active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
.disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
.group:hover .group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
.focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
.active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
.disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
.group:hover .group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
.focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
.active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
.disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
.group:hover .group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
.focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
.active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
.disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
.group:hover .group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
.focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
.active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
.disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
.group:hover .group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
.focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
.active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
.disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
.group:hover .group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
.focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
.active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
.disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
.group:hover .group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
.focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
.active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
.disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
.group:hover .group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
.focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
.active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
.disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
.group:hover .group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
.focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
.active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
.disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
.group:hover .group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
.focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
.active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
.disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
.group:hover .group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
.focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
.active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
.disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
.group:hover .group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
.focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
.active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
.disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
.group:hover .group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
.focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
.active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
.disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
.group:hover .group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
.focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
.active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
.disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
.group:hover .group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
.focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
.active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
.disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
.group:hover .group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
.focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
.active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
.disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
.group:hover .group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
.focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
.active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
.disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
.group:hover .group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
.focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
.active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
.disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
.group:hover .group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
.focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
.active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
.disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
.group:hover .group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
.focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
.active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
.disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
.group:hover .group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
.focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
.active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
.disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
.group:hover .group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
.focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
.active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
.disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
.group:hover .group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
.focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
.active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
.disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
.group:hover .group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
.focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
.active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
.disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
.group:hover .group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
.focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
.active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
.disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
.group:hover .group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
.focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
.active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
.disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
.group:hover .group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
.focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
.active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
.disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
.group:hover .group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
.focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
.active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
.disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
.group:hover .group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
.focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
.active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
.disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
.group:hover .group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
.focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
.active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
.disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
.group:hover .group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
.focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
.active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
.disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
.group:hover .group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
.focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
.active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
.disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
.group:hover .group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
.focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
.active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
.disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
.group:hover .group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
.focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
.active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
.disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
.group:hover .group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
.focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
.active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
.disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
.group:hover .group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
.focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
.active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
.disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
.group:hover .group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
.focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
.active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
.disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
.group:hover .group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
.focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
.active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
.disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
.group:hover .group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
.focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
.active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
.disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
.group:hover .group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
.focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
.active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
.disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
.group:hover .group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
.focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
.active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
.disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
.group:hover .group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
.focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
.active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
.disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
.group:hover .group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
.focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
.active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
.disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
.group:hover .group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
.focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
.active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
.disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
.group:hover .group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
.focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
.active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
.disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
.group:hover .group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
.focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
.active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
.disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
.group:hover .group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
.focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
.active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
.disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
.group:hover .group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
.focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
.active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
.disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
.group:hover .group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
.focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
.active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
.disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
.group:hover .group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
.focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
.active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
.disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
.group:hover .group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
.focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
.active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
.disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
.group:hover .group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
.focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
.active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
.disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
.group:hover .group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
.focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
.active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
.disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
.group:hover .group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
.focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
.active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
.disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
.group:hover .group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
.focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
.active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
.disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
.group:hover .group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
.focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
.active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
.disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
.group:hover .group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
.focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
.active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
.disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
.group:hover .group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
.focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
.active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
.disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
.group:hover .group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
.focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
.active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
.disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
.group:hover .group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
.focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
.active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
.disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
.group:hover .group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
.focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
.active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
.disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
.group:hover .group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
.focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
.active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
.disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
.group:hover .group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
.focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
.active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
.disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
.group:hover .group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
.focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
.active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
.disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
.group:hover .group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
.focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
.active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
.disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
.group:hover .group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
.focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
.active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
.disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
.group:hover .group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
.focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
.active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
.disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
.group:hover .group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
.focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
.active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
.disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
.group:hover .group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
.focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
.active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
.disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
.group:hover .group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
.focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
.active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
.disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
.group:hover .group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
.focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
.active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
.disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
.group:hover .group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
.focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
.active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
.disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
.group:hover .group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
.focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
.active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
.disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
.group:hover .group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
.focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
.active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
.disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
.group:hover .group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
.focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
.active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
.disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
.group:hover .group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
.focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
.active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
.disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
.group:hover .group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
.focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
.active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
.disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
.group:hover .group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
.focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
.active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
.disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
.group:hover .group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
.focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
.active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
.disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
.group:hover .group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
.focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
.active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
.disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
.group:hover .group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
.focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
.active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
.disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
.group:hover .group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
.focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
.active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
.disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
.group:hover .group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
.focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
.active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
.disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
.group:hover .group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
.focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
.active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
.disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
.group:hover .group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
.focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
.active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
.disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
.group:hover .group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
.focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
.active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
.disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
.group:hover .group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
.focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
.active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
.disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
.group:hover .group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
.focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
.active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
.disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
.group:hover .group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
.focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
.active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
.disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
.group:hover .group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
.focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
.active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
.disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
.group:hover .group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
.focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
.active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
.disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
.group:hover .group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
.focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
.active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
.disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
.group:hover .group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
.focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
.active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
.disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
.group:hover .group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
.focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
.active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
.disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
.group:hover .group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
.focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
.active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
.disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
.group:hover .group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
.focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
.active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
.disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
.group:hover .group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
.focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
.active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
.disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
.group:hover .group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
.focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
.active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
.disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
.group:hover .group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.gradient-from-black { --quanta-from-color: var(--black); }
.hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
.focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
.active-gradient-from-black:active { --quanta-from-color: var(--black); }
.disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
.group:hover .group-hover-gradient-from-black { --quanta-from-color: var(--black); }
.gradient-from-white { --quanta-from-color: var(--white); }
.hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
.focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
.active-gradient-from-white:active { --quanta-from-color: var(--white); }
.disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
.group:hover .group-hover-gradient-from-white { --quanta-from-color: var(--white); }
.gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
.focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
.active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
.disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
.group:hover .group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
.focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
.active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
.disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
.group:hover .group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
.focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
.active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
.disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
.group:hover .group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
.focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
.active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
.disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
.group:hover .group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
.focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
.active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
.disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
.group:hover .group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
.focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
.active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
.disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
.group:hover .group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
.focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
.active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
.disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
.group:hover .group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
.focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
.active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
.disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
.group:hover .group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
.focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
.active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
.disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
.group:hover .group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
.focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
.active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
.disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
.group:hover .group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
.focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
.active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
.disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
.group:hover .group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
.focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
.active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
.disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
.group:hover .group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
.focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
.active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
.disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
.group:hover .group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
.focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
.active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
.disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
.group:hover .group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
.focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
.active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
.disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
.group:hover .group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
.focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
.active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
.disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
.group:hover .group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
.focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
.active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
.disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
.group:hover .group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
.focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
.active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
.disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
.group:hover .group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
.focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
.active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
.disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
.group:hover .group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
.focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
.active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
.disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
.group:hover .group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
.focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
.active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
.disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
.group:hover .group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
.focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
.active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
.disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
.group:hover .group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
.focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
.active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
.disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
.group:hover .group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
.focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
.active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
.disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
.group:hover .group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
.focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
.active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
.disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
.group:hover .group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
.focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
.active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
.disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
.group:hover .group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
.focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
.active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
.disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
.group:hover .group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
.focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
.active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
.disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
.group:hover .group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
.focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
.active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
.disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
.group:hover .group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
.focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
.active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
.disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
.group:hover .group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
.focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
.active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
.disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
.group:hover .group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
.focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
.active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
.disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
.group:hover .group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
.focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
.active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
.disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
.group:hover .group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
.focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
.active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
.disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
.group:hover .group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
.focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
.active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
.disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
.group:hover .group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
.focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
.active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
.disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
.group:hover .group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
.focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
.active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
.disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
.group:hover .group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
.focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
.active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
.disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
.group:hover .group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
.focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
.active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
.disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
.group:hover .group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
.focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
.active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
.disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
.group:hover .group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
.focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
.active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
.disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
.group:hover .group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
.focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
.active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
.disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
.group:hover .group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
.focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
.active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
.disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
.group:hover .group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
.focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
.active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
.disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
.group:hover .group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
.focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
.active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
.disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
.group:hover .group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
.focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
.active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
.disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
.group:hover .group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
.focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
.active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
.disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
.group:hover .group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
.focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
.active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
.disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
.group:hover .group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
.focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
.active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
.disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
.group:hover .group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
.focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
.active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
.disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
.group:hover .group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
.focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
.active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
.disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
.group:hover .group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
.focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
.active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
.disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
.group:hover .group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
.focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
.active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
.disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
.group:hover .group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
.focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
.active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
.disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
.group:hover .group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
.focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
.active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
.disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
.group:hover .group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
.focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
.active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
.disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
.group:hover .group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
.focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
.active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
.disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
.group:hover .group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
.focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
.active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
.disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
.group:hover .group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
.focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
.active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
.disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
.group:hover .group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
.focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
.active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
.disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
.group:hover .group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
.focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
.active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
.disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
.group:hover .group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
.focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
.active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
.disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
.group:hover .group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
.focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
.active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
.disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
.group:hover .group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
.focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
.active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
.disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
.group:hover .group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
.focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
.active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
.disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
.group:hover .group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
.focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
.active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
.disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
.group:hover .group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
.focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
.active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
.disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
.group:hover .group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
.focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
.active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
.disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
.group:hover .group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
.focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
.active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
.disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
.group:hover .group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
.focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
.active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
.disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
.group:hover .group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
.focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
.active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
.disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
.group:hover .group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
.focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
.active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
.disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
.group:hover .group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
.focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
.active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
.disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
.group:hover .group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
.focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
.active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
.disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
.group:hover .group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
.focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
.active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
.disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
.group:hover .group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
.focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
.active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
.disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
.group:hover .group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
.focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
.active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
.disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
.group:hover .group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
.focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
.active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
.disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
.group:hover .group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
.focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
.active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
.disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
.group:hover .group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
.focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
.active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
.disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
.group:hover .group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
.focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
.active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
.disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
.group:hover .group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
.focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
.active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
.disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
.group:hover .group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
.focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
.active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
.disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
.group:hover .group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
.focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
.active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
.disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
.group:hover .group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
.focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
.active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
.disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
.group:hover .group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
.focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
.active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
.disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
.group:hover .group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
.focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
.active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
.disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
.group:hover .group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
.focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
.active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
.disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
.group:hover .group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
.focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
.active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
.disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
.group:hover .group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
.focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
.active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
.disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
.group:hover .group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
.focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
.active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
.disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
.group:hover .group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
.focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
.active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
.disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
.group:hover .group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
.focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
.active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
.disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
.group:hover .group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
.focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
.active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
.disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
.group:hover .group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
.focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
.active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
.disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
.group:hover .group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
.focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
.active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
.disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
.group:hover .group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
.focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
.active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
.disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
.group:hover .group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
.focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
.active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
.disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
.group:hover .group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
.focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
.active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
.disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
.group:hover .group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
.focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
.active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
.disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
.group:hover .group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
.focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
.active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
.disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
.group:hover .group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
.focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
.active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
.disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
.group:hover .group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
.focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
.active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
.disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
.group:hover .group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
.focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
.active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
.disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
.group:hover .group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
.focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
.active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
.disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
.group:hover .group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
.focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
.active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
.disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
.group:hover .group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
.focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
.active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
.disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
.group:hover .group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
.focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
.active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
.disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
.group:hover .group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
.focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
.active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
.disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
.group:hover .group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
.focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
.active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
.disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
.group:hover .group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
.focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
.active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
.disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
.group:hover .group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
.focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
.active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
.disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
.group:hover .group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
.focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
.active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
.disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
.group:hover .group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
.focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
.active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
.disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
.group:hover .group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
.focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
.active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
.disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
.group:hover .group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
.focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
.active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
.disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
.group:hover .group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
.focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
.active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
.disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
.group:hover .group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
.focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
.active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
.disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
.group:hover .group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
.focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
.active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
.disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
.group:hover .group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
.focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
.active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
.disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
.group:hover .group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
.focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
.active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
.disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
.group:hover .group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
.focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
.active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
.disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
.group:hover .group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
.focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
.active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
.disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
.group:hover .group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
.focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
.active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
.disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
.group:hover .group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
.focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
.active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
.disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
.group:hover .group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
.focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
.active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
.disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
.group:hover .group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
.focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
.active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
.disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
.group:hover .group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
.focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
.active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
.disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
.group:hover .group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
.focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
.active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
.disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
.group:hover .group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
.focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
.active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
.disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
.group:hover .group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
.focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
.active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
.disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
.group:hover .group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
.focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
.active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
.disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
.group:hover .group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
.focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
.active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
.disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
.group:hover .group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
.focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
.active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
.disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
.group:hover .group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
.focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
.active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
.disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
.group:hover .group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
.focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
.active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
.disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
.group:hover .group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
.focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
.active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
.disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
.group:hover .group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
.focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
.active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
.disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
.group:hover .group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
.focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
.active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
.disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
.group:hover .group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
.focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
.active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
.disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
.group:hover .group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
.focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
.active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
.disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
.group:hover .group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
.focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
.active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
.disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
.group:hover .group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
.focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
.active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
.disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
.group:hover .group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
.focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
.active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
.disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
.group:hover .group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
.focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
.active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
.disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
.group:hover .group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
.focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
.active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
.disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
.group:hover .group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
.focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
.active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
.disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
.group:hover .group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
.focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
.active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
.disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
.group:hover .group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
.focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
.active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
.disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
.group:hover .group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
.focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
.active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
.disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
.group:hover .group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
.focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
.active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
.disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
.group:hover .group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
.focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
.active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
.disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
.group:hover .group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
.focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
.active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
.disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
.group:hover .group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
.focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
.active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
.disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
.group:hover .group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
.focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
.active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
.disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
.group:hover .group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
.focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
.active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
.disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
.group:hover .group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
.focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
.active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
.disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
.group:hover .group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
.focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
.active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
.disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
.group:hover .group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
.focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
.active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
.disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
.group:hover .group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
.focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
.active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
.disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
.group:hover .group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.gradient-to-black { --quanta-to-color: var(--black); }
.hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
.focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
.active-gradient-to-black:active { --quanta-to-color: var(--black); }
.disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
.group:hover .group-hover-gradient-to-black { --quanta-to-color: var(--black); }
.gradient-to-white { --quanta-to-color: var(--white); }
.hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
.focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
.active-gradient-to-white:active { --quanta-to-color: var(--white); }
.disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
.group:hover .group-hover-gradient-to-white { --quanta-to-color: var(--white); }
.transition-all { transition-property: all; }
.hover-transition-all:hover { transition-property: all; }
.focus-transition-all:focus { transition-property: all; }
.active-transition-all:active { transition-property: all; }
.disabled-transition-all:disabled { transition-property: all; }
.group:hover .group-hover-transition-all { transition-property: all; }
.transition-bg { transition-property: background-color; }
.hover-transition-bg:hover { transition-property: background-color; }
.focus-transition-bg:focus { transition-property: background-color; }
.active-transition-bg:active { transition-property: background-color; }
.disabled-transition-bg:disabled { transition-property: background-color; }
.group:hover .group-hover-transition-bg { transition-property: background-color; }
.transition-color { transition-property: color; }
.hover-transition-color:hover { transition-property: color; }
.focus-transition-color:focus { transition-property: color; }
.active-transition-color:active { transition-property: color; }
.disabled-transition-color:disabled { transition-property: color; }
.group:hover .group-hover-transition-color { transition-property: color; }
.transition-opacity { transition-property: opacity; }
.hover-transition-opacity:hover { transition-property: opacity; }
.focus-transition-opacity:focus { transition-property: opacity; }
.active-transition-opacity:active { transition-property: opacity; }
.disabled-transition-opacity:disabled { transition-property: opacity; }
.group:hover .group-hover-transition-opacity { transition-property: opacity; }
.transition-transform { transition-property: transform; }
.hover-transition-transform:hover { transition-property: transform; }
.focus-transition-transform:focus { transition-property: transform; }
.active-transition-transform:active { transition-property: transform; }
.disabled-transition-transform:disabled { transition-property: transform; }
.group:hover .group-hover-transition-transform { transition-property: transform; }
.transition-shadow { transition-property: shadow; }
.hover-transition-shadow:hover { transition-property: shadow; }
.focus-transition-shadow:focus { transition-property: shadow; }
.active-transition-shadow:active { transition-property: shadow; }
.disabled-transition-shadow:disabled { transition-property: shadow; }
.group:hover .group-hover-transition-shadow { transition-property: shadow; }
.transition-border { transition-property: border; }
.hover-transition-border:hover { transition-property: border; }
.focus-transition-border:focus { transition-property: border; }
.active-transition-border:active { transition-property: border; }
.disabled-transition-border:disabled { transition-property: border; }
.group:hover .group-hover-transition-border { transition-property: border; }
.duration-75 { transition-duration: 75ms; }
.hover-duration-75:hover { transition-duration: 75ms; }
.focus-duration-75:focus { transition-duration: 75ms; }
.active-duration-75:active { transition-duration: 75ms; }
.disabled-duration-75:disabled { transition-duration: 75ms; }
.group:hover .group-hover-duration-75 { transition-duration: 75ms; }
.duration-100 { transition-duration: 100ms; }
.hover-duration-100:hover { transition-duration: 100ms; }
.focus-duration-100:focus { transition-duration: 100ms; }
.active-duration-100:active { transition-duration: 100ms; }
.disabled-duration-100:disabled { transition-duration: 100ms; }
.group:hover .group-hover-duration-100 { transition-duration: 100ms; }
.duration-150 { transition-duration: 150ms; }
.hover-duration-150:hover { transition-duration: 150ms; }
.focus-duration-150:focus { transition-duration: 150ms; }
.active-duration-150:active { transition-duration: 150ms; }
.disabled-duration-150:disabled { transition-duration: 150ms; }
.group:hover .group-hover-duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.hover-duration-200:hover { transition-duration: 200ms; }
.focus-duration-200:focus { transition-duration: 200ms; }
.active-duration-200:active { transition-duration: 200ms; }
.disabled-duration-200:disabled { transition-duration: 200ms; }
.group:hover .group-hover-duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.hover-duration-300:hover { transition-duration: 300ms; }
.focus-duration-300:focus { transition-duration: 300ms; }
.active-duration-300:active { transition-duration: 300ms; }
.disabled-duration-300:disabled { transition-duration: 300ms; }
.group:hover .group-hover-duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.hover-duration-500:hover { transition-duration: 500ms; }
.focus-duration-500:focus { transition-duration: 500ms; }
.active-duration-500:active { transition-duration: 500ms; }
.disabled-duration-500:disabled { transition-duration: 500ms; }
.group:hover .group-hover-duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
.hover-duration-700:hover { transition-duration: 700ms; }
.focus-duration-700:focus { transition-duration: 700ms; }
.active-duration-700:active { transition-duration: 700ms; }
.disabled-duration-700:disabled { transition-duration: 700ms; }
.group:hover .group-hover-duration-700 { transition-duration: 700ms; }
.duration-1000 { transition-duration: 1000ms; }
.hover-duration-1000:hover { transition-duration: 1000ms; }
.focus-duration-1000:focus { transition-duration: 1000ms; }
.active-duration-1000:active { transition-duration: 1000ms; }
.disabled-duration-1000:disabled { transition-duration: 1000ms; }
.group:hover .group-hover-duration-1000 { transition-duration: 1000ms; }
.ease-linear { transition-timing-function: ease-linear; }
.hover-ease-linear:hover { transition-timing-function: ease-linear; }
.focus-ease-linear:focus { transition-timing-function: ease-linear; }
.active-ease-linear:active { transition-timing-function: ease-linear; }
.disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
.group:hover .group-hover-ease-linear { transition-timing-function: ease-linear; }
.ease-in { transition-timing-function: ease-in; }
.hover-ease-in:hover { transition-timing-function: ease-in; }
.focus-ease-in:focus { transition-timing-function: ease-in; }
.active-ease-in:active { transition-timing-function: ease-in; }
.disabled-ease-in:disabled { transition-timing-function: ease-in; }
.group:hover .group-hover-ease-in { transition-timing-function: ease-in; }
.ease-out { transition-timing-function: ease-out; }
.hover-ease-out:hover { transition-timing-function: ease-out; }
.focus-ease-out:focus { transition-timing-function: ease-out; }
.active-ease-out:active { transition-timing-function: ease-out; }
.disabled-ease-out:disabled { transition-timing-function: ease-out; }
.group:hover .group-hover-ease-out { transition-timing-function: ease-out; }
.ease-in-out { transition-timing-function: ease-in-out; }
.hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.active-ease-in-out:active { transition-timing-function: ease-in-out; }
.disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.group:hover .group-hover-ease-in-out { transition-timing-function: ease-in-out; }
.translate-x-0 { transform: translateX(0rem); }
.hover-translate-x-0:hover { transform: translateX(0rem); }
.focus-translate-x-0:focus { transform: translateX(0rem); }
.active-translate-x-0:active { transform: translateX(0rem); }
.disabled-translate-x-0:disabled { transform: translateX(0rem); }
.group:hover .group-hover-translate-x-0 { transform: translateX(0rem); }
.translate-y-0 { transform: translateY(0rem); }
.hover-translate-y-0:hover { transform: translateY(0rem); }
.focus-translate-y-0:focus { transform: translateY(0rem); }
.active-translate-y-0:active { transform: translateY(0rem); }
.disabled-translate-y-0:disabled { transform: translateY(0rem); }
.group:hover .group-hover-translate-y-0 { transform: translateY(0rem); }
.translate-x-0_25 { transform: translateX(0.25rem); }
.hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.active-translate-x-0_25:active { transform: translateX(0.25rem); }
.disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.group:hover .group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
.translate-y-0_25 { transform: translateY(0.25rem); }
.hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.active-translate-y-0_25:active { transform: translateY(0.25rem); }
.disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.group:hover .group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
.translate-x-0_5 { transform: translateX(0.5rem); }
.hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.active-translate-x-0_5:active { transform: translateX(0.5rem); }
.disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.group:hover .group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
.translate-y-0_5 { transform: translateY(0.5rem); }
.hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.active-translate-y-0_5:active { transform: translateY(0.5rem); }
.disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.group:hover .group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
.translate-x-1 { transform: translateX(1rem); }
.hover-translate-x-1:hover { transform: translateX(1rem); }
.focus-translate-x-1:focus { transform: translateX(1rem); }
.active-translate-x-1:active { transform: translateX(1rem); }
.disabled-translate-x-1:disabled { transform: translateX(1rem); }
.group:hover .group-hover-translate-x-1 { transform: translateX(1rem); }
.translate-y-1 { transform: translateY(1rem); }
.hover-translate-y-1:hover { transform: translateY(1rem); }
.focus-translate-y-1:focus { transform: translateY(1rem); }
.active-translate-y-1:active { transform: translateY(1rem); }
.disabled-translate-y-1:disabled { transform: translateY(1rem); }
.group:hover .group-hover-translate-y-1 { transform: translateY(1rem); }
.translate-x-1_5 { transform: translateX(1.5rem); }
.hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.active-translate-x-1_5:active { transform: translateX(1.5rem); }
.disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.group:hover .group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
.translate-y-1_5 { transform: translateY(1.5rem); }
.hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.active-translate-y-1_5:active { transform: translateY(1.5rem); }
.disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.group:hover .group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
.translate-x-2 { transform: translateX(2rem); }
.hover-translate-x-2:hover { transform: translateX(2rem); }
.focus-translate-x-2:focus { transform: translateX(2rem); }
.active-translate-x-2:active { transform: translateX(2rem); }
.disabled-translate-x-2:disabled { transform: translateX(2rem); }
.group:hover .group-hover-translate-x-2 { transform: translateX(2rem); }
.translate-y-2 { transform: translateY(2rem); }
.hover-translate-y-2:hover { transform: translateY(2rem); }
.focus-translate-y-2:focus { transform: translateY(2rem); }
.active-translate-y-2:active { transform: translateY(2rem); }
.disabled-translate-y-2:disabled { transform: translateY(2rem); }
.group:hover .group-hover-translate-y-2 { transform: translateY(2rem); }
.translate-x-3 { transform: translateX(3rem); }
.hover-translate-x-3:hover { transform: translateX(3rem); }
.focus-translate-x-3:focus { transform: translateX(3rem); }
.active-translate-x-3:active { transform: translateX(3rem); }
.disabled-translate-x-3:disabled { transform: translateX(3rem); }
.group:hover .group-hover-translate-x-3 { transform: translateX(3rem); }
.translate-y-3 { transform: translateY(3rem); }
.hover-translate-y-3:hover { transform: translateY(3rem); }
.focus-translate-y-3:focus { transform: translateY(3rem); }
.active-translate-y-3:active { transform: translateY(3rem); }
.disabled-translate-y-3:disabled { transform: translateY(3rem); }
.group:hover .group-hover-translate-y-3 { transform: translateY(3rem); }
.translate-x-4 { transform: translateX(4rem); }
.hover-translate-x-4:hover { transform: translateX(4rem); }
.focus-translate-x-4:focus { transform: translateX(4rem); }
.active-translate-x-4:active { transform: translateX(4rem); }
.disabled-translate-x-4:disabled { transform: translateX(4rem); }
.group:hover .group-hover-translate-x-4 { transform: translateX(4rem); }
.translate-y-4 { transform: translateY(4rem); }
.hover-translate-y-4:hover { transform: translateY(4rem); }
.focus-translate-y-4:focus { transform: translateY(4rem); }
.active-translate-y-4:active { transform: translateY(4rem); }
.disabled-translate-y-4:disabled { transform: translateY(4rem); }
.group:hover .group-hover-translate-y-4 { transform: translateY(4rem); }
.translate-x-5 { transform: translateX(5rem); }
.hover-translate-x-5:hover { transform: translateX(5rem); }
.focus-translate-x-5:focus { transform: translateX(5rem); }
.active-translate-x-5:active { transform: translateX(5rem); }
.disabled-translate-x-5:disabled { transform: translateX(5rem); }
.group:hover .group-hover-translate-x-5 { transform: translateX(5rem); }
.translate-y-5 { transform: translateY(5rem); }
.hover-translate-y-5:hover { transform: translateY(5rem); }
.focus-translate-y-5:focus { transform: translateY(5rem); }
.active-translate-y-5:active { transform: translateY(5rem); }
.disabled-translate-y-5:disabled { transform: translateY(5rem); }
.group:hover .group-hover-translate-y-5 { transform: translateY(5rem); }
.translate-x-6 { transform: translateX(6rem); }
.hover-translate-x-6:hover { transform: translateX(6rem); }
.focus-translate-x-6:focus { transform: translateX(6rem); }
.active-translate-x-6:active { transform: translateX(6rem); }
.disabled-translate-x-6:disabled { transform: translateX(6rem); }
.group:hover .group-hover-translate-x-6 { transform: translateX(6rem); }
.translate-y-6 { transform: translateY(6rem); }
.hover-translate-y-6:hover { transform: translateY(6rem); }
.focus-translate-y-6:focus { transform: translateY(6rem); }
.active-translate-y-6:active { transform: translateY(6rem); }
.disabled-translate-y-6:disabled { transform: translateY(6rem); }
.group:hover .group-hover-translate-y-6 { transform: translateY(6rem); }
.translate-x-8 { transform: translateX(8rem); }
.hover-translate-x-8:hover { transform: translateX(8rem); }
.focus-translate-x-8:focus { transform: translateX(8rem); }
.active-translate-x-8:active { transform: translateX(8rem); }
.disabled-translate-x-8:disabled { transform: translateX(8rem); }
.group:hover .group-hover-translate-x-8 { transform: translateX(8rem); }
.translate-y-8 { transform: translateY(8rem); }
.hover-translate-y-8:hover { transform: translateY(8rem); }
.focus-translate-y-8:focus { transform: translateY(8rem); }
.active-translate-y-8:active { transform: translateY(8rem); }
.disabled-translate-y-8:disabled { transform: translateY(8rem); }
.group:hover .group-hover-translate-y-8 { transform: translateY(8rem); }
.translate-x-10 { transform: translateX(10rem); }
.hover-translate-x-10:hover { transform: translateX(10rem); }
.focus-translate-x-10:focus { transform: translateX(10rem); }
.active-translate-x-10:active { transform: translateX(10rem); }
.disabled-translate-x-10:disabled { transform: translateX(10rem); }
.group:hover .group-hover-translate-x-10 { transform: translateX(10rem); }
.translate-y-10 { transform: translateY(10rem); }
.hover-translate-y-10:hover { transform: translateY(10rem); }
.focus-translate-y-10:focus { transform: translateY(10rem); }
.active-translate-y-10:active { transform: translateY(10rem); }
.disabled-translate-y-10:disabled { transform: translateY(10rem); }
.group:hover .group-hover-translate-y-10 { transform: translateY(10rem); }
.translate-x-12 { transform: translateX(12rem); }
.hover-translate-x-12:hover { transform: translateX(12rem); }
.focus-translate-x-12:focus { transform: translateX(12rem); }
.active-translate-x-12:active { transform: translateX(12rem); }
.disabled-translate-x-12:disabled { transform: translateX(12rem); }
.group:hover .group-hover-translate-x-12 { transform: translateX(12rem); }
.translate-y-12 { transform: translateY(12rem); }
.hover-translate-y-12:hover { transform: translateY(12rem); }
.focus-translate-y-12:focus { transform: translateY(12rem); }
.active-translate-y-12:active { transform: translateY(12rem); }
.disabled-translate-y-12:disabled { transform: translateY(12rem); }
.group:hover .group-hover-translate-y-12 { transform: translateY(12rem); }
.translate-x-16 { transform: translateX(16rem); }
.hover-translate-x-16:hover { transform: translateX(16rem); }
.focus-translate-x-16:focus { transform: translateX(16rem); }
.active-translate-x-16:active { transform: translateX(16rem); }
.disabled-translate-x-16:disabled { transform: translateX(16rem); }
.group:hover .group-hover-translate-x-16 { transform: translateX(16rem); }
.translate-y-16 { transform: translateY(16rem); }
.hover-translate-y-16:hover { transform: translateY(16rem); }
.focus-translate-y-16:focus { transform: translateY(16rem); }
.active-translate-y-16:active { transform: translateY(16rem); }
.disabled-translate-y-16:disabled { transform: translateY(16rem); }
.group:hover .group-hover-translate-y-16 { transform: translateY(16rem); }
.translate-x-20 { transform: translateX(20rem); }
.hover-translate-x-20:hover { transform: translateX(20rem); }
.focus-translate-x-20:focus { transform: translateX(20rem); }
.active-translate-x-20:active { transform: translateX(20rem); }
.disabled-translate-x-20:disabled { transform: translateX(20rem); }
.group:hover .group-hover-translate-x-20 { transform: translateX(20rem); }
.translate-y-20 { transform: translateY(20rem); }
.hover-translate-y-20:hover { transform: translateY(20rem); }
.focus-translate-y-20:focus { transform: translateY(20rem); }
.active-translate-y-20:active { transform: translateY(20rem); }
.disabled-translate-y-20:disabled { transform: translateY(20rem); }
.group:hover .group-hover-translate-y-20 { transform: translateY(20rem); }
.translate-x-24 { transform: translateX(24rem); }
.hover-translate-x-24:hover { transform: translateX(24rem); }
.focus-translate-x-24:focus { transform: translateX(24rem); }
.active-translate-x-24:active { transform: translateX(24rem); }
.disabled-translate-x-24:disabled { transform: translateX(24rem); }
.group:hover .group-hover-translate-x-24 { transform: translateX(24rem); }
.translate-y-24 { transform: translateY(24rem); }
.hover-translate-y-24:hover { transform: translateY(24rem); }
.focus-translate-y-24:focus { transform: translateY(24rem); }
.active-translate-y-24:active { transform: translateY(24rem); }
.disabled-translate-y-24:disabled { transform: translateY(24rem); }
.group:hover .group-hover-translate-y-24 { transform: translateY(24rem); }
.translate-x-32 { transform: translateX(32rem); }
.hover-translate-x-32:hover { transform: translateX(32rem); }
.focus-translate-x-32:focus { transform: translateX(32rem); }
.active-translate-x-32:active { transform: translateX(32rem); }
.disabled-translate-x-32:disabled { transform: translateX(32rem); }
.group:hover .group-hover-translate-x-32 { transform: translateX(32rem); }
.translate-y-32 { transform: translateY(32rem); }
.hover-translate-y-32:hover { transform: translateY(32rem); }
.focus-translate-y-32:focus { transform: translateY(32rem); }
.active-translate-y-32:active { transform: translateY(32rem); }
.disabled-translate-y-32:disabled { transform: translateY(32rem); }
.group:hover .group-hover-translate-y-32 { transform: translateY(32rem); }
.scale-0 { transform: scale(0.0); }
.hover-scale-0:hover { transform: scale(0.0); }
.focus-scale-0:focus { transform: scale(0.0); }
.active-scale-0:active { transform: scale(0.0); }
.disabled-scale-0:disabled { transform: scale(0.0); }
.group:hover .group-hover-scale-0 { transform: scale(0.0); }
.scale-50 { transform: scale(0.5); }
.hover-scale-50:hover { transform: scale(0.5); }
.focus-scale-50:focus { transform: scale(0.5); }
.active-scale-50:active { transform: scale(0.5); }
.disabled-scale-50:disabled { transform: scale(0.5); }
.group:hover .group-hover-scale-50 { transform: scale(0.5); }
.scale-75 { transform: scale(0.75); }
.hover-scale-75:hover { transform: scale(0.75); }
.focus-scale-75:focus { transform: scale(0.75); }
.active-scale-75:active { transform: scale(0.75); }
.disabled-scale-75:disabled { transform: scale(0.75); }
.group:hover .group-hover-scale-75 { transform: scale(0.75); }
.scale-90 { transform: scale(0.9); }
.hover-scale-90:hover { transform: scale(0.9); }
.focus-scale-90:focus { transform: scale(0.9); }
.active-scale-90:active { transform: scale(0.9); }
.disabled-scale-90:disabled { transform: scale(0.9); }
.group:hover .group-hover-scale-90 { transform: scale(0.9); }
.scale-95 { transform: scale(0.95); }
.hover-scale-95:hover { transform: scale(0.95); }
.focus-scale-95:focus { transform: scale(0.95); }
.active-scale-95:active { transform: scale(0.95); }
.disabled-scale-95:disabled { transform: scale(0.95); }
.group:hover .group-hover-scale-95 { transform: scale(0.95); }
.scale-100 { transform: scale(1.0); }
.hover-scale-100:hover { transform: scale(1.0); }
.focus-scale-100:focus { transform: scale(1.0); }
.active-scale-100:active { transform: scale(1.0); }
.disabled-scale-100:disabled { transform: scale(1.0); }
.group:hover .group-hover-scale-100 { transform: scale(1.0); }
.scale-105 { transform: scale(1.05); }
.hover-scale-105:hover { transform: scale(1.05); }
.focus-scale-105:focus { transform: scale(1.05); }
.active-scale-105:active { transform: scale(1.05); }
.disabled-scale-105:disabled { transform: scale(1.05); }
.group:hover .group-hover-scale-105 { transform: scale(1.05); }
.scale-110 { transform: scale(1.1); }
.hover-scale-110:hover { transform: scale(1.1); }
.focus-scale-110:focus { transform: scale(1.1); }
.active-scale-110:active { transform: scale(1.1); }
.disabled-scale-110:disabled { transform: scale(1.1); }
.group:hover .group-hover-scale-110 { transform: scale(1.1); }
.scale-125 { transform: scale(1.25); }
.hover-scale-125:hover { transform: scale(1.25); }
.focus-scale-125:focus { transform: scale(1.25); }
.active-scale-125:active { transform: scale(1.25); }
.disabled-scale-125:disabled { transform: scale(1.25); }
.group:hover .group-hover-scale-125 { transform: scale(1.25); }
.scale-150 { transform: scale(1.5); }
.hover-scale-150:hover { transform: scale(1.5); }
.focus-scale-150:focus { transform: scale(1.5); }
.active-scale-150:active { transform: scale(1.5); }
.disabled-scale-150:disabled { transform: scale(1.5); }
.group:hover .group-hover-scale-150 { transform: scale(1.5); }
.rotate--180 { transform: rotate(-180deg); }
.hover-rotate--180:hover { transform: rotate(-180deg); }
.focus-rotate--180:focus { transform: rotate(-180deg); }
.active-rotate--180:active { transform: rotate(-180deg); }
.disabled-rotate--180:disabled { transform: rotate(-180deg); }
.group:hover .group-hover-rotate--180 { transform: rotate(-180deg); }
.rotate--90 { transform: rotate(-90deg); }
.hover-rotate--90:hover { transform: rotate(-90deg); }
.focus-rotate--90:focus { transform: rotate(-90deg); }
.active-rotate--90:active { transform: rotate(-90deg); }
.disabled-rotate--90:disabled { transform: rotate(-90deg); }
.group:hover .group-hover-rotate--90 { transform: rotate(-90deg); }
.rotate--45 { transform: rotate(-45deg); }
.hover-rotate--45:hover { transform: rotate(-45deg); }
.focus-rotate--45:focus { transform: rotate(-45deg); }
.active-rotate--45:active { transform: rotate(-45deg); }
.disabled-rotate--45:disabled { transform: rotate(-45deg); }
.group:hover .group-hover-rotate--45 { transform: rotate(-45deg); }
.rotate-0 { transform: rotate(0deg); }
.hover-rotate-0:hover { transform: rotate(0deg); }
.focus-rotate-0:focus { transform: rotate(0deg); }
.active-rotate-0:active { transform: rotate(0deg); }
.disabled-rotate-0:disabled { transform: rotate(0deg); }
.group:hover .group-hover-rotate-0 { transform: rotate(0deg); }
.rotate-45 { transform: rotate(45deg); }
.hover-rotate-45:hover { transform: rotate(45deg); }
.focus-rotate-45:focus { transform: rotate(45deg); }
.active-rotate-45:active { transform: rotate(45deg); }
.disabled-rotate-45:disabled { transform: rotate(45deg); }
.group:hover .group-hover-rotate-45 { transform: rotate(45deg); }
.rotate-90 { transform: rotate(90deg); }
.hover-rotate-90:hover { transform: rotate(90deg); }
.focus-rotate-90:focus { transform: rotate(90deg); }
.active-rotate-90:active { transform: rotate(90deg); }
.disabled-rotate-90:disabled { transform: rotate(90deg); }
.group:hover .group-hover-rotate-90 { transform: rotate(90deg); }
.rotate-180 { transform: rotate(180deg); }
.hover-rotate-180:hover { transform: rotate(180deg); }
.focus-rotate-180:focus { transform: rotate(180deg); }
.active-rotate-180:active { transform: rotate(180deg); }
.disabled-rotate-180:disabled { transform: rotate(180deg); }
.group:hover .group-hover-rotate-180 { transform: rotate(180deg); }
.skew-x--45 { transform: skewX(-45deg); }
.hover-skew-x--45:hover { transform: skewX(-45deg); }
.focus-skew-x--45:focus { transform: skewX(-45deg); }
.active-skew-x--45:active { transform: skewX(-45deg); }
.disabled-skew-x--45:disabled { transform: skewX(-45deg); }
.group:hover .group-hover-skew-x--45 { transform: skewX(-45deg); }
.skew-y--45 { transform: skewY(-45deg); }
.hover-skew-y--45:hover { transform: skewY(-45deg); }
.focus-skew-y--45:focus { transform: skewY(-45deg); }
.active-skew-y--45:active { transform: skewY(-45deg); }
.disabled-skew-y--45:disabled { transform: skewY(-45deg); }
.group:hover .group-hover-skew-y--45 { transform: skewY(-45deg); }
.skew-x--30 { transform: skewX(-30deg); }
.hover-skew-x--30:hover { transform: skewX(-30deg); }
.focus-skew-x--30:focus { transform: skewX(-30deg); }
.active-skew-x--30:active { transform: skewX(-30deg); }
.disabled-skew-x--30:disabled { transform: skewX(-30deg); }
.group:hover .group-hover-skew-x--30 { transform: skewX(-30deg); }
.skew-y--30 { transform: skewY(-30deg); }
.hover-skew-y--30:hover { transform: skewY(-30deg); }
.focus-skew-y--30:focus { transform: skewY(-30deg); }
.active-skew-y--30:active { transform: skewY(-30deg); }
.disabled-skew-y--30:disabled { transform: skewY(-30deg); }
.group:hover .group-hover-skew-y--30 { transform: skewY(-30deg); }
.skew-x--15 { transform: skewX(-15deg); }
.hover-skew-x--15:hover { transform: skewX(-15deg); }
.focus-skew-x--15:focus { transform: skewX(-15deg); }
.active-skew-x--15:active { transform: skewX(-15deg); }
.disabled-skew-x--15:disabled { transform: skewX(-15deg); }
.group:hover .group-hover-skew-x--15 { transform: skewX(-15deg); }
.skew-y--15 { transform: skewY(-15deg); }
.hover-skew-y--15:hover { transform: skewY(-15deg); }
.focus-skew-y--15:focus { transform: skewY(-15deg); }
.active-skew-y--15:active { transform: skewY(-15deg); }
.disabled-skew-y--15:disabled { transform: skewY(-15deg); }
.group:hover .group-hover-skew-y--15 { transform: skewY(-15deg); }
.skew-x-0 { transform: skewX(0deg); }
.hover-skew-x-0:hover { transform: skewX(0deg); }
.focus-skew-x-0:focus { transform: skewX(0deg); }
.active-skew-x-0:active { transform: skewX(0deg); }
.disabled-skew-x-0:disabled { transform: skewX(0deg); }
.group:hover .group-hover-skew-x-0 { transform: skewX(0deg); }
.skew-y-0 { transform: skewY(0deg); }
.hover-skew-y-0:hover { transform: skewY(0deg); }
.focus-skew-y-0:focus { transform: skewY(0deg); }
.active-skew-y-0:active { transform: skewY(0deg); }
.disabled-skew-y-0:disabled { transform: skewY(0deg); }
.group:hover .group-hover-skew-y-0 { transform: skewY(0deg); }
.skew-x-15 { transform: skewX(15deg); }
.hover-skew-x-15:hover { transform: skewX(15deg); }
.focus-skew-x-15:focus { transform: skewX(15deg); }
.active-skew-x-15:active { transform: skewX(15deg); }
.disabled-skew-x-15:disabled { transform: skewX(15deg); }
.group:hover .group-hover-skew-x-15 { transform: skewX(15deg); }
.skew-y-15 { transform: skewY(15deg); }
.hover-skew-y-15:hover { transform: skewY(15deg); }
.focus-skew-y-15:focus { transform: skewY(15deg); }
.active-skew-y-15:active { transform: skewY(15deg); }
.disabled-skew-y-15:disabled { transform: skewY(15deg); }
.group:hover .group-hover-skew-y-15 { transform: skewY(15deg); }
.skew-x-30 { transform: skewX(30deg); }
.hover-skew-x-30:hover { transform: skewX(30deg); }
.focus-skew-x-30:focus { transform: skewX(30deg); }
.active-skew-x-30:active { transform: skewX(30deg); }
.disabled-skew-x-30:disabled { transform: skewX(30deg); }
.group:hover .group-hover-skew-x-30 { transform: skewX(30deg); }
.skew-y-30 { transform: skewY(30deg); }
.hover-skew-y-30:hover { transform: skewY(30deg); }
.focus-skew-y-30:focus { transform: skewY(30deg); }
.active-skew-y-30:active { transform: skewY(30deg); }
.disabled-skew-y-30:disabled { transform: skewY(30deg); }
.group:hover .group-hover-skew-y-30 { transform: skewY(30deg); }
.skew-x-45 { transform: skewX(45deg); }
.hover-skew-x-45:hover { transform: skewX(45deg); }
.focus-skew-x-45:focus { transform: skewX(45deg); }
.active-skew-x-45:active { transform: skewX(45deg); }
.disabled-skew-x-45:disabled { transform: skewX(45deg); }
.group:hover .group-hover-skew-x-45 { transform: skewX(45deg); }
.skew-y-45 { transform: skewY(45deg); }
.hover-skew-y-45:hover { transform: skewY(45deg); }
.focus-skew-y-45:focus { transform: skewY(45deg); }
.active-skew-y-45:active { transform: skewY(45deg); }
.disabled-skew-y-45:disabled { transform: skewY(45deg); }
.group:hover .group-hover-skew-y-45 { transform: skewY(45deg); }
.blur-none { filter: blur(0); }
.hover-blur-none:hover { filter: blur(0); }
.focus-blur-none:focus { filter: blur(0); }
.active-blur-none:active { filter: blur(0); }
.disabled-blur-none:disabled { filter: blur(0); }
.group:hover .group-hover-blur-none { filter: blur(0); }
.blur-sm { filter: blur(2px); }
.hover-blur-sm:hover { filter: blur(2px); }
.focus-blur-sm:focus { filter: blur(2px); }
.active-blur-sm:active { filter: blur(2px); }
.disabled-blur-sm:disabled { filter: blur(2px); }
.group:hover .group-hover-blur-sm { filter: blur(2px); }
.blur { filter: blur(4px); }
.hover-blur:hover { filter: blur(4px); }
.focus-blur:focus { filter: blur(4px); }
.active-blur:active { filter: blur(4px); }
.disabled-blur:disabled { filter: blur(4px); }
.group:hover .group-hover-blur { filter: blur(4px); }
.blur-md { filter: blur(8px); }
.hover-blur-md:hover { filter: blur(8px); }
.focus-blur-md:focus { filter: blur(8px); }
.active-blur-md:active { filter: blur(8px); }
.disabled-blur-md:disabled { filter: blur(8px); }
.group:hover .group-hover-blur-md { filter: blur(8px); }
.blur-lg { filter: blur(12px); }
.hover-blur-lg:hover { filter: blur(12px); }
.focus-blur-lg:focus { filter: blur(12px); }
.active-blur-lg:active { filter: blur(12px); }
.disabled-blur-lg:disabled { filter: blur(12px); }
.group:hover .group-hover-blur-lg { filter: blur(12px); }
.blur-xl { filter: blur(20px); }
.hover-blur-xl:hover { filter: blur(20px); }
.focus-blur-xl:focus { filter: blur(20px); }
.active-blur-xl:active { filter: blur(20px); }
.disabled-blur-xl:disabled { filter: blur(20px); }
.group:hover .group-hover-blur-xl { filter: blur(20px); }
.brightness-0 { filter: brightness(0); }
.hover-brightness-0:hover { filter: brightness(0); }
.focus-brightness-0:focus { filter: brightness(0); }
.active-brightness-0:active { filter: brightness(0); }
.disabled-brightness-0:disabled { filter: brightness(0); }
.group:hover .group-hover-brightness-0 { filter: brightness(0); }
.brightness-50 { filter: brightness(0.5); }
.hover-brightness-50:hover { filter: brightness(0.5); }
.focus-brightness-50:focus { filter: brightness(0.5); }
.active-brightness-50:active { filter: brightness(0.5); }
.disabled-brightness-50:disabled { filter: brightness(0.5); }
.group:hover .group-hover-brightness-50 { filter: brightness(0.5); }
.brightness-75 { filter: brightness(0.75); }
.hover-brightness-75:hover { filter: brightness(0.75); }
.focus-brightness-75:focus { filter: brightness(0.75); }
.active-brightness-75:active { filter: brightness(0.75); }
.disabled-brightness-75:disabled { filter: brightness(0.75); }
.group:hover .group-hover-brightness-75 { filter: brightness(0.75); }
.brightness-90 { filter: brightness(0.9); }
.hover-brightness-90:hover { filter: brightness(0.9); }
.focus-brightness-90:focus { filter: brightness(0.9); }
.active-brightness-90:active { filter: brightness(0.9); }
.disabled-brightness-90:disabled { filter: brightness(0.9); }
.group:hover .group-hover-brightness-90 { filter: brightness(0.9); }
.brightness-100 { filter: brightness(1); }
.hover-brightness-100:hover { filter: brightness(1); }
.focus-brightness-100:focus { filter: brightness(1); }
.active-brightness-100:active { filter: brightness(1); }
.disabled-brightness-100:disabled { filter: brightness(1); }
.group:hover .group-hover-brightness-100 { filter: brightness(1); }
.brightness-125 { filter: brightness(1.25); }
.hover-brightness-125:hover { filter: brightness(1.25); }
.focus-brightness-125:focus { filter: brightness(1.25); }
.active-brightness-125:active { filter: brightness(1.25); }
.disabled-brightness-125:disabled { filter: brightness(1.25); }
.group:hover .group-hover-brightness-125 { filter: brightness(1.25); }
.brightness-150 { filter: brightness(1.5); }
.hover-brightness-150:hover { filter: brightness(1.5); }
.focus-brightness-150:focus { filter: brightness(1.5); }
.active-brightness-150:active { filter: brightness(1.5); }
.disabled-brightness-150:disabled { filter: brightness(1.5); }
.group:hover .group-hover-brightness-150 { filter: brightness(1.5); }
.brightness-200 { filter: brightness(2); }
.hover-brightness-200:hover { filter: brightness(2); }
.focus-brightness-200:focus { filter: brightness(2); }
.active-brightness-200:active { filter: brightness(2); }
.disabled-brightness-200:disabled { filter: brightness(2); }
.group:hover .group-hover-brightness-200 { filter: brightness(2); }
.contrast-0 { filter: contrast(0); }
.hover-contrast-0:hover { filter: contrast(0); }
.focus-contrast-0:focus { filter: contrast(0); }
.active-contrast-0:active { filter: contrast(0); }
.disabled-contrast-0:disabled { filter: contrast(0); }
.group:hover .group-hover-contrast-0 { filter: contrast(0); }
.contrast-50 { filter: contrast(0.5); }
.hover-contrast-50:hover { filter: contrast(0.5); }
.focus-contrast-50:focus { filter: contrast(0.5); }
.active-contrast-50:active { filter: contrast(0.5); }
.disabled-contrast-50:disabled { filter: contrast(0.5); }
.group:hover .group-hover-contrast-50 { filter: contrast(0.5); }
.contrast-75 { filter: contrast(0.75); }
.hover-contrast-75:hover { filter: contrast(0.75); }
.focus-contrast-75:focus { filter: contrast(0.75); }
.active-contrast-75:active { filter: contrast(0.75); }
.disabled-contrast-75:disabled { filter: contrast(0.75); }
.group:hover .group-hover-contrast-75 { filter: contrast(0.75); }
.contrast-100 { filter: contrast(1); }
.hover-contrast-100:hover { filter: contrast(1); }
.focus-contrast-100:focus { filter: contrast(1); }
.active-contrast-100:active { filter: contrast(1); }
.disabled-contrast-100:disabled { filter: contrast(1); }
.group:hover .group-hover-contrast-100 { filter: contrast(1); }
.contrast-125 { filter: contrast(1.25); }
.hover-contrast-125:hover { filter: contrast(1.25); }
.focus-contrast-125:focus { filter: contrast(1.25); }
.active-contrast-125:active { filter: contrast(1.25); }
.disabled-contrast-125:disabled { filter: contrast(1.25); }
.group:hover .group-hover-contrast-125 { filter: contrast(1.25); }
.contrast-150 { filter: contrast(1.5); }
.hover-contrast-150:hover { filter: contrast(1.5); }
.focus-contrast-150:focus { filter: contrast(1.5); }
.active-contrast-150:active { filter: contrast(1.5); }
.disabled-contrast-150:disabled { filter: contrast(1.5); }
.group:hover .group-hover-contrast-150 { filter: contrast(1.5); }
.contrast-200 { filter: contrast(2); }
.hover-contrast-200:hover { filter: contrast(2); }
.focus-contrast-200:focus { filter: contrast(2); }
.active-contrast-200:active { filter: contrast(2); }
.disabled-contrast-200:disabled { filter: contrast(2); }
.group:hover .group-hover-contrast-200 { filter: contrast(2); }
.grayscale-0 { filter: grayscale(0); }
.hover-grayscale-0:hover { filter: grayscale(0); }
.focus-grayscale-0:focus { filter: grayscale(0); }
.active-grayscale-0:active { filter: grayscale(0); }
.disabled-grayscale-0:disabled { filter: grayscale(0); }
.group:hover .group-hover-grayscale-0 { filter: grayscale(0); }
.grayscale-100 { filter: grayscale(1); }
.hover-grayscale-100:hover { filter: grayscale(1); }
.focus-grayscale-100:focus { filter: grayscale(1); }
.active-grayscale-100:active { filter: grayscale(1); }
.disabled-grayscale-100:disabled { filter: grayscale(1); }
.group:hover .group-hover-grayscale-100 { filter: grayscale(1); }
.hue-rotate-0 { filter: hue-rotate(0deg); }
.hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
.focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
.active-hue-rotate-0:active { filter: hue-rotate(0deg); }
.disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
.group:hover .group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
.hue-rotate-45 { filter: hue-rotate(45deg); }
.hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
.focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
.active-hue-rotate-45:active { filter: hue-rotate(45deg); }
.disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
.group:hover .group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
.hue-rotate-90 { filter: hue-rotate(90deg); }
.hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.group:hover .group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
.hue-rotate-180 { filter: hue-rotate(180deg); }
.hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
.focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
.active-hue-rotate-180:active { filter: hue-rotate(180deg); }
.disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
.group:hover .group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
.invert-0 { filter: invert(0); }
.hover-invert-0:hover { filter: invert(0); }
.focus-invert-0:focus { filter: invert(0); }
.active-invert-0:active { filter: invert(0); }
.disabled-invert-0:disabled { filter: invert(0); }
.group:hover .group-hover-invert-0 { filter: invert(0); }
.invert-100 { filter: invert(1); }
.hover-invert-100:hover { filter: invert(1); }
.focus-invert-100:focus { filter: invert(1); }
.active-invert-100:active { filter: invert(1); }
.disabled-invert-100:disabled { filter: invert(1); }
.group:hover .group-hover-invert-100 { filter: invert(1); }
.saturate-0 { filter: saturate(0); }
.hover-saturate-0:hover { filter: saturate(0); }
.focus-saturate-0:focus { filter: saturate(0); }
.active-saturate-0:active { filter: saturate(0); }
.disabled-saturate-0:disabled { filter: saturate(0); }
.group:hover .group-hover-saturate-0 { filter: saturate(0); }
.saturate-50 { filter: saturate(0.5); }
.hover-saturate-50:hover { filter: saturate(0.5); }
.focus-saturate-50:focus { filter: saturate(0.5); }
.active-saturate-50:active { filter: saturate(0.5); }
.disabled-saturate-50:disabled { filter: saturate(0.5); }
.group:hover .group-hover-saturate-50 { filter: saturate(0.5); }
.saturate-100 { filter: saturate(1); }
.hover-saturate-100:hover { filter: saturate(1); }
.focus-saturate-100:focus { filter: saturate(1); }
.active-saturate-100:active { filter: saturate(1); }
.disabled-saturate-100:disabled { filter: saturate(1); }
.group:hover .group-hover-saturate-100 { filter: saturate(1); }
.saturate-150 { filter: saturate(1.5); }
.hover-saturate-150:hover { filter: saturate(1.5); }
.focus-saturate-150:focus { filter: saturate(1.5); }
.active-saturate-150:active { filter: saturate(1.5); }
.disabled-saturate-150:disabled { filter: saturate(1.5); }
.group:hover .group-hover-saturate-150 { filter: saturate(1.5); }
.saturate-200 { filter: saturate(2); }
.hover-saturate-200:hover { filter: saturate(2); }
.focus-saturate-200:focus { filter: saturate(2); }
.active-saturate-200:active { filter: saturate(2); }
.disabled-saturate-200:disabled { filter: saturate(2); }
.group:hover .group-hover-saturate-200 { filter: saturate(2); }
.sepia-0 { filter: sepia(0); }
.hover-sepia-0:hover { filter: sepia(0); }
.focus-sepia-0:focus { filter: sepia(0); }
.active-sepia-0:active { filter: sepia(0); }
.disabled-sepia-0:disabled { filter: sepia(0); }
.group:hover .group-hover-sepia-0 { filter: sepia(0); }
.sepia-100 { filter: sepia(1); }
.hover-sepia-100:hover { filter: sepia(1); }
.focus-sepia-100:focus { filter: sepia(1); }
.active-sepia-100:active { filter: sepia(1); }
.disabled-sepia-100:disabled { filter: sepia(1); }
.group:hover .group-hover-sepia-100 { filter: sepia(1); }
.drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.group:hover .group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.group:hover .group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.group:hover .group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.mix-normal { mix-blend-mode: normal; }
.hover-mix-normal:hover { mix-blend-mode: normal; }
.focus-mix-normal:focus { mix-blend-mode: normal; }
.active-mix-normal:active { mix-blend-mode: normal; }
.disabled-mix-normal:disabled { mix-blend-mode: normal; }
.group:hover .group-hover-mix-normal { mix-blend-mode: normal; }
.mix-multiply { mix-blend-mode: multiply; }
.hover-mix-multiply:hover { mix-blend-mode: multiply; }
.focus-mix-multiply:focus { mix-blend-mode: multiply; }
.active-mix-multiply:active { mix-blend-mode: multiply; }
.disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
.group:hover .group-hover-mix-multiply { mix-blend-mode: multiply; }
.mix-screen { mix-blend-mode: screen; }
.hover-mix-screen:hover { mix-blend-mode: screen; }
.focus-mix-screen:focus { mix-blend-mode: screen; }
.active-mix-screen:active { mix-blend-mode: screen; }
.disabled-mix-screen:disabled { mix-blend-mode: screen; }
.group:hover .group-hover-mix-screen { mix-blend-mode: screen; }
.mix-overlay { mix-blend-mode: overlay; }
.hover-mix-overlay:hover { mix-blend-mode: overlay; }
.focus-mix-overlay:focus { mix-blend-mode: overlay; }
.active-mix-overlay:active { mix-blend-mode: overlay; }
.disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
.group:hover .group-hover-mix-overlay { mix-blend-mode: overlay; }
.mix-darken { mix-blend-mode: darken; }
.hover-mix-darken:hover { mix-blend-mode: darken; }
.focus-mix-darken:focus { mix-blend-mode: darken; }
.active-mix-darken:active { mix-blend-mode: darken; }
.disabled-mix-darken:disabled { mix-blend-mode: darken; }
.group:hover .group-hover-mix-darken { mix-blend-mode: darken; }
.mix-lighten { mix-blend-mode: lighten; }
.hover-mix-lighten:hover { mix-blend-mode: lighten; }
.focus-mix-lighten:focus { mix-blend-mode: lighten; }
.active-mix-lighten:active { mix-blend-mode: lighten; }
.disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
.group:hover .group-hover-mix-lighten { mix-blend-mode: lighten; }
.mix-color-dodge { mix-blend-mode: color-dodge; }
.hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
.focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
.active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
.disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
.group:hover .group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
.mix-color-burn { mix-blend-mode: color-burn; }
.hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
.focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
.active-mix-color-burn:active { mix-blend-mode: color-burn; }
.disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
.group:hover .group-hover-mix-color-burn { mix-blend-mode: color-burn; }
.mix-hard-light { mix-blend-mode: hard-light; }
.hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
.focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
.active-mix-hard-light:active { mix-blend-mode: hard-light; }
.disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
.group:hover .group-hover-mix-hard-light { mix-blend-mode: hard-light; }
.mix-soft-light { mix-blend-mode: soft-light; }
.hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
.focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
.active-mix-soft-light:active { mix-blend-mode: soft-light; }
.disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
.group:hover .group-hover-mix-soft-light { mix-blend-mode: soft-light; }
.mix-difference { mix-blend-mode: difference; }
.hover-mix-difference:hover { mix-blend-mode: difference; }
.focus-mix-difference:focus { mix-blend-mode: difference; }
.active-mix-difference:active { mix-blend-mode: difference; }
.disabled-mix-difference:disabled { mix-blend-mode: difference; }
.group:hover .group-hover-mix-difference { mix-blend-mode: difference; }
.mix-exclusion { mix-blend-mode: exclusion; }
.hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
.focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
.active-mix-exclusion:active { mix-blend-mode: exclusion; }
.disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
.group:hover .group-hover-mix-exclusion { mix-blend-mode: exclusion; }
.mix-hue { mix-blend-mode: hue; }
.hover-mix-hue:hover { mix-blend-mode: hue; }
.focus-mix-hue:focus { mix-blend-mode: hue; }
.active-mix-hue:active { mix-blend-mode: hue; }
.disabled-mix-hue:disabled { mix-blend-mode: hue; }
.group:hover .group-hover-mix-hue { mix-blend-mode: hue; }
.mix-saturation { mix-blend-mode: saturation; }
.hover-mix-saturation:hover { mix-blend-mode: saturation; }
.focus-mix-saturation:focus { mix-blend-mode: saturation; }
.active-mix-saturation:active { mix-blend-mode: saturation; }
.disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
.group:hover .group-hover-mix-saturation { mix-blend-mode: saturation; }
.mix-color { mix-blend-mode: color; }
.hover-mix-color:hover { mix-blend-mode: color; }
.focus-mix-color:focus { mix-blend-mode: color; }
.active-mix-color:active { mix-blend-mode: color; }
.disabled-mix-color:disabled { mix-blend-mode: color; }
.group:hover .group-hover-mix-color { mix-blend-mode: color; }
.mix-luminosity { mix-blend-mode: luminosity; }
.hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
.focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
.active-mix-luminosity:active { mix-blend-mode: luminosity; }
.disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
.group:hover .group-hover-mix-luminosity { mix-blend-mode: luminosity; }
.bg-blend-normal { background-blend-mode: normal; }
.hover-bg-blend-normal:hover { background-blend-mode: normal; }
.focus-bg-blend-normal:focus { background-blend-mode: normal; }
.active-bg-blend-normal:active { background-blend-mode: normal; }
.disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.group:hover .group-hover-bg-blend-normal { background-blend-mode: normal; }
.bg-blend-multiply { background-blend-mode: multiply; }
.hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.active-bg-blend-multiply:active { background-blend-mode: multiply; }
.disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.group:hover .group-hover-bg-blend-multiply { background-blend-mode: multiply; }
.bg-blend-screen { background-blend-mode: screen; }
.hover-bg-blend-screen:hover { background-blend-mode: screen; }
.focus-bg-blend-screen:focus { background-blend-mode: screen; }
.active-bg-blend-screen:active { background-blend-mode: screen; }
.disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.group:hover .group-hover-bg-blend-screen { background-blend-mode: screen; }
.bg-blend-overlay { background-blend-mode: overlay; }
.hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.active-bg-blend-overlay:active { background-blend-mode: overlay; }
.disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.group:hover .group-hover-bg-blend-overlay { background-blend-mode: overlay; }
.bg-blend-darken { background-blend-mode: darken; }
.hover-bg-blend-darken:hover { background-blend-mode: darken; }
.focus-bg-blend-darken:focus { background-blend-mode: darken; }
.active-bg-blend-darken:active { background-blend-mode: darken; }
.disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.group:hover .group-hover-bg-blend-darken { background-blend-mode: darken; }
.bg-blend-lighten { background-blend-mode: lighten; }
.hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.active-bg-blend-lighten:active { background-blend-mode: lighten; }
.disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.group:hover .group-hover-bg-blend-lighten { background-blend-mode: lighten; }
.bg-blend-color-dodge { background-blend-mode: color-dodge; }
.hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
.focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
.active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
.disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
.group:hover .group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
.bg-blend-color-burn { background-blend-mode: color-burn; }
.hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
.focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
.active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
.disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
.group:hover .group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
.bg-blend-hard-light { background-blend-mode: hard-light; }
.hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
.focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
.active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
.disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
.group:hover .group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
.bg-blend-soft-light { background-blend-mode: soft-light; }
.hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
.focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
.active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
.disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
.group:hover .group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
.bg-blend-difference { background-blend-mode: difference; }
.hover-bg-blend-difference:hover { background-blend-mode: difference; }
.focus-bg-blend-difference:focus { background-blend-mode: difference; }
.active-bg-blend-difference:active { background-blend-mode: difference; }
.disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
.group:hover .group-hover-bg-blend-difference { background-blend-mode: difference; }
.bg-blend-exclusion { background-blend-mode: exclusion; }
.hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
.focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
.active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
.disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
.group:hover .group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
.bg-blend-hue { background-blend-mode: hue; }
.hover-bg-blend-hue:hover { background-blend-mode: hue; }
.focus-bg-blend-hue:focus { background-blend-mode: hue; }
.active-bg-blend-hue:active { background-blend-mode: hue; }
.disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
.group:hover .group-hover-bg-blend-hue { background-blend-mode: hue; }
.bg-blend-saturation { background-blend-mode: saturation; }
.hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
.focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
.active-bg-blend-saturation:active { background-blend-mode: saturation; }
.disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
.group:hover .group-hover-bg-blend-saturation { background-blend-mode: saturation; }
.bg-blend-color { background-blend-mode: color; }
.hover-bg-blend-color:hover { background-blend-mode: color; }
.focus-bg-blend-color:focus { background-blend-mode: color; }
.active-bg-blend-color:active { background-blend-mode: color; }
.disabled-bg-blend-color:disabled { background-blend-mode: color; }
.group:hover .group-hover-bg-blend-color { background-blend-mode: color; }
.bg-blend-luminosity { background-blend-mode: luminosity; }
.hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
.focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
.active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
.disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
.group:hover .group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
.object-contain { object-fit: contain; }
.hover-object-contain:hover { object-fit: contain; }
.focus-object-contain:focus { object-fit: contain; }
.active-object-contain:active { object-fit: contain; }
.disabled-object-contain:disabled { object-fit: contain; }
.group:hover .group-hover-object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.hover-object-cover:hover { object-fit: cover; }
.focus-object-cover:focus { object-fit: cover; }
.active-object-cover:active { object-fit: cover; }
.disabled-object-cover:disabled { object-fit: cover; }
.group:hover .group-hover-object-cover { object-fit: cover; }
.object-fill { object-fit: fill; }
.hover-object-fill:hover { object-fit: fill; }
.focus-object-fill:focus { object-fit: fill; }
.active-object-fill:active { object-fit: fill; }
.disabled-object-fill:disabled { object-fit: fill; }
.group:hover .group-hover-object-fill { object-fit: fill; }
.object-none { object-fit: none; }
.hover-object-none:hover { object-fit: none; }
.focus-object-none:focus { object-fit: none; }
.active-object-none:active { object-fit: none; }
.disabled-object-none:disabled { object-fit: none; }
.group:hover .group-hover-object-none { object-fit: none; }
.object-scale-down { object-fit: scale-down; }
.hover-object-scale-down:hover { object-fit: scale-down; }
.focus-object-scale-down:focus { object-fit: scale-down; }
.active-object-scale-down:active { object-fit: scale-down; }
.disabled-object-scale-down:disabled { object-fit: scale-down; }
.group:hover .group-hover-object-scale-down { object-fit: scale-down; }
.object-top { object-position: top; }
.hover-object-top:hover { object-position: top; }
.focus-object-top:focus { object-position: top; }
.active-object-top:active { object-position: top; }
.disabled-object-top:disabled { object-position: top; }
.group:hover .group-hover-object-top { object-position: top; }
.object-bottom { object-position: bottom; }
.hover-object-bottom:hover { object-position: bottom; }
.focus-object-bottom:focus { object-position: bottom; }
.active-object-bottom:active { object-position: bottom; }
.disabled-object-bottom:disabled { object-position: bottom; }
.group:hover .group-hover-object-bottom { object-position: bottom; }
.object-center { object-position: center; }
.hover-object-center:hover { object-position: center; }
.focus-object-center:focus { object-position: center; }
.active-object-center:active { object-position: center; }
.disabled-object-center:disabled { object-position: center; }
.group:hover .group-hover-object-center { object-position: center; }
.object-left { object-position: left; }
.hover-object-left:hover { object-position: left; }
.focus-object-left:focus { object-position: left; }
.active-object-left:active { object-position: left; }
.disabled-object-left:disabled { object-position: left; }
.group:hover .group-hover-object-left { object-position: left; }
.object-right { object-position: right; }
.hover-object-right:hover { object-position: right; }
.focus-object-right:focus { object-position: right; }
.active-object-right:active { object-position: right; }
.disabled-object-right:disabled { object-position: right; }
.group:hover .group-hover-object-right { object-position: right; }
.object-left-top { object-position: left top; }
.hover-object-left-top:hover { object-position: left top; }
.focus-object-left-top:focus { object-position: left top; }
.active-object-left-top:active { object-position: left top; }
.disabled-object-left-top:disabled { object-position: left top; }
.group:hover .group-hover-object-left-top { object-position: left top; }
.object-right-top { object-position: right top; }
.hover-object-right-top:hover { object-position: right top; }
.focus-object-right-top:focus { object-position: right top; }
.active-object-right-top:active { object-position: right top; }
.disabled-object-right-top:disabled { object-position: right top; }
.group:hover .group-hover-object-right-top { object-position: right top; }
.object-left-bottom { object-position: left bottom; }
.hover-object-left-bottom:hover { object-position: left bottom; }
.focus-object-left-bottom:focus { object-position: left bottom; }
.active-object-left-bottom:active { object-position: left bottom; }
.disabled-object-left-bottom:disabled { object-position: left bottom; }
.group:hover .group-hover-object-left-bottom { object-position: left bottom; }
.object-right-bottom { object-position: right bottom; }
.hover-object-right-bottom:hover { object-position: right bottom; }
.focus-object-right-bottom:focus { object-position: right bottom; }
.active-object-right-bottom:active { object-position: right bottom; }
.disabled-object-right-bottom:disabled { object-position: right bottom; }
.group:hover .group-hover-object-right-bottom { object-position: right bottom; }
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.group:hover .group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.group:hover .group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.group:hover .group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.group:hover .group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.group:hover .group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.group:hover .group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.list-style-image-none { list-style-image: none; }
.hover-list-style-image-none:hover { list-style-image: none; }
.focus-list-style-image-none:focus { list-style-image: none; }
.active-list-style-image-none:active { list-style-image: none; }
.disabled-list-style-image-none:disabled { list-style-image: none; }
.group:hover .group-hover-list-style-image-none { list-style-image: none; }
.list-style-position-inside { list-style-position: inside; }
.hover-list-style-position-inside:hover { list-style-position: inside; }
.focus-list-style-position-inside:focus { list-style-position: inside; }
.active-list-style-position-inside:active { list-style-position: inside; }
.disabled-list-style-position-inside:disabled { list-style-position: inside; }
.group:hover .group-hover-list-style-position-inside { list-style-position: inside; }
.list-style-position-outside { list-style-position: outside; }
.hover-list-style-position-outside:hover { list-style-position: outside; }
.focus-list-style-position-outside:focus { list-style-position: outside; }
.active-list-style-position-outside:active { list-style-position: outside; }
.disabled-list-style-position-outside:disabled { list-style-position: outside; }
.group:hover .group-hover-list-style-position-outside { list-style-position: outside; }
.list-style-type-none { list-style-type: none; }
.hover-list-style-type-none:hover { list-style-type: none; }
.focus-list-style-type-none:focus { list-style-type: none; }
.active-list-style-type-none:active { list-style-type: none; }
.disabled-list-style-type-none:disabled { list-style-type: none; }
.group:hover .group-hover-list-style-type-none { list-style-type: none; }
.list-style-type-disc { list-style-type: disc; }
.hover-list-style-type-disc:hover { list-style-type: disc; }
.focus-list-style-type-disc:focus { list-style-type: disc; }
.active-list-style-type-disc:active { list-style-type: disc; }
.disabled-list-style-type-disc:disabled { list-style-type: disc; }
.group:hover .group-hover-list-style-type-disc { list-style-type: disc; }
.list-style-type-circle { list-style-type: circle; }
.hover-list-style-type-circle:hover { list-style-type: circle; }
.focus-list-style-type-circle:focus { list-style-type: circle; }
.active-list-style-type-circle:active { list-style-type: circle; }
.disabled-list-style-type-circle:disabled { list-style-type: circle; }
.group:hover .group-hover-list-style-type-circle { list-style-type: circle; }
.list-style-type-square { list-style-type: square; }
.hover-list-style-type-square:hover { list-style-type: square; }
.focus-list-style-type-square:focus { list-style-type: square; }
.active-list-style-type-square:active { list-style-type: square; }
.disabled-list-style-type-square:disabled { list-style-type: square; }
.group:hover .group-hover-list-style-type-square { list-style-type: square; }
.list-style-type-decimal { list-style-type: decimal; }
.hover-list-style-type-decimal:hover { list-style-type: decimal; }
.focus-list-style-type-decimal:focus { list-style-type: decimal; }
.active-list-style-type-decimal:active { list-style-type: decimal; }
.disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
.group:hover .group-hover-list-style-type-decimal { list-style-type: decimal; }
.list-style-type-lower_roman { list-style-type: lower-roman; }
.hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
.focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
.active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
.disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
.group:hover .group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
.list-style-type-upper_roman { list-style-type: upper-roman; }
.hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
.focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
.active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
.disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
.group:hover .group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
.list-style-type-lower_alpha { list-style-type: lower-alpha; }
.hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
.focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
.active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
.disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
.group:hover .group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
.list-style-type-upper_alpha { list-style-type: upper-alpha; }
.hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
.focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
.active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
.disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
.group:hover .group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
.text-align-left { text-align: left; }
.hover-text-align-left:hover { text-align: left; }
.focus-text-align-left:focus { text-align: left; }
.active-text-align-left:active { text-align: left; }
.disabled-text-align-left:disabled { text-align: left; }
.group:hover .group-hover-text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.hover-text-align-center:hover { text-align: center; }
.focus-text-align-center:focus { text-align: center; }
.active-text-align-center:active { text-align: center; }
.disabled-text-align-center:disabled { text-align: center; }
.group:hover .group-hover-text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.hover-text-align-right:hover { text-align: right; }
.focus-text-align-right:focus { text-align: right; }
.active-text-align-right:active { text-align: right; }
.disabled-text-align-right:disabled { text-align: right; }
.group:hover .group-hover-text-align-right { text-align: right; }
.text-align-justify { text-align: justify; }
.hover-text-align-justify:hover { text-align: justify; }
.focus-text-align-justify:focus { text-align: justify; }
.active-text-align-justify:active { text-align: justify; }
.disabled-text-align-justify:disabled { text-align: justify; }
.group:hover .group-hover-text-align-justify { text-align: justify; }
.backface-visible { backface-visibility: visible; }
.hover-backface-visible:hover { backface-visibility: visible; }
.focus-backface-visible:focus { backface-visibility: visible; }
.active-backface-visible:active { backface-visibility: visible; }
.disabled-backface-visible:disabled { backface-visibility: visible; }
.group:hover .group-hover-backface-visible { backface-visibility: visible; }
.backface-hidden { backface-visibility: hidden; }
.hover-backface-hidden:hover { backface-visibility: hidden; }
.focus-backface-hidden:focus { backface-visibility: hidden; }
.active-backface-hidden:active { backface-visibility: hidden; }
.disabled-backface-hidden:disabled { backface-visibility: hidden; }
.group:hover .group-hover-backface-hidden { backface-visibility: hidden; }
.perspective-none { perspective: none; }
.hover-perspective-none:hover { perspective: none; }
.focus-perspective-none:focus { perspective: none; }
.active-perspective-none:active { perspective: none; }
.disabled-perspective-none:disabled { perspective: none; }
.group:hover .group-hover-perspective-none { perspective: none; }
.perspective-100 { perspective: 100px; }
.hover-perspective-100:hover { perspective: 100px; }
.focus-perspective-100:focus { perspective: 100px; }
.active-perspective-100:active { perspective: 100px; }
.disabled-perspective-100:disabled { perspective: 100px; }
.group:hover .group-hover-perspective-100 { perspective: 100px; }
.perspective-500 { perspective: 500px; }
.hover-perspective-500:hover { perspective: 500px; }
.focus-perspective-500:focus { perspective: 500px; }
.active-perspective-500:active { perspective: 500px; }
.disabled-perspective-500:disabled { perspective: 500px; }
.group:hover .group-hover-perspective-500 { perspective: 500px; }
.perspective-1000 { perspective: 1000px; }
.hover-perspective-1000:hover { perspective: 1000px; }
.focus-perspective-1000:focus { perspective: 1000px; }
.active-perspective-1000:active { perspective: 1000px; }
.disabled-perspective-1000:disabled { perspective: 1000px; }
.group:hover .group-hover-perspective-1000 { perspective: 1000px; }
.perspective-1500 { perspective: 1500px; }
.hover-perspective-1500:hover { perspective: 1500px; }
.focus-perspective-1500:focus { perspective: 1500px; }
.active-perspective-1500:active { perspective: 1500px; }
.disabled-perspective-1500:disabled { perspective: 1500px; }
.group:hover .group-hover-perspective-1500 { perspective: 1500px; }
.perspective-2000 { perspective: 2000px; }
.hover-perspective-2000:hover { perspective: 2000px; }
.focus-perspective-2000:focus { perspective: 2000px; }
.active-perspective-2000:active { perspective: 2000px; }
.disabled-perspective-2000:disabled { perspective: 2000px; }
.group:hover .group-hover-perspective-2000 { perspective: 2000px; }
.perspective-origin-center { perspective-origin: center; }
.hover-perspective-origin-center:hover { perspective-origin: center; }
.focus-perspective-origin-center:focus { perspective-origin: center; }
.active-perspective-origin-center:active { perspective-origin: center; }
.disabled-perspective-origin-center:disabled { perspective-origin: center; }
.group:hover .group-hover-perspective-origin-center { perspective-origin: center; }
.perspective-origin-top { perspective-origin: top; }
.hover-perspective-origin-top:hover { perspective-origin: top; }
.focus-perspective-origin-top:focus { perspective-origin: top; }
.active-perspective-origin-top:active { perspective-origin: top; }
.disabled-perspective-origin-top:disabled { perspective-origin: top; }
.group:hover .group-hover-perspective-origin-top { perspective-origin: top; }
.perspective-origin-bottom { perspective-origin: bottom; }
.hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.active-perspective-origin-bottom:active { perspective-origin: bottom; }
.disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.group:hover .group-hover-perspective-origin-bottom { perspective-origin: bottom; }
.perspective-origin-left { perspective-origin: left; }
.hover-perspective-origin-left:hover { perspective-origin: left; }
.focus-perspective-origin-left:focus { perspective-origin: left; }
.active-perspective-origin-left:active { perspective-origin: left; }
.disabled-perspective-origin-left:disabled { perspective-origin: left; }
.group:hover .group-hover-perspective-origin-left { perspective-origin: left; }
.perspective-origin-right { perspective-origin: right; }
.hover-perspective-origin-right:hover { perspective-origin: right; }
.focus-perspective-origin-right:focus { perspective-origin: right; }
.active-perspective-origin-right:active { perspective-origin: right; }
.disabled-perspective-origin-right:disabled { perspective-origin: right; }
.group:hover .group-hover-perspective-origin-right { perspective-origin: right; }
.perspective-origin-top_left { perspective-origin: top left; }
.hover-perspective-origin-top_left:hover { perspective-origin: top left; }
.focus-perspective-origin-top_left:focus { perspective-origin: top left; }
.active-perspective-origin-top_left:active { perspective-origin: top left; }
.disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
.group:hover .group-hover-perspective-origin-top_left { perspective-origin: top left; }
.perspective-origin-top_right { perspective-origin: top right; }
.hover-perspective-origin-top_right:hover { perspective-origin: top right; }
.focus-perspective-origin-top_right:focus { perspective-origin: top right; }
.active-perspective-origin-top_right:active { perspective-origin: top right; }
.disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
.group:hover .group-hover-perspective-origin-top_right { perspective-origin: top right; }
.perspective-origin-bottom_left { perspective-origin: bottom left; }
.hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
.focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
.active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
.disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
.group:hover .group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
.perspective-origin-bottom_right { perspective-origin: bottom right; }
.hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
.focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
.active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
.disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
.group:hover .group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
.transform { transform: var(--quanta-transform, none); }
.hover-transform:hover { transform: var(--quanta-transform, none); }
.focus-transform:focus { transform: var(--quanta-transform, none); }
.active-transform:active { transform: var(--quanta-transform, none); }
.disabled-transform:disabled { transform: var(--quanta-transform, none); }
.group:hover .group-hover-transform { transform: var(--quanta-transform, none); }
.transform-none { transform: none; }
.hover-transform-none:hover { transform: none; }
.focus-transform-none:focus { transform: none; }
.active-transform-none:active { transform: none; }
.disabled-transform-none:disabled { transform: none; }
.group:hover .group-hover-transform-none { transform: none; }
.rotate-n180 { transform: rotate(-180deg); }
.hover-rotate-n180:hover { transform: rotate(-180deg); }
.focus-rotate-n180:focus { transform: rotate(-180deg); }
.active-rotate-n180:active { transform: rotate(-180deg); }
.disabled-rotate-n180:disabled { transform: rotate(-180deg); }
.group:hover .group-hover-rotate-n180 { transform: rotate(-180deg); }
.rotate-n90 { transform: rotate(-90deg); }
.hover-rotate-n90:hover { transform: rotate(-90deg); }
.focus-rotate-n90:focus { transform: rotate(-90deg); }
.active-rotate-n90:active { transform: rotate(-90deg); }
.disabled-rotate-n90:disabled { transform: rotate(-90deg); }
.group:hover .group-hover-rotate-n90 { transform: rotate(-90deg); }
.rotate-n45 { transform: rotate(-45deg); }
.hover-rotate-n45:hover { transform: rotate(-45deg); }
.focus-rotate-n45:focus { transform: rotate(-45deg); }
.active-rotate-n45:active { transform: rotate(-45deg); }
.disabled-rotate-n45:disabled { transform: rotate(-45deg); }
.group:hover .group-hover-rotate-n45 { transform: rotate(-45deg); }
.rotate-0 { transform: rotate(0deg); }
.hover-rotate-0:hover { transform: rotate(0deg); }
.focus-rotate-0:focus { transform: rotate(0deg); }
.active-rotate-0:active { transform: rotate(0deg); }
.disabled-rotate-0:disabled { transform: rotate(0deg); }
.group:hover .group-hover-rotate-0 { transform: rotate(0deg); }
.rotate-45 { transform: rotate(45deg); }
.hover-rotate-45:hover { transform: rotate(45deg); }
.focus-rotate-45:focus { transform: rotate(45deg); }
.active-rotate-45:active { transform: rotate(45deg); }
.disabled-rotate-45:disabled { transform: rotate(45deg); }
.group:hover .group-hover-rotate-45 { transform: rotate(45deg); }
.rotate-90 { transform: rotate(90deg); }
.hover-rotate-90:hover { transform: rotate(90deg); }
.focus-rotate-90:focus { transform: rotate(90deg); }
.active-rotate-90:active { transform: rotate(90deg); }
.disabled-rotate-90:disabled { transform: rotate(90deg); }
.group:hover .group-hover-rotate-90 { transform: rotate(90deg); }
.rotate-180 { transform: rotate(180deg); }
.hover-rotate-180:hover { transform: rotate(180deg); }
.focus-rotate-180:focus { transform: rotate(180deg); }
.active-rotate-180:active { transform: rotate(180deg); }
.disabled-rotate-180:disabled { transform: rotate(180deg); }
.group:hover .group-hover-rotate-180 { transform: rotate(180deg); }
.scale-50 { transform: scale(0.5); }
.hover-scale-50:hover { transform: scale(0.5); }
.focus-scale-50:focus { transform: scale(0.5); }
.active-scale-50:active { transform: scale(0.5); }
.disabled-scale-50:disabled { transform: scale(0.5); }
.group:hover .group-hover-scale-50 { transform: scale(0.5); }
.scale-75 { transform: scale(0.75); }
.hover-scale-75:hover { transform: scale(0.75); }
.focus-scale-75:focus { transform: scale(0.75); }
.active-scale-75:active { transform: scale(0.75); }
.disabled-scale-75:disabled { transform: scale(0.75); }
.group:hover .group-hover-scale-75 { transform: scale(0.75); }
.scale-90 { transform: scale(0.9); }
.hover-scale-90:hover { transform: scale(0.9); }
.focus-scale-90:focus { transform: scale(0.9); }
.active-scale-90:active { transform: scale(0.9); }
.disabled-scale-90:disabled { transform: scale(0.9); }
.group:hover .group-hover-scale-90 { transform: scale(0.9); }
.scale-95 { transform: scale(0.95); }
.hover-scale-95:hover { transform: scale(0.95); }
.focus-scale-95:focus { transform: scale(0.95); }
.active-scale-95:active { transform: scale(0.95); }
.disabled-scale-95:disabled { transform: scale(0.95); }
.group:hover .group-hover-scale-95 { transform: scale(0.95); }
.scale-100 { transform: scale(1.0); }
.hover-scale-100:hover { transform: scale(1.0); }
.focus-scale-100:focus { transform: scale(1.0); }
.active-scale-100:active { transform: scale(1.0); }
.disabled-scale-100:disabled { transform: scale(1.0); }
.group:hover .group-hover-scale-100 { transform: scale(1.0); }
.scale-105 { transform: scale(1.05); }
.hover-scale-105:hover { transform: scale(1.05); }
.focus-scale-105:focus { transform: scale(1.05); }
.active-scale-105:active { transform: scale(1.05); }
.disabled-scale-105:disabled { transform: scale(1.05); }
.group:hover .group-hover-scale-105 { transform: scale(1.05); }
.scale-110 { transform: scale(1.1); }
.hover-scale-110:hover { transform: scale(1.1); }
.focus-scale-110:focus { transform: scale(1.1); }
.active-scale-110:active { transform: scale(1.1); }
.disabled-scale-110:disabled { transform: scale(1.1); }
.group:hover .group-hover-scale-110 { transform: scale(1.1); }
.scale-125 { transform: scale(1.25); }
.hover-scale-125:hover { transform: scale(1.25); }
.focus-scale-125:focus { transform: scale(1.25); }
.active-scale-125:active { transform: scale(1.25); }
.disabled-scale-125:disabled { transform: scale(1.25); }
.group:hover .group-hover-scale-125 { transform: scale(1.25); }
.scale-150 { transform: scale(1.5); }
.hover-scale-150:hover { transform: scale(1.5); }
.focus-scale-150:focus { transform: scale(1.5); }
.active-scale-150:active { transform: scale(1.5); }
.disabled-scale-150:disabled { transform: scale(1.5); }
.group:hover .group-hover-scale-150 { transform: scale(1.5); }
.skew-x-n45 { transform: skewX(-45deg); }
.hover-skew-x-n45:hover { transform: skewX(-45deg); }
.focus-skew-x-n45:focus { transform: skewX(-45deg); }
.active-skew-x-n45:active { transform: skewX(-45deg); }
.disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
.group:hover .group-hover-skew-x-n45 { transform: skewX(-45deg); }
.skew-y-n45 { transform: skewY(-45deg); }
.hover-skew-y-n45:hover { transform: skewY(-45deg); }
.focus-skew-y-n45:focus { transform: skewY(-45deg); }
.active-skew-y-n45:active { transform: skewY(-45deg); }
.disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
.group:hover .group-hover-skew-y-n45 { transform: skewY(-45deg); }
.skew-x-n30 { transform: skewX(-30deg); }
.hover-skew-x-n30:hover { transform: skewX(-30deg); }
.focus-skew-x-n30:focus { transform: skewX(-30deg); }
.active-skew-x-n30:active { transform: skewX(-30deg); }
.disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
.group:hover .group-hover-skew-x-n30 { transform: skewX(-30deg); }
.skew-y-n30 { transform: skewY(-30deg); }
.hover-skew-y-n30:hover { transform: skewY(-30deg); }
.focus-skew-y-n30:focus { transform: skewY(-30deg); }
.active-skew-y-n30:active { transform: skewY(-30deg); }
.disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
.group:hover .group-hover-skew-y-n30 { transform: skewY(-30deg); }
.skew-x-n15 { transform: skewX(-15deg); }
.hover-skew-x-n15:hover { transform: skewX(-15deg); }
.focus-skew-x-n15:focus { transform: skewX(-15deg); }
.active-skew-x-n15:active { transform: skewX(-15deg); }
.disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
.group:hover .group-hover-skew-x-n15 { transform: skewX(-15deg); }
.skew-y-n15 { transform: skewY(-15deg); }
.hover-skew-y-n15:hover { transform: skewY(-15deg); }
.focus-skew-y-n15:focus { transform: skewY(-15deg); }
.active-skew-y-n15:active { transform: skewY(-15deg); }
.disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
.group:hover .group-hover-skew-y-n15 { transform: skewY(-15deg); }
.skew-x-0 { transform: skewX(0deg); }
.hover-skew-x-0:hover { transform: skewX(0deg); }
.focus-skew-x-0:focus { transform: skewX(0deg); }
.active-skew-x-0:active { transform: skewX(0deg); }
.disabled-skew-x-0:disabled { transform: skewX(0deg); }
.group:hover .group-hover-skew-x-0 { transform: skewX(0deg); }
.skew-y-0 { transform: skewY(0deg); }
.hover-skew-y-0:hover { transform: skewY(0deg); }
.focus-skew-y-0:focus { transform: skewY(0deg); }
.active-skew-y-0:active { transform: skewY(0deg); }
.disabled-skew-y-0:disabled { transform: skewY(0deg); }
.group:hover .group-hover-skew-y-0 { transform: skewY(0deg); }
.skew-x-15 { transform: skewX(15deg); }
.hover-skew-x-15:hover { transform: skewX(15deg); }
.focus-skew-x-15:focus { transform: skewX(15deg); }
.active-skew-x-15:active { transform: skewX(15deg); }
.disabled-skew-x-15:disabled { transform: skewX(15deg); }
.group:hover .group-hover-skew-x-15 { transform: skewX(15deg); }
.skew-y-15 { transform: skewY(15deg); }
.hover-skew-y-15:hover { transform: skewY(15deg); }
.focus-skew-y-15:focus { transform: skewY(15deg); }
.active-skew-y-15:active { transform: skewY(15deg); }
.disabled-skew-y-15:disabled { transform: skewY(15deg); }
.group:hover .group-hover-skew-y-15 { transform: skewY(15deg); }
.skew-x-30 { transform: skewX(30deg); }
.hover-skew-x-30:hover { transform: skewX(30deg); }
.focus-skew-x-30:focus { transform: skewX(30deg); }
.active-skew-x-30:active { transform: skewX(30deg); }
.disabled-skew-x-30:disabled { transform: skewX(30deg); }
.group:hover .group-hover-skew-x-30 { transform: skewX(30deg); }
.skew-y-30 { transform: skewY(30deg); }
.hover-skew-y-30:hover { transform: skewY(30deg); }
.focus-skew-y-30:focus { transform: skewY(30deg); }
.active-skew-y-30:active { transform: skewY(30deg); }
.disabled-skew-y-30:disabled { transform: skewY(30deg); }
.group:hover .group-hover-skew-y-30 { transform: skewY(30deg); }
.skew-x-45 { transform: skewX(45deg); }
.hover-skew-x-45:hover { transform: skewX(45deg); }
.focus-skew-x-45:focus { transform: skewX(45deg); }
.active-skew-x-45:active { transform: skewX(45deg); }
.disabled-skew-x-45:disabled { transform: skewX(45deg); }
.group:hover .group-hover-skew-x-45 { transform: skewX(45deg); }
.skew-y-45 { transform: skewY(45deg); }
.hover-skew-y-45:hover { transform: skewY(45deg); }
.focus-skew-y-45:focus { transform: skewY(45deg); }
.active-skew-y-45:active { transform: skewY(45deg); }
.disabled-skew-y-45:disabled { transform: skewY(45deg); }
.group:hover .group-hover-skew-y-45 { transform: skewY(45deg); }
.translate-x-0 { transform: translateX(0rem); }
.hover-translate-x-0:hover { transform: translateX(0rem); }
.focus-translate-x-0:focus { transform: translateX(0rem); }
.active-translate-x-0:active { transform: translateX(0rem); }
.disabled-translate-x-0:disabled { transform: translateX(0rem); }
.group:hover .group-hover-translate-x-0 { transform: translateX(0rem); }
.translate-y-0 { transform: translateY(0rem); }
.hover-translate-y-0:hover { transform: translateY(0rem); }
.focus-translate-y-0:focus { transform: translateY(0rem); }
.active-translate-y-0:active { transform: translateY(0rem); }
.disabled-translate-y-0:disabled { transform: translateY(0rem); }
.group:hover .group-hover-translate-y-0 { transform: translateY(0rem); }
.translate-x-0_125 { transform: translateX(0.125rem); }
.hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
.focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
.active-translate-x-0_125:active { transform: translateX(0.125rem); }
.disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
.group:hover .group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
.translate-y-0_125 { transform: translateY(0.125rem); }
.hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
.focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
.active-translate-y-0_125:active { transform: translateY(0.125rem); }
.disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
.group:hover .group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
.translate-x-0_25 { transform: translateX(0.25rem); }
.hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.active-translate-x-0_25:active { transform: translateX(0.25rem); }
.disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.group:hover .group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
.translate-y-0_25 { transform: translateY(0.25rem); }
.hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.active-translate-y-0_25:active { transform: translateY(0.25rem); }
.disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.group:hover .group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
.translate-x-0_5 { transform: translateX(0.5rem); }
.hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.active-translate-x-0_5:active { transform: translateX(0.5rem); }
.disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.group:hover .group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
.translate-y-0_5 { transform: translateY(0.5rem); }
.hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.active-translate-y-0_5:active { transform: translateY(0.5rem); }
.disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.group:hover .group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
.translate-x-0_75 { transform: translateX(0.75rem); }
.hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
.focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
.active-translate-x-0_75:active { transform: translateX(0.75rem); }
.disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
.group:hover .group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
.translate-y-0_75 { transform: translateY(0.75rem); }
.hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
.focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
.active-translate-y-0_75:active { transform: translateY(0.75rem); }
.disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
.group:hover .group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
.translate-x-1 { transform: translateX(1rem); }
.hover-translate-x-1:hover { transform: translateX(1rem); }
.focus-translate-x-1:focus { transform: translateX(1rem); }
.active-translate-x-1:active { transform: translateX(1rem); }
.disabled-translate-x-1:disabled { transform: translateX(1rem); }
.group:hover .group-hover-translate-x-1 { transform: translateX(1rem); }
.translate-y-1 { transform: translateY(1rem); }
.hover-translate-y-1:hover { transform: translateY(1rem); }
.focus-translate-y-1:focus { transform: translateY(1rem); }
.active-translate-y-1:active { transform: translateY(1rem); }
.disabled-translate-y-1:disabled { transform: translateY(1rem); }
.group:hover .group-hover-translate-y-1 { transform: translateY(1rem); }
.translate-x-1_5 { transform: translateX(1.5rem); }
.hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.active-translate-x-1_5:active { transform: translateX(1.5rem); }
.disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.group:hover .group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
.translate-y-1_5 { transform: translateY(1.5rem); }
.hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.active-translate-y-1_5:active { transform: translateY(1.5rem); }
.disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.group:hover .group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
.translate-x-2 { transform: translateX(2rem); }
.hover-translate-x-2:hover { transform: translateX(2rem); }
.focus-translate-x-2:focus { transform: translateX(2rem); }
.active-translate-x-2:active { transform: translateX(2rem); }
.disabled-translate-x-2:disabled { transform: translateX(2rem); }
.group:hover .group-hover-translate-x-2 { transform: translateX(2rem); }
.translate-y-2 { transform: translateY(2rem); }
.hover-translate-y-2:hover { transform: translateY(2rem); }
.focus-translate-y-2:focus { transform: translateY(2rem); }
.active-translate-y-2:active { transform: translateY(2rem); }
.disabled-translate-y-2:disabled { transform: translateY(2rem); }
.group:hover .group-hover-translate-y-2 { transform: translateY(2rem); }
.translate-x-3 { transform: translateX(3rem); }
.hover-translate-x-3:hover { transform: translateX(3rem); }
.focus-translate-x-3:focus { transform: translateX(3rem); }
.active-translate-x-3:active { transform: translateX(3rem); }
.disabled-translate-x-3:disabled { transform: translateX(3rem); }
.group:hover .group-hover-translate-x-3 { transform: translateX(3rem); }
.translate-y-3 { transform: translateY(3rem); }
.hover-translate-y-3:hover { transform: translateY(3rem); }
.focus-translate-y-3:focus { transform: translateY(3rem); }
.active-translate-y-3:active { transform: translateY(3rem); }
.disabled-translate-y-3:disabled { transform: translateY(3rem); }
.group:hover .group-hover-translate-y-3 { transform: translateY(3rem); }
.translate-x-4 { transform: translateX(4rem); }
.hover-translate-x-4:hover { transform: translateX(4rem); }
.focus-translate-x-4:focus { transform: translateX(4rem); }
.active-translate-x-4:active { transform: translateX(4rem); }
.disabled-translate-x-4:disabled { transform: translateX(4rem); }
.group:hover .group-hover-translate-x-4 { transform: translateX(4rem); }
.translate-y-4 { transform: translateY(4rem); }
.hover-translate-y-4:hover { transform: translateY(4rem); }
.focus-translate-y-4:focus { transform: translateY(4rem); }
.active-translate-y-4:active { transform: translateY(4rem); }
.disabled-translate-y-4:disabled { transform: translateY(4rem); }
.group:hover .group-hover-translate-y-4 { transform: translateY(4rem); }
.origin-center { transform-origin: center; }
.hover-origin-center:hover { transform-origin: center; }
.focus-origin-center:focus { transform-origin: center; }
.active-origin-center:active { transform-origin: center; }
.disabled-origin-center:disabled { transform-origin: center; }
.group:hover .group-hover-origin-center { transform-origin: center; }
.origin-top { transform-origin: top; }
.hover-origin-top:hover { transform-origin: top; }
.focus-origin-top:focus { transform-origin: top; }
.active-origin-top:active { transform-origin: top; }
.disabled-origin-top:disabled { transform-origin: top; }
.group:hover .group-hover-origin-top { transform-origin: top; }
.origin-bottom { transform-origin: bottom; }
.hover-origin-bottom:hover { transform-origin: bottom; }
.focus-origin-bottom:focus { transform-origin: bottom; }
.active-origin-bottom:active { transform-origin: bottom; }
.disabled-origin-bottom:disabled { transform-origin: bottom; }
.group:hover .group-hover-origin-bottom { transform-origin: bottom; }
.origin-left { transform-origin: left; }
.hover-origin-left:hover { transform-origin: left; }
.focus-origin-left:focus { transform-origin: left; }
.active-origin-left:active { transform-origin: left; }
.disabled-origin-left:disabled { transform-origin: left; }
.group:hover .group-hover-origin-left { transform-origin: left; }
.origin-right { transform-origin: right; }
.hover-origin-right:hover { transform-origin: right; }
.focus-origin-right:focus { transform-origin: right; }
.active-origin-right:active { transform-origin: right; }
.disabled-origin-right:disabled { transform-origin: right; }
.group:hover .group-hover-origin-right { transform-origin: right; }
.origin-top_left { transform-origin: top left; }
.hover-origin-top_left:hover { transform-origin: top left; }
.focus-origin-top_left:focus { transform-origin: top left; }
.active-origin-top_left:active { transform-origin: top left; }
.disabled-origin-top_left:disabled { transform-origin: top left; }
.group:hover .group-hover-origin-top_left { transform-origin: top left; }
.origin-top_right { transform-origin: top right; }
.hover-origin-top_right:hover { transform-origin: top right; }
.focus-origin-top_right:focus { transform-origin: top right; }
.active-origin-top_right:active { transform-origin: top right; }
.disabled-origin-top_right:disabled { transform-origin: top right; }
.group:hover .group-hover-origin-top_right { transform-origin: top right; }
.origin-bottom_left { transform-origin: bottom left; }
.hover-origin-bottom_left:hover { transform-origin: bottom left; }
.focus-origin-bottom_left:focus { transform-origin: bottom left; }
.active-origin-bottom_left:active { transform-origin: bottom left; }
.disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
.group:hover .group-hover-origin-bottom_left { transform-origin: bottom left; }
.origin-bottom_right { transform-origin: bottom right; }
.hover-origin-bottom_right:hover { transform-origin: bottom right; }
.focus-origin-bottom_right:focus { transform-origin: bottom right; }
.active-origin-bottom_right:active { transform-origin: bottom right; }
.disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
.group:hover .group-hover-origin-bottom_right { transform-origin: bottom right; }
.transform-style-flat { transform-style: flat; }
.hover-transform-style-flat:hover { transform-style: flat; }
.focus-transform-style-flat:focus { transform-style: flat; }
.active-transform-style-flat:active { transform-style: flat; }
.disabled-transform-style-flat:disabled { transform-style: flat; }
.group:hover .group-hover-transform-style-flat { transform-style: flat; }
.transform-style-preserve-3d { transform-style: preserve-3d; }
.hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
.focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
.active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
.disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
.group:hover .group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
.accent-auto { accent-color: auto; }
.hover-accent-auto:hover { accent-color: auto; }
.focus-accent-auto:focus { accent-color: auto; }
.active-accent-auto:active { accent-color: auto; }
.disabled-accent-auto:disabled { accent-color: auto; }
.group:hover .group-hover-accent-auto { accent-color: auto; }
.accent-transparent { accent-color: transparent; }
.hover-accent-transparent:hover { accent-color: transparent; }
.focus-accent-transparent:focus { accent-color: transparent; }
.active-accent-transparent:active { accent-color: transparent; }
.disabled-accent-transparent:disabled { accent-color: transparent; }
.group:hover .group-hover-accent-transparent { accent-color: transparent; }
.accent-red-50 { accent-color: var(--quanta-red-50); }
.hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
.focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
.active-accent-red-50:active { accent-color: var(--quanta-red-50); }
.disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
.group:hover .group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
.accent-red-100 { accent-color: var(--quanta-red-100); }
.hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
.focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
.active-accent-red-100:active { accent-color: var(--quanta-red-100); }
.disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
.group:hover .group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
.accent-red-200 { accent-color: var(--quanta-red-200); }
.hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
.focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
.active-accent-red-200:active { accent-color: var(--quanta-red-200); }
.disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
.group:hover .group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
.accent-red-300 { accent-color: var(--quanta-red-300); }
.hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
.focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
.active-accent-red-300:active { accent-color: var(--quanta-red-300); }
.disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
.group:hover .group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
.accent-red-400 { accent-color: var(--quanta-red-400); }
.hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
.focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
.active-accent-red-400:active { accent-color: var(--quanta-red-400); }
.disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
.group:hover .group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
.accent-red-500 { accent-color: var(--quanta-red-500); }
.hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
.focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
.active-accent-red-500:active { accent-color: var(--quanta-red-500); }
.disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
.group:hover .group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
.accent-red-600 { accent-color: var(--quanta-red-600); }
.hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
.focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
.active-accent-red-600:active { accent-color: var(--quanta-red-600); }
.disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
.group:hover .group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
.accent-red-700 { accent-color: var(--quanta-red-700); }
.hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
.focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
.active-accent-red-700:active { accent-color: var(--quanta-red-700); }
.disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
.group:hover .group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
.accent-red-800 { accent-color: var(--quanta-red-800); }
.hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
.focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
.active-accent-red-800:active { accent-color: var(--quanta-red-800); }
.disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
.group:hover .group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
.accent-red-900 { accent-color: var(--quanta-red-900); }
.hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
.focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
.active-accent-red-900:active { accent-color: var(--quanta-red-900); }
.disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
.group:hover .group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
.accent-orange-50 { accent-color: var(--quanta-orange-50); }
.hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
.focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
.active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
.disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
.group:hover .group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
.accent-orange-100 { accent-color: var(--quanta-orange-100); }
.hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
.focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
.active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
.disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
.group:hover .group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
.accent-orange-200 { accent-color: var(--quanta-orange-200); }
.hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
.focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
.active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
.disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
.group:hover .group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
.accent-orange-300 { accent-color: var(--quanta-orange-300); }
.hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
.focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
.active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
.disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
.group:hover .group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
.accent-orange-400 { accent-color: var(--quanta-orange-400); }
.hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
.focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
.active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
.disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
.group:hover .group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
.accent-orange-500 { accent-color: var(--quanta-orange-500); }
.hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
.focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
.active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
.disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
.group:hover .group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
.accent-orange-600 { accent-color: var(--quanta-orange-600); }
.hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
.focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
.active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
.disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
.group:hover .group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
.accent-orange-700 { accent-color: var(--quanta-orange-700); }
.hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
.focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
.active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
.disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
.group:hover .group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
.accent-orange-800 { accent-color: var(--quanta-orange-800); }
.hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
.focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
.active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
.disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
.group:hover .group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
.accent-orange-900 { accent-color: var(--quanta-orange-900); }
.hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
.focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
.active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
.disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
.group:hover .group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
.accent-teal-50 { accent-color: var(--quanta-teal-50); }
.hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
.focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
.active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
.disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
.group:hover .group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
.accent-teal-100 { accent-color: var(--quanta-teal-100); }
.hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
.focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
.active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
.disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
.group:hover .group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
.accent-teal-200 { accent-color: var(--quanta-teal-200); }
.hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
.focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
.active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
.disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
.group:hover .group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
.accent-teal-300 { accent-color: var(--quanta-teal-300); }
.hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
.focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
.active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
.disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
.group:hover .group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
.accent-teal-400 { accent-color: var(--quanta-teal-400); }
.hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
.focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
.active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
.disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
.group:hover .group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
.accent-teal-500 { accent-color: var(--quanta-teal-500); }
.hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
.focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
.active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
.disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
.group:hover .group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
.accent-teal-600 { accent-color: var(--quanta-teal-600); }
.hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
.focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
.active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
.disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
.group:hover .group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
.accent-teal-700 { accent-color: var(--quanta-teal-700); }
.hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
.focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
.active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
.disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
.group:hover .group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
.accent-teal-800 { accent-color: var(--quanta-teal-800); }
.hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
.focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
.active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
.disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
.group:hover .group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
.accent-teal-900 { accent-color: var(--quanta-teal-900); }
.hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
.focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
.active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
.disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
.group:hover .group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
.accent-purple-50 { accent-color: var(--quanta-purple-50); }
.hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
.focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
.active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
.disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
.group:hover .group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
.accent-purple-100 { accent-color: var(--quanta-purple-100); }
.hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
.focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
.active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
.disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
.group:hover .group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
.accent-purple-200 { accent-color: var(--quanta-purple-200); }
.hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
.focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
.active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
.disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
.group:hover .group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
.accent-purple-300 { accent-color: var(--quanta-purple-300); }
.hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
.focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
.active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
.disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
.group:hover .group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
.accent-purple-400 { accent-color: var(--quanta-purple-400); }
.hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
.focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
.active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
.disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
.group:hover .group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
.accent-purple-500 { accent-color: var(--quanta-purple-500); }
.hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
.focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
.active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
.disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
.group:hover .group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
.accent-purple-600 { accent-color: var(--quanta-purple-600); }
.hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
.focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
.active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
.disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
.group:hover .group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
.accent-purple-700 { accent-color: var(--quanta-purple-700); }
.hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
.focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
.active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
.disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
.group:hover .group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
.accent-purple-800 { accent-color: var(--quanta-purple-800); }
.hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
.focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
.active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
.disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
.group:hover .group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
.accent-purple-900 { accent-color: var(--quanta-purple-900); }
.hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
.focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
.active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
.disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
.group:hover .group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
.accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
.focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
.active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
.disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
.group:hover .group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
.focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
.active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
.disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
.group:hover .group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
.focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
.active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
.disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
.group:hover .group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
.focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
.active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
.disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
.group:hover .group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
.focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
.active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
.disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
.group:hover .group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
.focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
.active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
.disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
.group:hover .group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
.focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
.active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
.disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
.group:hover .group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
.focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
.active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
.disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
.group:hover .group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
.focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
.active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
.disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
.group:hover .group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
.focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
.active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
.disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
.group:hover .group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
.focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
.active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
.disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
.group:hover .group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
.focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
.active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
.disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
.group:hover .group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
.focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
.active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
.disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
.group:hover .group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
.focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
.active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
.disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
.group:hover .group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
.focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
.active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
.disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
.group:hover .group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
.focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
.active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
.disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
.group:hover .group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
.focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
.active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
.disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
.group:hover .group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
.focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
.active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
.disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
.group:hover .group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
.focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
.active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
.disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
.group:hover .group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
.focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
.active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
.disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
.group:hover .group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.accent-pink-50 { accent-color: var(--quanta-pink-50); }
.hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
.focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
.active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
.disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
.group:hover .group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
.accent-pink-100 { accent-color: var(--quanta-pink-100); }
.hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
.focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
.active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
.disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
.group:hover .group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
.accent-pink-200 { accent-color: var(--quanta-pink-200); }
.hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
.focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
.active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
.disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
.group:hover .group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
.accent-pink-300 { accent-color: var(--quanta-pink-300); }
.hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
.focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
.active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
.disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
.group:hover .group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
.accent-pink-400 { accent-color: var(--quanta-pink-400); }
.hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
.focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
.active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
.disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
.group:hover .group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
.accent-pink-500 { accent-color: var(--quanta-pink-500); }
.hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
.focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
.active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
.disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
.group:hover .group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
.accent-pink-600 { accent-color: var(--quanta-pink-600); }
.hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
.focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
.active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
.disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
.group:hover .group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
.accent-pink-700 { accent-color: var(--quanta-pink-700); }
.hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
.focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
.active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
.disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
.group:hover .group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
.accent-pink-800 { accent-color: var(--quanta-pink-800); }
.hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
.focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
.active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
.disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
.group:hover .group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
.accent-pink-900 { accent-color: var(--quanta-pink-900); }
.hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
.focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
.active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
.disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
.group:hover .group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
.accent-grey-50 { accent-color: var(--quanta-grey-50); }
.hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
.focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
.active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
.disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
.group:hover .group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
.accent-grey-100 { accent-color: var(--quanta-grey-100); }
.hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
.focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
.active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
.disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
.group:hover .group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
.accent-grey-200 { accent-color: var(--quanta-grey-200); }
.hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
.focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
.active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
.disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
.group:hover .group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
.accent-grey-300 { accent-color: var(--quanta-grey-300); }
.hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
.focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
.active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
.disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
.group:hover .group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
.accent-grey-400 { accent-color: var(--quanta-grey-400); }
.hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
.focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
.active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
.disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
.group:hover .group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
.accent-grey-500 { accent-color: var(--quanta-grey-500); }
.hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
.focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
.active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
.disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
.group:hover .group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
.accent-grey-600 { accent-color: var(--quanta-grey-600); }
.hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
.focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
.active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
.disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
.group:hover .group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
.accent-grey-700 { accent-color: var(--quanta-grey-700); }
.hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
.focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
.active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
.disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
.group:hover .group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
.accent-grey-800 { accent-color: var(--quanta-grey-800); }
.hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
.focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
.active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
.disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
.group:hover .group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
.accent-grey-900 { accent-color: var(--quanta-grey-900); }
.hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
.focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
.active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
.disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
.group:hover .group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
.accent-lime-50 { accent-color: var(--quanta-lime-50); }
.hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
.focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
.active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
.disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
.group:hover .group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
.accent-lime-100 { accent-color: var(--quanta-lime-100); }
.hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
.focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
.active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
.disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
.group:hover .group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
.accent-lime-200 { accent-color: var(--quanta-lime-200); }
.hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
.focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
.active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
.disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
.group:hover .group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
.accent-lime-300 { accent-color: var(--quanta-lime-300); }
.hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
.focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
.active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
.disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
.group:hover .group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
.accent-lime-400 { accent-color: var(--quanta-lime-400); }
.hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
.focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
.active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
.disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
.group:hover .group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
.accent-lime-500 { accent-color: var(--quanta-lime-500); }
.hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
.focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
.active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
.disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
.group:hover .group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
.accent-lime-600 { accent-color: var(--quanta-lime-600); }
.hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
.focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
.active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
.disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
.group:hover .group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
.accent-lime-700 { accent-color: var(--quanta-lime-700); }
.hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
.focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
.active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
.disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
.group:hover .group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
.accent-lime-800 { accent-color: var(--quanta-lime-800); }
.hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
.focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
.active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
.disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
.group:hover .group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
.accent-lime-900 { accent-color: var(--quanta-lime-900); }
.hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
.focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
.active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
.disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
.group:hover .group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
.accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
.focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
.active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
.disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
.group:hover .group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
.focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
.active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
.disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
.group:hover .group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
.focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
.active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
.disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
.group:hover .group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
.focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
.active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
.disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
.group:hover .group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
.focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
.active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
.disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
.group:hover .group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
.focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
.active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
.disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
.group:hover .group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
.focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
.active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
.disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
.group:hover .group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
.focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
.active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
.disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
.group:hover .group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
.focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
.active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
.disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
.group:hover .group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
.focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
.active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
.disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
.group:hover .group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.accent-sky-50 { accent-color: var(--quanta-sky-50); }
.hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
.focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
.active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
.disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
.group:hover .group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
.accent-sky-100 { accent-color: var(--quanta-sky-100); }
.hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
.focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
.active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
.disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
.group:hover .group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
.accent-sky-200 { accent-color: var(--quanta-sky-200); }
.hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
.focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
.active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
.disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
.group:hover .group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
.accent-sky-300 { accent-color: var(--quanta-sky-300); }
.hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
.focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
.active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
.disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
.group:hover .group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
.accent-sky-400 { accent-color: var(--quanta-sky-400); }
.hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
.focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
.active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
.disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
.group:hover .group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
.accent-sky-500 { accent-color: var(--quanta-sky-500); }
.hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
.focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
.active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
.disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
.group:hover .group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
.accent-sky-600 { accent-color: var(--quanta-sky-600); }
.hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
.focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
.active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
.disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
.group:hover .group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
.accent-sky-700 { accent-color: var(--quanta-sky-700); }
.hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
.focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
.active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
.disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
.group:hover .group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
.accent-sky-800 { accent-color: var(--quanta-sky-800); }
.hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
.focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
.active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
.disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
.group:hover .group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
.accent-sky-900 { accent-color: var(--quanta-sky-900); }
.hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
.focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
.active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
.disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
.group:hover .group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
.accent-violet-50 { accent-color: var(--quanta-violet-50); }
.hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
.focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
.active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
.disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
.group:hover .group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
.accent-violet-100 { accent-color: var(--quanta-violet-100); }
.hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
.focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
.active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
.disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
.group:hover .group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
.accent-violet-200 { accent-color: var(--quanta-violet-200); }
.hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
.focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
.active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
.disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
.group:hover .group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
.accent-violet-300 { accent-color: var(--quanta-violet-300); }
.hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
.focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
.active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
.disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
.group:hover .group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
.accent-violet-400 { accent-color: var(--quanta-violet-400); }
.hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
.focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
.active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
.disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
.group:hover .group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
.accent-violet-500 { accent-color: var(--quanta-violet-500); }
.hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
.focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
.active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
.disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
.group:hover .group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
.accent-violet-600 { accent-color: var(--quanta-violet-600); }
.hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
.focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
.active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
.disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
.group:hover .group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
.accent-violet-700 { accent-color: var(--quanta-violet-700); }
.hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
.focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
.active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
.disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
.group:hover .group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
.accent-violet-800 { accent-color: var(--quanta-violet-800); }
.hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
.focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
.active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
.disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
.group:hover .group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
.accent-violet-900 { accent-color: var(--quanta-violet-900); }
.hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
.focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
.active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
.disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
.group:hover .group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
.accent-rose-50 { accent-color: var(--quanta-rose-50); }
.hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
.focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
.active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
.disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
.group:hover .group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
.accent-rose-100 { accent-color: var(--quanta-rose-100); }
.hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
.focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
.active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
.disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
.group:hover .group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
.accent-rose-200 { accent-color: var(--quanta-rose-200); }
.hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
.focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
.active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
.disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
.group:hover .group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
.accent-rose-300 { accent-color: var(--quanta-rose-300); }
.hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
.focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
.active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
.disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
.group:hover .group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
.accent-rose-400 { accent-color: var(--quanta-rose-400); }
.hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
.focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
.active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
.disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
.group:hover .group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
.accent-rose-500 { accent-color: var(--quanta-rose-500); }
.hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
.focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
.active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
.disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
.group:hover .group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
.accent-rose-600 { accent-color: var(--quanta-rose-600); }
.hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
.focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
.active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
.disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
.group:hover .group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
.accent-rose-700 { accent-color: var(--quanta-rose-700); }
.hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
.focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
.active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
.disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
.group:hover .group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
.accent-rose-800 { accent-color: var(--quanta-rose-800); }
.hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
.focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
.active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
.disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
.group:hover .group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
.accent-rose-900 { accent-color: var(--quanta-rose-900); }
.hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
.focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
.active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
.disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
.group:hover .group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
.accent-slate-50 { accent-color: var(--quanta-slate-50); }
.hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
.focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
.active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
.disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
.group:hover .group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
.accent-slate-100 { accent-color: var(--quanta-slate-100); }
.hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
.focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
.active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
.disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
.group:hover .group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
.accent-slate-200 { accent-color: var(--quanta-slate-200); }
.hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
.focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
.active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
.disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
.group:hover .group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
.accent-slate-300 { accent-color: var(--quanta-slate-300); }
.hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
.focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
.active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
.disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
.group:hover .group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
.accent-slate-400 { accent-color: var(--quanta-slate-400); }
.hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
.focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
.active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
.disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
.group:hover .group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
.accent-slate-500 { accent-color: var(--quanta-slate-500); }
.hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
.focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
.active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
.disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
.group:hover .group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
.accent-slate-600 { accent-color: var(--quanta-slate-600); }
.hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
.focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
.active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
.disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
.group:hover .group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
.accent-slate-700 { accent-color: var(--quanta-slate-700); }
.hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
.focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
.active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
.disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
.group:hover .group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
.accent-slate-800 { accent-color: var(--quanta-slate-800); }
.hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
.focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
.active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
.disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
.group:hover .group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
.accent-slate-900 { accent-color: var(--quanta-slate-900); }
.hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
.focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
.active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
.disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
.group:hover .group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
.accent-blue-50 { accent-color: var(--quanta-blue-50); }
.hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
.focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
.active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
.disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
.group:hover .group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
.accent-blue-100 { accent-color: var(--quanta-blue-100); }
.hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
.focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
.active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
.disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
.group:hover .group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
.accent-blue-200 { accent-color: var(--quanta-blue-200); }
.hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
.focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
.active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
.disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
.group:hover .group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
.accent-blue-300 { accent-color: var(--quanta-blue-300); }
.hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
.focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
.active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
.disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
.group:hover .group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
.accent-blue-400 { accent-color: var(--quanta-blue-400); }
.hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
.focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
.active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
.disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
.group:hover .group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
.accent-blue-500 { accent-color: var(--quanta-blue-500); }
.hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
.focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
.active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
.disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
.group:hover .group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
.accent-blue-600 { accent-color: var(--quanta-blue-600); }
.hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
.focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
.active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
.disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
.group:hover .group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
.accent-blue-700 { accent-color: var(--quanta-blue-700); }
.hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
.focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
.active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
.disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
.group:hover .group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
.accent-blue-800 { accent-color: var(--quanta-blue-800); }
.hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
.focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
.active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
.disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
.group:hover .group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
.accent-blue-900 { accent-color: var(--quanta-blue-900); }
.hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
.focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
.active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
.disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
.group:hover .group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
.accent-green-50 { accent-color: var(--quanta-green-50); }
.hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
.focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
.active-accent-green-50:active { accent-color: var(--quanta-green-50); }
.disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
.group:hover .group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
.accent-green-100 { accent-color: var(--quanta-green-100); }
.hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
.focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
.active-accent-green-100:active { accent-color: var(--quanta-green-100); }
.disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
.group:hover .group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
.accent-green-200 { accent-color: var(--quanta-green-200); }
.hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
.focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
.active-accent-green-200:active { accent-color: var(--quanta-green-200); }
.disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
.group:hover .group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
.accent-green-300 { accent-color: var(--quanta-green-300); }
.hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
.focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
.active-accent-green-300:active { accent-color: var(--quanta-green-300); }
.disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
.group:hover .group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
.accent-green-400 { accent-color: var(--quanta-green-400); }
.hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
.focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
.active-accent-green-400:active { accent-color: var(--quanta-green-400); }
.disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
.group:hover .group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
.accent-green-500 { accent-color: var(--quanta-green-500); }
.hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
.focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
.active-accent-green-500:active { accent-color: var(--quanta-green-500); }
.disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
.group:hover .group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
.accent-green-600 { accent-color: var(--quanta-green-600); }
.hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
.focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
.active-accent-green-600:active { accent-color: var(--quanta-green-600); }
.disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
.group:hover .group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
.accent-green-700 { accent-color: var(--quanta-green-700); }
.hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
.focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
.active-accent-green-700:active { accent-color: var(--quanta-green-700); }
.disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
.group:hover .group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
.accent-green-800 { accent-color: var(--quanta-green-800); }
.hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
.focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
.active-accent-green-800:active { accent-color: var(--quanta-green-800); }
.disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
.group:hover .group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
.accent-green-900 { accent-color: var(--quanta-green-900); }
.hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
.focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
.active-accent-green-900:active { accent-color: var(--quanta-green-900); }
.disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
.group:hover .group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
.appearance-none { appearance: none; }
.hover-appearance-none:hover { appearance: none; }
.focus-appearance-none:focus { appearance: none; }
.active-appearance-none:active { appearance: none; }
.disabled-appearance-none:disabled { appearance: none; }
.group:hover .group-hover-appearance-none { appearance: none; }
.appearance-auto { appearance: auto; }
.hover-appearance-auto:hover { appearance: auto; }
.focus-appearance-auto:focus { appearance: auto; }
.active-appearance-auto:active { appearance: auto; }
.disabled-appearance-auto:disabled { appearance: auto; }
.group:hover .group-hover-appearance-auto { appearance: auto; }
.caret-red-50 { caret-color: var(--quanta-red-50); }
.hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
.focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
.active-caret-red-50:active { caret-color: var(--quanta-red-50); }
.disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
.group:hover .group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
.caret-red-100 { caret-color: var(--quanta-red-100); }
.hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
.focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
.active-caret-red-100:active { caret-color: var(--quanta-red-100); }
.disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
.group:hover .group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
.caret-red-200 { caret-color: var(--quanta-red-200); }
.hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
.focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
.active-caret-red-200:active { caret-color: var(--quanta-red-200); }
.disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
.group:hover .group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
.caret-red-300 { caret-color: var(--quanta-red-300); }
.hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
.focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
.active-caret-red-300:active { caret-color: var(--quanta-red-300); }
.disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
.group:hover .group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
.caret-red-400 { caret-color: var(--quanta-red-400); }
.hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
.focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
.active-caret-red-400:active { caret-color: var(--quanta-red-400); }
.disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
.group:hover .group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
.caret-red-500 { caret-color: var(--quanta-red-500); }
.hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
.focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
.active-caret-red-500:active { caret-color: var(--quanta-red-500); }
.disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
.group:hover .group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
.caret-red-600 { caret-color: var(--quanta-red-600); }
.hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
.focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
.active-caret-red-600:active { caret-color: var(--quanta-red-600); }
.disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
.group:hover .group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
.caret-red-700 { caret-color: var(--quanta-red-700); }
.hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
.focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
.active-caret-red-700:active { caret-color: var(--quanta-red-700); }
.disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
.group:hover .group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
.caret-red-800 { caret-color: var(--quanta-red-800); }
.hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
.focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
.active-caret-red-800:active { caret-color: var(--quanta-red-800); }
.disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
.group:hover .group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
.caret-red-900 { caret-color: var(--quanta-red-900); }
.hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
.focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
.active-caret-red-900:active { caret-color: var(--quanta-red-900); }
.disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
.group:hover .group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
.caret-orange-50 { caret-color: var(--quanta-orange-50); }
.hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
.focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
.active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
.disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
.group:hover .group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
.caret-orange-100 { caret-color: var(--quanta-orange-100); }
.hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
.focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
.active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
.disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
.group:hover .group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
.caret-orange-200 { caret-color: var(--quanta-orange-200); }
.hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
.focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
.active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
.disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
.group:hover .group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
.caret-orange-300 { caret-color: var(--quanta-orange-300); }
.hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
.focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
.active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
.disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
.group:hover .group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
.caret-orange-400 { caret-color: var(--quanta-orange-400); }
.hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
.focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
.active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
.disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
.group:hover .group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
.caret-orange-500 { caret-color: var(--quanta-orange-500); }
.hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
.focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
.active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
.disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
.group:hover .group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
.caret-orange-600 { caret-color: var(--quanta-orange-600); }
.hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
.focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
.active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
.disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
.group:hover .group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
.caret-orange-700 { caret-color: var(--quanta-orange-700); }
.hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
.focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
.active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
.disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
.group:hover .group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
.caret-orange-800 { caret-color: var(--quanta-orange-800); }
.hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
.focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
.active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
.disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
.group:hover .group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
.caret-orange-900 { caret-color: var(--quanta-orange-900); }
.hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
.focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
.active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
.disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
.group:hover .group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
.caret-teal-50 { caret-color: var(--quanta-teal-50); }
.hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
.focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
.active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
.disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
.group:hover .group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
.caret-teal-100 { caret-color: var(--quanta-teal-100); }
.hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
.focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
.active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
.disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
.group:hover .group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
.caret-teal-200 { caret-color: var(--quanta-teal-200); }
.hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
.focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
.active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
.disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
.group:hover .group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
.caret-teal-300 { caret-color: var(--quanta-teal-300); }
.hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
.focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
.active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
.disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
.group:hover .group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
.caret-teal-400 { caret-color: var(--quanta-teal-400); }
.hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
.focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
.active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
.disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
.group:hover .group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
.caret-teal-500 { caret-color: var(--quanta-teal-500); }
.hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
.focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
.active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
.disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
.group:hover .group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
.caret-teal-600 { caret-color: var(--quanta-teal-600); }
.hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
.focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
.active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
.disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
.group:hover .group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
.caret-teal-700 { caret-color: var(--quanta-teal-700); }
.hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
.focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
.active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
.disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
.group:hover .group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
.caret-teal-800 { caret-color: var(--quanta-teal-800); }
.hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
.focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
.active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
.disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
.group:hover .group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
.caret-teal-900 { caret-color: var(--quanta-teal-900); }
.hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
.focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
.active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
.disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
.group:hover .group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
.caret-purple-50 { caret-color: var(--quanta-purple-50); }
.hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
.focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
.active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
.disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
.group:hover .group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
.caret-purple-100 { caret-color: var(--quanta-purple-100); }
.hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
.focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
.active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
.disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
.group:hover .group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
.caret-purple-200 { caret-color: var(--quanta-purple-200); }
.hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
.focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
.active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
.disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
.group:hover .group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
.caret-purple-300 { caret-color: var(--quanta-purple-300); }
.hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
.focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
.active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
.disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
.group:hover .group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
.caret-purple-400 { caret-color: var(--quanta-purple-400); }
.hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
.focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
.active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
.disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
.group:hover .group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
.caret-purple-500 { caret-color: var(--quanta-purple-500); }
.hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
.focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
.active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
.disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
.group:hover .group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
.caret-purple-600 { caret-color: var(--quanta-purple-600); }
.hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
.focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
.active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
.disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
.group:hover .group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
.caret-purple-700 { caret-color: var(--quanta-purple-700); }
.hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
.focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
.active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
.disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
.group:hover .group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
.caret-purple-800 { caret-color: var(--quanta-purple-800); }
.hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
.focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
.active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
.disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
.group:hover .group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
.caret-purple-900 { caret-color: var(--quanta-purple-900); }
.hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
.focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
.active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
.disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
.group:hover .group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
.caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
.focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
.active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
.disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
.group:hover .group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
.focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
.active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
.disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
.group:hover .group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
.focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
.active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
.disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
.group:hover .group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
.focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
.active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
.disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
.group:hover .group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
.focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
.active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
.disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
.group:hover .group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
.focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
.active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
.disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
.group:hover .group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
.focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
.active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
.disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
.group:hover .group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
.focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
.active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
.disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
.group:hover .group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
.focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
.active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
.disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
.group:hover .group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
.focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
.active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
.disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
.group:hover .group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
.focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
.active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
.disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
.group:hover .group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
.focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
.active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
.disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
.group:hover .group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
.focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
.active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
.disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
.group:hover .group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
.focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
.active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
.disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
.group:hover .group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
.focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
.active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
.disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
.group:hover .group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
.focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
.active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
.disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
.group:hover .group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
.focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
.active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
.disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
.group:hover .group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
.focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
.active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
.disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
.group:hover .group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
.focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
.active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
.disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
.group:hover .group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
.focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
.active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
.disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
.group:hover .group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.caret-pink-50 { caret-color: var(--quanta-pink-50); }
.hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
.focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
.active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
.disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
.group:hover .group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
.caret-pink-100 { caret-color: var(--quanta-pink-100); }
.hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
.focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
.active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
.disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
.group:hover .group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
.caret-pink-200 { caret-color: var(--quanta-pink-200); }
.hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
.focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
.active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
.disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
.group:hover .group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
.caret-pink-300 { caret-color: var(--quanta-pink-300); }
.hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
.focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
.active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
.disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
.group:hover .group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
.caret-pink-400 { caret-color: var(--quanta-pink-400); }
.hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
.focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
.active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
.disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
.group:hover .group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
.caret-pink-500 { caret-color: var(--quanta-pink-500); }
.hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
.focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
.active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
.disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
.group:hover .group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
.caret-pink-600 { caret-color: var(--quanta-pink-600); }
.hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
.focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
.active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
.disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
.group:hover .group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
.caret-pink-700 { caret-color: var(--quanta-pink-700); }
.hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
.focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
.active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
.disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
.group:hover .group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
.caret-pink-800 { caret-color: var(--quanta-pink-800); }
.hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
.focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
.active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
.disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
.group:hover .group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
.caret-pink-900 { caret-color: var(--quanta-pink-900); }
.hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
.focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
.active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
.disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
.group:hover .group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
.caret-grey-50 { caret-color: var(--quanta-grey-50); }
.hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
.focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
.active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
.disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
.group:hover .group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
.caret-grey-100 { caret-color: var(--quanta-grey-100); }
.hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
.focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
.active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
.disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
.group:hover .group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
.caret-grey-200 { caret-color: var(--quanta-grey-200); }
.hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
.focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
.active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
.disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
.group:hover .group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
.caret-grey-300 { caret-color: var(--quanta-grey-300); }
.hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
.focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
.active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
.disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
.group:hover .group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
.caret-grey-400 { caret-color: var(--quanta-grey-400); }
.hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
.focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
.active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
.disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
.group:hover .group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
.caret-grey-500 { caret-color: var(--quanta-grey-500); }
.hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
.focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
.active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
.disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
.group:hover .group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
.caret-grey-600 { caret-color: var(--quanta-grey-600); }
.hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
.focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
.active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
.disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
.group:hover .group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
.caret-grey-700 { caret-color: var(--quanta-grey-700); }
.hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
.focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
.active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
.disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
.group:hover .group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
.caret-grey-800 { caret-color: var(--quanta-grey-800); }
.hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
.focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
.active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
.disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
.group:hover .group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
.caret-grey-900 { caret-color: var(--quanta-grey-900); }
.hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
.focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
.active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
.disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
.group:hover .group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
.caret-lime-50 { caret-color: var(--quanta-lime-50); }
.hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
.focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
.active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
.disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
.group:hover .group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
.caret-lime-100 { caret-color: var(--quanta-lime-100); }
.hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
.focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
.active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
.disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
.group:hover .group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
.caret-lime-200 { caret-color: var(--quanta-lime-200); }
.hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
.focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
.active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
.disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
.group:hover .group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
.caret-lime-300 { caret-color: var(--quanta-lime-300); }
.hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
.focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
.active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
.disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
.group:hover .group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
.caret-lime-400 { caret-color: var(--quanta-lime-400); }
.hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
.focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
.active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
.disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
.group:hover .group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
.caret-lime-500 { caret-color: var(--quanta-lime-500); }
.hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
.focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
.active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
.disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
.group:hover .group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
.caret-lime-600 { caret-color: var(--quanta-lime-600); }
.hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
.focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
.active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
.disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
.group:hover .group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
.caret-lime-700 { caret-color: var(--quanta-lime-700); }
.hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
.focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
.active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
.disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
.group:hover .group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
.caret-lime-800 { caret-color: var(--quanta-lime-800); }
.hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
.focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
.active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
.disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
.group:hover .group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
.caret-lime-900 { caret-color: var(--quanta-lime-900); }
.hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
.focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
.active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
.disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
.group:hover .group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
.caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
.focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
.active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
.disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
.group:hover .group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
.focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
.active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
.disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
.group:hover .group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
.focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
.active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
.disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
.group:hover .group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
.focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
.active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
.disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
.group:hover .group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
.focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
.active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
.disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
.group:hover .group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
.focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
.active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
.disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
.group:hover .group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
.focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
.active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
.disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
.group:hover .group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
.focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
.active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
.disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
.group:hover .group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
.focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
.active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
.disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
.group:hover .group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
.focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
.active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
.disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
.group:hover .group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.caret-sky-50 { caret-color: var(--quanta-sky-50); }
.hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
.focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
.active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
.disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
.group:hover .group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
.caret-sky-100 { caret-color: var(--quanta-sky-100); }
.hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
.focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
.active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
.disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
.group:hover .group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
.caret-sky-200 { caret-color: var(--quanta-sky-200); }
.hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
.focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
.active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
.disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
.group:hover .group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
.caret-sky-300 { caret-color: var(--quanta-sky-300); }
.hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
.focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
.active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
.disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
.group:hover .group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
.caret-sky-400 { caret-color: var(--quanta-sky-400); }
.hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
.focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
.active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
.disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
.group:hover .group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
.caret-sky-500 { caret-color: var(--quanta-sky-500); }
.hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
.focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
.active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
.disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
.group:hover .group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
.caret-sky-600 { caret-color: var(--quanta-sky-600); }
.hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
.focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
.active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
.disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
.group:hover .group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
.caret-sky-700 { caret-color: var(--quanta-sky-700); }
.hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
.focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
.active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
.disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
.group:hover .group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
.caret-sky-800 { caret-color: var(--quanta-sky-800); }
.hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
.focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
.active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
.disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
.group:hover .group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
.caret-sky-900 { caret-color: var(--quanta-sky-900); }
.hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
.focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
.active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
.disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
.group:hover .group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
.caret-violet-50 { caret-color: var(--quanta-violet-50); }
.hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
.focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
.active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
.disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
.group:hover .group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
.caret-violet-100 { caret-color: var(--quanta-violet-100); }
.hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
.focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
.active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
.disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
.group:hover .group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
.caret-violet-200 { caret-color: var(--quanta-violet-200); }
.hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
.focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
.active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
.disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
.group:hover .group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
.caret-violet-300 { caret-color: var(--quanta-violet-300); }
.hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
.focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
.active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
.disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
.group:hover .group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
.caret-violet-400 { caret-color: var(--quanta-violet-400); }
.hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
.focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
.active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
.disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
.group:hover .group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
.caret-violet-500 { caret-color: var(--quanta-violet-500); }
.hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
.focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
.active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
.disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
.group:hover .group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
.caret-violet-600 { caret-color: var(--quanta-violet-600); }
.hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
.focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
.active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
.disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
.group:hover .group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
.caret-violet-700 { caret-color: var(--quanta-violet-700); }
.hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
.focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
.active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
.disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
.group:hover .group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
.caret-violet-800 { caret-color: var(--quanta-violet-800); }
.hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
.focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
.active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
.disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
.group:hover .group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
.caret-violet-900 { caret-color: var(--quanta-violet-900); }
.hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
.focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
.active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
.disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
.group:hover .group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
.caret-rose-50 { caret-color: var(--quanta-rose-50); }
.hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
.focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
.active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
.disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
.group:hover .group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
.caret-rose-100 { caret-color: var(--quanta-rose-100); }
.hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
.focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
.active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
.disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
.group:hover .group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
.caret-rose-200 { caret-color: var(--quanta-rose-200); }
.hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
.focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
.active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
.disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
.group:hover .group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
.caret-rose-300 { caret-color: var(--quanta-rose-300); }
.hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
.focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
.active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
.disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
.group:hover .group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
.caret-rose-400 { caret-color: var(--quanta-rose-400); }
.hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
.focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
.active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
.disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
.group:hover .group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
.caret-rose-500 { caret-color: var(--quanta-rose-500); }
.hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
.focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
.active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
.disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
.group:hover .group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
.caret-rose-600 { caret-color: var(--quanta-rose-600); }
.hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
.focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
.active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
.disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
.group:hover .group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
.caret-rose-700 { caret-color: var(--quanta-rose-700); }
.hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
.focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
.active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
.disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
.group:hover .group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
.caret-rose-800 { caret-color: var(--quanta-rose-800); }
.hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
.focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
.active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
.disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
.group:hover .group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
.caret-rose-900 { caret-color: var(--quanta-rose-900); }
.hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
.focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
.active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
.disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
.group:hover .group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
.caret-slate-50 { caret-color: var(--quanta-slate-50); }
.hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
.focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
.active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
.disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
.group:hover .group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
.caret-slate-100 { caret-color: var(--quanta-slate-100); }
.hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
.focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
.active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
.disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
.group:hover .group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
.caret-slate-200 { caret-color: var(--quanta-slate-200); }
.hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
.focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
.active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
.disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
.group:hover .group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
.caret-slate-300 { caret-color: var(--quanta-slate-300); }
.hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
.focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
.active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
.disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
.group:hover .group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
.caret-slate-400 { caret-color: var(--quanta-slate-400); }
.hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
.focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
.active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
.disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
.group:hover .group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
.caret-slate-500 { caret-color: var(--quanta-slate-500); }
.hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
.focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
.active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
.disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
.group:hover .group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
.caret-slate-600 { caret-color: var(--quanta-slate-600); }
.hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
.focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
.active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
.disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
.group:hover .group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
.caret-slate-700 { caret-color: var(--quanta-slate-700); }
.hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
.focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
.active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
.disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
.group:hover .group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
.caret-slate-800 { caret-color: var(--quanta-slate-800); }
.hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
.focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
.active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
.disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
.group:hover .group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
.caret-slate-900 { caret-color: var(--quanta-slate-900); }
.hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
.focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
.active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
.disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
.group:hover .group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
.caret-blue-50 { caret-color: var(--quanta-blue-50); }
.hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
.focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
.active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
.disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
.group:hover .group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
.caret-blue-100 { caret-color: var(--quanta-blue-100); }
.hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
.focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
.active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
.disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
.group:hover .group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
.caret-blue-200 { caret-color: var(--quanta-blue-200); }
.hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
.focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
.active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
.disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
.group:hover .group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
.caret-blue-300 { caret-color: var(--quanta-blue-300); }
.hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
.focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
.active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
.disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
.group:hover .group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
.caret-blue-400 { caret-color: var(--quanta-blue-400); }
.hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
.focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
.active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
.disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
.group:hover .group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
.caret-blue-500 { caret-color: var(--quanta-blue-500); }
.hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
.focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
.active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
.disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
.group:hover .group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
.caret-blue-600 { caret-color: var(--quanta-blue-600); }
.hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
.focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
.active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
.disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
.group:hover .group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
.caret-blue-700 { caret-color: var(--quanta-blue-700); }
.hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
.focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
.active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
.disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
.group:hover .group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
.caret-blue-800 { caret-color: var(--quanta-blue-800); }
.hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
.focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
.active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
.disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
.group:hover .group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
.caret-blue-900 { caret-color: var(--quanta-blue-900); }
.hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
.focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
.active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
.disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
.group:hover .group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
.caret-green-50 { caret-color: var(--quanta-green-50); }
.hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
.focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
.active-caret-green-50:active { caret-color: var(--quanta-green-50); }
.disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
.group:hover .group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
.caret-green-100 { caret-color: var(--quanta-green-100); }
.hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
.focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
.active-caret-green-100:active { caret-color: var(--quanta-green-100); }
.disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
.group:hover .group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
.caret-green-200 { caret-color: var(--quanta-green-200); }
.hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
.focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
.active-caret-green-200:active { caret-color: var(--quanta-green-200); }
.disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
.group:hover .group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
.caret-green-300 { caret-color: var(--quanta-green-300); }
.hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
.focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
.active-caret-green-300:active { caret-color: var(--quanta-green-300); }
.disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
.group:hover .group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
.caret-green-400 { caret-color: var(--quanta-green-400); }
.hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
.focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
.active-caret-green-400:active { caret-color: var(--quanta-green-400); }
.disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
.group:hover .group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
.caret-green-500 { caret-color: var(--quanta-green-500); }
.hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
.focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
.active-caret-green-500:active { caret-color: var(--quanta-green-500); }
.disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
.group:hover .group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
.caret-green-600 { caret-color: var(--quanta-green-600); }
.hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
.focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
.active-caret-green-600:active { caret-color: var(--quanta-green-600); }
.disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
.group:hover .group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
.caret-green-700 { caret-color: var(--quanta-green-700); }
.hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
.focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
.active-caret-green-700:active { caret-color: var(--quanta-green-700); }
.disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
.group:hover .group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
.caret-green-800 { caret-color: var(--quanta-green-800); }
.hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
.focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
.active-caret-green-800:active { caret-color: var(--quanta-green-800); }
.disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
.group:hover .group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
.caret-green-900 { caret-color: var(--quanta-green-900); }
.hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
.focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
.active-caret-green-900:active { caret-color: var(--quanta-green-900); }
.disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
.group:hover .group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
.caret-black { caret-color: var(--black); }
.hover-caret-black:hover { caret-color: var(--black); }
.focus-caret-black:focus { caret-color: var(--black); }
.active-caret-black:active { caret-color: var(--black); }
.disabled-caret-black:disabled { caret-color: var(--black); }
.group:hover .group-hover-caret-black { caret-color: var(--black); }
.caret-white { caret-color: var(--white); }
.hover-caret-white:hover { caret-color: var(--white); }
.focus-caret-white:focus { caret-color: var(--white); }
.active-caret-white:active { caret-color: var(--white); }
.disabled-caret-white:disabled { caret-color: var(--white); }
.group:hover .group-hover-caret-white { caret-color: var(--white); }
.color-scheme-light { color-scheme: light; }
.hover-color-scheme-light:hover { color-scheme: light; }
.focus-color-scheme-light:focus { color-scheme: light; }
.active-color-scheme-light:active { color-scheme: light; }
.disabled-color-scheme-light:disabled { color-scheme: light; }
.group:hover .group-hover-color-scheme-light { color-scheme: light; }
.color-scheme-dark { color-scheme: dark; }
.hover-color-scheme-dark:hover { color-scheme: dark; }
.focus-color-scheme-dark:focus { color-scheme: dark; }
.active-color-scheme-dark:active { color-scheme: dark; }
.disabled-color-scheme-dark:disabled { color-scheme: dark; }
.group:hover .group-hover-color-scheme-dark { color-scheme: dark; }
.color-scheme-normal { color-scheme: normal; }
.hover-color-scheme-normal:hover { color-scheme: normal; }
.focus-color-scheme-normal:focus { color-scheme: normal; }
.active-color-scheme-normal:active { color-scheme: normal; }
.disabled-color-scheme-normal:disabled { color-scheme: normal; }
.group:hover .group-hover-color-scheme-normal { color-scheme: normal; }
.cursor-auto { cursor: auto; }
.hover-cursor-auto:hover { cursor: auto; }
.focus-cursor-auto:focus { cursor: auto; }
.active-cursor-auto:active { cursor: auto; }
.disabled-cursor-auto:disabled { cursor: auto; }
.group:hover .group-hover-cursor-auto { cursor: auto; }
.cursor-default { cursor: default; }
.hover-cursor-default:hover { cursor: default; }
.focus-cursor-default:focus { cursor: default; }
.active-cursor-default:active { cursor: default; }
.disabled-cursor-default:disabled { cursor: default; }
.group:hover .group-hover-cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }
.hover-cursor-pointer:hover { cursor: pointer; }
.focus-cursor-pointer:focus { cursor: pointer; }
.active-cursor-pointer:active { cursor: pointer; }
.disabled-cursor-pointer:disabled { cursor: pointer; }
.group:hover .group-hover-cursor-pointer { cursor: pointer; }
.cursor-wait { cursor: wait; }
.hover-cursor-wait:hover { cursor: wait; }
.focus-cursor-wait:focus { cursor: wait; }
.active-cursor-wait:active { cursor: wait; }
.disabled-cursor-wait:disabled { cursor: wait; }
.group:hover .group-hover-cursor-wait { cursor: wait; }
.cursor-text { cursor: text; }
.hover-cursor-text:hover { cursor: text; }
.focus-cursor-text:focus { cursor: text; }
.active-cursor-text:active { cursor: text; }
.disabled-cursor-text:disabled { cursor: text; }
.group:hover .group-hover-cursor-text { cursor: text; }
.cursor-move { cursor: move; }
.hover-cursor-move:hover { cursor: move; }
.focus-cursor-move:focus { cursor: move; }
.active-cursor-move:active { cursor: move; }
.disabled-cursor-move:disabled { cursor: move; }
.group:hover .group-hover-cursor-move { cursor: move; }
.cursor-not-allowed { cursor: not-allowed; }
.hover-cursor-not-allowed:hover { cursor: not-allowed; }
.focus-cursor-not-allowed:focus { cursor: not-allowed; }
.active-cursor-not-allowed:active { cursor: not-allowed; }
.disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.group:hover .group-hover-cursor-not-allowed { cursor: not-allowed; }
.cursor-none { cursor: none; }
.hover-cursor-none:hover { cursor: none; }
.focus-cursor-none:focus { cursor: none; }
.active-cursor-none:active { cursor: none; }
.disabled-cursor-none:disabled { cursor: none; }
.group:hover .group-hover-cursor-none { cursor: none; }
.pointer-events-none { pointer-events: none; }
.hover-pointer-events-none:hover { pointer-events: none; }
.focus-pointer-events-none:focus { pointer-events: none; }
.active-pointer-events-none:active { pointer-events: none; }
.disabled-pointer-events-none:disabled { pointer-events: none; }
.group:hover .group-hover-pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.hover-pointer-events-auto:hover { pointer-events: auto; }
.focus-pointer-events-auto:focus { pointer-events: auto; }
.active-pointer-events-auto:active { pointer-events: auto; }
.disabled-pointer-events-auto:disabled { pointer-events: auto; }
.group:hover .group-hover-pointer-events-auto { pointer-events: auto; }
.resize-none { resize: none; }
.hover-resize-none:hover { resize: none; }
.focus-resize-none:focus { resize: none; }
.active-resize-none:active { resize: none; }
.disabled-resize-none:disabled { resize: none; }
.group:hover .group-hover-resize-none { resize: none; }
.resize-x { resize: horizontal; }
.hover-resize-x:hover { resize: horizontal; }
.focus-resize-x:focus { resize: horizontal; }
.active-resize-x:active { resize: horizontal; }
.disabled-resize-x:disabled { resize: horizontal; }
.group:hover .group-hover-resize-x { resize: horizontal; }
.resize-y { resize: vertical; }
.hover-resize-y:hover { resize: vertical; }
.focus-resize-y:focus { resize: vertical; }
.active-resize-y:active { resize: vertical; }
.disabled-resize-y:disabled { resize: vertical; }
.group:hover .group-hover-resize-y { resize: vertical; }
.resize { resize: both; }
.hover-resize:hover { resize: both; }
.focus-resize:focus { resize: both; }
.active-resize:active { resize: both; }
.disabled-resize:disabled { resize: both; }
.group:hover .group-hover-resize { resize: both; }
.scroll-auto { scroll-behavior: auto; }
.hover-scroll-auto:hover { scroll-behavior: auto; }
.focus-scroll-auto:focus { scroll-behavior: auto; }
.active-scroll-auto:active { scroll-behavior: auto; }
.disabled-scroll-auto:disabled { scroll-behavior: auto; }
.group:hover .group-hover-scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
.hover-scroll-smooth:hover { scroll-behavior: smooth; }
.focus-scroll-smooth:focus { scroll-behavior: smooth; }
.active-scroll-smooth:active { scroll-behavior: smooth; }
.disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.group:hover .group-hover-scroll-smooth { scroll-behavior: smooth; }
.scroll-m-0 { scroll-margin: 0rem; }
.hover-scroll-m-0:hover { scroll-margin: 0rem; }
.focus-scroll-m-0:focus { scroll-margin: 0rem; }
.active-scroll-m-0:active { scroll-margin: 0rem; }
.disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
.group:hover .group-hover-scroll-m-0 { scroll-margin: 0rem; }
.scroll-p-0 { scroll-padding: 0rem; }
.hover-scroll-p-0:hover { scroll-padding: 0rem; }
.focus-scroll-p-0:focus { scroll-padding: 0rem; }
.active-scroll-p-0:active { scroll-padding: 0rem; }
.disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
.group:hover .group-hover-scroll-p-0 { scroll-padding: 0rem; }
.scroll-m-0_125 { scroll-margin: 0.125rem; }
.hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
.focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
.active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
.disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
.group:hover .group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
.scroll-p-0_125 { scroll-padding: 0.125rem; }
.hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
.focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
.active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
.disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
.group:hover .group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
.scroll-m-0_25 { scroll-margin: 0.25rem; }
.hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
.focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
.active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
.disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
.group:hover .group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
.scroll-p-0_25 { scroll-padding: 0.25rem; }
.hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
.focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
.active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
.disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
.group:hover .group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
.scroll-m-0_5 { scroll-margin: 0.5rem; }
.hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
.focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
.active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
.disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
.group:hover .group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
.scroll-p-0_5 { scroll-padding: 0.5rem; }
.hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
.focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
.active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
.disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
.group:hover .group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
.scroll-m-0_75 { scroll-margin: 0.75rem; }
.hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
.focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
.active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
.disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
.group:hover .group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
.scroll-p-0_75 { scroll-padding: 0.75rem; }
.hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
.focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
.active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
.disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
.group:hover .group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
.scroll-m-1 { scroll-margin: 1rem; }
.hover-scroll-m-1:hover { scroll-margin: 1rem; }
.focus-scroll-m-1:focus { scroll-margin: 1rem; }
.active-scroll-m-1:active { scroll-margin: 1rem; }
.disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
.group:hover .group-hover-scroll-m-1 { scroll-margin: 1rem; }
.scroll-p-1 { scroll-padding: 1rem; }
.hover-scroll-p-1:hover { scroll-padding: 1rem; }
.focus-scroll-p-1:focus { scroll-padding: 1rem; }
.active-scroll-p-1:active { scroll-padding: 1rem; }
.disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
.group:hover .group-hover-scroll-p-1 { scroll-padding: 1rem; }
.scroll-m-1_5 { scroll-margin: 1.5rem; }
.hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
.focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
.active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
.disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
.group:hover .group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
.scroll-p-1_5 { scroll-padding: 1.5rem; }
.hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
.focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
.active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
.disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
.group:hover .group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
.scroll-m-2 { scroll-margin: 2rem; }
.hover-scroll-m-2:hover { scroll-margin: 2rem; }
.focus-scroll-m-2:focus { scroll-margin: 2rem; }
.active-scroll-m-2:active { scroll-margin: 2rem; }
.disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
.group:hover .group-hover-scroll-m-2 { scroll-margin: 2rem; }
.scroll-p-2 { scroll-padding: 2rem; }
.hover-scroll-p-2:hover { scroll-padding: 2rem; }
.focus-scroll-p-2:focus { scroll-padding: 2rem; }
.active-scroll-p-2:active { scroll-padding: 2rem; }
.disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
.group:hover .group-hover-scroll-p-2 { scroll-padding: 2rem; }
.scroll-m-3 { scroll-margin: 3rem; }
.hover-scroll-m-3:hover { scroll-margin: 3rem; }
.focus-scroll-m-3:focus { scroll-margin: 3rem; }
.active-scroll-m-3:active { scroll-margin: 3rem; }
.disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
.group:hover .group-hover-scroll-m-3 { scroll-margin: 3rem; }
.scroll-p-3 { scroll-padding: 3rem; }
.hover-scroll-p-3:hover { scroll-padding: 3rem; }
.focus-scroll-p-3:focus { scroll-padding: 3rem; }
.active-scroll-p-3:active { scroll-padding: 3rem; }
.disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
.group:hover .group-hover-scroll-p-3 { scroll-padding: 3rem; }
.scroll-m-4 { scroll-margin: 4rem; }
.hover-scroll-m-4:hover { scroll-margin: 4rem; }
.focus-scroll-m-4:focus { scroll-margin: 4rem; }
.active-scroll-m-4:active { scroll-margin: 4rem; }
.disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
.group:hover .group-hover-scroll-m-4 { scroll-margin: 4rem; }
.scroll-p-4 { scroll-padding: 4rem; }
.hover-scroll-p-4:hover { scroll-padding: 4rem; }
.focus-scroll-p-4:focus { scroll-padding: 4rem; }
.active-scroll-p-4:active { scroll-padding: 4rem; }
.disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
.group:hover .group-hover-scroll-p-4 { scroll-padding: 4rem; }
.snap-x { scroll-snap-type: x mandatory; }
.hover-snap-x:hover { scroll-snap-type: x mandatory; }
.focus-snap-x:focus { scroll-snap-type: x mandatory; }
.active-snap-x:active { scroll-snap-type: x mandatory; }
.disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.group:hover .group-hover-snap-x { scroll-snap-type: x mandatory; }
.snap-y { scroll-snap-type: y mandatory; }
.hover-snap-y:hover { scroll-snap-type: y mandatory; }
.focus-snap-y:focus { scroll-snap-type: y mandatory; }
.active-snap-y:active { scroll-snap-type: y mandatory; }
.disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.group:hover .group-hover-snap-y { scroll-snap-type: y mandatory; }
.snap-both { scroll-snap-type: both mandatory; }
.hover-snap-both:hover { scroll-snap-type: both mandatory; }
.focus-snap-both:focus { scroll-snap-type: both mandatory; }
.active-snap-both:active { scroll-snap-type: both mandatory; }
.disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.group:hover .group-hover-snap-both { scroll-snap-type: both mandatory; }
.snap-align-start { scroll-snap-align: start; }
.hover-snap-align-start:hover { scroll-snap-align: start; }
.focus-snap-align-start:focus { scroll-snap-align: start; }
.active-snap-align-start:active { scroll-snap-align: start; }
.disabled-snap-align-start:disabled { scroll-snap-align: start; }
.group:hover .group-hover-snap-align-start { scroll-snap-align: start; }
.snap-align-end { scroll-snap-align: end; }
.hover-snap-align-end:hover { scroll-snap-align: end; }
.focus-snap-align-end:focus { scroll-snap-align: end; }
.active-snap-align-end:active { scroll-snap-align: end; }
.disabled-snap-align-end:disabled { scroll-snap-align: end; }
.group:hover .group-hover-snap-align-end { scroll-snap-align: end; }
.snap-align-center { scroll-snap-align: center; }
.hover-snap-align-center:hover { scroll-snap-align: center; }
.focus-snap-align-center:focus { scroll-snap-align: center; }
.active-snap-align-center:active { scroll-snap-align: center; }
.disabled-snap-align-center:disabled { scroll-snap-align: center; }
.group:hover .group-hover-snap-align-center { scroll-snap-align: center; }
.snap-align-none { scroll-snap-align: none; }
.hover-snap-align-none:hover { scroll-snap-align: none; }
.focus-snap-align-none:focus { scroll-snap-align: none; }
.active-snap-align-none:active { scroll-snap-align: none; }
.disabled-snap-align-none:disabled { scroll-snap-align: none; }
.group:hover .group-hover-snap-align-none { scroll-snap-align: none; }
.snap-stop-normal { scroll-snap-stop: normal; }
.hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.active-snap-stop-normal:active { scroll-snap-stop: normal; }
.disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.group:hover .group-hover-snap-stop-normal { scroll-snap-stop: normal; }
.snap-stop-always { scroll-snap-stop: always; }
.hover-snap-stop-always:hover { scroll-snap-stop: always; }
.focus-snap-stop-always:focus { scroll-snap-stop: always; }
.active-snap-stop-always:active { scroll-snap-stop: always; }
.disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.group:hover .group-hover-snap-stop-always { scroll-snap-stop: always; }
.touch-auto { touch-action: auto; }
.hover-touch-auto:hover { touch-action: auto; }
.focus-touch-auto:focus { touch-action: auto; }
.active-touch-auto:active { touch-action: auto; }
.disabled-touch-auto:disabled { touch-action: auto; }
.group:hover .group-hover-touch-auto { touch-action: auto; }
.touch-none { touch-action: none; }
.hover-touch-none:hover { touch-action: none; }
.focus-touch-none:focus { touch-action: none; }
.active-touch-none:active { touch-action: none; }
.disabled-touch-none:disabled { touch-action: none; }
.group:hover .group-hover-touch-none { touch-action: none; }
.touch-pan_x { touch-action: pan-x; }
.hover-touch-pan_x:hover { touch-action: pan-x; }
.focus-touch-pan_x:focus { touch-action: pan-x; }
.active-touch-pan_x:active { touch-action: pan-x; }
.disabled-touch-pan_x:disabled { touch-action: pan-x; }
.group:hover .group-hover-touch-pan_x { touch-action: pan-x; }
.touch-pan_y { touch-action: pan-y; }
.hover-touch-pan_y:hover { touch-action: pan-y; }
.focus-touch-pan_y:focus { touch-action: pan-y; }
.active-touch-pan_y:active { touch-action: pan-y; }
.disabled-touch-pan_y:disabled { touch-action: pan-y; }
.group:hover .group-hover-touch-pan_y { touch-action: pan-y; }
.touch-manipulation { touch-action: manipulation; }
.hover-touch-manipulation:hover { touch-action: manipulation; }
.focus-touch-manipulation:focus { touch-action: manipulation; }
.active-touch-manipulation:active { touch-action: manipulation; }
.disabled-touch-manipulation:disabled { touch-action: manipulation; }
.group:hover .group-hover-touch-manipulation { touch-action: manipulation; }
.select-auto { user-select: auto; }
.hover-select-auto:hover { user-select: auto; }
.focus-select-auto:focus { user-select: auto; }
.active-select-auto:active { user-select: auto; }
.disabled-select-auto:disabled { user-select: auto; }
.group:hover .group-hover-select-auto { user-select: auto; }
.select-none { user-select: none; }
.hover-select-none:hover { user-select: none; }
.focus-select-none:focus { user-select: none; }
.active-select-none:active { user-select: none; }
.disabled-select-none:disabled { user-select: none; }
.group:hover .group-hover-select-none { user-select: none; }
.select-text { user-select: text; }
.hover-select-text:hover { user-select: text; }
.focus-select-text:focus { user-select: text; }
.active-select-text:active { user-select: text; }
.disabled-select-text:disabled { user-select: text; }
.group:hover .group-hover-select-text { user-select: text; }
.select-all { user-select: all; }
.hover-select-all:hover { user-select: all; }
.focus-select-all:focus { user-select: all; }
.active-select-all:active { user-select: all; }
.disabled-select-all:disabled { user-select: all; }
.group:hover .group-hover-select-all { user-select: all; }
.select-contain { user-select: contain; }
.hover-select-contain:hover { user-select: contain; }
.focus-select-contain:focus { user-select: contain; }
.active-select-contain:active { user-select: contain; }
.disabled-select-contain:disabled { user-select: contain; }
.group:hover .group-hover-select-contain { user-select: contain; }
.will-change-auto { will-change: auto; }
.hover-will-change-auto:hover { will-change: auto; }
.focus-will-change-auto:focus { will-change: auto; }
.active-will-change-auto:active { will-change: auto; }
.disabled-will-change-auto:disabled { will-change: auto; }
.group:hover .group-hover-will-change-auto { will-change: auto; }
.will-change-scroll { will-change: scroll; }
.hover-will-change-scroll:hover { will-change: scroll; }
.focus-will-change-scroll:focus { will-change: scroll; }
.active-will-change-scroll:active { will-change: scroll; }
.disabled-will-change-scroll:disabled { will-change: scroll; }
.group:hover .group-hover-will-change-scroll { will-change: scroll; }
.will-change-transform { will-change: transform; }
.hover-will-change-transform:hover { will-change: transform; }
.focus-will-change-transform:focus { will-change: transform; }
.active-will-change-transform:active { will-change: transform; }
.disabled-will-change-transform:disabled { will-change: transform; }
.group:hover .group-hover-will-change-transform { will-change: transform; }
.will-change-opacity { will-change: opacity; }
.hover-will-change-opacity:hover { will-change: opacity; }
.focus-will-change-opacity:focus { will-change: opacity; }
.active-will-change-opacity:active { will-change: opacity; }
.disabled-will-change-opacity:disabled { will-change: opacity; }
.group:hover .group-hover-will-change-opacity { will-change: opacity; }
.will-change-contents { will-change: contents; }
.hover-will-change-contents:hover { will-change: contents; }
.focus-will-change-contents:focus { will-change: contents; }
.active-will-change-contents:active { will-change: contents; }
.disabled-will-change-contents:disabled { will-change: contents; }
.group:hover .group-hover-will-change-contents { will-change: contents; }
.color-scheme-light { color-scheme: light; }
.hover-color-scheme-light:hover { color-scheme: light; }
.focus-color-scheme-light:focus { color-scheme: light; }
.active-color-scheme-light:active { color-scheme: light; }
.disabled-color-scheme-light:disabled { color-scheme: light; }
.group:hover .group-hover-color-scheme-light { color-scheme: light; }
.color-scheme-dark { color-scheme: dark; }
.hover-color-scheme-dark:hover { color-scheme: dark; }
.focus-color-scheme-dark:focus { color-scheme: dark; }
.active-color-scheme-dark:active { color-scheme: dark; }
.disabled-color-scheme-dark:disabled { color-scheme: dark; }
.group:hover .group-hover-color-scheme-dark { color-scheme: dark; }
.color-scheme-normal { color-scheme: normal; }
.hover-color-scheme-normal:hover { color-scheme: normal; }
.focus-color-scheme-normal:focus { color-scheme: normal; }
.active-color-scheme-normal:active { color-scheme: normal; }
.disabled-color-scheme-normal:disabled { color-scheme: normal; }
.group:hover .group-hover-color-scheme-normal { color-scheme: normal; }
.cursor-auto { cursor: auto; }
.hover-cursor-auto:hover { cursor: auto; }
.focus-cursor-auto:focus { cursor: auto; }
.active-cursor-auto:active { cursor: auto; }
.disabled-cursor-auto:disabled { cursor: auto; }
.group:hover .group-hover-cursor-auto { cursor: auto; }
.cursor-default { cursor: default; }
.hover-cursor-default:hover { cursor: default; }
.focus-cursor-default:focus { cursor: default; }
.active-cursor-default:active { cursor: default; }
.disabled-cursor-default:disabled { cursor: default; }
.group:hover .group-hover-cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }
.hover-cursor-pointer:hover { cursor: pointer; }
.focus-cursor-pointer:focus { cursor: pointer; }
.active-cursor-pointer:active { cursor: pointer; }
.disabled-cursor-pointer:disabled { cursor: pointer; }
.group:hover .group-hover-cursor-pointer { cursor: pointer; }
.cursor-wait { cursor: wait; }
.hover-cursor-wait:hover { cursor: wait; }
.focus-cursor-wait:focus { cursor: wait; }
.active-cursor-wait:active { cursor: wait; }
.disabled-cursor-wait:disabled { cursor: wait; }
.group:hover .group-hover-cursor-wait { cursor: wait; }
.cursor-text { cursor: text; }
.hover-cursor-text:hover { cursor: text; }
.focus-cursor-text:focus { cursor: text; }
.active-cursor-text:active { cursor: text; }
.disabled-cursor-text:disabled { cursor: text; }
.group:hover .group-hover-cursor-text { cursor: text; }
.cursor-move { cursor: move; }
.hover-cursor-move:hover { cursor: move; }
.focus-cursor-move:focus { cursor: move; }
.active-cursor-move:active { cursor: move; }
.disabled-cursor-move:disabled { cursor: move; }
.group:hover .group-hover-cursor-move { cursor: move; }
.cursor-not-allowed { cursor: not-allowed; }
.hover-cursor-not-allowed:hover { cursor: not-allowed; }
.focus-cursor-not-allowed:focus { cursor: not-allowed; }
.active-cursor-not-allowed:active { cursor: not-allowed; }
.disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.group:hover .group-hover-cursor-not-allowed { cursor: not-allowed; }
.cursor-none { cursor: none; }
.hover-cursor-none:hover { cursor: none; }
.focus-cursor-none:focus { cursor: none; }
.active-cursor-none:active { cursor: none; }
.disabled-cursor-none:disabled { cursor: none; }
.group:hover .group-hover-cursor-none { cursor: none; }
.pointer-events-none { pointer-events: none; }
.hover-pointer-events-none:hover { pointer-events: none; }
.focus-pointer-events-none:focus { pointer-events: none; }
.active-pointer-events-none:active { pointer-events: none; }
.disabled-pointer-events-none:disabled { pointer-events: none; }
.group:hover .group-hover-pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.hover-pointer-events-auto:hover { pointer-events: auto; }
.focus-pointer-events-auto:focus { pointer-events: auto; }
.active-pointer-events-auto:active { pointer-events: auto; }
.disabled-pointer-events-auto:disabled { pointer-events: auto; }
.group:hover .group-hover-pointer-events-auto { pointer-events: auto; }
.resize-none { resize: none; }
.hover-resize-none:hover { resize: none; }
.focus-resize-none:focus { resize: none; }
.active-resize-none:active { resize: none; }
.disabled-resize-none:disabled { resize: none; }
.group:hover .group-hover-resize-none { resize: none; }
.resize-x { resize: horizontal; }
.hover-resize-x:hover { resize: horizontal; }
.focus-resize-x:focus { resize: horizontal; }
.active-resize-x:active { resize: horizontal; }
.disabled-resize-x:disabled { resize: horizontal; }
.group:hover .group-hover-resize-x { resize: horizontal; }
.resize-y { resize: vertical; }
.hover-resize-y:hover { resize: vertical; }
.focus-resize-y:focus { resize: vertical; }
.active-resize-y:active { resize: vertical; }
.disabled-resize-y:disabled { resize: vertical; }
.group:hover .group-hover-resize-y { resize: vertical; }
.resize { resize: both; }
.hover-resize:hover { resize: both; }
.focus-resize:focus { resize: both; }
.active-resize:active { resize: both; }
.disabled-resize:disabled { resize: both; }
.group:hover .group-hover-resize { resize: both; }
.scroll-auto { scroll-behavior: auto; }
.hover-scroll-auto:hover { scroll-behavior: auto; }
.focus-scroll-auto:focus { scroll-behavior: auto; }
.active-scroll-auto:active { scroll-behavior: auto; }
.disabled-scroll-auto:disabled { scroll-behavior: auto; }
.group:hover .group-hover-scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
.hover-scroll-smooth:hover { scroll-behavior: smooth; }
.focus-scroll-smooth:focus { scroll-behavior: smooth; }
.active-scroll-smooth:active { scroll-behavior: smooth; }
.disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.group:hover .group-hover-scroll-smooth { scroll-behavior: smooth; }
.scroll-m-0 { scroll-margin: 0; }
.hover-scroll-m-0:hover { scroll-margin: 0; }
.focus-scroll-m-0:focus { scroll-margin: 0; }
.active-scroll-m-0:active { scroll-margin: 0; }
.disabled-scroll-m-0:disabled { scroll-margin: 0; }
.group:hover .group-hover-scroll-m-0 { scroll-margin: 0; }
.scroll-m-1 { scroll-margin: 0.25rem; }
.hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.active-scroll-m-1:active { scroll-margin: 0.25rem; }
.disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.group:hover .group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
.scroll-m-2 { scroll-margin: 0.5rem; }
.hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.active-scroll-m-2:active { scroll-margin: 0.5rem; }
.disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.group:hover .group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
.scroll-m-4 { scroll-margin: 1rem; }
.hover-scroll-m-4:hover { scroll-margin: 1rem; }
.focus-scroll-m-4:focus { scroll-margin: 1rem; }
.active-scroll-m-4:active { scroll-margin: 1rem; }
.disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.group:hover .group-hover-scroll-m-4 { scroll-margin: 1rem; }
.scroll-m-8 { scroll-margin: 2rem; }
.hover-scroll-m-8:hover { scroll-margin: 2rem; }
.focus-scroll-m-8:focus { scroll-margin: 2rem; }
.active-scroll-m-8:active { scroll-margin: 2rem; }
.disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.group:hover .group-hover-scroll-m-8 { scroll-margin: 2rem; }
.scroll-p-0 { scroll-padding: 0; }
.hover-scroll-p-0:hover { scroll-padding: 0; }
.focus-scroll-p-0:focus { scroll-padding: 0; }
.active-scroll-p-0:active { scroll-padding: 0; }
.disabled-scroll-p-0:disabled { scroll-padding: 0; }
.group:hover .group-hover-scroll-p-0 { scroll-padding: 0; }
.scroll-p-1 { scroll-padding: 0.25rem; }
.hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.active-scroll-p-1:active { scroll-padding: 0.25rem; }
.disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.group:hover .group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
.scroll-p-2 { scroll-padding: 0.5rem; }
.hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.active-scroll-p-2:active { scroll-padding: 0.5rem; }
.disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.group:hover .group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
.scroll-p-4 { scroll-padding: 1rem; }
.hover-scroll-p-4:hover { scroll-padding: 1rem; }
.focus-scroll-p-4:focus { scroll-padding: 1rem; }
.active-scroll-p-4:active { scroll-padding: 1rem; }
.disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.group:hover .group-hover-scroll-p-4 { scroll-padding: 1rem; }
.scroll-p-8 { scroll-padding: 2rem; }
.hover-scroll-p-8:hover { scroll-padding: 2rem; }
.focus-scroll-p-8:focus { scroll-padding: 2rem; }
.active-scroll-p-8:active { scroll-padding: 2rem; }
.disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.group:hover .group-hover-scroll-p-8 { scroll-padding: 2rem; }
.snap-x { scroll-snap-type: x mandatory; }
.hover-snap-x:hover { scroll-snap-type: x mandatory; }
.focus-snap-x:focus { scroll-snap-type: x mandatory; }
.active-snap-x:active { scroll-snap-type: x mandatory; }
.disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.group:hover .group-hover-snap-x { scroll-snap-type: x mandatory; }
.snap-y { scroll-snap-type: y mandatory; }
.hover-snap-y:hover { scroll-snap-type: y mandatory; }
.focus-snap-y:focus { scroll-snap-type: y mandatory; }
.active-snap-y:active { scroll-snap-type: y mandatory; }
.disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.group:hover .group-hover-snap-y { scroll-snap-type: y mandatory; }
.snap-both { scroll-snap-type: both mandatory; }
.hover-snap-both:hover { scroll-snap-type: both mandatory; }
.focus-snap-both:focus { scroll-snap-type: both mandatory; }
.active-snap-both:active { scroll-snap-type: both mandatory; }
.disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.group:hover .group-hover-snap-both { scroll-snap-type: both mandatory; }
.snap-align-start { scroll-snap-align: start; }
.hover-snap-align-start:hover { scroll-snap-align: start; }
.focus-snap-align-start:focus { scroll-snap-align: start; }
.active-snap-align-start:active { scroll-snap-align: start; }
.disabled-snap-align-start:disabled { scroll-snap-align: start; }
.group:hover .group-hover-snap-align-start { scroll-snap-align: start; }
.snap-align-center { scroll-snap-align: center; }
.hover-snap-align-center:hover { scroll-snap-align: center; }
.focus-snap-align-center:focus { scroll-snap-align: center; }
.active-snap-align-center:active { scroll-snap-align: center; }
.disabled-snap-align-center:disabled { scroll-snap-align: center; }
.group:hover .group-hover-snap-align-center { scroll-snap-align: center; }
.snap-align-end { scroll-snap-align: end; }
.hover-snap-align-end:hover { scroll-snap-align: end; }
.focus-snap-align-end:focus { scroll-snap-align: end; }
.active-snap-align-end:active { scroll-snap-align: end; }
.disabled-snap-align-end:disabled { scroll-snap-align: end; }
.group:hover .group-hover-snap-align-end { scroll-snap-align: end; }
.snap-align-none { scroll-snap-align: none; }
.hover-snap-align-none:hover { scroll-snap-align: none; }
.focus-snap-align-none:focus { scroll-snap-align: none; }
.active-snap-align-none:active { scroll-snap-align: none; }
.disabled-snap-align-none:disabled { scroll-snap-align: none; }
.group:hover .group-hover-snap-align-none { scroll-snap-align: none; }
.snap-stop-normal { scroll-snap-stop: normal; }
.hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.active-snap-stop-normal:active { scroll-snap-stop: normal; }
.disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.group:hover .group-hover-snap-stop-normal { scroll-snap-stop: normal; }
.snap-stop-always { scroll-snap-stop: always; }
.hover-snap-stop-always:hover { scroll-snap-stop: always; }
.focus-snap-stop-always:focus { scroll-snap-stop: always; }
.active-snap-stop-always:active { scroll-snap-stop: always; }
.disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.group:hover .group-hover-snap-stop-always { scroll-snap-stop: always; }
.touch-auto { touch-action: auto; }
.hover-touch-auto:hover { touch-action: auto; }
.focus-touch-auto:focus { touch-action: auto; }
.active-touch-auto:active { touch-action: auto; }
.disabled-touch-auto:disabled { touch-action: auto; }
.group:hover .group-hover-touch-auto { touch-action: auto; }
.touch-none { touch-action: none; }
.hover-touch-none:hover { touch-action: none; }
.focus-touch-none:focus { touch-action: none; }
.active-touch-none:active { touch-action: none; }
.disabled-touch-none:disabled { touch-action: none; }
.group:hover .group-hover-touch-none { touch-action: none; }
.touch-pan-x { touch-action: pan-x; }
.hover-touch-pan-x:hover { touch-action: pan-x; }
.focus-touch-pan-x:focus { touch-action: pan-x; }
.active-touch-pan-x:active { touch-action: pan-x; }
.disabled-touch-pan-x:disabled { touch-action: pan-x; }
.group:hover .group-hover-touch-pan-x { touch-action: pan-x; }
.touch-pan-y { touch-action: pan-y; }
.hover-touch-pan-y:hover { touch-action: pan-y; }
.focus-touch-pan-y:focus { touch-action: pan-y; }
.active-touch-pan-y:active { touch-action: pan-y; }
.disabled-touch-pan-y:disabled { touch-action: pan-y; }
.group:hover .group-hover-touch-pan-y { touch-action: pan-y; }
.touch-manipulation { touch-action: manipulation; }
.hover-touch-manipulation:hover { touch-action: manipulation; }
.focus-touch-manipulation:focus { touch-action: manipulation; }
.active-touch-manipulation:active { touch-action: manipulation; }
.disabled-touch-manipulation:disabled { touch-action: manipulation; }
.group:hover .group-hover-touch-manipulation { touch-action: manipulation; }
.select-auto { user-select: auto; }
.hover-select-auto:hover { user-select: auto; }
.focus-select-auto:focus { user-select: auto; }
.active-select-auto:active { user-select: auto; }
.disabled-select-auto:disabled { user-select: auto; }
.group:hover .group-hover-select-auto { user-select: auto; }
.select-none { user-select: none; }
.hover-select-none:hover { user-select: none; }
.focus-select-none:focus { user-select: none; }
.active-select-none:active { user-select: none; }
.disabled-select-none:disabled { user-select: none; }
.group:hover .group-hover-select-none { user-select: none; }
.select-text { user-select: text; }
.hover-select-text:hover { user-select: text; }
.focus-select-text:focus { user-select: text; }
.active-select-text:active { user-select: text; }
.disabled-select-text:disabled { user-select: text; }
.group:hover .group-hover-select-text { user-select: text; }
.select-all { user-select: all; }
.hover-select-all:hover { user-select: all; }
.focus-select-all:focus { user-select: all; }
.active-select-all:active { user-select: all; }
.disabled-select-all:disabled { user-select: all; }
.group:hover .group-hover-select-all { user-select: all; }
.select-contain { user-select: contain; }
.hover-select-contain:hover { user-select: contain; }
.focus-select-contain:focus { user-select: contain; }
.active-select-contain:active { user-select: contain; }
.disabled-select-contain:disabled { user-select: contain; }
.group:hover .group-hover-select-contain { user-select: contain; }
.will-change-auto { will-change: auto; }
.hover-will-change-auto:hover { will-change: auto; }
.focus-will-change-auto:focus { will-change: auto; }
.active-will-change-auto:active { will-change: auto; }
.disabled-will-change-auto:disabled { will-change: auto; }
.group:hover .group-hover-will-change-auto { will-change: auto; }
.will-change-scroll { will-change: scroll; }
.hover-will-change-scroll:hover { will-change: scroll; }
.focus-will-change-scroll:focus { will-change: scroll; }
.active-will-change-scroll:active { will-change: scroll; }
.disabled-will-change-scroll:disabled { will-change: scroll; }
.group:hover .group-hover-will-change-scroll { will-change: scroll; }
.will-change-transform { will-change: transform; }
.hover-will-change-transform:hover { will-change: transform; }
.focus-will-change-transform:focus { will-change: transform; }
.active-will-change-transform:active { will-change: transform; }
.disabled-will-change-transform:disabled { will-change: transform; }
.group:hover .group-hover-will-change-transform { will-change: transform; }
.will-change-opacity { will-change: opacity; }
.hover-will-change-opacity:hover { will-change: opacity; }
.focus-will-change-opacity:focus { will-change: opacity; }
.active-will-change-opacity:active { will-change: opacity; }
.disabled-will-change-opacity:disabled { will-change: opacity; }
.group:hover .group-hover-will-change-opacity { will-change: opacity; }
.will-change-contents { will-change: contents; }
.hover-will-change-contents:hover { will-change: contents; }
.focus-will-change-contents:focus { will-change: contents; }
.active-will-change-contents:active { will-change: contents; }
.disabled-will-change-contents:disabled { will-change: contents; }
.group:hover .group-hover-will-change-contents { will-change: contents; }
.field-sizing-auto { block-size: auto; inline-size: auto; }
.hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
.focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
.active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
.disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
.group:hover .group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
.field-sizing-fill { block-size: 100%; inline-size: 100%; }
.hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
.focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
.active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
.disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
.group:hover .group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
.field-sizing-min { block-size: min-content; inline-size: min-content; }
.hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
.focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
.active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
.disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
.group:hover .group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
.field-sizing-max { block-size: max-content; inline-size: max-content; }
.hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
.focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
.active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
.disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
.group:hover .group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
.aspect-auto { aspect-ratio: auto; }
.hover-aspect-auto:hover { aspect-ratio: auto; }
.focus-aspect-auto:focus { aspect-ratio: auto; }
.active-aspect-auto:active { aspect-ratio: auto; }
.disabled-aspect-auto:disabled { aspect-ratio: auto; }
.group:hover .group-hover-aspect-auto { aspect-ratio: auto; }
.aspect-square { aspect-ratio: 1 / 1; }
.hover-aspect-square:hover { aspect-ratio: 1 / 1; }
.focus-aspect-square:focus { aspect-ratio: 1 / 1; }
.active-aspect-square:active { aspect-ratio: 1 / 1; }
.disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
.group:hover .group-hover-aspect-square { aspect-ratio: 1 / 1; }
.aspect-video { aspect-ratio: 16 / 9; }
.hover-aspect-video:hover { aspect-ratio: 16 / 9; }
.focus-aspect-video:focus { aspect-ratio: 16 / 9; }
.active-aspect-video:active { aspect-ratio: 16 / 9; }
.disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
.group:hover .group-hover-aspect-video { aspect-ratio: 16 / 9; }
.aspect-ar_4_3 { aspect-ratio: 4 / 3; }
.hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
.focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
.active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
.disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
.group:hover .group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
.isolation-auto { isolation: auto; }
.hover-isolation-auto:hover { isolation: auto; }
.focus-isolation-auto:focus { isolation: auto; }
.active-isolation-auto:active { isolation: auto; }
.disabled-isolation-auto:disabled { isolation: auto; }
.group:hover .group-hover-isolation-auto { isolation: auto; }
.isolation-isolate { isolation: isolate; }
.hover-isolation-isolate:hover { isolation: isolate; }
.focus-isolation-isolate:focus { isolation: isolate; }
.active-isolation-isolate:active { isolation: isolate; }
.disabled-isolation-isolate:disabled { isolation: isolate; }
.group:hover .group-hover-isolation-isolate { isolation: isolate; }
.contain-none { contain: none; }
.hover-contain-none:hover { contain: none; }
.focus-contain-none:focus { contain: none; }
.active-contain-none:active { contain: none; }
.disabled-contain-none:disabled { contain: none; }
.group:hover .group-hover-contain-none { contain: none; }
.contain-layout { contain: layout; }
.hover-contain-layout:hover { contain: layout; }
.focus-contain-layout:focus { contain: layout; }
.active-contain-layout:active { contain: layout; }
.disabled-contain-layout:disabled { contain: layout; }
.group:hover .group-hover-contain-layout { contain: layout; }
.contain-size { contain: size; }
.hover-contain-size:hover { contain: size; }
.focus-contain-size:focus { contain: size; }
.active-contain-size:active { contain: size; }
.disabled-contain-size:disabled { contain: size; }
.group:hover .group-hover-contain-size { contain: size; }
.contain-style { contain: style; }
.hover-contain-style:hover { contain: style; }
.focus-contain-style:focus { contain: style; }
.active-contain-style:active { contain: style; }
.disabled-contain-style:disabled { contain: style; }
.group:hover .group-hover-contain-style { contain: style; }
.contain-paint { contain: paint; }
.hover-contain-paint:hover { contain: paint; }
.focus-contain-paint:focus { contain: paint; }
.active-contain-paint:active { contain: paint; }
.disabled-contain-paint:disabled { contain: paint; }
.group:hover .group-hover-contain-paint { contain: paint; }
.contain-content { contain: content; }
.hover-contain-content:hover { contain: content; }
.focus-contain-content:focus { contain: content; }
.active-contain-content:active { contain: content; }
.disabled-contain-content:disabled { contain: content; }
.group:hover .group-hover-contain-content { contain: content; }
.content-auto { content-visibility: auto; }
.hover-content-auto:hover { content-visibility: auto; }
.focus-content-auto:focus { content-visibility: auto; }
.active-content-auto:active { content-visibility: auto; }
.disabled-content-auto:disabled { content-visibility: auto; }
.group:hover .group-hover-content-auto { content-visibility: auto; }
.content-hidden { content-visibility: hidden; }
.hover-content-hidden:hover { content-visibility: hidden; }
.focus-content-hidden:focus { content-visibility: hidden; }
.active-content-hidden:active { content-visibility: hidden; }
.disabled-content-hidden:disabled { content-visibility: hidden; }
.group:hover .group-hover-content-hidden { content-visibility: hidden; }
.content-visible { content-visibility: visible; }
.hover-content-visible:hover { content-visibility: visible; }
.focus-content-visible:focus { content-visibility: visible; }
.active-content-visible:active { content-visibility: visible; }
.disabled-content-visible:disabled { content-visibility: visible; }
.group:hover .group-hover-content-visible { content-visibility: visible; }
.box-border { box-sizing: border-box; }
.hover-box-border:hover { box-sizing: border-box; }
.focus-box-border:focus { box-sizing: border-box; }
.active-box-border:active { box-sizing: border-box; }
.disabled-box-border:disabled { box-sizing: border-box; }
.group:hover .group-hover-box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }
.hover-box-content:hover { box-sizing: content-box; }
.focus-box-content:focus { box-sizing: content-box; }
.active-box-content:active { box-sizing: content-box; }
.disabled-box-content:disabled { box-sizing: content-box; }
.group:hover .group-hover-box-content { box-sizing: content-box; }
.clip-none { clip-path: none; }
.hover-clip-none:hover { clip-path: none; }
.focus-clip-none:focus { clip-path: none; }
.active-clip-none:active { clip-path: none; }
.disabled-clip-none:disabled { clip-path: none; }
.group:hover .group-hover-clip-none { clip-path: none; }
.clip-circle { clip-path: circle(50% at 50% 50%); }
.hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
.focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
.active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
.disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
.group:hover .group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
.clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
.hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
.focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
.active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
.disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
.group:hover .group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
.clip-inset { clip-path: inset(0); }
.hover-clip-inset:hover { clip-path: inset(0); }
.focus-clip-inset:focus { clip-path: inset(0); }
.active-clip-inset:active { clip-path: inset(0); }
.disabled-clip-inset:disabled { clip-path: inset(0); }
.group:hover .group-hover-clip-inset { clip-path: inset(0); }
.clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.group:hover .group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.margin-block-start-1 { margin-block-start: 1rem; }
.hover-margin-block-start-1:hover { margin-block-start: 1rem; }
.focus-margin-block-start-1:focus { margin-block-start: 1rem; }
.active-margin-block-start-1:active { margin-block-start: 1rem; }
.disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
.group:hover .group-hover-margin-block-start-1 { margin-block-start: 1rem; }
.margin-block-end-1 { margin-block-end: 1rem; }
.hover-margin-block-end-1:hover { margin-block-end: 1rem; }
.focus-margin-block-end-1:focus { margin-block-end: 1rem; }
.active-margin-block-end-1:active { margin-block-end: 1rem; }
.disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
.group:hover .group-hover-margin-block-end-1 { margin-block-end: 1rem; }
.margin-inline-start-1 { margin-inline-start: 1rem; }
.hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
.focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
.active-margin-inline-start-1:active { margin-inline-start: 1rem; }
.disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
.group:hover .group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
.margin-inline-end-1 { margin-inline-end: 1rem; }
.hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
.focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
.active-margin-inline-end-1:active { margin-inline-end: 1rem; }
.disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
.group:hover .group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
.padding-block-start-1 { padding-block-start: 1rem; }
.hover-padding-block-start-1:hover { padding-block-start: 1rem; }
.focus-padding-block-start-1:focus { padding-block-start: 1rem; }
.active-padding-block-start-1:active { padding-block-start: 1rem; }
.disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
.group:hover .group-hover-padding-block-start-1 { padding-block-start: 1rem; }
.padding-block-end-1 { padding-block-end: 1rem; }
.hover-padding-block-end-1:hover { padding-block-end: 1rem; }
.focus-padding-block-end-1:focus { padding-block-end: 1rem; }
.active-padding-block-end-1:active { padding-block-end: 1rem; }
.disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
.group:hover .group-hover-padding-block-end-1 { padding-block-end: 1rem; }
.padding-inline-start-1 { padding-inline-start: 1rem; }
.hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
.focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
.active-padding-inline-start-1:active { padding-inline-start: 1rem; }
.disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
.group:hover .group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
.padding-inline-end-1 { padding-inline-end: 1rem; }
.hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
.focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
.active-padding-inline-end-1:active { padding-inline-end: 1rem; }
.disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
.group:hover .group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
.transition-all { transition-property: all; }
.hover-transition-all:hover { transition-property: all; }
.focus-transition-all:focus { transition-property: all; }
.active-transition-all:active { transition-property: all; }
.disabled-transition-all:disabled { transition-property: all; }
.group:hover .group-hover-transition-all { transition-property: all; }
.transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
.hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
.focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
.active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
.disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
.group:hover .group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
.transition-opacity { transition-property: opacity; }
.hover-transition-opacity:hover { transition-property: opacity; }
.focus-transition-opacity:focus { transition-property: opacity; }
.active-transition-opacity:active { transition-property: opacity; }
.disabled-transition-opacity:disabled { transition-property: opacity; }
.group:hover .group-hover-transition-opacity { transition-property: opacity; }
.transition-shadow { transition-property: box-shadow; }
.hover-transition-shadow:hover { transition-property: box-shadow; }
.focus-transition-shadow:focus { transition-property: box-shadow; }
.active-transition-shadow:active { transition-property: box-shadow; }
.disabled-transition-shadow:disabled { transition-property: box-shadow; }
.group:hover .group-hover-transition-shadow { transition-property: box-shadow; }
.transition-transform { transition-property: transform; }
.hover-transition-transform:hover { transition-property: transform; }
.focus-transition-transform:focus { transition-property: transform; }
.active-transition-transform:active { transition-property: transform; }
.disabled-transition-transform:disabled { transition-property: transform; }
.group:hover .group-hover-transition-transform { transition-property: transform; }
.duration-75 { transition-duration: 75ms; }
.hover-duration-75:hover { transition-duration: 75ms; }
.focus-duration-75:focus { transition-duration: 75ms; }
.active-duration-75:active { transition-duration: 75ms; }
.disabled-duration-75:disabled { transition-duration: 75ms; }
.group:hover .group-hover-duration-75 { transition-duration: 75ms; }
.duration-100 { transition-duration: 100ms; }
.hover-duration-100:hover { transition-duration: 100ms; }
.focus-duration-100:focus { transition-duration: 100ms; }
.active-duration-100:active { transition-duration: 100ms; }
.disabled-duration-100:disabled { transition-duration: 100ms; }
.group:hover .group-hover-duration-100 { transition-duration: 100ms; }
.duration-150 { transition-duration: 150ms; }
.hover-duration-150:hover { transition-duration: 150ms; }
.focus-duration-150:focus { transition-duration: 150ms; }
.active-duration-150:active { transition-duration: 150ms; }
.disabled-duration-150:disabled { transition-duration: 150ms; }
.group:hover .group-hover-duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.hover-duration-200:hover { transition-duration: 200ms; }
.focus-duration-200:focus { transition-duration: 200ms; }
.active-duration-200:active { transition-duration: 200ms; }
.disabled-duration-200:disabled { transition-duration: 200ms; }
.group:hover .group-hover-duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.hover-duration-300:hover { transition-duration: 300ms; }
.focus-duration-300:focus { transition-duration: 300ms; }
.active-duration-300:active { transition-duration: 300ms; }
.disabled-duration-300:disabled { transition-duration: 300ms; }
.group:hover .group-hover-duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.hover-duration-500:hover { transition-duration: 500ms; }
.focus-duration-500:focus { transition-duration: 500ms; }
.active-duration-500:active { transition-duration: 500ms; }
.disabled-duration-500:disabled { transition-duration: 500ms; }
.group:hover .group-hover-duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
.hover-duration-700:hover { transition-duration: 700ms; }
.focus-duration-700:focus { transition-duration: 700ms; }
.active-duration-700:active { transition-duration: 700ms; }
.disabled-duration-700:disabled { transition-duration: 700ms; }
.group:hover .group-hover-duration-700 { transition-duration: 700ms; }
.duration-1000 { transition-duration: 1000ms; }
.hover-duration-1000:hover { transition-duration: 1000ms; }
.focus-duration-1000:focus { transition-duration: 1000ms; }
.active-duration-1000:active { transition-duration: 1000ms; }
.disabled-duration-1000:disabled { transition-duration: 1000ms; }
.group:hover .group-hover-duration-1000 { transition-duration: 1000ms; }
.ease-linear { transition-timing-function: linear; }
.hover-ease-linear:hover { transition-timing-function: linear; }
.focus-ease-linear:focus { transition-timing-function: linear; }
.active-ease-linear:active { transition-timing-function: linear; }
.disabled-ease-linear:disabled { transition-timing-function: linear; }
.group:hover .group-hover-ease-linear { transition-timing-function: linear; }
.ease-in { transition-timing-function: ease-in; }
.hover-ease-in:hover { transition-timing-function: ease-in; }
.focus-ease-in:focus { transition-timing-function: ease-in; }
.active-ease-in:active { transition-timing-function: ease-in; }
.disabled-ease-in:disabled { transition-timing-function: ease-in; }
.group:hover .group-hover-ease-in { transition-timing-function: ease-in; }
.ease-out { transition-timing-function: ease-out; }
.hover-ease-out:hover { transition-timing-function: ease-out; }
.focus-ease-out:focus { transition-timing-function: ease-out; }
.active-ease-out:active { transition-timing-function: ease-out; }
.disabled-ease-out:disabled { transition-timing-function: ease-out; }
.group:hover .group-hover-ease-out { transition-timing-function: ease-out; }
.ease-in-out { transition-timing-function: ease-in-out; }
.hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.active-ease-in-out:active { transition-timing-function: ease-in-out; }
.disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.group:hover .group-hover-ease-in-out { transition-timing-function: ease-in-out; }
.animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
.hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
.focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
.active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
.disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
.group:hover .group-hover-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
.animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
.hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
.focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
.active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
.disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
.group:hover .group-hover-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
.animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
.hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
.focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
.active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
.disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
.group:hover .group-hover-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
.animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
.hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
.focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
.active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
.disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
.group:hover .group-hover-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
.animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
.hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
.focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
.active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
.disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
.group:hover .group-hover-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
.animate-bounce { animation: quanta-bounce 1s infinite; }
.hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
.focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
.active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
.disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
.group:hover .group-hover-animate-bounce { animation: quanta-bounce 1s infinite; }
.animate-spin { animation: quanta-spin 1s linear infinite; }
.hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
.focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
.active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
.disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
.group:hover .group-hover-animate-spin { animation: quanta-spin 1s linear infinite; }
.filter-none { filter: none; }
.hover-filter-none:hover { filter: none; }
.focus-filter-none:focus { filter: none; }
.active-filter-none:active { filter: none; }
.disabled-filter-none:disabled { filter: none; }
.group:hover .group-hover-filter-none { filter: none; }
.blur-sm { filter: blur(2px); }
.hover-blur-sm:hover { filter: blur(2px); }
.focus-blur-sm:focus { filter: blur(2px); }
.active-blur-sm:active { filter: blur(2px); }
.disabled-blur-sm:disabled { filter: blur(2px); }
.group:hover .group-hover-blur-sm { filter: blur(2px); }
.blur { filter: blur(4px); }
.hover-blur:hover { filter: blur(4px); }
.focus-blur:focus { filter: blur(4px); }
.active-blur:active { filter: blur(4px); }
.disabled-blur:disabled { filter: blur(4px); }
.group:hover .group-hover-blur { filter: blur(4px); }
.blur-md { filter: blur(8px); }
.hover-blur-md:hover { filter: blur(8px); }
.focus-blur-md:focus { filter: blur(8px); }
.active-blur-md:active { filter: blur(8px); }
.disabled-blur-md:disabled { filter: blur(8px); }
.group:hover .group-hover-blur-md { filter: blur(8px); }
.blur-lg { filter: blur(12px); }
.hover-blur-lg:hover { filter: blur(12px); }
.focus-blur-lg:focus { filter: blur(12px); }
.active-blur-lg:active { filter: blur(12px); }
.disabled-blur-lg:disabled { filter: blur(12px); }
.group:hover .group-hover-blur-lg { filter: blur(12px); }
.blur-xl { filter: blur(20px); }
.hover-blur-xl:hover { filter: blur(20px); }
.focus-blur-xl:focus { filter: blur(20px); }
.active-blur-xl:active { filter: blur(20px); }
.disabled-blur-xl:disabled { filter: blur(20px); }
.group:hover .group-hover-blur-xl { filter: blur(20px); }
.brightness-50 { filter: brightness(0.5); }
.hover-brightness-50:hover { filter: brightness(0.5); }
.focus-brightness-50:focus { filter: brightness(0.5); }
.active-brightness-50:active { filter: brightness(0.5); }
.disabled-brightness-50:disabled { filter: brightness(0.5); }
.group:hover .group-hover-brightness-50 { filter: brightness(0.5); }
.brightness-100 { filter: brightness(1); }
.hover-brightness-100:hover { filter: brightness(1); }
.focus-brightness-100:focus { filter: brightness(1); }
.active-brightness-100:active { filter: brightness(1); }
.disabled-brightness-100:disabled { filter: brightness(1); }
.group:hover .group-hover-brightness-100 { filter: brightness(1); }
.brightness-150 { filter: brightness(1.5); }
.hover-brightness-150:hover { filter: brightness(1.5); }
.focus-brightness-150:focus { filter: brightness(1.5); }
.active-brightness-150:active { filter: brightness(1.5); }
.disabled-brightness-150:disabled { filter: brightness(1.5); }
.group:hover .group-hover-brightness-150 { filter: brightness(1.5); }
.contrast-50 { filter: contrast(0.5); }
.hover-contrast-50:hover { filter: contrast(0.5); }
.focus-contrast-50:focus { filter: contrast(0.5); }
.active-contrast-50:active { filter: contrast(0.5); }
.disabled-contrast-50:disabled { filter: contrast(0.5); }
.group:hover .group-hover-contrast-50 { filter: contrast(0.5); }
.contrast-100 { filter: contrast(1); }
.hover-contrast-100:hover { filter: contrast(1); }
.focus-contrast-100:focus { filter: contrast(1); }
.active-contrast-100:active { filter: contrast(1); }
.disabled-contrast-100:disabled { filter: contrast(1); }
.group:hover .group-hover-contrast-100 { filter: contrast(1); }
.grayscale { filter: grayscale(1); }
.hover-grayscale:hover { filter: grayscale(1); }
.focus-grayscale:focus { filter: grayscale(1); }
.active-grayscale:active { filter: grayscale(1); }
.disabled-grayscale:disabled { filter: grayscale(1); }
.group:hover .group-hover-grayscale { filter: grayscale(1); }
.sepia { filter: sepia(1); }
.hover-sepia:hover { filter: sepia(1); }
.focus-sepia:focus { filter: sepia(1); }
.active-sepia:active { filter: sepia(1); }
.disabled-sepia:disabled { filter: sepia(1); }
.group:hover .group-hover-sepia { filter: sepia(1); }
.saturate-150 { filter: saturate(1.5); }
.hover-saturate-150:hover { filter: saturate(1.5); }
.focus-saturate-150:focus { filter: saturate(1.5); }
.active-saturate-150:active { filter: saturate(1.5); }
.disabled-saturate-150:disabled { filter: saturate(1.5); }
.group:hover .group-hover-saturate-150 { filter: saturate(1.5); }
.hue-rotate-90 { filter: hue-rotate(90deg); }
.hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.group:hover .group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
.drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.group:hover .group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.group:hover .group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.grid-flow-row { grid-auto-flow: row; }
.hover-grid-flow-row:hover { grid-auto-flow: row; }
.focus-grid-flow-row:focus { grid-auto-flow: row; }
.active-grid-flow-row:active { grid-auto-flow: row; }
.disabled-grid-flow-row:disabled { grid-auto-flow: row; }
.group:hover .group-hover-grid-flow-row { grid-auto-flow: row; }
.grid-flow-col { grid-auto-flow: column; }
.hover-grid-flow-col:hover { grid-auto-flow: column; }
.focus-grid-flow-col:focus { grid-auto-flow: column; }
.active-grid-flow-col:active { grid-auto-flow: column; }
.disabled-grid-flow-col:disabled { grid-auto-flow: column; }
.group:hover .group-hover-grid-flow-col { grid-auto-flow: column; }
.grid-flow-row-dense { grid-auto-flow: row dense; }
.hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
.focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
.active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
.disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
.group:hover .group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
.grid-flow-col-dense { grid-auto-flow: column dense; }
.hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
.focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
.active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
.disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
.group:hover .group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
.grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.group:hover .group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.transition-none { transition-property: none; }
.hover-transition-none:hover { transition-property: none; }
.focus-transition-none:focus { transition-property: none; }
.active-transition-none:active { transition-property: none; }
.disabled-transition-none:disabled { transition-property: none; }
.group:hover .group-hover-transition-none { transition-property: none; }
.transition-all { transition-property: all; }
.hover-transition-all:hover { transition-property: all; }
.focus-transition-all:focus { transition-property: all; }
.active-transition-all:active { transition-property: all; }
.disabled-transition-all:disabled { transition-property: all; }
.group:hover .group-hover-transition-all { transition-property: all; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.group:hover .group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.transition-opacity { transition-property: opacity; }
.hover-transition-opacity:hover { transition-property: opacity; }
.focus-transition-opacity:focus { transition-property: opacity; }
.active-transition-opacity:active { transition-property: opacity; }
.disabled-transition-opacity:disabled { transition-property: opacity; }
.group:hover .group-hover-transition-opacity { transition-property: opacity; }
.transition-shadow { transition-property: box-shadow; }
.hover-transition-shadow:hover { transition-property: box-shadow; }
.focus-transition-shadow:focus { transition-property: box-shadow; }
.active-transition-shadow:active { transition-property: box-shadow; }
.disabled-transition-shadow:disabled { transition-property: box-shadow; }
.group:hover .group-hover-transition-shadow { transition-property: box-shadow; }
.transition-transform { transition-property: transform; }
.hover-transition-transform:hover { transition-property: transform; }
.focus-transition-transform:focus { transition-property: transform; }
.active-transition-transform:active { transition-property: transform; }
.disabled-transition-transform:disabled { transition-property: transform; }
.group:hover .group-hover-transition-transform { transition-property: transform; }
.duration-75 { transition-duration: 75ms; }
.hover-duration-75:hover { transition-duration: 75ms; }
.focus-duration-75:focus { transition-duration: 75ms; }
.active-duration-75:active { transition-duration: 75ms; }
.disabled-duration-75:disabled { transition-duration: 75ms; }
.group:hover .group-hover-duration-75 { transition-duration: 75ms; }
.duration-150 { transition-duration: 150ms; }
.hover-duration-150:hover { transition-duration: 150ms; }
.focus-duration-150:focus { transition-duration: 150ms; }
.active-duration-150:active { transition-duration: 150ms; }
.disabled-duration-150:disabled { transition-duration: 150ms; }
.group:hover .group-hover-duration-150 { transition-duration: 150ms; }
.duration-300 { transition-duration: 300ms; }
.hover-duration-300:hover { transition-duration: 300ms; }
.focus-duration-300:focus { transition-duration: 300ms; }
.active-duration-300:active { transition-duration: 300ms; }
.disabled-duration-300:disabled { transition-duration: 300ms; }
.group:hover .group-hover-duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.hover-duration-500:hover { transition-duration: 500ms; }
.focus-duration-500:focus { transition-duration: 500ms; }
.active-duration-500:active { transition-duration: 500ms; }
.disabled-duration-500:disabled { transition-duration: 500ms; }
.group:hover .group-hover-duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
.hover-duration-700:hover { transition-duration: 700ms; }
.focus-duration-700:focus { transition-duration: 700ms; }
.active-duration-700:active { transition-duration: 700ms; }
.disabled-duration-700:disabled { transition-duration: 700ms; }
.group:hover .group-hover-duration-700 { transition-duration: 700ms; }
.duration-1000 { transition-duration: 1000ms; }
.hover-duration-1000:hover { transition-duration: 1000ms; }
.focus-duration-1000:focus { transition-duration: 1000ms; }
.active-duration-1000:active { transition-duration: 1000ms; }
.disabled-duration-1000:disabled { transition-duration: 1000ms; }
.group:hover .group-hover-duration-1000 { transition-duration: 1000ms; }
.ease-linear { transition-timing-function: linear; }
.hover-ease-linear:hover { transition-timing-function: linear; }
.focus-ease-linear:focus { transition-timing-function: linear; }
.active-ease-linear:active { transition-timing-function: linear; }
.disabled-ease-linear:disabled { transition-timing-function: linear; }
.group:hover .group-hover-ease-linear { transition-timing-function: linear; }
.ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.group:hover .group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.group:hover .group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.group:hover .group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.animate-none { animation: none; }
.hover-animate-none:hover { animation: none; }
.focus-animate-none:focus { animation: none; }
.active-animate-none:active { animation: none; }
.disabled-animate-none:disabled { animation: none; }
.group:hover .group-hover-animate-none { animation: none; }
.animate-fade { animation: fade 300ms ease-out both; }
.hover-animate-fade:hover { animation: fade 300ms ease-out both; }
.focus-animate-fade:focus { animation: fade 300ms ease-out both; }
.active-animate-fade:active { animation: fade 300ms ease-out both; }
.disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
.group:hover .group-hover-animate-fade { animation: fade 300ms ease-out both; }
.animate-slide-in { animation: slide-in 500ms ease-out both; }
.hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
.focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
.active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
.disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
.group:hover .group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
.animate-spin { animation: spin 1s linear infinite; }
.hover-animate-spin:hover { animation: spin 1s linear infinite; }
.focus-animate-spin:focus { animation: spin 1s linear infinite; }
.active-animate-spin:active { animation: spin 1s linear infinite; }
.disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
.group:hover .group-hover-animate-spin { animation: spin 1s linear infinite; }
.transform { transform: var(--tw-transform, none); }
.hover-transform:hover { transform: var(--tw-transform, none); }
.focus-transform:focus { transform: var(--tw-transform, none); }
.active-transform:active { transform: var(--tw-transform, none); }
.disabled-transform:disabled { transform: var(--tw-transform, none); }
.group:hover .group-hover-transform { transform: var(--tw-transform, none); }
.transform-none { transform: none; }
.hover-transform-none:hover { transform: none; }
.focus-transform-none:focus { transform: none; }
.active-transform-none:active { transform: none; }
.disabled-transform-none:disabled { transform: none; }
.group:hover .group-hover-transform-none { transform: none; }
.scale-50 { --tw-transform: scale(0.5); }
.hover-scale-50:hover { --tw-transform: scale(0.5); }
.focus-scale-50:focus { --tw-transform: scale(0.5); }
.active-scale-50:active { --tw-transform: scale(0.5); }
.disabled-scale-50:disabled { --tw-transform: scale(0.5); }
.group:hover .group-hover-scale-50 { --tw-transform: scale(0.5); }
.scale-75 { --tw-transform: scale(0.75); }
.hover-scale-75:hover { --tw-transform: scale(0.75); }
.focus-scale-75:focus { --tw-transform: scale(0.75); }
.active-scale-75:active { --tw-transform: scale(0.75); }
.disabled-scale-75:disabled { --tw-transform: scale(0.75); }
.group:hover .group-hover-scale-75 { --tw-transform: scale(0.75); }
.scale-90 { --tw-transform: scale(0.9); }
.hover-scale-90:hover { --tw-transform: scale(0.9); }
.focus-scale-90:focus { --tw-transform: scale(0.9); }
.active-scale-90:active { --tw-transform: scale(0.9); }
.disabled-scale-90:disabled { --tw-transform: scale(0.9); }
.group:hover .group-hover-scale-90 { --tw-transform: scale(0.9); }
.scale-100 { --tw-transform: scale(1); }
.hover-scale-100:hover { --tw-transform: scale(1); }
.focus-scale-100:focus { --tw-transform: scale(1); }
.active-scale-100:active { --tw-transform: scale(1); }
.disabled-scale-100:disabled { --tw-transform: scale(1); }
.group:hover .group-hover-scale-100 { --tw-transform: scale(1); }
.scale-105 { --tw-transform: scale(1.05); }
.hover-scale-105:hover { --tw-transform: scale(1.05); }
.focus-scale-105:focus { --tw-transform: scale(1.05); }
.active-scale-105:active { --tw-transform: scale(1.05); }
.disabled-scale-105:disabled { --tw-transform: scale(1.05); }
.group:hover .group-hover-scale-105 { --tw-transform: scale(1.05); }
.scale-110 { --tw-transform: scale(1.1); }
.hover-scale-110:hover { --tw-transform: scale(1.1); }
.focus-scale-110:focus { --tw-transform: scale(1.1); }
.active-scale-110:active { --tw-transform: scale(1.1); }
.disabled-scale-110:disabled { --tw-transform: scale(1.1); }
.group:hover .group-hover-scale-110 { --tw-transform: scale(1.1); }
.scale-125 { --tw-transform: scale(1.25); }
.hover-scale-125:hover { --tw-transform: scale(1.25); }
.focus-scale-125:focus { --tw-transform: scale(1.25); }
.active-scale-125:active { --tw-transform: scale(1.25); }
.disabled-scale-125:disabled { --tw-transform: scale(1.25); }
.group:hover .group-hover-scale-125 { --tw-transform: scale(1.25); }
.scale-150 { --tw-transform: scale(1.5); }
.hover-scale-150:hover { --tw-transform: scale(1.5); }
.focus-scale-150:focus { --tw-transform: scale(1.5); }
.active-scale-150:active { --tw-transform: scale(1.5); }
.disabled-scale-150:disabled { --tw-transform: scale(1.5); }
.group:hover .group-hover-scale-150 { --tw-transform: scale(1.5); }
.translate-x-0 { --tw-transform: translateX(0); }
.hover-translate-x-0:hover { --tw-transform: translateX(0); }
.focus-translate-x-0:focus { --tw-transform: translateX(0); }
.active-translate-x-0:active { --tw-transform: translateX(0); }
.disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
.group:hover .group-hover-translate-x-0 { --tw-transform: translateX(0); }
.translate-x-1 { --tw-transform: translateX(0.25rem); }
.hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
.focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
.active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
.disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
.group:hover .group-hover-translate-x-1 { --tw-transform: translateX(0.25rem); }
.translate-x-2 { --tw-transform: translateX(0.5rem); }
.hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
.focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
.active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
.disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
.group:hover .group-hover-translate-x-2 { --tw-transform: translateX(0.5rem); }
.translate-x-4 { --tw-transform: translateX(1rem); }
.hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
.focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
.active-translate-x-4:active { --tw-transform: translateX(1rem); }
.disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
.group:hover .group-hover-translate-x-4 { --tw-transform: translateX(1rem); }
.translate-x-8 { --tw-transform: translateX(2rem); }
.hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
.focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
.active-translate-x-8:active { --tw-transform: translateX(2rem); }
.disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
.group:hover .group-hover-translate-x-8 { --tw-transform: translateX(2rem); }
.translate-y-0 { --tw-transform: translateY(0); }
.hover-translate-y-0:hover { --tw-transform: translateY(0); }
.focus-translate-y-0:focus { --tw-transform: translateY(0); }
.active-translate-y-0:active { --tw-transform: translateY(0); }
.disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
.group:hover .group-hover-translate-y-0 { --tw-transform: translateY(0); }
.translate-y-1 { --tw-transform: translateY(0.25rem); }
.hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
.focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
.active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
.disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
.group:hover .group-hover-translate-y-1 { --tw-transform: translateY(0.25rem); }
.translate-y-2 { --tw-transform: translateY(0.5rem); }
.hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
.focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
.active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
.disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
.group:hover .group-hover-translate-y-2 { --tw-transform: translateY(0.5rem); }
.translate-y-4 { --tw-transform: translateY(1rem); }
.hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
.focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
.active-translate-y-4:active { --tw-transform: translateY(1rem); }
.disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
.group:hover .group-hover-translate-y-4 { --tw-transform: translateY(1rem); }
.translate-y-8 { --tw-transform: translateY(2rem); }
.hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
.focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
.active-translate-y-8:active { --tw-transform: translateY(2rem); }
.disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
.group:hover .group-hover-translate-y-8 { --tw-transform: translateY(2rem); }
.rotate-0 { --tw-transform: rotate(0deg); }
.hover-rotate-0:hover { --tw-transform: rotate(0deg); }
.focus-rotate-0:focus { --tw-transform: rotate(0deg); }
.active-rotate-0:active { --tw-transform: rotate(0deg); }
.disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
.group:hover .group-hover-rotate-0 { --tw-transform: rotate(0deg); }
.rotate-45 { --tw-transform: rotate(45deg); }
.hover-rotate-45:hover { --tw-transform: rotate(45deg); }
.focus-rotate-45:focus { --tw-transform: rotate(45deg); }
.active-rotate-45:active { --tw-transform: rotate(45deg); }
.disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
.group:hover .group-hover-rotate-45 { --tw-transform: rotate(45deg); }
.rotate-90 { --tw-transform: rotate(90deg); }
.hover-rotate-90:hover { --tw-transform: rotate(90deg); }
.focus-rotate-90:focus { --tw-transform: rotate(90deg); }
.active-rotate-90:active { --tw-transform: rotate(90deg); }
.disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
.group:hover .group-hover-rotate-90 { --tw-transform: rotate(90deg); }
.rotate-180 { --tw-transform: rotate(180deg); }
.hover-rotate-180:hover { --tw-transform: rotate(180deg); }
.focus-rotate-180:focus { --tw-transform: rotate(180deg); }
.active-rotate-180:active { --tw-transform: rotate(180deg); }
.disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
.group:hover .group-hover-rotate-180 { --tw-transform: rotate(180deg); }
.skew-x-0 { --tw-transform: skewX(0); }
.hover-skew-x-0:hover { --tw-transform: skewX(0); }
.focus-skew-x-0:focus { --tw-transform: skewX(0); }
.active-skew-x-0:active { --tw-transform: skewX(0); }
.disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
.group:hover .group-hover-skew-x-0 { --tw-transform: skewX(0); }
.skew-x-3 { --tw-transform: skewX(3deg); }
.hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
.focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
.active-skew-x-3:active { --tw-transform: skewX(3deg); }
.disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
.group:hover .group-hover-skew-x-3 { --tw-transform: skewX(3deg); }
.skew-x-6 { --tw-transform: skewX(6deg); }
.hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
.focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
.active-skew-x-6:active { --tw-transform: skewX(6deg); }
.disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
.group:hover .group-hover-skew-x-6 { --tw-transform: skewX(6deg); }
.skew-y-0 { --tw-transform: skewY(0); }
.hover-skew-y-0:hover { --tw-transform: skewY(0); }
.focus-skew-y-0:focus { --tw-transform: skewY(0); }
.active-skew-y-0:active { --tw-transform: skewY(0); }
.disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
.group:hover .group-hover-skew-y-0 { --tw-transform: skewY(0); }
.skew-y-3 { --tw-transform: skewY(3deg); }
.hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
.focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
.active-skew-y-3:active { --tw-transform: skewY(3deg); }
.disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
.group:hover .group-hover-skew-y-3 { --tw-transform: skewY(3deg); }
.skew-y-6 { --tw-transform: skewY(6deg); }
.hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
.focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
.active-skew-y-6:active { --tw-transform: skewY(6deg); }
.disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
.group:hover .group-hover-skew-y-6 { --tw-transform: skewY(6deg); }
.origin-center { transform-origin: center; }
.hover-origin-center:hover { transform-origin: center; }
.focus-origin-center:focus { transform-origin: center; }
.active-origin-center:active { transform-origin: center; }
.disabled-origin-center:disabled { transform-origin: center; }
.group:hover .group-hover-origin-center { transform-origin: center; }
.origin-top { transform-origin: top; }
.hover-origin-top:hover { transform-origin: top; }
.focus-origin-top:focus { transform-origin: top; }
.active-origin-top:active { transform-origin: top; }
.disabled-origin-top:disabled { transform-origin: top; }
.group:hover .group-hover-origin-top { transform-origin: top; }
.origin-right { transform-origin: right; }
.hover-origin-right:hover { transform-origin: right; }
.focus-origin-right:focus { transform-origin: right; }
.active-origin-right:active { transform-origin: right; }
.disabled-origin-right:disabled { transform-origin: right; }
.group:hover .group-hover-origin-right { transform-origin: right; }
.origin-bottom { transform-origin: bottom; }
.hover-origin-bottom:hover { transform-origin: bottom; }
.focus-origin-bottom:focus { transform-origin: bottom; }
.active-origin-bottom:active { transform-origin: bottom; }
.disabled-origin-bottom:disabled { transform-origin: bottom; }
.group:hover .group-hover-origin-bottom { transform-origin: bottom; }
.origin-left { transform-origin: left; }
.hover-origin-left:hover { transform-origin: left; }
.focus-origin-left:focus { transform-origin: left; }
.active-origin-left:active { transform-origin: left; }
.disabled-origin-left:disabled { transform-origin: left; }
.group:hover .group-hover-origin-left { transform-origin: left; }
.perspective-none { perspective: none; }
.hover-perspective-none:hover { perspective: none; }
.focus-perspective-none:focus { perspective: none; }
.active-perspective-none:active { perspective: none; }
.disabled-perspective-none:disabled { perspective: none; }
.group:hover .group-hover-perspective-none { perspective: none; }
.perspective-sm { perspective: 400px; }
.hover-perspective-sm:hover { perspective: 400px; }
.focus-perspective-sm:focus { perspective: 400px; }
.active-perspective-sm:active { perspective: 400px; }
.disabled-perspective-sm:disabled { perspective: 400px; }
.group:hover .group-hover-perspective-sm { perspective: 400px; }
.perspective-md { perspective: 800px; }
.hover-perspective-md:hover { perspective: 800px; }
.focus-perspective-md:focus { perspective: 800px; }
.active-perspective-md:active { perspective: 800px; }
.disabled-perspective-md:disabled { perspective: 800px; }
.group:hover .group-hover-perspective-md { perspective: 800px; }
.perspective-lg { perspective: 1200px; }
.hover-perspective-lg:hover { perspective: 1200px; }
.focus-perspective-lg:focus { perspective: 1200px; }
.active-perspective-lg:active { perspective: 1200px; }
.disabled-perspective-lg:disabled { perspective: 1200px; }
.group:hover .group-hover-perspective-lg { perspective: 1200px; }
.perspective-xl { perspective: 1600px; }
.hover-perspective-xl:hover { perspective: 1600px; }
.focus-perspective-xl:focus { perspective: 1600px; }
.active-perspective-xl:active { perspective: 1600px; }
.disabled-perspective-xl:disabled { perspective: 1600px; }
.group:hover .group-hover-perspective-xl { perspective: 1600px; }
.perspective-origin-center { perspective-origin: center; }
.hover-perspective-origin-center:hover { perspective-origin: center; }
.focus-perspective-origin-center:focus { perspective-origin: center; }
.active-perspective-origin-center:active { perspective-origin: center; }
.disabled-perspective-origin-center:disabled { perspective-origin: center; }
.group:hover .group-hover-perspective-origin-center { perspective-origin: center; }
.perspective-origin-top { perspective-origin: top; }
.hover-perspective-origin-top:hover { perspective-origin: top; }
.focus-perspective-origin-top:focus { perspective-origin: top; }
.active-perspective-origin-top:active { perspective-origin: top; }
.disabled-perspective-origin-top:disabled { perspective-origin: top; }
.group:hover .group-hover-perspective-origin-top { perspective-origin: top; }
.perspective-origin-left { perspective-origin: left; }
.hover-perspective-origin-left:hover { perspective-origin: left; }
.focus-perspective-origin-left:focus { perspective-origin: left; }
.active-perspective-origin-left:active { perspective-origin: left; }
.disabled-perspective-origin-left:disabled { perspective-origin: left; }
.group:hover .group-hover-perspective-origin-left { perspective-origin: left; }
.perspective-origin-right { perspective-origin: right; }
.hover-perspective-origin-right:hover { perspective-origin: right; }
.focus-perspective-origin-right:focus { perspective-origin: right; }
.active-perspective-origin-right:active { perspective-origin: right; }
.disabled-perspective-origin-right:disabled { perspective-origin: right; }
.group:hover .group-hover-perspective-origin-right { perspective-origin: right; }
.perspective-origin-bottom { perspective-origin: bottom; }
.hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.active-perspective-origin-bottom:active { perspective-origin: bottom; }
.disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.group:hover .group-hover-perspective-origin-bottom { perspective-origin: bottom; }
.backface-visible { backface-visibility: visible; }
.hover-backface-visible:hover { backface-visibility: visible; }
.focus-backface-visible:focus { backface-visibility: visible; }
.active-backface-visible:active { backface-visibility: visible; }
.disabled-backface-visible:disabled { backface-visibility: visible; }
.group:hover .group-hover-backface-visible { backface-visibility: visible; }
.backface-hidden { backface-visibility: hidden; }
.hover-backface-hidden:hover { backface-visibility: hidden; }
.focus-backface-hidden:focus { backface-visibility: hidden; }
.active-backface-hidden:active { backface-visibility: hidden; }
.disabled-backface-hidden:disabled { backface-visibility: hidden; }
.group:hover .group-hover-backface-hidden { backface-visibility: hidden; }
.transform-style-flat { transform-style: flat; }
.hover-transform-style-flat:hover { transform-style: flat; }
.focus-transform-style-flat:focus { transform-style: flat; }
.active-transform-style-flat:active { transform-style: flat; }
.disabled-transform-style-flat:disabled { transform-style: flat; }
.group:hover .group-hover-transform-style-flat { transform-style: flat; }
.transform-style-preserve { transform-style: preserve-3d; }
.hover-transform-style-preserve:hover { transform-style: preserve-3d; }
.focus-transform-style-preserve:focus { transform-style: preserve-3d; }
.active-transform-style-preserve:active { transform-style: preserve-3d; }
.disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
.group:hover .group-hover-transform-style-preserve { transform-style: preserve-3d; }
.filter-none { filter: none; }
.hover-filter-none:hover { filter: none; }
.focus-filter-none:focus { filter: none; }
.active-filter-none:active { filter: none; }
.disabled-filter-none:disabled { filter: none; }
.group:hover .group-hover-filter-none { filter: none; }
.filter-grayscale { filter: grayscale(100%); }
.hover-filter-grayscale:hover { filter: grayscale(100%); }
.focus-filter-grayscale:focus { filter: grayscale(100%); }
.active-filter-grayscale:active { filter: grayscale(100%); }
.disabled-filter-grayscale:disabled { filter: grayscale(100%); }
.group:hover .group-hover-filter-grayscale { filter: grayscale(100%); }
.filter-blur { filter: blur(4px); }
.hover-filter-blur:hover { filter: blur(4px); }
.focus-filter-blur:focus { filter: blur(4px); }
.active-filter-blur:active { filter: blur(4px); }
.disabled-filter-blur:disabled { filter: blur(4px); }
.group:hover .group-hover-filter-blur { filter: blur(4px); }
.filter-brightness-50 { filter: brightness(0.5); }
.hover-filter-brightness-50:hover { filter: brightness(0.5); }
.focus-filter-brightness-50:focus { filter: brightness(0.5); }
.active-filter-brightness-50:active { filter: brightness(0.5); }
.disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
.group:hover .group-hover-filter-brightness-50 { filter: brightness(0.5); }
.filter-contrast-125 { filter: contrast(1.25); }
.hover-filter-contrast-125:hover { filter: contrast(1.25); }
.focus-filter-contrast-125:focus { filter: contrast(1.25); }
.active-filter-contrast-125:active { filter: contrast(1.25); }
.disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
.group:hover .group-hover-filter-contrast-125 { filter: contrast(1.25); }
.filter-saturate-150 { filter: saturate(1.5); }
.hover-filter-saturate-150:hover { filter: saturate(1.5); }
.focus-filter-saturate-150:focus { filter: saturate(1.5); }
.active-filter-saturate-150:active { filter: saturate(1.5); }
.disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
.group:hover .group-hover-filter-saturate-150 { filter: saturate(1.5); }
.filter-sepia { filter: sepia(100%); }
.hover-filter-sepia:hover { filter: sepia(100%); }
.focus-filter-sepia:focus { filter: sepia(100%); }
.active-filter-sepia:active { filter: sepia(100%); }
.disabled-filter-sepia:disabled { filter: sepia(100%); }
.group:hover .group-hover-filter-sepia { filter: sepia(100%); }
.filter-hue-rotate-90 { filter: hue-rotate(90deg); }
.hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
.disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.group:hover .group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
.backdrop-filter-none { backdrop-filter: none; }
.hover-backdrop-filter-none:hover { backdrop-filter: none; }
.focus-backdrop-filter-none:focus { backdrop-filter: none; }
.active-backdrop-filter-none:active { backdrop-filter: none; }
.disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
.group:hover .group-hover-backdrop-filter-none { backdrop-filter: none; }
.backdrop-blur { backdrop-filter: blur(4px); }
.hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
.focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
.active-backdrop-blur:active { backdrop-filter: blur(4px); }
.disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
.group:hover .group-hover-backdrop-blur { backdrop-filter: blur(4px); }
.bg-blend-normal { background-blend-mode: normal; }
.hover-bg-blend-normal:hover { background-blend-mode: normal; }
.focus-bg-blend-normal:focus { background-blend-mode: normal; }
.active-bg-blend-normal:active { background-blend-mode: normal; }
.disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.group:hover .group-hover-bg-blend-normal { background-blend-mode: normal; }
.bg-blend-multiply { background-blend-mode: multiply; }
.hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.active-bg-blend-multiply:active { background-blend-mode: multiply; }
.disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.group:hover .group-hover-bg-blend-multiply { background-blend-mode: multiply; }
.bg-blend-screen { background-blend-mode: screen; }
.hover-bg-blend-screen:hover { background-blend-mode: screen; }
.focus-bg-blend-screen:focus { background-blend-mode: screen; }
.active-bg-blend-screen:active { background-blend-mode: screen; }
.disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.group:hover .group-hover-bg-blend-screen { background-blend-mode: screen; }
.bg-blend-overlay { background-blend-mode: overlay; }
.hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.active-bg-blend-overlay:active { background-blend-mode: overlay; }
.disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.group:hover .group-hover-bg-blend-overlay { background-blend-mode: overlay; }
.bg-blend-darken { background-blend-mode: darken; }
.hover-bg-blend-darken:hover { background-blend-mode: darken; }
.focus-bg-blend-darken:focus { background-blend-mode: darken; }
.active-bg-blend-darken:active { background-blend-mode: darken; }
.disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.group:hover .group-hover-bg-blend-darken { background-blend-mode: darken; }
.bg-blend-lighten { background-blend-mode: lighten; }
.hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.active-bg-blend-lighten:active { background-blend-mode: lighten; }
.disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.group:hover .group-hover-bg-blend-lighten { background-blend-mode: lighten; }
.mix-blend-normal { mix-blend-mode: normal; }
.hover-mix-blend-normal:hover { mix-blend-mode: normal; }
.focus-mix-blend-normal:focus { mix-blend-mode: normal; }
.active-mix-blend-normal:active { mix-blend-mode: normal; }
.disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
.group:hover .group-hover-mix-blend-normal { mix-blend-mode: normal; }
.mix-blend-multiply { mix-blend-mode: multiply; }
.hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
.focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
.active-mix-blend-multiply:active { mix-blend-mode: multiply; }
.disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
.group:hover .group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
.mix-blend-screen { mix-blend-mode: screen; }
.hover-mix-blend-screen:hover { mix-blend-mode: screen; }
.focus-mix-blend-screen:focus { mix-blend-mode: screen; }
.active-mix-blend-screen:active { mix-blend-mode: screen; }
.disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
.group:hover .group-hover-mix-blend-screen { mix-blend-mode: screen; }
.mix-blend-overlay { mix-blend-mode: overlay; }
.hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
.focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
.active-mix-blend-overlay:active { mix-blend-mode: overlay; }
.disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
.group:hover .group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
.decoration-slice { box-decoration-break: slice; }
.hover-decoration-slice:hover { box-decoration-break: slice; }
.focus-decoration-slice:focus { box-decoration-break: slice; }
.active-decoration-slice:active { box-decoration-break: slice; }
.disabled-decoration-slice:disabled { box-decoration-break: slice; }
.group:hover .group-hover-decoration-slice { box-decoration-break: slice; }
.decoration-clone { box-decoration-break: clone; }
.hover-decoration-clone:hover { box-decoration-break: clone; }
.focus-decoration-clone:focus { box-decoration-break: clone; }
.active-decoration-clone:active { box-decoration-break: clone; }
.disabled-decoration-clone:disabled { box-decoration-break: clone; }
.group:hover .group-hover-decoration-clone { box-decoration-break: clone; }
.box-border { box-sizing: border-box; }
.hover-box-border:hover { box-sizing: border-box; }
.focus-box-border:focus { box-sizing: border-box; }
.active-box-border:active { box-sizing: border-box; }
.disabled-box-border:disabled { box-sizing: border-box; }
.group:hover .group-hover-box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }
.hover-box-content:hover { box-sizing: content-box; }
.focus-box-content:focus { box-sizing: content-box; }
.active-box-content:active { box-sizing: content-box; }
.disabled-box-content:disabled { box-sizing: content-box; }
.group:hover .group-hover-box-content { box-sizing: content-box; }
.clip-none { clip-path: none; }
.hover-clip-none:hover { clip-path: none; }
.focus-clip-none:focus { clip-path: none; }
.active-clip-none:active { clip-path: none; }
.disabled-clip-none:disabled { clip-path: none; }
.group:hover .group-hover-clip-none { clip-path: none; }
.clip-circle { clip-path: circle(50%); }
.hover-clip-circle:hover { clip-path: circle(50%); }
.focus-clip-circle:focus { clip-path: circle(50%); }
.active-clip-circle:active { clip-path: circle(50%); }
.disabled-clip-circle:disabled { clip-path: circle(50%); }
.group:hover .group-hover-clip-circle { clip-path: circle(50%); }
.clip-ellipse { clip-path: ellipse(50% 75%); }
.hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
.focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
.active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
.disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
.group:hover .group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
.clip-inset { clip-path: inset(10%); }
.hover-clip-inset:hover { clip-path: inset(10%); }
.focus-clip-inset:focus { clip-path: inset(10%); }
.active-clip-inset:active { clip-path: inset(10%); }
.disabled-clip-inset:disabled { clip-path: inset(10%); }
.group:hover .group-hover-clip-inset { clip-path: inset(10%); }
.clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.group:hover .group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.outline-none { outline: none; }
.hover-outline-none:hover { outline: none; }
.focus-outline-none:focus { outline: none; }
.active-outline-none:active { outline: none; }
.disabled-outline-none:disabled { outline: none; }
.group:hover .group-hover-outline-none { outline: none; }
.outline-solid { outline-style: solid; }
.hover-outline-solid:hover { outline-style: solid; }
.focus-outline-solid:focus { outline-style: solid; }
.active-outline-solid:active { outline-style: solid; }
.disabled-outline-solid:disabled { outline-style: solid; }
.group:hover .group-hover-outline-solid { outline-style: solid; }
.outline-dashed { outline-style: dashed; }
.hover-outline-dashed:hover { outline-style: dashed; }
.focus-outline-dashed:focus { outline-style: dashed; }
.active-outline-dashed:active { outline-style: dashed; }
.disabled-outline-dashed:disabled { outline-style: dashed; }
.group:hover .group-hover-outline-dashed { outline-style: dashed; }
.outline-offset-0 { outline-offset: 0; }
.hover-outline-offset-0:hover { outline-offset: 0; }
.focus-outline-offset-0:focus { outline-offset: 0; }
.active-outline-offset-0:active { outline-offset: 0; }
.disabled-outline-offset-0:disabled { outline-offset: 0; }
.group:hover .group-hover-outline-offset-0 { outline-offset: 0; }
.outline-offset-2 { outline-offset: 2px; }
.hover-outline-offset-2:hover { outline-offset: 2px; }
.focus-outline-offset-2:focus { outline-offset: 2px; }
.active-outline-offset-2:active { outline-offset: 2px; }
.disabled-outline-offset-2:disabled { outline-offset: 2px; }
.group:hover .group-hover-outline-offset-2 { outline-offset: 2px; }
.outline-offset-4 { outline-offset: 4px; }
.hover-outline-offset-4:hover { outline-offset: 4px; }
.focus-outline-offset-4:focus { outline-offset: 4px; }
.active-outline-offset-4:active { outline-offset: 4px; }
.disabled-outline-offset-4:disabled { outline-offset: 4px; }
.group:hover .group-hover-outline-offset-4 { outline-offset: 4px; }
.ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.group:hover .group-hover-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.group:hover .group-hover-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.group:hover .group-hover-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.group:hover .group-hover-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.group:hover .group-hover-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.shadow-none { box-shadow: none; }
.hover-shadow-none:hover { box-shadow: none; }
.focus-shadow-none:focus { box-shadow: none; }
.active-shadow-none:active { box-shadow: none; }
.disabled-shadow-none:disabled { box-shadow: none; }
.group:hover .group-hover-shadow-none { box-shadow: none; }
.shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.group:hover .group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.group:hover .group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.group:hover .group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.group:hover .group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.group:hover .group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.group:hover .group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.accent-auto { accent-color: auto; }
.hover-accent-auto:hover { accent-color: auto; }
.focus-accent-auto:focus { accent-color: auto; }
.active-accent-auto:active { accent-color: auto; }
.disabled-accent-auto:disabled { accent-color: auto; }
.group:hover .group-hover-accent-auto { accent-color: auto; }
.accent-current { accent-color: currentColor; }
.hover-accent-current:hover { accent-color: currentColor; }
.focus-accent-current:focus { accent-color: currentColor; }
.active-accent-current:active { accent-color: currentColor; }
.disabled-accent-current:disabled { accent-color: currentColor; }
.group:hover .group-hover-accent-current { accent-color: currentColor; }
.appearance-none { appearance: none; }
.hover-appearance-none:hover { appearance: none; }
.focus-appearance-none:focus { appearance: none; }
.active-appearance-none:active { appearance: none; }
.disabled-appearance-none:disabled { appearance: none; }
.group:hover .group-hover-appearance-none { appearance: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.group:hover .group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.group:hover .group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.cursor-auto { cursor: auto; }
.hover-cursor-auto:hover { cursor: auto; }
.focus-cursor-auto:focus { cursor: auto; }
.active-cursor-auto:active { cursor: auto; }
.disabled-cursor-auto:disabled { cursor: auto; }
.group:hover .group-hover-cursor-auto { cursor: auto; }
.cursor-pointer { cursor: pointer; }
.hover-cursor-pointer:hover { cursor: pointer; }
.focus-cursor-pointer:focus { cursor: pointer; }
.active-cursor-pointer:active { cursor: pointer; }
.disabled-cursor-pointer:disabled { cursor: pointer; }
.group:hover .group-hover-cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }
.hover-cursor-default:hover { cursor: default; }
.focus-cursor-default:focus { cursor: default; }
.active-cursor-default:active { cursor: default; }
.disabled-cursor-default:disabled { cursor: default; }
.group:hover .group-hover-cursor-default { cursor: default; }
.cursor-wait { cursor: wait; }
.hover-cursor-wait:hover { cursor: wait; }
.focus-cursor-wait:focus { cursor: wait; }
.active-cursor-wait:active { cursor: wait; }
.disabled-cursor-wait:disabled { cursor: wait; }
.group:hover .group-hover-cursor-wait { cursor: wait; }
.cursor-text { cursor: text; }
.hover-cursor-text:hover { cursor: text; }
.focus-cursor-text:focus { cursor: text; }
.active-cursor-text:active { cursor: text; }
.disabled-cursor-text:disabled { cursor: text; }
.group:hover .group-hover-cursor-text { cursor: text; }
.cursor-move { cursor: move; }
.hover-cursor-move:hover { cursor: move; }
.focus-cursor-move:focus { cursor: move; }
.active-cursor-move:active { cursor: move; }
.disabled-cursor-move:disabled { cursor: move; }
.group:hover .group-hover-cursor-move { cursor: move; }
.cursor-not-allowed { cursor: not-allowed; }
.hover-cursor-not-allowed:hover { cursor: not-allowed; }
.focus-cursor-not-allowed:focus { cursor: not-allowed; }
.active-cursor-not-allowed:active { cursor: not-allowed; }
.disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.group:hover .group-hover-cursor-not-allowed { cursor: not-allowed; }
.pointer-events-auto { pointer-events: auto; }
.hover-pointer-events-auto:hover { pointer-events: auto; }
.focus-pointer-events-auto:focus { pointer-events: auto; }
.active-pointer-events-auto:active { pointer-events: auto; }
.disabled-pointer-events-auto:disabled { pointer-events: auto; }
.group:hover .group-hover-pointer-events-auto { pointer-events: auto; }
.pointer-events-none { pointer-events: none; }
.hover-pointer-events-none:hover { pointer-events: none; }
.focus-pointer-events-none:focus { pointer-events: none; }
.active-pointer-events-none:active { pointer-events: none; }
.disabled-pointer-events-none:disabled { pointer-events: none; }
.group:hover .group-hover-pointer-events-none { pointer-events: none; }
.resize-none { resize: none; }
.hover-resize-none:hover { resize: none; }
.focus-resize-none:focus { resize: none; }
.active-resize-none:active { resize: none; }
.disabled-resize-none:disabled { resize: none; }
.group:hover .group-hover-resize-none { resize: none; }
.resize-y { resize: vertical; }
.hover-resize-y:hover { resize: vertical; }
.focus-resize-y:focus { resize: vertical; }
.active-resize-y:active { resize: vertical; }
.disabled-resize-y:disabled { resize: vertical; }
.group:hover .group-hover-resize-y { resize: vertical; }
.resize-x { resize: horizontal; }
.hover-resize-x:hover { resize: horizontal; }
.focus-resize-x:focus { resize: horizontal; }
.active-resize-x:active { resize: horizontal; }
.disabled-resize-x:disabled { resize: horizontal; }
.group:hover .group-hover-resize-x { resize: horizontal; }
.resize { resize: both; }
.hover-resize:hover { resize: both; }
.focus-resize:focus { resize: both; }
.active-resize:active { resize: both; }
.disabled-resize:disabled { resize: both; }
.group:hover .group-hover-resize { resize: both; }
.scroll-auto { scroll-behavior: auto; }
.hover-scroll-auto:hover { scroll-behavior: auto; }
.focus-scroll-auto:focus { scroll-behavior: auto; }
.active-scroll-auto:active { scroll-behavior: auto; }
.disabled-scroll-auto:disabled { scroll-behavior: auto; }
.group:hover .group-hover-scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
.hover-scroll-smooth:hover { scroll-behavior: smooth; }
.focus-scroll-smooth:focus { scroll-behavior: smooth; }
.active-scroll-smooth:active { scroll-behavior: smooth; }
.disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.group:hover .group-hover-scroll-smooth { scroll-behavior: smooth; }
.scroll-m-0 { scroll-margin: 0; }
.hover-scroll-m-0:hover { scroll-margin: 0; }
.focus-scroll-m-0:focus { scroll-margin: 0; }
.active-scroll-m-0:active { scroll-margin: 0; }
.disabled-scroll-m-0:disabled { scroll-margin: 0; }
.group:hover .group-hover-scroll-m-0 { scroll-margin: 0; }
.scroll-m-1 { scroll-margin: 0.25rem; }
.hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.active-scroll-m-1:active { scroll-margin: 0.25rem; }
.disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.group:hover .group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
.scroll-m-2 { scroll-margin: 0.5rem; }
.hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.active-scroll-m-2:active { scroll-margin: 0.5rem; }
.disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.group:hover .group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
.scroll-m-4 { scroll-margin: 1rem; }
.hover-scroll-m-4:hover { scroll-margin: 1rem; }
.focus-scroll-m-4:focus { scroll-margin: 1rem; }
.active-scroll-m-4:active { scroll-margin: 1rem; }
.disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.group:hover .group-hover-scroll-m-4 { scroll-margin: 1rem; }
.scroll-m-8 { scroll-margin: 2rem; }
.hover-scroll-m-8:hover { scroll-margin: 2rem; }
.focus-scroll-m-8:focus { scroll-margin: 2rem; }
.active-scroll-m-8:active { scroll-margin: 2rem; }
.disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.group:hover .group-hover-scroll-m-8 { scroll-margin: 2rem; }
.scroll-p-0 { scroll-padding: 0; }
.hover-scroll-p-0:hover { scroll-padding: 0; }
.focus-scroll-p-0:focus { scroll-padding: 0; }
.active-scroll-p-0:active { scroll-padding: 0; }
.disabled-scroll-p-0:disabled { scroll-padding: 0; }
.group:hover .group-hover-scroll-p-0 { scroll-padding: 0; }
.scroll-p-1 { scroll-padding: 0.25rem; }
.hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.active-scroll-p-1:active { scroll-padding: 0.25rem; }
.disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.group:hover .group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
.scroll-p-2 { scroll-padding: 0.5rem; }
.hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.active-scroll-p-2:active { scroll-padding: 0.5rem; }
.disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.group:hover .group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
.scroll-p-4 { scroll-padding: 1rem; }
.hover-scroll-p-4:hover { scroll-padding: 1rem; }
.focus-scroll-p-4:focus { scroll-padding: 1rem; }
.active-scroll-p-4:active { scroll-padding: 1rem; }
.disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.group:hover .group-hover-scroll-p-4 { scroll-padding: 1rem; }
.scroll-p-8 { scroll-padding: 2rem; }
.hover-scroll-p-8:hover { scroll-padding: 2rem; }
.focus-scroll-p-8:focus { scroll-padding: 2rem; }
.active-scroll-p-8:active { scroll-padding: 2rem; }
.disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.group:hover .group-hover-scroll-p-8 { scroll-padding: 2rem; }
.touch-auto { touch-action: auto; }
.hover-touch-auto:hover { touch-action: auto; }
.focus-touch-auto:focus { touch-action: auto; }
.active-touch-auto:active { touch-action: auto; }
.disabled-touch-auto:disabled { touch-action: auto; }
.group:hover .group-hover-touch-auto { touch-action: auto; }
.touch-none { touch-action: none; }
.hover-touch-none:hover { touch-action: none; }
.focus-touch-none:focus { touch-action: none; }
.active-touch-none:active { touch-action: none; }
.disabled-touch-none:disabled { touch-action: none; }
.group:hover .group-hover-touch-none { touch-action: none; }
.touch-pan-x { touch-action: pan-x; }
.hover-touch-pan-x:hover { touch-action: pan-x; }
.focus-touch-pan-x:focus { touch-action: pan-x; }
.active-touch-pan-x:active { touch-action: pan-x; }
.disabled-touch-pan-x:disabled { touch-action: pan-x; }
.group:hover .group-hover-touch-pan-x { touch-action: pan-x; }
.touch-pan-y { touch-action: pan-y; }
.hover-touch-pan-y:hover { touch-action: pan-y; }
.focus-touch-pan-y:focus { touch-action: pan-y; }
.active-touch-pan-y:active { touch-action: pan-y; }
.disabled-touch-pan-y:disabled { touch-action: pan-y; }
.group:hover .group-hover-touch-pan-y { touch-action: pan-y; }
.touch-manipulation { touch-action: manipulation; }
.hover-touch-manipulation:hover { touch-action: manipulation; }
.focus-touch-manipulation:focus { touch-action: manipulation; }
.active-touch-manipulation:active { touch-action: manipulation; }
.disabled-touch-manipulation:disabled { touch-action: manipulation; }
.group:hover .group-hover-touch-manipulation { touch-action: manipulation; }
.select-none { user-select: none; }
.hover-select-none:hover { user-select: none; }
.focus-select-none:focus { user-select: none; }
.active-select-none:active { user-select: none; }
.disabled-select-none:disabled { user-select: none; }
.group:hover .group-hover-select-none { user-select: none; }
.select-text { user-select: text; }
.hover-select-text:hover { user-select: text; }
.focus-select-text:focus { user-select: text; }
.active-select-text:active { user-select: text; }
.disabled-select-text:disabled { user-select: text; }
.group:hover .group-hover-select-text { user-select: text; }
.select-all { user-select: all; }
.hover-select-all:hover { user-select: all; }
.focus-select-all:focus { user-select: all; }
.active-select-all:active { user-select: all; }
.disabled-select-all:disabled { user-select: all; }
.group:hover .group-hover-select-all { user-select: all; }
.select-auto { user-select: auto; }
.hover-select-auto:hover { user-select: auto; }
.focus-select-auto:focus { user-select: auto; }
.active-select-auto:active { user-select: auto; }
.disabled-select-auto:disabled { user-select: auto; }
.group:hover .group-hover-select-auto { user-select: auto; }
.will-change-auto { will-change: auto; }
.hover-will-change-auto:hover { will-change: auto; }
.focus-will-change-auto:focus { will-change: auto; }
.active-will-change-auto:active { will-change: auto; }
.disabled-will-change-auto:disabled { will-change: auto; }
.group:hover .group-hover-will-change-auto { will-change: auto; }
.will-change-scroll { will-change: scroll-position; }
.hover-will-change-scroll:hover { will-change: scroll-position; }
.focus-will-change-scroll:focus { will-change: scroll-position; }
.active-will-change-scroll:active { will-change: scroll-position; }
.disabled-will-change-scroll:disabled { will-change: scroll-position; }
.group:hover .group-hover-will-change-scroll { will-change: scroll-position; }
.will-change-transform { will-change: transform; }
.hover-will-change-transform:hover { will-change: transform; }
.focus-will-change-transform:focus { will-change: transform; }
.active-will-change-transform:active { will-change: transform; }
.disabled-will-change-transform:disabled { will-change: transform; }
.group:hover .group-hover-will-change-transform { will-change: transform; }
.will-change-opacity { will-change: opacity; }
.hover-will-change-opacity:hover { will-change: opacity; }
.focus-will-change-opacity:focus { will-change: opacity; }
.active-will-change-opacity:active { will-change: opacity; }
.disabled-will-change-opacity:disabled { will-change: opacity; }
.group:hover .group-hover-will-change-opacity { will-change: opacity; }
.bg-primary { background-color: var(--quanta-primary); }
.hover-bg-primary:hover { background-color: var(--quanta-primary); }
.focus-bg-primary:focus { background-color: var(--quanta-primary); }
.active-bg-primary:active { background-color: var(--quanta-primary); }
.disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
.group:hover .group-hover-bg-primary { background-color: var(--quanta-primary); }
.bg-secondary { background-color: var(--quanta-bg-secondary); }
.hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
.focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
.active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
.disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
.group:hover .group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
.bg-success { background-color: var(--quanta-bg-success); }
.hover-bg-success:hover { background-color: var(--quanta-bg-success); }
.focus-bg-success:focus { background-color: var(--quanta-bg-success); }
.active-bg-success:active { background-color: var(--quanta-bg-success); }
.disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
.group:hover .group-hover-bg-success { background-color: var(--quanta-bg-success); }
.bg-warning { background-color: var(--quanta-bg-warning); }
.hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
.focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
.active-bg-warning:active { background-color: var(--quanta-bg-warning); }
.disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
.group:hover .group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
.bg-danger { background-color: var(--quanta-bg-danger); }
.hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
.focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
.active-bg-danger:active { background-color: var(--quanta-bg-danger); }
.disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
.group:hover .group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
.bg-info { background-color: var(--quanta-bg-info); }
.hover-bg-info:hover { background-color: var(--quanta-bg-info); }
.focus-bg-info:focus { background-color: var(--quanta-bg-info); }
.active-bg-info:active { background-color: var(--quanta-bg-info); }
.disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
.group:hover .group-hover-bg-info { background-color: var(--quanta-bg-info); }
.text-primary { color: var(--quanta-primary); }
.hover-text-primary:hover { color: var(--quanta-primary); }
.focus-text-primary:focus { color: var(--quanta-primary); }
.active-text-primary:active { color: var(--quanta-primary); }
.disabled-text-primary:disabled { color: var(--quanta-primary); }
.group:hover .group-hover-text-primary { color: var(--quanta-primary); }
.text-secondary { color: var(--quanta-text-secondary); }
.hover-text-secondary:hover { color: var(--quanta-text-secondary); }
.focus-text-secondary:focus { color: var(--quanta-text-secondary); }
.active-text-secondary:active { color: var(--quanta-text-secondary); }
.disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
.group:hover .group-hover-text-secondary { color: var(--quanta-text-secondary); }
.text-success { color: var(--quanta-text-success); }
.hover-text-success:hover { color: var(--quanta-text-success); }
.focus-text-success:focus { color: var(--quanta-text-success); }
.active-text-success:active { color: var(--quanta-text-success); }
.disabled-text-success:disabled { color: var(--quanta-text-success); }
.group:hover .group-hover-text-success { color: var(--quanta-text-success); }
.text-warning { color: var(--quanta-text-warning); }
.hover-text-warning:hover { color: var(--quanta-text-warning); }
.focus-text-warning:focus { color: var(--quanta-text-warning); }
.active-text-warning:active { color: var(--quanta-text-warning); }
.disabled-text-warning:disabled { color: var(--quanta-text-warning); }
.group:hover .group-hover-text-warning { color: var(--quanta-text-warning); }
.text-danger { color: var(--quanta-text-danger); }
.hover-text-danger:hover { color: var(--quanta-text-danger); }
.focus-text-danger:focus { color: var(--quanta-text-danger); }
.active-text-danger:active { color: var(--quanta-text-danger); }
.disabled-text-danger:disabled { color: var(--quanta-text-danger); }
.group:hover .group-hover-text-danger { color: var(--quanta-text-danger); }
.text-info { color: var(--quanta-text-info); }
.hover-text-info:hover { color: var(--quanta-text-info); }
.focus-text-info:focus { color: var(--quanta-text-info); }
.active-text-info:active { color: var(--quanta-text-info); }
.disabled-text-info:disabled { color: var(--quanta-text-info); }
.group:hover .group-hover-text-info { color: var(--quanta-text-info); }
.border-primary { border-color: var(--quanta-primary); }
.hover-border-primary:hover { border-color: var(--quanta-primary); }
.focus-border-primary:focus { border-color: var(--quanta-primary); }
.active-border-primary:active { border-color: var(--quanta-primary); }
.disabled-border-primary:disabled { border-color: var(--quanta-primary); }
.group:hover .group-hover-border-primary { border-color: var(--quanta-primary); }
.border-secondary { border-color: var(--quanta-border-secondary); }
.hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
.focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
.active-border-secondary:active { border-color: var(--quanta-border-secondary); }
.disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
.group:hover .group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
.border-success { border-color: var(--quanta-border-success); }
.hover-border-success:hover { border-color: var(--quanta-border-success); }
.focus-border-success:focus { border-color: var(--quanta-border-success); }
.active-border-success:active { border-color: var(--quanta-border-success); }
.disabled-border-success:disabled { border-color: var(--quanta-border-success); }
.group:hover .group-hover-border-success { border-color: var(--quanta-border-success); }
.border-warning { border-color: var(--quanta-border-warning); }
.hover-border-warning:hover { border-color: var(--quanta-border-warning); }
.focus-border-warning:focus { border-color: var(--quanta-border-warning); }
.active-border-warning:active { border-color: var(--quanta-border-warning); }
.disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
.group:hover .group-hover-border-warning { border-color: var(--quanta-border-warning); }
.border-danger { border-color: var(--quanta-border-danger); }
.hover-border-danger:hover { border-color: var(--quanta-border-danger); }
.focus-border-danger:focus { border-color: var(--quanta-border-danger); }
.active-border-danger:active { border-color: var(--quanta-border-danger); }
.disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
.group:hover .group-hover-border-danger { border-color: var(--quanta-border-danger); }
.border-info { border-color: var(--quanta-border-info); }
.hover-border-info:hover { border-color: var(--quanta-border-info); }
.focus-border-info:focus { border-color: var(--quanta-border-info); }
.active-border-info:active { border-color: var(--quanta-border-info); }
.disabled-border-info:disabled { border-color: var(--quanta-border-info); }
.group:hover .group-hover-border-info { border-color: var(--quanta-border-info); }
@media (min-width: 480px) {
.sm-p-auto { padding: auto; }
.sm-hover-p-auto:hover { padding: auto; }
.sm-focus-p-auto:focus { padding: auto; }
.sm-active-p-auto:active { padding: auto; }
.sm-disabled-p-auto:disabled { padding: auto; }
.sm-p-0 { padding: 0; }
.sm-hover-p-0:hover { padding: 0; }
.sm-focus-p-0:focus { padding: 0; }
.sm-active-p-0:active { padding: 0; }
.sm-disabled-p-0:disabled { padding: 0; }
.sm-p-1 { padding: 0.25rem; }
.sm-hover-p-1:hover { padding: 0.25rem; }
.sm-focus-p-1:focus { padding: 0.25rem; }
.sm-active-p-1:active { padding: 0.25rem; }
.sm-disabled-p-1:disabled { padding: 0.25rem; }
.sm-p-2 { padding: 0.5rem; }
.sm-hover-p-2:hover { padding: 0.5rem; }
.sm-focus-p-2:focus { padding: 0.5rem; }
.sm-active-p-2:active { padding: 0.5rem; }
.sm-disabled-p-2:disabled { padding: 0.5rem; }
.sm-p-3 { padding: 0.75rem; }
.sm-hover-p-3:hover { padding: 0.75rem; }
.sm-focus-p-3:focus { padding: 0.75rem; }
.sm-active-p-3:active { padding: 0.75rem; }
.sm-disabled-p-3:disabled { padding: 0.75rem; }
.sm-p-4 { padding: 1rem; }
.sm-hover-p-4:hover { padding: 1rem; }
.sm-focus-p-4:focus { padding: 1rem; }
.sm-active-p-4:active { padding: 1rem; }
.sm-disabled-p-4:disabled { padding: 1rem; }
.sm-p-5 { padding: 1.25rem; }
.sm-hover-p-5:hover { padding: 1.25rem; }
.sm-focus-p-5:focus { padding: 1.25rem; }
.sm-active-p-5:active { padding: 1.25rem; }
.sm-disabled-p-5:disabled { padding: 1.25rem; }
.sm-p-6 { padding: 1.5rem; }
.sm-hover-p-6:hover { padding: 1.5rem; }
.sm-focus-p-6:focus { padding: 1.5rem; }
.sm-active-p-6:active { padding: 1.5rem; }
.sm-disabled-p-6:disabled { padding: 1.5rem; }
.sm-p-8 { padding: 2rem; }
.sm-hover-p-8:hover { padding: 2rem; }
.sm-focus-p-8:focus { padding: 2rem; }
.sm-active-p-8:active { padding: 2rem; }
.sm-disabled-p-8:disabled { padding: 2rem; }
.sm-p-10 { padding: 2.5rem; }
.sm-hover-p-10:hover { padding: 2.5rem; }
.sm-focus-p-10:focus { padding: 2.5rem; }
.sm-active-p-10:active { padding: 2.5rem; }
.sm-disabled-p-10:disabled { padding: 2.5rem; }
.sm-p-12 { padding: 3rem; }
.sm-hover-p-12:hover { padding: 3rem; }
.sm-focus-p-12:focus { padding: 3rem; }
.sm-active-p-12:active { padding: 3rem; }
.sm-disabled-p-12:disabled { padding: 3rem; }
.sm-p-16 { padding: 4rem; }
.sm-hover-p-16:hover { padding: 4rem; }
.sm-focus-p-16:focus { padding: 4rem; }
.sm-active-p-16:active { padding: 4rem; }
.sm-disabled-p-16:disabled { padding: 4rem; }
.sm-p-20 { padding: 5rem; }
.sm-hover-p-20:hover { padding: 5rem; }
.sm-focus-p-20:focus { padding: 5rem; }
.sm-active-p-20:active { padding: 5rem; }
.sm-disabled-p-20:disabled { padding: 5rem; }
.sm-p-24 { padding: 6rem; }
.sm-hover-p-24:hover { padding: 6rem; }
.sm-focus-p-24:focus { padding: 6rem; }
.sm-active-p-24:active { padding: 6rem; }
.sm-disabled-p-24:disabled { padding: 6rem; }
.sm-p-28 { padding: 7rem; }
.sm-hover-p-28:hover { padding: 7rem; }
.sm-focus-p-28:focus { padding: 7rem; }
.sm-active-p-28:active { padding: 7rem; }
.sm-disabled-p-28:disabled { padding: 7rem; }
.sm-p-32 { padding: 8rem; }
.sm-hover-p-32:hover { padding: 8rem; }
.sm-focus-p-32:focus { padding: 8rem; }
.sm-active-p-32:active { padding: 8rem; }
.sm-disabled-p-32:disabled { padding: 8rem; }
.sm-pt-auto { padding-top: auto; }
.sm-hover-pt-auto:hover { padding-top: auto; }
.sm-focus-pt-auto:focus { padding-top: auto; }
.sm-active-pt-auto:active { padding-top: auto; }
.sm-disabled-pt-auto:disabled { padding-top: auto; }
.sm-pt-0 { padding-top: 0; }
.sm-hover-pt-0:hover { padding-top: 0; }
.sm-focus-pt-0:focus { padding-top: 0; }
.sm-active-pt-0:active { padding-top: 0; }
.sm-disabled-pt-0:disabled { padding-top: 0; }
.sm-pt-1 { padding-top: 0.25rem; }
.sm-hover-pt-1:hover { padding-top: 0.25rem; }
.sm-focus-pt-1:focus { padding-top: 0.25rem; }
.sm-active-pt-1:active { padding-top: 0.25rem; }
.sm-disabled-pt-1:disabled { padding-top: 0.25rem; }
.sm-pt-2 { padding-top: 0.5rem; }
.sm-hover-pt-2:hover { padding-top: 0.5rem; }
.sm-focus-pt-2:focus { padding-top: 0.5rem; }
.sm-active-pt-2:active { padding-top: 0.5rem; }
.sm-disabled-pt-2:disabled { padding-top: 0.5rem; }
.sm-pt-3 { padding-top: 0.75rem; }
.sm-hover-pt-3:hover { padding-top: 0.75rem; }
.sm-focus-pt-3:focus { padding-top: 0.75rem; }
.sm-active-pt-3:active { padding-top: 0.75rem; }
.sm-disabled-pt-3:disabled { padding-top: 0.75rem; }
.sm-pt-4 { padding-top: 1rem; }
.sm-hover-pt-4:hover { padding-top: 1rem; }
.sm-focus-pt-4:focus { padding-top: 1rem; }
.sm-active-pt-4:active { padding-top: 1rem; }
.sm-disabled-pt-4:disabled { padding-top: 1rem; }
.sm-pt-5 { padding-top: 1.25rem; }
.sm-hover-pt-5:hover { padding-top: 1.25rem; }
.sm-focus-pt-5:focus { padding-top: 1.25rem; }
.sm-active-pt-5:active { padding-top: 1.25rem; }
.sm-disabled-pt-5:disabled { padding-top: 1.25rem; }
.sm-pt-6 { padding-top: 1.5rem; }
.sm-hover-pt-6:hover { padding-top: 1.5rem; }
.sm-focus-pt-6:focus { padding-top: 1.5rem; }
.sm-active-pt-6:active { padding-top: 1.5rem; }
.sm-disabled-pt-6:disabled { padding-top: 1.5rem; }
.sm-pt-8 { padding-top: 2rem; }
.sm-hover-pt-8:hover { padding-top: 2rem; }
.sm-focus-pt-8:focus { padding-top: 2rem; }
.sm-active-pt-8:active { padding-top: 2rem; }
.sm-disabled-pt-8:disabled { padding-top: 2rem; }
.sm-pt-10 { padding-top: 2.5rem; }
.sm-hover-pt-10:hover { padding-top: 2.5rem; }
.sm-focus-pt-10:focus { padding-top: 2.5rem; }
.sm-active-pt-10:active { padding-top: 2.5rem; }
.sm-disabled-pt-10:disabled { padding-top: 2.5rem; }
.sm-pt-12 { padding-top: 3rem; }
.sm-hover-pt-12:hover { padding-top: 3rem; }
.sm-focus-pt-12:focus { padding-top: 3rem; }
.sm-active-pt-12:active { padding-top: 3rem; }
.sm-disabled-pt-12:disabled { padding-top: 3rem; }
.sm-pt-16 { padding-top: 4rem; }
.sm-hover-pt-16:hover { padding-top: 4rem; }
.sm-focus-pt-16:focus { padding-top: 4rem; }
.sm-active-pt-16:active { padding-top: 4rem; }
.sm-disabled-pt-16:disabled { padding-top: 4rem; }
.sm-pt-20 { padding-top: 5rem; }
.sm-hover-pt-20:hover { padding-top: 5rem; }
.sm-focus-pt-20:focus { padding-top: 5rem; }
.sm-active-pt-20:active { padding-top: 5rem; }
.sm-disabled-pt-20:disabled { padding-top: 5rem; }
.sm-pt-24 { padding-top: 6rem; }
.sm-hover-pt-24:hover { padding-top: 6rem; }
.sm-focus-pt-24:focus { padding-top: 6rem; }
.sm-active-pt-24:active { padding-top: 6rem; }
.sm-disabled-pt-24:disabled { padding-top: 6rem; }
.sm-pt-28 { padding-top: 7rem; }
.sm-hover-pt-28:hover { padding-top: 7rem; }
.sm-focus-pt-28:focus { padding-top: 7rem; }
.sm-active-pt-28:active { padding-top: 7rem; }
.sm-disabled-pt-28:disabled { padding-top: 7rem; }
.sm-pt-32 { padding-top: 8rem; }
.sm-hover-pt-32:hover { padding-top: 8rem; }
.sm-focus-pt-32:focus { padding-top: 8rem; }
.sm-active-pt-32:active { padding-top: 8rem; }
.sm-disabled-pt-32:disabled { padding-top: 8rem; }
.sm-pb-auto { padding-bottom: auto; }
.sm-hover-pb-auto:hover { padding-bottom: auto; }
.sm-focus-pb-auto:focus { padding-bottom: auto; }
.sm-active-pb-auto:active { padding-bottom: auto; }
.sm-disabled-pb-auto:disabled { padding-bottom: auto; }
.sm-pb-0 { padding-bottom: 0; }
.sm-hover-pb-0:hover { padding-bottom: 0; }
.sm-focus-pb-0:focus { padding-bottom: 0; }
.sm-active-pb-0:active { padding-bottom: 0; }
.sm-disabled-pb-0:disabled { padding-bottom: 0; }
.sm-pb-1 { padding-bottom: 0.25rem; }
.sm-hover-pb-1:hover { padding-bottom: 0.25rem; }
.sm-focus-pb-1:focus { padding-bottom: 0.25rem; }
.sm-active-pb-1:active { padding-bottom: 0.25rem; }
.sm-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
.sm-pb-2 { padding-bottom: 0.5rem; }
.sm-hover-pb-2:hover { padding-bottom: 0.5rem; }
.sm-focus-pb-2:focus { padding-bottom: 0.5rem; }
.sm-active-pb-2:active { padding-bottom: 0.5rem; }
.sm-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
.sm-pb-3 { padding-bottom: 0.75rem; }
.sm-hover-pb-3:hover { padding-bottom: 0.75rem; }
.sm-focus-pb-3:focus { padding-bottom: 0.75rem; }
.sm-active-pb-3:active { padding-bottom: 0.75rem; }
.sm-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
.sm-pb-4 { padding-bottom: 1rem; }
.sm-hover-pb-4:hover { padding-bottom: 1rem; }
.sm-focus-pb-4:focus { padding-bottom: 1rem; }
.sm-active-pb-4:active { padding-bottom: 1rem; }
.sm-disabled-pb-4:disabled { padding-bottom: 1rem; }
.sm-pb-5 { padding-bottom: 1.25rem; }
.sm-hover-pb-5:hover { padding-bottom: 1.25rem; }
.sm-focus-pb-5:focus { padding-bottom: 1.25rem; }
.sm-active-pb-5:active { padding-bottom: 1.25rem; }
.sm-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
.sm-pb-6 { padding-bottom: 1.5rem; }
.sm-hover-pb-6:hover { padding-bottom: 1.5rem; }
.sm-focus-pb-6:focus { padding-bottom: 1.5rem; }
.sm-active-pb-6:active { padding-bottom: 1.5rem; }
.sm-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
.sm-pb-8 { padding-bottom: 2rem; }
.sm-hover-pb-8:hover { padding-bottom: 2rem; }
.sm-focus-pb-8:focus { padding-bottom: 2rem; }
.sm-active-pb-8:active { padding-bottom: 2rem; }
.sm-disabled-pb-8:disabled { padding-bottom: 2rem; }
.sm-pb-10 { padding-bottom: 2.5rem; }
.sm-hover-pb-10:hover { padding-bottom: 2.5rem; }
.sm-focus-pb-10:focus { padding-bottom: 2.5rem; }
.sm-active-pb-10:active { padding-bottom: 2.5rem; }
.sm-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
.sm-pb-12 { padding-bottom: 3rem; }
.sm-hover-pb-12:hover { padding-bottom: 3rem; }
.sm-focus-pb-12:focus { padding-bottom: 3rem; }
.sm-active-pb-12:active { padding-bottom: 3rem; }
.sm-disabled-pb-12:disabled { padding-bottom: 3rem; }
.sm-pb-16 { padding-bottom: 4rem; }
.sm-hover-pb-16:hover { padding-bottom: 4rem; }
.sm-focus-pb-16:focus { padding-bottom: 4rem; }
.sm-active-pb-16:active { padding-bottom: 4rem; }
.sm-disabled-pb-16:disabled { padding-bottom: 4rem; }
.sm-pb-20 { padding-bottom: 5rem; }
.sm-hover-pb-20:hover { padding-bottom: 5rem; }
.sm-focus-pb-20:focus { padding-bottom: 5rem; }
.sm-active-pb-20:active { padding-bottom: 5rem; }
.sm-disabled-pb-20:disabled { padding-bottom: 5rem; }
.sm-pb-24 { padding-bottom: 6rem; }
.sm-hover-pb-24:hover { padding-bottom: 6rem; }
.sm-focus-pb-24:focus { padding-bottom: 6rem; }
.sm-active-pb-24:active { padding-bottom: 6rem; }
.sm-disabled-pb-24:disabled { padding-bottom: 6rem; }
.sm-pb-28 { padding-bottom: 7rem; }
.sm-hover-pb-28:hover { padding-bottom: 7rem; }
.sm-focus-pb-28:focus { padding-bottom: 7rem; }
.sm-active-pb-28:active { padding-bottom: 7rem; }
.sm-disabled-pb-28:disabled { padding-bottom: 7rem; }
.sm-pb-32 { padding-bottom: 8rem; }
.sm-hover-pb-32:hover { padding-bottom: 8rem; }
.sm-focus-pb-32:focus { padding-bottom: 8rem; }
.sm-active-pb-32:active { padding-bottom: 8rem; }
.sm-disabled-pb-32:disabled { padding-bottom: 8rem; }
.sm-pl-auto { padding-left: auto; }
.sm-hover-pl-auto:hover { padding-left: auto; }
.sm-focus-pl-auto:focus { padding-left: auto; }
.sm-active-pl-auto:active { padding-left: auto; }
.sm-disabled-pl-auto:disabled { padding-left: auto; }
.sm-pl-0 { padding-left: 0; }
.sm-hover-pl-0:hover { padding-left: 0; }
.sm-focus-pl-0:focus { padding-left: 0; }
.sm-active-pl-0:active { padding-left: 0; }
.sm-disabled-pl-0:disabled { padding-left: 0; }
.sm-pl-1 { padding-left: 0.25rem; }
.sm-hover-pl-1:hover { padding-left: 0.25rem; }
.sm-focus-pl-1:focus { padding-left: 0.25rem; }
.sm-active-pl-1:active { padding-left: 0.25rem; }
.sm-disabled-pl-1:disabled { padding-left: 0.25rem; }
.sm-pl-2 { padding-left: 0.5rem; }
.sm-hover-pl-2:hover { padding-left: 0.5rem; }
.sm-focus-pl-2:focus { padding-left: 0.5rem; }
.sm-active-pl-2:active { padding-left: 0.5rem; }
.sm-disabled-pl-2:disabled { padding-left: 0.5rem; }
.sm-pl-3 { padding-left: 0.75rem; }
.sm-hover-pl-3:hover { padding-left: 0.75rem; }
.sm-focus-pl-3:focus { padding-left: 0.75rem; }
.sm-active-pl-3:active { padding-left: 0.75rem; }
.sm-disabled-pl-3:disabled { padding-left: 0.75rem; }
.sm-pl-4 { padding-left: 1rem; }
.sm-hover-pl-4:hover { padding-left: 1rem; }
.sm-focus-pl-4:focus { padding-left: 1rem; }
.sm-active-pl-4:active { padding-left: 1rem; }
.sm-disabled-pl-4:disabled { padding-left: 1rem; }
.sm-pl-5 { padding-left: 1.25rem; }
.sm-hover-pl-5:hover { padding-left: 1.25rem; }
.sm-focus-pl-5:focus { padding-left: 1.25rem; }
.sm-active-pl-5:active { padding-left: 1.25rem; }
.sm-disabled-pl-5:disabled { padding-left: 1.25rem; }
.sm-pl-6 { padding-left: 1.5rem; }
.sm-hover-pl-6:hover { padding-left: 1.5rem; }
.sm-focus-pl-6:focus { padding-left: 1.5rem; }
.sm-active-pl-6:active { padding-left: 1.5rem; }
.sm-disabled-pl-6:disabled { padding-left: 1.5rem; }
.sm-pl-8 { padding-left: 2rem; }
.sm-hover-pl-8:hover { padding-left: 2rem; }
.sm-focus-pl-8:focus { padding-left: 2rem; }
.sm-active-pl-8:active { padding-left: 2rem; }
.sm-disabled-pl-8:disabled { padding-left: 2rem; }
.sm-pl-10 { padding-left: 2.5rem; }
.sm-hover-pl-10:hover { padding-left: 2.5rem; }
.sm-focus-pl-10:focus { padding-left: 2.5rem; }
.sm-active-pl-10:active { padding-left: 2.5rem; }
.sm-disabled-pl-10:disabled { padding-left: 2.5rem; }
.sm-pl-12 { padding-left: 3rem; }
.sm-hover-pl-12:hover { padding-left: 3rem; }
.sm-focus-pl-12:focus { padding-left: 3rem; }
.sm-active-pl-12:active { padding-left: 3rem; }
.sm-disabled-pl-12:disabled { padding-left: 3rem; }
.sm-pl-16 { padding-left: 4rem; }
.sm-hover-pl-16:hover { padding-left: 4rem; }
.sm-focus-pl-16:focus { padding-left: 4rem; }
.sm-active-pl-16:active { padding-left: 4rem; }
.sm-disabled-pl-16:disabled { padding-left: 4rem; }
.sm-pl-20 { padding-left: 5rem; }
.sm-hover-pl-20:hover { padding-left: 5rem; }
.sm-focus-pl-20:focus { padding-left: 5rem; }
.sm-active-pl-20:active { padding-left: 5rem; }
.sm-disabled-pl-20:disabled { padding-left: 5rem; }
.sm-pl-24 { padding-left: 6rem; }
.sm-hover-pl-24:hover { padding-left: 6rem; }
.sm-focus-pl-24:focus { padding-left: 6rem; }
.sm-active-pl-24:active { padding-left: 6rem; }
.sm-disabled-pl-24:disabled { padding-left: 6rem; }
.sm-pl-28 { padding-left: 7rem; }
.sm-hover-pl-28:hover { padding-left: 7rem; }
.sm-focus-pl-28:focus { padding-left: 7rem; }
.sm-active-pl-28:active { padding-left: 7rem; }
.sm-disabled-pl-28:disabled { padding-left: 7rem; }
.sm-pl-32 { padding-left: 8rem; }
.sm-hover-pl-32:hover { padding-left: 8rem; }
.sm-focus-pl-32:focus { padding-left: 8rem; }
.sm-active-pl-32:active { padding-left: 8rem; }
.sm-disabled-pl-32:disabled { padding-left: 8rem; }
.sm-pr-auto { padding-right: auto; }
.sm-hover-pr-auto:hover { padding-right: auto; }
.sm-focus-pr-auto:focus { padding-right: auto; }
.sm-active-pr-auto:active { padding-right: auto; }
.sm-disabled-pr-auto:disabled { padding-right: auto; }
.sm-pr-0 { padding-right: 0; }
.sm-hover-pr-0:hover { padding-right: 0; }
.sm-focus-pr-0:focus { padding-right: 0; }
.sm-active-pr-0:active { padding-right: 0; }
.sm-disabled-pr-0:disabled { padding-right: 0; }
.sm-pr-1 { padding-right: 0.25rem; }
.sm-hover-pr-1:hover { padding-right: 0.25rem; }
.sm-focus-pr-1:focus { padding-right: 0.25rem; }
.sm-active-pr-1:active { padding-right: 0.25rem; }
.sm-disabled-pr-1:disabled { padding-right: 0.25rem; }
.sm-pr-2 { padding-right: 0.5rem; }
.sm-hover-pr-2:hover { padding-right: 0.5rem; }
.sm-focus-pr-2:focus { padding-right: 0.5rem; }
.sm-active-pr-2:active { padding-right: 0.5rem; }
.sm-disabled-pr-2:disabled { padding-right: 0.5rem; }
.sm-pr-3 { padding-right: 0.75rem; }
.sm-hover-pr-3:hover { padding-right: 0.75rem; }
.sm-focus-pr-3:focus { padding-right: 0.75rem; }
.sm-active-pr-3:active { padding-right: 0.75rem; }
.sm-disabled-pr-3:disabled { padding-right: 0.75rem; }
.sm-pr-4 { padding-right: 1rem; }
.sm-hover-pr-4:hover { padding-right: 1rem; }
.sm-focus-pr-4:focus { padding-right: 1rem; }
.sm-active-pr-4:active { padding-right: 1rem; }
.sm-disabled-pr-4:disabled { padding-right: 1rem; }
.sm-pr-5 { padding-right: 1.25rem; }
.sm-hover-pr-5:hover { padding-right: 1.25rem; }
.sm-focus-pr-5:focus { padding-right: 1.25rem; }
.sm-active-pr-5:active { padding-right: 1.25rem; }
.sm-disabled-pr-5:disabled { padding-right: 1.25rem; }
.sm-pr-6 { padding-right: 1.5rem; }
.sm-hover-pr-6:hover { padding-right: 1.5rem; }
.sm-focus-pr-6:focus { padding-right: 1.5rem; }
.sm-active-pr-6:active { padding-right: 1.5rem; }
.sm-disabled-pr-6:disabled { padding-right: 1.5rem; }
.sm-pr-8 { padding-right: 2rem; }
.sm-hover-pr-8:hover { padding-right: 2rem; }
.sm-focus-pr-8:focus { padding-right: 2rem; }
.sm-active-pr-8:active { padding-right: 2rem; }
.sm-disabled-pr-8:disabled { padding-right: 2rem; }
.sm-pr-10 { padding-right: 2.5rem; }
.sm-hover-pr-10:hover { padding-right: 2.5rem; }
.sm-focus-pr-10:focus { padding-right: 2.5rem; }
.sm-active-pr-10:active { padding-right: 2.5rem; }
.sm-disabled-pr-10:disabled { padding-right: 2.5rem; }
.sm-pr-12 { padding-right: 3rem; }
.sm-hover-pr-12:hover { padding-right: 3rem; }
.sm-focus-pr-12:focus { padding-right: 3rem; }
.sm-active-pr-12:active { padding-right: 3rem; }
.sm-disabled-pr-12:disabled { padding-right: 3rem; }
.sm-pr-16 { padding-right: 4rem; }
.sm-hover-pr-16:hover { padding-right: 4rem; }
.sm-focus-pr-16:focus { padding-right: 4rem; }
.sm-active-pr-16:active { padding-right: 4rem; }
.sm-disabled-pr-16:disabled { padding-right: 4rem; }
.sm-pr-20 { padding-right: 5rem; }
.sm-hover-pr-20:hover { padding-right: 5rem; }
.sm-focus-pr-20:focus { padding-right: 5rem; }
.sm-active-pr-20:active { padding-right: 5rem; }
.sm-disabled-pr-20:disabled { padding-right: 5rem; }
.sm-pr-24 { padding-right: 6rem; }
.sm-hover-pr-24:hover { padding-right: 6rem; }
.sm-focus-pr-24:focus { padding-right: 6rem; }
.sm-active-pr-24:active { padding-right: 6rem; }
.sm-disabled-pr-24:disabled { padding-right: 6rem; }
.sm-pr-28 { padding-right: 7rem; }
.sm-hover-pr-28:hover { padding-right: 7rem; }
.sm-focus-pr-28:focus { padding-right: 7rem; }
.sm-active-pr-28:active { padding-right: 7rem; }
.sm-disabled-pr-28:disabled { padding-right: 7rem; }
.sm-pr-32 { padding-right: 8rem; }
.sm-hover-pr-32:hover { padding-right: 8rem; }
.sm-focus-pr-32:focus { padding-right: 8rem; }
.sm-active-pr-32:active { padding-right: 8rem; }
.sm-disabled-pr-32:disabled { padding-right: 8rem; }
.sm-px-auto { padding-left: auto; padding-right: auto; }
.sm-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
.sm-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
.sm-active-px-auto:active { padding-left: auto; padding-right: auto; }
.sm-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
.sm-px-0 { padding-left: 0; padding-right: 0; }
.sm-hover-px-0:hover { padding-left: 0; padding-right: 0; }
.sm-focus-px-0:focus { padding-left: 0; padding-right: 0; }
.sm-active-px-0:active { padding-left: 0; padding-right: 0; }
.sm-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
.sm-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.sm-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
.sm-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
.sm-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
.sm-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
.sm-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.sm-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
.sm-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
.sm-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
.sm-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
.sm-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.sm-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
.sm-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
.sm-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
.sm-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
.sm-px-4 { padding-left: 1rem; padding-right: 1rem; }
.sm-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
.sm-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
.sm-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
.sm-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
.sm-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.sm-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
.sm-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
.sm-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
.sm-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
.sm-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.sm-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
.sm-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
.sm-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
.sm-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
.sm-px-8 { padding-left: 2rem; padding-right: 2rem; }
.sm-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
.sm-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
.sm-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
.sm-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
.sm-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.sm-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
.sm-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
.sm-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
.sm-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
.sm-px-12 { padding-left: 3rem; padding-right: 3rem; }
.sm-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
.sm-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
.sm-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
.sm-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
.sm-px-16 { padding-left: 4rem; padding-right: 4rem; }
.sm-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
.sm-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
.sm-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
.sm-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
.sm-px-20 { padding-left: 5rem; padding-right: 5rem; }
.sm-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
.sm-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
.sm-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
.sm-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
.sm-px-24 { padding-left: 6rem; padding-right: 6rem; }
.sm-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
.sm-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
.sm-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
.sm-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
.sm-px-28 { padding-left: 7rem; padding-right: 7rem; }
.sm-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
.sm-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
.sm-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
.sm-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
.sm-px-32 { padding-left: 8rem; padding-right: 8rem; }
.sm-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
.sm-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
.sm-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
.sm-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
.sm-py-auto { padding-top: auto; padding-bottom: auto; }
.sm-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
.sm-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
.sm-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
.sm-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
.sm-py-0 { padding-top: 0; padding-bottom: 0; }
.sm-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
.sm-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
.sm-active-py-0:active { padding-top: 0; padding-bottom: 0; }
.sm-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
.sm-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.sm-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.sm-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.sm-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.sm-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.sm-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.sm-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.sm-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.sm-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.sm-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.sm-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.sm-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.sm-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.sm-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.sm-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.sm-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.sm-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
.sm-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
.sm-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
.sm-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
.sm-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.sm-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.sm-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.sm-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.sm-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.sm-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.sm-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.sm-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.sm-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.sm-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.sm-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.sm-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
.sm-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
.sm-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
.sm-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
.sm-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.sm-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.sm-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.sm-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.sm-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.sm-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.sm-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
.sm-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
.sm-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
.sm-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
.sm-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.sm-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
.sm-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
.sm-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
.sm-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
.sm-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.sm-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
.sm-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
.sm-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
.sm-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
.sm-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.sm-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
.sm-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
.sm-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
.sm-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
.sm-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.sm-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
.sm-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
.sm-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
.sm-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
.sm-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.sm-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
.sm-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
.sm-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
.sm-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
.sm-m-auto { margin: auto; }
.sm-hover-m-auto:hover { margin: auto; }
.sm-focus-m-auto:focus { margin: auto; }
.sm-active-m-auto:active { margin: auto; }
.sm-disabled-m-auto:disabled { margin: auto; }
.sm-m-0 { margin: 0; }
.sm-hover-m-0:hover { margin: 0; }
.sm-focus-m-0:focus { margin: 0; }
.sm-active-m-0:active { margin: 0; }
.sm-disabled-m-0:disabled { margin: 0; }
.sm-m-1 { margin: 0.25rem; }
.sm-hover-m-1:hover { margin: 0.25rem; }
.sm-focus-m-1:focus { margin: 0.25rem; }
.sm-active-m-1:active { margin: 0.25rem; }
.sm-disabled-m-1:disabled { margin: 0.25rem; }
.sm-m-2 { margin: 0.5rem; }
.sm-hover-m-2:hover { margin: 0.5rem; }
.sm-focus-m-2:focus { margin: 0.5rem; }
.sm-active-m-2:active { margin: 0.5rem; }
.sm-disabled-m-2:disabled { margin: 0.5rem; }
.sm-m-3 { margin: 0.75rem; }
.sm-hover-m-3:hover { margin: 0.75rem; }
.sm-focus-m-3:focus { margin: 0.75rem; }
.sm-active-m-3:active { margin: 0.75rem; }
.sm-disabled-m-3:disabled { margin: 0.75rem; }
.sm-m-4 { margin: 1rem; }
.sm-hover-m-4:hover { margin: 1rem; }
.sm-focus-m-4:focus { margin: 1rem; }
.sm-active-m-4:active { margin: 1rem; }
.sm-disabled-m-4:disabled { margin: 1rem; }
.sm-m-5 { margin: 1.25rem; }
.sm-hover-m-5:hover { margin: 1.25rem; }
.sm-focus-m-5:focus { margin: 1.25rem; }
.sm-active-m-5:active { margin: 1.25rem; }
.sm-disabled-m-5:disabled { margin: 1.25rem; }
.sm-m-6 { margin: 1.5rem; }
.sm-hover-m-6:hover { margin: 1.5rem; }
.sm-focus-m-6:focus { margin: 1.5rem; }
.sm-active-m-6:active { margin: 1.5rem; }
.sm-disabled-m-6:disabled { margin: 1.5rem; }
.sm-m-8 { margin: 2rem; }
.sm-hover-m-8:hover { margin: 2rem; }
.sm-focus-m-8:focus { margin: 2rem; }
.sm-active-m-8:active { margin: 2rem; }
.sm-disabled-m-8:disabled { margin: 2rem; }
.sm-m-10 { margin: 2.5rem; }
.sm-hover-m-10:hover { margin: 2.5rem; }
.sm-focus-m-10:focus { margin: 2.5rem; }
.sm-active-m-10:active { margin: 2.5rem; }
.sm-disabled-m-10:disabled { margin: 2.5rem; }
.sm-m-12 { margin: 3rem; }
.sm-hover-m-12:hover { margin: 3rem; }
.sm-focus-m-12:focus { margin: 3rem; }
.sm-active-m-12:active { margin: 3rem; }
.sm-disabled-m-12:disabled { margin: 3rem; }
.sm-m-16 { margin: 4rem; }
.sm-hover-m-16:hover { margin: 4rem; }
.sm-focus-m-16:focus { margin: 4rem; }
.sm-active-m-16:active { margin: 4rem; }
.sm-disabled-m-16:disabled { margin: 4rem; }
.sm-m-20 { margin: 5rem; }
.sm-hover-m-20:hover { margin: 5rem; }
.sm-focus-m-20:focus { margin: 5rem; }
.sm-active-m-20:active { margin: 5rem; }
.sm-disabled-m-20:disabled { margin: 5rem; }
.sm-m-24 { margin: 6rem; }
.sm-hover-m-24:hover { margin: 6rem; }
.sm-focus-m-24:focus { margin: 6rem; }
.sm-active-m-24:active { margin: 6rem; }
.sm-disabled-m-24:disabled { margin: 6rem; }
.sm-m-28 { margin: 7rem; }
.sm-hover-m-28:hover { margin: 7rem; }
.sm-focus-m-28:focus { margin: 7rem; }
.sm-active-m-28:active { margin: 7rem; }
.sm-disabled-m-28:disabled { margin: 7rem; }
.sm-m-32 { margin: 8rem; }
.sm-hover-m-32:hover { margin: 8rem; }
.sm-focus-m-32:focus { margin: 8rem; }
.sm-active-m-32:active { margin: 8rem; }
.sm-disabled-m-32:disabled { margin: 8rem; }
.sm-mt-auto { margin-top: auto; }
.sm-hover-mt-auto:hover { margin-top: auto; }
.sm-focus-mt-auto:focus { margin-top: auto; }
.sm-active-mt-auto:active { margin-top: auto; }
.sm-disabled-mt-auto:disabled { margin-top: auto; }
.sm-mt-0 { margin-top: 0; }
.sm-hover-mt-0:hover { margin-top: 0; }
.sm-focus-mt-0:focus { margin-top: 0; }
.sm-active-mt-0:active { margin-top: 0; }
.sm-disabled-mt-0:disabled { margin-top: 0; }
.sm-mt-1 { margin-top: 0.25rem; }
.sm-hover-mt-1:hover { margin-top: 0.25rem; }
.sm-focus-mt-1:focus { margin-top: 0.25rem; }
.sm-active-mt-1:active { margin-top: 0.25rem; }
.sm-disabled-mt-1:disabled { margin-top: 0.25rem; }
.sm-mt-2 { margin-top: 0.5rem; }
.sm-hover-mt-2:hover { margin-top: 0.5rem; }
.sm-focus-mt-2:focus { margin-top: 0.5rem; }
.sm-active-mt-2:active { margin-top: 0.5rem; }
.sm-disabled-mt-2:disabled { margin-top: 0.5rem; }
.sm-mt-3 { margin-top: 0.75rem; }
.sm-hover-mt-3:hover { margin-top: 0.75rem; }
.sm-focus-mt-3:focus { margin-top: 0.75rem; }
.sm-active-mt-3:active { margin-top: 0.75rem; }
.sm-disabled-mt-3:disabled { margin-top: 0.75rem; }
.sm-mt-4 { margin-top: 1rem; }
.sm-hover-mt-4:hover { margin-top: 1rem; }
.sm-focus-mt-4:focus { margin-top: 1rem; }
.sm-active-mt-4:active { margin-top: 1rem; }
.sm-disabled-mt-4:disabled { margin-top: 1rem; }
.sm-mt-5 { margin-top: 1.25rem; }
.sm-hover-mt-5:hover { margin-top: 1.25rem; }
.sm-focus-mt-5:focus { margin-top: 1.25rem; }
.sm-active-mt-5:active { margin-top: 1.25rem; }
.sm-disabled-mt-5:disabled { margin-top: 1.25rem; }
.sm-mt-6 { margin-top: 1.5rem; }
.sm-hover-mt-6:hover { margin-top: 1.5rem; }
.sm-focus-mt-6:focus { margin-top: 1.5rem; }
.sm-active-mt-6:active { margin-top: 1.5rem; }
.sm-disabled-mt-6:disabled { margin-top: 1.5rem; }
.sm-mt-8 { margin-top: 2rem; }
.sm-hover-mt-8:hover { margin-top: 2rem; }
.sm-focus-mt-8:focus { margin-top: 2rem; }
.sm-active-mt-8:active { margin-top: 2rem; }
.sm-disabled-mt-8:disabled { margin-top: 2rem; }
.sm-mt-10 { margin-top: 2.5rem; }
.sm-hover-mt-10:hover { margin-top: 2.5rem; }
.sm-focus-mt-10:focus { margin-top: 2.5rem; }
.sm-active-mt-10:active { margin-top: 2.5rem; }
.sm-disabled-mt-10:disabled { margin-top: 2.5rem; }
.sm-mt-12 { margin-top: 3rem; }
.sm-hover-mt-12:hover { margin-top: 3rem; }
.sm-focus-mt-12:focus { margin-top: 3rem; }
.sm-active-mt-12:active { margin-top: 3rem; }
.sm-disabled-mt-12:disabled { margin-top: 3rem; }
.sm-mt-16 { margin-top: 4rem; }
.sm-hover-mt-16:hover { margin-top: 4rem; }
.sm-focus-mt-16:focus { margin-top: 4rem; }
.sm-active-mt-16:active { margin-top: 4rem; }
.sm-disabled-mt-16:disabled { margin-top: 4rem; }
.sm-mt-20 { margin-top: 5rem; }
.sm-hover-mt-20:hover { margin-top: 5rem; }
.sm-focus-mt-20:focus { margin-top: 5rem; }
.sm-active-mt-20:active { margin-top: 5rem; }
.sm-disabled-mt-20:disabled { margin-top: 5rem; }
.sm-mt-24 { margin-top: 6rem; }
.sm-hover-mt-24:hover { margin-top: 6rem; }
.sm-focus-mt-24:focus { margin-top: 6rem; }
.sm-active-mt-24:active { margin-top: 6rem; }
.sm-disabled-mt-24:disabled { margin-top: 6rem; }
.sm-mt-28 { margin-top: 7rem; }
.sm-hover-mt-28:hover { margin-top: 7rem; }
.sm-focus-mt-28:focus { margin-top: 7rem; }
.sm-active-mt-28:active { margin-top: 7rem; }
.sm-disabled-mt-28:disabled { margin-top: 7rem; }
.sm-mt-32 { margin-top: 8rem; }
.sm-hover-mt-32:hover { margin-top: 8rem; }
.sm-focus-mt-32:focus { margin-top: 8rem; }
.sm-active-mt-32:active { margin-top: 8rem; }
.sm-disabled-mt-32:disabled { margin-top: 8rem; }
.sm-mb-auto { margin-bottom: auto; }
.sm-hover-mb-auto:hover { margin-bottom: auto; }
.sm-focus-mb-auto:focus { margin-bottom: auto; }
.sm-active-mb-auto:active { margin-bottom: auto; }
.sm-disabled-mb-auto:disabled { margin-bottom: auto; }
.sm-mb-0 { margin-bottom: 0; }
.sm-hover-mb-0:hover { margin-bottom: 0; }
.sm-focus-mb-0:focus { margin-bottom: 0; }
.sm-active-mb-0:active { margin-bottom: 0; }
.sm-disabled-mb-0:disabled { margin-bottom: 0; }
.sm-mb-1 { margin-bottom: 0.25rem; }
.sm-hover-mb-1:hover { margin-bottom: 0.25rem; }
.sm-focus-mb-1:focus { margin-bottom: 0.25rem; }
.sm-active-mb-1:active { margin-bottom: 0.25rem; }
.sm-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
.sm-mb-2 { margin-bottom: 0.5rem; }
.sm-hover-mb-2:hover { margin-bottom: 0.5rem; }
.sm-focus-mb-2:focus { margin-bottom: 0.5rem; }
.sm-active-mb-2:active { margin-bottom: 0.5rem; }
.sm-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
.sm-mb-3 { margin-bottom: 0.75rem; }
.sm-hover-mb-3:hover { margin-bottom: 0.75rem; }
.sm-focus-mb-3:focus { margin-bottom: 0.75rem; }
.sm-active-mb-3:active { margin-bottom: 0.75rem; }
.sm-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
.sm-mb-4 { margin-bottom: 1rem; }
.sm-hover-mb-4:hover { margin-bottom: 1rem; }
.sm-focus-mb-4:focus { margin-bottom: 1rem; }
.sm-active-mb-4:active { margin-bottom: 1rem; }
.sm-disabled-mb-4:disabled { margin-bottom: 1rem; }
.sm-mb-5 { margin-bottom: 1.25rem; }
.sm-hover-mb-5:hover { margin-bottom: 1.25rem; }
.sm-focus-mb-5:focus { margin-bottom: 1.25rem; }
.sm-active-mb-5:active { margin-bottom: 1.25rem; }
.sm-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
.sm-mb-6 { margin-bottom: 1.5rem; }
.sm-hover-mb-6:hover { margin-bottom: 1.5rem; }
.sm-focus-mb-6:focus { margin-bottom: 1.5rem; }
.sm-active-mb-6:active { margin-bottom: 1.5rem; }
.sm-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
.sm-mb-8 { margin-bottom: 2rem; }
.sm-hover-mb-8:hover { margin-bottom: 2rem; }
.sm-focus-mb-8:focus { margin-bottom: 2rem; }
.sm-active-mb-8:active { margin-bottom: 2rem; }
.sm-disabled-mb-8:disabled { margin-bottom: 2rem; }
.sm-mb-10 { margin-bottom: 2.5rem; }
.sm-hover-mb-10:hover { margin-bottom: 2.5rem; }
.sm-focus-mb-10:focus { margin-bottom: 2.5rem; }
.sm-active-mb-10:active { margin-bottom: 2.5rem; }
.sm-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
.sm-mb-12 { margin-bottom: 3rem; }
.sm-hover-mb-12:hover { margin-bottom: 3rem; }
.sm-focus-mb-12:focus { margin-bottom: 3rem; }
.sm-active-mb-12:active { margin-bottom: 3rem; }
.sm-disabled-mb-12:disabled { margin-bottom: 3rem; }
.sm-mb-16 { margin-bottom: 4rem; }
.sm-hover-mb-16:hover { margin-bottom: 4rem; }
.sm-focus-mb-16:focus { margin-bottom: 4rem; }
.sm-active-mb-16:active { margin-bottom: 4rem; }
.sm-disabled-mb-16:disabled { margin-bottom: 4rem; }
.sm-mb-20 { margin-bottom: 5rem; }
.sm-hover-mb-20:hover { margin-bottom: 5rem; }
.sm-focus-mb-20:focus { margin-bottom: 5rem; }
.sm-active-mb-20:active { margin-bottom: 5rem; }
.sm-disabled-mb-20:disabled { margin-bottom: 5rem; }
.sm-mb-24 { margin-bottom: 6rem; }
.sm-hover-mb-24:hover { margin-bottom: 6rem; }
.sm-focus-mb-24:focus { margin-bottom: 6rem; }
.sm-active-mb-24:active { margin-bottom: 6rem; }
.sm-disabled-mb-24:disabled { margin-bottom: 6rem; }
.sm-mb-28 { margin-bottom: 7rem; }
.sm-hover-mb-28:hover { margin-bottom: 7rem; }
.sm-focus-mb-28:focus { margin-bottom: 7rem; }
.sm-active-mb-28:active { margin-bottom: 7rem; }
.sm-disabled-mb-28:disabled { margin-bottom: 7rem; }
.sm-mb-32 { margin-bottom: 8rem; }
.sm-hover-mb-32:hover { margin-bottom: 8rem; }
.sm-focus-mb-32:focus { margin-bottom: 8rem; }
.sm-active-mb-32:active { margin-bottom: 8rem; }
.sm-disabled-mb-32:disabled { margin-bottom: 8rem; }
.sm-ml-auto { margin-left: auto; }
.sm-hover-ml-auto:hover { margin-left: auto; }
.sm-focus-ml-auto:focus { margin-left: auto; }
.sm-active-ml-auto:active { margin-left: auto; }
.sm-disabled-ml-auto:disabled { margin-left: auto; }
.sm-ml-0 { margin-left: 0; }
.sm-hover-ml-0:hover { margin-left: 0; }
.sm-focus-ml-0:focus { margin-left: 0; }
.sm-active-ml-0:active { margin-left: 0; }
.sm-disabled-ml-0:disabled { margin-left: 0; }
.sm-ml-1 { margin-left: 0.25rem; }
.sm-hover-ml-1:hover { margin-left: 0.25rem; }
.sm-focus-ml-1:focus { margin-left: 0.25rem; }
.sm-active-ml-1:active { margin-left: 0.25rem; }
.sm-disabled-ml-1:disabled { margin-left: 0.25rem; }
.sm-ml-2 { margin-left: 0.5rem; }
.sm-hover-ml-2:hover { margin-left: 0.5rem; }
.sm-focus-ml-2:focus { margin-left: 0.5rem; }
.sm-active-ml-2:active { margin-left: 0.5rem; }
.sm-disabled-ml-2:disabled { margin-left: 0.5rem; }
.sm-ml-3 { margin-left: 0.75rem; }
.sm-hover-ml-3:hover { margin-left: 0.75rem; }
.sm-focus-ml-3:focus { margin-left: 0.75rem; }
.sm-active-ml-3:active { margin-left: 0.75rem; }
.sm-disabled-ml-3:disabled { margin-left: 0.75rem; }
.sm-ml-4 { margin-left: 1rem; }
.sm-hover-ml-4:hover { margin-left: 1rem; }
.sm-focus-ml-4:focus { margin-left: 1rem; }
.sm-active-ml-4:active { margin-left: 1rem; }
.sm-disabled-ml-4:disabled { margin-left: 1rem; }
.sm-ml-5 { margin-left: 1.25rem; }
.sm-hover-ml-5:hover { margin-left: 1.25rem; }
.sm-focus-ml-5:focus { margin-left: 1.25rem; }
.sm-active-ml-5:active { margin-left: 1.25rem; }
.sm-disabled-ml-5:disabled { margin-left: 1.25rem; }
.sm-ml-6 { margin-left: 1.5rem; }
.sm-hover-ml-6:hover { margin-left: 1.5rem; }
.sm-focus-ml-6:focus { margin-left: 1.5rem; }
.sm-active-ml-6:active { margin-left: 1.5rem; }
.sm-disabled-ml-6:disabled { margin-left: 1.5rem; }
.sm-ml-8 { margin-left: 2rem; }
.sm-hover-ml-8:hover { margin-left: 2rem; }
.sm-focus-ml-8:focus { margin-left: 2rem; }
.sm-active-ml-8:active { margin-left: 2rem; }
.sm-disabled-ml-8:disabled { margin-left: 2rem; }
.sm-ml-10 { margin-left: 2.5rem; }
.sm-hover-ml-10:hover { margin-left: 2.5rem; }
.sm-focus-ml-10:focus { margin-left: 2.5rem; }
.sm-active-ml-10:active { margin-left: 2.5rem; }
.sm-disabled-ml-10:disabled { margin-left: 2.5rem; }
.sm-ml-12 { margin-left: 3rem; }
.sm-hover-ml-12:hover { margin-left: 3rem; }
.sm-focus-ml-12:focus { margin-left: 3rem; }
.sm-active-ml-12:active { margin-left: 3rem; }
.sm-disabled-ml-12:disabled { margin-left: 3rem; }
.sm-ml-16 { margin-left: 4rem; }
.sm-hover-ml-16:hover { margin-left: 4rem; }
.sm-focus-ml-16:focus { margin-left: 4rem; }
.sm-active-ml-16:active { margin-left: 4rem; }
.sm-disabled-ml-16:disabled { margin-left: 4rem; }
.sm-ml-20 { margin-left: 5rem; }
.sm-hover-ml-20:hover { margin-left: 5rem; }
.sm-focus-ml-20:focus { margin-left: 5rem; }
.sm-active-ml-20:active { margin-left: 5rem; }
.sm-disabled-ml-20:disabled { margin-left: 5rem; }
.sm-ml-24 { margin-left: 6rem; }
.sm-hover-ml-24:hover { margin-left: 6rem; }
.sm-focus-ml-24:focus { margin-left: 6rem; }
.sm-active-ml-24:active { margin-left: 6rem; }
.sm-disabled-ml-24:disabled { margin-left: 6rem; }
.sm-ml-28 { margin-left: 7rem; }
.sm-hover-ml-28:hover { margin-left: 7rem; }
.sm-focus-ml-28:focus { margin-left: 7rem; }
.sm-active-ml-28:active { margin-left: 7rem; }
.sm-disabled-ml-28:disabled { margin-left: 7rem; }
.sm-ml-32 { margin-left: 8rem; }
.sm-hover-ml-32:hover { margin-left: 8rem; }
.sm-focus-ml-32:focus { margin-left: 8rem; }
.sm-active-ml-32:active { margin-left: 8rem; }
.sm-disabled-ml-32:disabled { margin-left: 8rem; }
.sm-mr-auto { margin-right: auto; }
.sm-hover-mr-auto:hover { margin-right: auto; }
.sm-focus-mr-auto:focus { margin-right: auto; }
.sm-active-mr-auto:active { margin-right: auto; }
.sm-disabled-mr-auto:disabled { margin-right: auto; }
.sm-mr-0 { margin-right: 0; }
.sm-hover-mr-0:hover { margin-right: 0; }
.sm-focus-mr-0:focus { margin-right: 0; }
.sm-active-mr-0:active { margin-right: 0; }
.sm-disabled-mr-0:disabled { margin-right: 0; }
.sm-mr-1 { margin-right: 0.25rem; }
.sm-hover-mr-1:hover { margin-right: 0.25rem; }
.sm-focus-mr-1:focus { margin-right: 0.25rem; }
.sm-active-mr-1:active { margin-right: 0.25rem; }
.sm-disabled-mr-1:disabled { margin-right: 0.25rem; }
.sm-mr-2 { margin-right: 0.5rem; }
.sm-hover-mr-2:hover { margin-right: 0.5rem; }
.sm-focus-mr-2:focus { margin-right: 0.5rem; }
.sm-active-mr-2:active { margin-right: 0.5rem; }
.sm-disabled-mr-2:disabled { margin-right: 0.5rem; }
.sm-mr-3 { margin-right: 0.75rem; }
.sm-hover-mr-3:hover { margin-right: 0.75rem; }
.sm-focus-mr-3:focus { margin-right: 0.75rem; }
.sm-active-mr-3:active { margin-right: 0.75rem; }
.sm-disabled-mr-3:disabled { margin-right: 0.75rem; }
.sm-mr-4 { margin-right: 1rem; }
.sm-hover-mr-4:hover { margin-right: 1rem; }
.sm-focus-mr-4:focus { margin-right: 1rem; }
.sm-active-mr-4:active { margin-right: 1rem; }
.sm-disabled-mr-4:disabled { margin-right: 1rem; }
.sm-mr-5 { margin-right: 1.25rem; }
.sm-hover-mr-5:hover { margin-right: 1.25rem; }
.sm-focus-mr-5:focus { margin-right: 1.25rem; }
.sm-active-mr-5:active { margin-right: 1.25rem; }
.sm-disabled-mr-5:disabled { margin-right: 1.25rem; }
.sm-mr-6 { margin-right: 1.5rem; }
.sm-hover-mr-6:hover { margin-right: 1.5rem; }
.sm-focus-mr-6:focus { margin-right: 1.5rem; }
.sm-active-mr-6:active { margin-right: 1.5rem; }
.sm-disabled-mr-6:disabled { margin-right: 1.5rem; }
.sm-mr-8 { margin-right: 2rem; }
.sm-hover-mr-8:hover { margin-right: 2rem; }
.sm-focus-mr-8:focus { margin-right: 2rem; }
.sm-active-mr-8:active { margin-right: 2rem; }
.sm-disabled-mr-8:disabled { margin-right: 2rem; }
.sm-mr-10 { margin-right: 2.5rem; }
.sm-hover-mr-10:hover { margin-right: 2.5rem; }
.sm-focus-mr-10:focus { margin-right: 2.5rem; }
.sm-active-mr-10:active { margin-right: 2.5rem; }
.sm-disabled-mr-10:disabled { margin-right: 2.5rem; }
.sm-mr-12 { margin-right: 3rem; }
.sm-hover-mr-12:hover { margin-right: 3rem; }
.sm-focus-mr-12:focus { margin-right: 3rem; }
.sm-active-mr-12:active { margin-right: 3rem; }
.sm-disabled-mr-12:disabled { margin-right: 3rem; }
.sm-mr-16 { margin-right: 4rem; }
.sm-hover-mr-16:hover { margin-right: 4rem; }
.sm-focus-mr-16:focus { margin-right: 4rem; }
.sm-active-mr-16:active { margin-right: 4rem; }
.sm-disabled-mr-16:disabled { margin-right: 4rem; }
.sm-mr-20 { margin-right: 5rem; }
.sm-hover-mr-20:hover { margin-right: 5rem; }
.sm-focus-mr-20:focus { margin-right: 5rem; }
.sm-active-mr-20:active { margin-right: 5rem; }
.sm-disabled-mr-20:disabled { margin-right: 5rem; }
.sm-mr-24 { margin-right: 6rem; }
.sm-hover-mr-24:hover { margin-right: 6rem; }
.sm-focus-mr-24:focus { margin-right: 6rem; }
.sm-active-mr-24:active { margin-right: 6rem; }
.sm-disabled-mr-24:disabled { margin-right: 6rem; }
.sm-mr-28 { margin-right: 7rem; }
.sm-hover-mr-28:hover { margin-right: 7rem; }
.sm-focus-mr-28:focus { margin-right: 7rem; }
.sm-active-mr-28:active { margin-right: 7rem; }
.sm-disabled-mr-28:disabled { margin-right: 7rem; }
.sm-mr-32 { margin-right: 8rem; }
.sm-hover-mr-32:hover { margin-right: 8rem; }
.sm-focus-mr-32:focus { margin-right: 8rem; }
.sm-active-mr-32:active { margin-right: 8rem; }
.sm-disabled-mr-32:disabled { margin-right: 8rem; }
.sm-space-x-auto { --space-x: auto; }
.sm-hover-space-x-auto:hover { --space-x: auto; }
.sm-focus-space-x-auto:focus { --space-x: auto; }
.sm-active-space-x-auto:active { --space-x: auto; }
.sm-disabled-space-x-auto:disabled { --space-x: auto; }
.sm-space-x-0 { --space-x: 0; }
.sm-hover-space-x-0:hover { --space-x: 0; }
.sm-focus-space-x-0:focus { --space-x: 0; }
.sm-active-space-x-0:active { --space-x: 0; }
.sm-disabled-space-x-0:disabled { --space-x: 0; }
.sm-space-x-1 { --space-x: 0.25rem; }
.sm-hover-space-x-1:hover { --space-x: 0.25rem; }
.sm-focus-space-x-1:focus { --space-x: 0.25rem; }
.sm-active-space-x-1:active { --space-x: 0.25rem; }
.sm-disabled-space-x-1:disabled { --space-x: 0.25rem; }
.sm-space-x-2 { --space-x: 0.5rem; }
.sm-hover-space-x-2:hover { --space-x: 0.5rem; }
.sm-focus-space-x-2:focus { --space-x: 0.5rem; }
.sm-active-space-x-2:active { --space-x: 0.5rem; }
.sm-disabled-space-x-2:disabled { --space-x: 0.5rem; }
.sm-space-x-3 { --space-x: 0.75rem; }
.sm-hover-space-x-3:hover { --space-x: 0.75rem; }
.sm-focus-space-x-3:focus { --space-x: 0.75rem; }
.sm-active-space-x-3:active { --space-x: 0.75rem; }
.sm-disabled-space-x-3:disabled { --space-x: 0.75rem; }
.sm-space-x-4 { --space-x: 1rem; }
.sm-hover-space-x-4:hover { --space-x: 1rem; }
.sm-focus-space-x-4:focus { --space-x: 1rem; }
.sm-active-space-x-4:active { --space-x: 1rem; }
.sm-disabled-space-x-4:disabled { --space-x: 1rem; }
.sm-space-x-5 { --space-x: 1.25rem; }
.sm-hover-space-x-5:hover { --space-x: 1.25rem; }
.sm-focus-space-x-5:focus { --space-x: 1.25rem; }
.sm-active-space-x-5:active { --space-x: 1.25rem; }
.sm-disabled-space-x-5:disabled { --space-x: 1.25rem; }
.sm-space-x-6 { --space-x: 1.5rem; }
.sm-hover-space-x-6:hover { --space-x: 1.5rem; }
.sm-focus-space-x-6:focus { --space-x: 1.5rem; }
.sm-active-space-x-6:active { --space-x: 1.5rem; }
.sm-disabled-space-x-6:disabled { --space-x: 1.5rem; }
.sm-space-x-8 { --space-x: 2rem; }
.sm-hover-space-x-8:hover { --space-x: 2rem; }
.sm-focus-space-x-8:focus { --space-x: 2rem; }
.sm-active-space-x-8:active { --space-x: 2rem; }
.sm-disabled-space-x-8:disabled { --space-x: 2rem; }
.sm-space-x-10 { --space-x: 2.5rem; }
.sm-hover-space-x-10:hover { --space-x: 2.5rem; }
.sm-focus-space-x-10:focus { --space-x: 2.5rem; }
.sm-active-space-x-10:active { --space-x: 2.5rem; }
.sm-disabled-space-x-10:disabled { --space-x: 2.5rem; }
.sm-space-x-12 { --space-x: 3rem; }
.sm-hover-space-x-12:hover { --space-x: 3rem; }
.sm-focus-space-x-12:focus { --space-x: 3rem; }
.sm-active-space-x-12:active { --space-x: 3rem; }
.sm-disabled-space-x-12:disabled { --space-x: 3rem; }
.sm-space-x-16 { --space-x: 4rem; }
.sm-hover-space-x-16:hover { --space-x: 4rem; }
.sm-focus-space-x-16:focus { --space-x: 4rem; }
.sm-active-space-x-16:active { --space-x: 4rem; }
.sm-disabled-space-x-16:disabled { --space-x: 4rem; }
.sm-space-x-20 { --space-x: 5rem; }
.sm-hover-space-x-20:hover { --space-x: 5rem; }
.sm-focus-space-x-20:focus { --space-x: 5rem; }
.sm-active-space-x-20:active { --space-x: 5rem; }
.sm-disabled-space-x-20:disabled { --space-x: 5rem; }
.sm-space-x-24 { --space-x: 6rem; }
.sm-hover-space-x-24:hover { --space-x: 6rem; }
.sm-focus-space-x-24:focus { --space-x: 6rem; }
.sm-active-space-x-24:active { --space-x: 6rem; }
.sm-disabled-space-x-24:disabled { --space-x: 6rem; }
.sm-space-x-28 { --space-x: 7rem; }
.sm-hover-space-x-28:hover { --space-x: 7rem; }
.sm-focus-space-x-28:focus { --space-x: 7rem; }
.sm-active-space-x-28:active { --space-x: 7rem; }
.sm-disabled-space-x-28:disabled { --space-x: 7rem; }
.sm-space-x-32 { --space-x: 8rem; }
.sm-hover-space-x-32:hover { --space-x: 8rem; }
.sm-focus-space-x-32:focus { --space-x: 8rem; }
.sm-active-space-x-32:active { --space-x: 8rem; }
.sm-disabled-space-x-32:disabled { --space-x: 8rem; }
.sm-space-y-auto { --space-y: auto; }
.sm-hover-space-y-auto:hover { --space-y: auto; }
.sm-focus-space-y-auto:focus { --space-y: auto; }
.sm-active-space-y-auto:active { --space-y: auto; }
.sm-disabled-space-y-auto:disabled { --space-y: auto; }
.sm-space-y-0 { --space-y: 0; }
.sm-hover-space-y-0:hover { --space-y: 0; }
.sm-focus-space-y-0:focus { --space-y: 0; }
.sm-active-space-y-0:active { --space-y: 0; }
.sm-disabled-space-y-0:disabled { --space-y: 0; }
.sm-space-y-1 { --space-y: 0.25rem; }
.sm-hover-space-y-1:hover { --space-y: 0.25rem; }
.sm-focus-space-y-1:focus { --space-y: 0.25rem; }
.sm-active-space-y-1:active { --space-y: 0.25rem; }
.sm-disabled-space-y-1:disabled { --space-y: 0.25rem; }
.sm-space-y-2 { --space-y: 0.5rem; }
.sm-hover-space-y-2:hover { --space-y: 0.5rem; }
.sm-focus-space-y-2:focus { --space-y: 0.5rem; }
.sm-active-space-y-2:active { --space-y: 0.5rem; }
.sm-disabled-space-y-2:disabled { --space-y: 0.5rem; }
.sm-space-y-3 { --space-y: 0.75rem; }
.sm-hover-space-y-3:hover { --space-y: 0.75rem; }
.sm-focus-space-y-3:focus { --space-y: 0.75rem; }
.sm-active-space-y-3:active { --space-y: 0.75rem; }
.sm-disabled-space-y-3:disabled { --space-y: 0.75rem; }
.sm-space-y-4 { --space-y: 1rem; }
.sm-hover-space-y-4:hover { --space-y: 1rem; }
.sm-focus-space-y-4:focus { --space-y: 1rem; }
.sm-active-space-y-4:active { --space-y: 1rem; }
.sm-disabled-space-y-4:disabled { --space-y: 1rem; }
.sm-space-y-5 { --space-y: 1.25rem; }
.sm-hover-space-y-5:hover { --space-y: 1.25rem; }
.sm-focus-space-y-5:focus { --space-y: 1.25rem; }
.sm-active-space-y-5:active { --space-y: 1.25rem; }
.sm-disabled-space-y-5:disabled { --space-y: 1.25rem; }
.sm-space-y-6 { --space-y: 1.5rem; }
.sm-hover-space-y-6:hover { --space-y: 1.5rem; }
.sm-focus-space-y-6:focus { --space-y: 1.5rem; }
.sm-active-space-y-6:active { --space-y: 1.5rem; }
.sm-disabled-space-y-6:disabled { --space-y: 1.5rem; }
.sm-space-y-8 { --space-y: 2rem; }
.sm-hover-space-y-8:hover { --space-y: 2rem; }
.sm-focus-space-y-8:focus { --space-y: 2rem; }
.sm-active-space-y-8:active { --space-y: 2rem; }
.sm-disabled-space-y-8:disabled { --space-y: 2rem; }
.sm-space-y-10 { --space-y: 2.5rem; }
.sm-hover-space-y-10:hover { --space-y: 2.5rem; }
.sm-focus-space-y-10:focus { --space-y: 2.5rem; }
.sm-active-space-y-10:active { --space-y: 2.5rem; }
.sm-disabled-space-y-10:disabled { --space-y: 2.5rem; }
.sm-space-y-12 { --space-y: 3rem; }
.sm-hover-space-y-12:hover { --space-y: 3rem; }
.sm-focus-space-y-12:focus { --space-y: 3rem; }
.sm-active-space-y-12:active { --space-y: 3rem; }
.sm-disabled-space-y-12:disabled { --space-y: 3rem; }
.sm-space-y-16 { --space-y: 4rem; }
.sm-hover-space-y-16:hover { --space-y: 4rem; }
.sm-focus-space-y-16:focus { --space-y: 4rem; }
.sm-active-space-y-16:active { --space-y: 4rem; }
.sm-disabled-space-y-16:disabled { --space-y: 4rem; }
.sm-space-y-20 { --space-y: 5rem; }
.sm-hover-space-y-20:hover { --space-y: 5rem; }
.sm-focus-space-y-20:focus { --space-y: 5rem; }
.sm-active-space-y-20:active { --space-y: 5rem; }
.sm-disabled-space-y-20:disabled { --space-y: 5rem; }
.sm-space-y-24 { --space-y: 6rem; }
.sm-hover-space-y-24:hover { --space-y: 6rem; }
.sm-focus-space-y-24:focus { --space-y: 6rem; }
.sm-active-space-y-24:active { --space-y: 6rem; }
.sm-disabled-space-y-24:disabled { --space-y: 6rem; }
.sm-space-y-28 { --space-y: 7rem; }
.sm-hover-space-y-28:hover { --space-y: 7rem; }
.sm-focus-space-y-28:focus { --space-y: 7rem; }
.sm-active-space-y-28:active { --space-y: 7rem; }
.sm-disabled-space-y-28:disabled { --space-y: 7rem; }
.sm-space-y-32 { --space-y: 8rem; }
.sm-hover-space-y-32:hover { --space-y: 8rem; }
.sm-focus-space-y-32:focus { --space-y: 8rem; }
.sm-active-space-y-32:active { --space-y: 8rem; }
.sm-disabled-space-y-32:disabled { --space-y: 8rem; }
.sm-d-block { display: block; }
.sm-hover-d-block:hover { display: block; }
.sm-focus-d-block:focus { display: block; }
.sm-active-d-block:active { display: block; }
.sm-disabled-d-block:disabled { display: block; }
.sm-d-inline { display: inline; }
.sm-hover-d-inline:hover { display: inline; }
.sm-focus-d-inline:focus { display: inline; }
.sm-active-d-inline:active { display: inline; }
.sm-disabled-d-inline:disabled { display: inline; }
.sm-d-inline-block { display: inline-block; }
.sm-hover-d-inline-block:hover { display: inline-block; }
.sm-focus-d-inline-block:focus { display: inline-block; }
.sm-active-d-inline-block:active { display: inline-block; }
.sm-disabled-d-inline-block:disabled { display: inline-block; }
.sm-d-flex { display: flex; }
.sm-hover-d-flex:hover { display: flex; }
.sm-focus-d-flex:focus { display: flex; }
.sm-active-d-flex:active { display: flex; }
.sm-disabled-d-flex:disabled { display: flex; }
.sm-d-inline-flex { display: inline-flex; }
.sm-hover-d-inline-flex:hover { display: inline-flex; }
.sm-focus-d-inline-flex:focus { display: inline-flex; }
.sm-active-d-inline-flex:active { display: inline-flex; }
.sm-disabled-d-inline-flex:disabled { display: inline-flex; }
.sm-d-grid { display: grid; }
.sm-hover-d-grid:hover { display: grid; }
.sm-focus-d-grid:focus { display: grid; }
.sm-active-d-grid:active { display: grid; }
.sm-disabled-d-grid:disabled { display: grid; }
.sm-d-inline-grid { display: inline-grid; }
.sm-hover-d-inline-grid:hover { display: inline-grid; }
.sm-focus-d-inline-grid:focus { display: inline-grid; }
.sm-active-d-inline-grid:active { display: inline-grid; }
.sm-disabled-d-inline-grid:disabled { display: inline-grid; }
.sm-d-none { display: none; }
.sm-hover-d-none:hover { display: none; }
.sm-focus-d-none:focus { display: none; }
.sm-active-d-none:active { display: none; }
.sm-disabled-d-none:disabled { display: none; }
.sm-position-static { position: static; }
.sm-hover-position-static:hover { position: static; }
.sm-focus-position-static:focus { position: static; }
.sm-active-position-static:active { position: static; }
.sm-disabled-position-static:disabled { position: static; }
.sm-position-relative { position: relative; }
.sm-hover-position-relative:hover { position: relative; }
.sm-focus-position-relative:focus { position: relative; }
.sm-active-position-relative:active { position: relative; }
.sm-disabled-position-relative:disabled { position: relative; }
.sm-position-absolute { position: absolute; }
.sm-hover-position-absolute:hover { position: absolute; }
.sm-focus-position-absolute:focus { position: absolute; }
.sm-active-position-absolute:active { position: absolute; }
.sm-disabled-position-absolute:disabled { position: absolute; }
.sm-position-fixed { position: fixed; }
.sm-hover-position-fixed:hover { position: fixed; }
.sm-focus-position-fixed:focus { position: fixed; }
.sm-active-position-fixed:active { position: fixed; }
.sm-disabled-position-fixed:disabled { position: fixed; }
.sm-position-sticky { position: sticky; }
.sm-hover-position-sticky:hover { position: sticky; }
.sm-focus-position-sticky:focus { position: sticky; }
.sm-active-position-sticky:active { position: sticky; }
.sm-disabled-position-sticky:disabled { position: sticky; }
.sm-inset-0 { inset: 0; }
.sm-hover-inset-0:hover { inset: 0; }
.sm-focus-inset-0:focus { inset: 0; }
.sm-active-inset-0:active { inset: 0; }
.sm-disabled-inset-0:disabled { inset: 0; }
.sm-inset-1 { inset: 0.25rem; }
.sm-hover-inset-1:hover { inset: 0.25rem; }
.sm-focus-inset-1:focus { inset: 0.25rem; }
.sm-active-inset-1:active { inset: 0.25rem; }
.sm-disabled-inset-1:disabled { inset: 0.25rem; }
.sm-inset-2 { inset: 0.5rem; }
.sm-hover-inset-2:hover { inset: 0.5rem; }
.sm-focus-inset-2:focus { inset: 0.5rem; }
.sm-active-inset-2:active { inset: 0.5rem; }
.sm-disabled-inset-2:disabled { inset: 0.5rem; }
.sm-inset-3 { inset: 0.75rem; }
.sm-hover-inset-3:hover { inset: 0.75rem; }
.sm-focus-inset-3:focus { inset: 0.75rem; }
.sm-active-inset-3:active { inset: 0.75rem; }
.sm-disabled-inset-3:disabled { inset: 0.75rem; }
.sm-inset-4 { inset: 1rem; }
.sm-hover-inset-4:hover { inset: 1rem; }
.sm-focus-inset-4:focus { inset: 1rem; }
.sm-active-inset-4:active { inset: 1rem; }
.sm-disabled-inset-4:disabled { inset: 1rem; }
.sm-inset-5 { inset: 1.25rem; }
.sm-hover-inset-5:hover { inset: 1.25rem; }
.sm-focus-inset-5:focus { inset: 1.25rem; }
.sm-active-inset-5:active { inset: 1.25rem; }
.sm-disabled-inset-5:disabled { inset: 1.25rem; }
.sm-inset-6 { inset: 1.5rem; }
.sm-hover-inset-6:hover { inset: 1.5rem; }
.sm-focus-inset-6:focus { inset: 1.5rem; }
.sm-active-inset-6:active { inset: 1.5rem; }
.sm-disabled-inset-6:disabled { inset: 1.5rem; }
.sm-inset-7 { inset: 1.75rem; }
.sm-hover-inset-7:hover { inset: 1.75rem; }
.sm-focus-inset-7:focus { inset: 1.75rem; }
.sm-active-inset-7:active { inset: 1.75rem; }
.sm-disabled-inset-7:disabled { inset: 1.75rem; }
.sm-inset-8 { inset: 2rem; }
.sm-hover-inset-8:hover { inset: 2rem; }
.sm-focus-inset-8:focus { inset: 2rem; }
.sm-active-inset-8:active { inset: 2rem; }
.sm-disabled-inset-8:disabled { inset: 2rem; }
.sm-inset-9 { inset: 2.25rem; }
.sm-hover-inset-9:hover { inset: 2.25rem; }
.sm-focus-inset-9:focus { inset: 2.25rem; }
.sm-active-inset-9:active { inset: 2.25rem; }
.sm-disabled-inset-9:disabled { inset: 2.25rem; }
.sm-inset-10 { inset: 2.5rem; }
.sm-hover-inset-10:hover { inset: 2.5rem; }
.sm-focus-inset-10:focus { inset: 2.5rem; }
.sm-active-inset-10:active { inset: 2.5rem; }
.sm-disabled-inset-10:disabled { inset: 2.5rem; }
.sm-inset-12 { inset: 3rem; }
.sm-hover-inset-12:hover { inset: 3rem; }
.sm-focus-inset-12:focus { inset: 3rem; }
.sm-active-inset-12:active { inset: 3rem; }
.sm-disabled-inset-12:disabled { inset: 3rem; }
.sm-inset-14 { inset: 3.5rem; }
.sm-hover-inset-14:hover { inset: 3.5rem; }
.sm-focus-inset-14:focus { inset: 3.5rem; }
.sm-active-inset-14:active { inset: 3.5rem; }
.sm-disabled-inset-14:disabled { inset: 3.5rem; }
.sm-inset-16 { inset: 4rem; }
.sm-hover-inset-16:hover { inset: 4rem; }
.sm-focus-inset-16:focus { inset: 4rem; }
.sm-active-inset-16:active { inset: 4rem; }
.sm-disabled-inset-16:disabled { inset: 4rem; }
.sm-inset-20 { inset: 5rem; }
.sm-hover-inset-20:hover { inset: 5rem; }
.sm-focus-inset-20:focus { inset: 5rem; }
.sm-active-inset-20:active { inset: 5rem; }
.sm-disabled-inset-20:disabled { inset: 5rem; }
.sm-inset-24 { inset: 6rem; }
.sm-hover-inset-24:hover { inset: 6rem; }
.sm-focus-inset-24:focus { inset: 6rem; }
.sm-active-inset-24:active { inset: 6rem; }
.sm-disabled-inset-24:disabled { inset: 6rem; }
.sm-inset-28 { inset: 7rem; }
.sm-hover-inset-28:hover { inset: 7rem; }
.sm-focus-inset-28:focus { inset: 7rem; }
.sm-active-inset-28:active { inset: 7rem; }
.sm-disabled-inset-28:disabled { inset: 7rem; }
.sm-inset-32 { inset: 8rem; }
.sm-hover-inset-32:hover { inset: 8rem; }
.sm-focus-inset-32:focus { inset: 8rem; }
.sm-active-inset-32:active { inset: 8rem; }
.sm-disabled-inset-32:disabled { inset: 8rem; }
.sm-inset-t-0 { inset-top: 0; }
.sm-hover-inset-t-0:hover { inset-top: 0; }
.sm-focus-inset-t-0:focus { inset-top: 0; }
.sm-active-inset-t-0:active { inset-top: 0; }
.sm-disabled-inset-t-0:disabled { inset-top: 0; }
.sm-inset-t-1 { inset-top: 0.25rem; }
.sm-hover-inset-t-1:hover { inset-top: 0.25rem; }
.sm-focus-inset-t-1:focus { inset-top: 0.25rem; }
.sm-active-inset-t-1:active { inset-top: 0.25rem; }
.sm-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
.sm-inset-t-2 { inset-top: 0.5rem; }
.sm-hover-inset-t-2:hover { inset-top: 0.5rem; }
.sm-focus-inset-t-2:focus { inset-top: 0.5rem; }
.sm-active-inset-t-2:active { inset-top: 0.5rem; }
.sm-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
.sm-inset-t-3 { inset-top: 0.75rem; }
.sm-hover-inset-t-3:hover { inset-top: 0.75rem; }
.sm-focus-inset-t-3:focus { inset-top: 0.75rem; }
.sm-active-inset-t-3:active { inset-top: 0.75rem; }
.sm-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
.sm-inset-t-4 { inset-top: 1rem; }
.sm-hover-inset-t-4:hover { inset-top: 1rem; }
.sm-focus-inset-t-4:focus { inset-top: 1rem; }
.sm-active-inset-t-4:active { inset-top: 1rem; }
.sm-disabled-inset-t-4:disabled { inset-top: 1rem; }
.sm-inset-t-5 { inset-top: 1.25rem; }
.sm-hover-inset-t-5:hover { inset-top: 1.25rem; }
.sm-focus-inset-t-5:focus { inset-top: 1.25rem; }
.sm-active-inset-t-5:active { inset-top: 1.25rem; }
.sm-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
.sm-inset-t-6 { inset-top: 1.5rem; }
.sm-hover-inset-t-6:hover { inset-top: 1.5rem; }
.sm-focus-inset-t-6:focus { inset-top: 1.5rem; }
.sm-active-inset-t-6:active { inset-top: 1.5rem; }
.sm-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
.sm-inset-t-7 { inset-top: 1.75rem; }
.sm-hover-inset-t-7:hover { inset-top: 1.75rem; }
.sm-focus-inset-t-7:focus { inset-top: 1.75rem; }
.sm-active-inset-t-7:active { inset-top: 1.75rem; }
.sm-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
.sm-inset-t-8 { inset-top: 2rem; }
.sm-hover-inset-t-8:hover { inset-top: 2rem; }
.sm-focus-inset-t-8:focus { inset-top: 2rem; }
.sm-active-inset-t-8:active { inset-top: 2rem; }
.sm-disabled-inset-t-8:disabled { inset-top: 2rem; }
.sm-inset-t-9 { inset-top: 2.25rem; }
.sm-hover-inset-t-9:hover { inset-top: 2.25rem; }
.sm-focus-inset-t-9:focus { inset-top: 2.25rem; }
.sm-active-inset-t-9:active { inset-top: 2.25rem; }
.sm-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
.sm-inset-t-10 { inset-top: 2.5rem; }
.sm-hover-inset-t-10:hover { inset-top: 2.5rem; }
.sm-focus-inset-t-10:focus { inset-top: 2.5rem; }
.sm-active-inset-t-10:active { inset-top: 2.5rem; }
.sm-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
.sm-inset-t-12 { inset-top: 3rem; }
.sm-hover-inset-t-12:hover { inset-top: 3rem; }
.sm-focus-inset-t-12:focus { inset-top: 3rem; }
.sm-active-inset-t-12:active { inset-top: 3rem; }
.sm-disabled-inset-t-12:disabled { inset-top: 3rem; }
.sm-inset-t-14 { inset-top: 3.5rem; }
.sm-hover-inset-t-14:hover { inset-top: 3.5rem; }
.sm-focus-inset-t-14:focus { inset-top: 3.5rem; }
.sm-active-inset-t-14:active { inset-top: 3.5rem; }
.sm-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
.sm-inset-t-16 { inset-top: 4rem; }
.sm-hover-inset-t-16:hover { inset-top: 4rem; }
.sm-focus-inset-t-16:focus { inset-top: 4rem; }
.sm-active-inset-t-16:active { inset-top: 4rem; }
.sm-disabled-inset-t-16:disabled { inset-top: 4rem; }
.sm-inset-t-20 { inset-top: 5rem; }
.sm-hover-inset-t-20:hover { inset-top: 5rem; }
.sm-focus-inset-t-20:focus { inset-top: 5rem; }
.sm-active-inset-t-20:active { inset-top: 5rem; }
.sm-disabled-inset-t-20:disabled { inset-top: 5rem; }
.sm-inset-t-24 { inset-top: 6rem; }
.sm-hover-inset-t-24:hover { inset-top: 6rem; }
.sm-focus-inset-t-24:focus { inset-top: 6rem; }
.sm-active-inset-t-24:active { inset-top: 6rem; }
.sm-disabled-inset-t-24:disabled { inset-top: 6rem; }
.sm-inset-t-28 { inset-top: 7rem; }
.sm-hover-inset-t-28:hover { inset-top: 7rem; }
.sm-focus-inset-t-28:focus { inset-top: 7rem; }
.sm-active-inset-t-28:active { inset-top: 7rem; }
.sm-disabled-inset-t-28:disabled { inset-top: 7rem; }
.sm-inset-t-32 { inset-top: 8rem; }
.sm-hover-inset-t-32:hover { inset-top: 8rem; }
.sm-focus-inset-t-32:focus { inset-top: 8rem; }
.sm-active-inset-t-32:active { inset-top: 8rem; }
.sm-disabled-inset-t-32:disabled { inset-top: 8rem; }
.sm-inset-r-0 { inset-right: 0; }
.sm-hover-inset-r-0:hover { inset-right: 0; }
.sm-focus-inset-r-0:focus { inset-right: 0; }
.sm-active-inset-r-0:active { inset-right: 0; }
.sm-disabled-inset-r-0:disabled { inset-right: 0; }
.sm-inset-r-1 { inset-right: 0.25rem; }
.sm-hover-inset-r-1:hover { inset-right: 0.25rem; }
.sm-focus-inset-r-1:focus { inset-right: 0.25rem; }
.sm-active-inset-r-1:active { inset-right: 0.25rem; }
.sm-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
.sm-inset-r-2 { inset-right: 0.5rem; }
.sm-hover-inset-r-2:hover { inset-right: 0.5rem; }
.sm-focus-inset-r-2:focus { inset-right: 0.5rem; }
.sm-active-inset-r-2:active { inset-right: 0.5rem; }
.sm-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
.sm-inset-r-3 { inset-right: 0.75rem; }
.sm-hover-inset-r-3:hover { inset-right: 0.75rem; }
.sm-focus-inset-r-3:focus { inset-right: 0.75rem; }
.sm-active-inset-r-3:active { inset-right: 0.75rem; }
.sm-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
.sm-inset-r-4 { inset-right: 1rem; }
.sm-hover-inset-r-4:hover { inset-right: 1rem; }
.sm-focus-inset-r-4:focus { inset-right: 1rem; }
.sm-active-inset-r-4:active { inset-right: 1rem; }
.sm-disabled-inset-r-4:disabled { inset-right: 1rem; }
.sm-inset-r-5 { inset-right: 1.25rem; }
.sm-hover-inset-r-5:hover { inset-right: 1.25rem; }
.sm-focus-inset-r-5:focus { inset-right: 1.25rem; }
.sm-active-inset-r-5:active { inset-right: 1.25rem; }
.sm-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
.sm-inset-r-6 { inset-right: 1.5rem; }
.sm-hover-inset-r-6:hover { inset-right: 1.5rem; }
.sm-focus-inset-r-6:focus { inset-right: 1.5rem; }
.sm-active-inset-r-6:active { inset-right: 1.5rem; }
.sm-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
.sm-inset-r-7 { inset-right: 1.75rem; }
.sm-hover-inset-r-7:hover { inset-right: 1.75rem; }
.sm-focus-inset-r-7:focus { inset-right: 1.75rem; }
.sm-active-inset-r-7:active { inset-right: 1.75rem; }
.sm-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
.sm-inset-r-8 { inset-right: 2rem; }
.sm-hover-inset-r-8:hover { inset-right: 2rem; }
.sm-focus-inset-r-8:focus { inset-right: 2rem; }
.sm-active-inset-r-8:active { inset-right: 2rem; }
.sm-disabled-inset-r-8:disabled { inset-right: 2rem; }
.sm-inset-r-9 { inset-right: 2.25rem; }
.sm-hover-inset-r-9:hover { inset-right: 2.25rem; }
.sm-focus-inset-r-9:focus { inset-right: 2.25rem; }
.sm-active-inset-r-9:active { inset-right: 2.25rem; }
.sm-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
.sm-inset-r-10 { inset-right: 2.5rem; }
.sm-hover-inset-r-10:hover { inset-right: 2.5rem; }
.sm-focus-inset-r-10:focus { inset-right: 2.5rem; }
.sm-active-inset-r-10:active { inset-right: 2.5rem; }
.sm-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
.sm-inset-r-12 { inset-right: 3rem; }
.sm-hover-inset-r-12:hover { inset-right: 3rem; }
.sm-focus-inset-r-12:focus { inset-right: 3rem; }
.sm-active-inset-r-12:active { inset-right: 3rem; }
.sm-disabled-inset-r-12:disabled { inset-right: 3rem; }
.sm-inset-r-14 { inset-right: 3.5rem; }
.sm-hover-inset-r-14:hover { inset-right: 3.5rem; }
.sm-focus-inset-r-14:focus { inset-right: 3.5rem; }
.sm-active-inset-r-14:active { inset-right: 3.5rem; }
.sm-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
.sm-inset-r-16 { inset-right: 4rem; }
.sm-hover-inset-r-16:hover { inset-right: 4rem; }
.sm-focus-inset-r-16:focus { inset-right: 4rem; }
.sm-active-inset-r-16:active { inset-right: 4rem; }
.sm-disabled-inset-r-16:disabled { inset-right: 4rem; }
.sm-inset-r-20 { inset-right: 5rem; }
.sm-hover-inset-r-20:hover { inset-right: 5rem; }
.sm-focus-inset-r-20:focus { inset-right: 5rem; }
.sm-active-inset-r-20:active { inset-right: 5rem; }
.sm-disabled-inset-r-20:disabled { inset-right: 5rem; }
.sm-inset-r-24 { inset-right: 6rem; }
.sm-hover-inset-r-24:hover { inset-right: 6rem; }
.sm-focus-inset-r-24:focus { inset-right: 6rem; }
.sm-active-inset-r-24:active { inset-right: 6rem; }
.sm-disabled-inset-r-24:disabled { inset-right: 6rem; }
.sm-inset-r-28 { inset-right: 7rem; }
.sm-hover-inset-r-28:hover { inset-right: 7rem; }
.sm-focus-inset-r-28:focus { inset-right: 7rem; }
.sm-active-inset-r-28:active { inset-right: 7rem; }
.sm-disabled-inset-r-28:disabled { inset-right: 7rem; }
.sm-inset-r-32 { inset-right: 8rem; }
.sm-hover-inset-r-32:hover { inset-right: 8rem; }
.sm-focus-inset-r-32:focus { inset-right: 8rem; }
.sm-active-inset-r-32:active { inset-right: 8rem; }
.sm-disabled-inset-r-32:disabled { inset-right: 8rem; }
.sm-inset-b-0 { inset-bottom: 0; }
.sm-hover-inset-b-0:hover { inset-bottom: 0; }
.sm-focus-inset-b-0:focus { inset-bottom: 0; }
.sm-active-inset-b-0:active { inset-bottom: 0; }
.sm-disabled-inset-b-0:disabled { inset-bottom: 0; }
.sm-inset-b-1 { inset-bottom: 0.25rem; }
.sm-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
.sm-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
.sm-active-inset-b-1:active { inset-bottom: 0.25rem; }
.sm-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
.sm-inset-b-2 { inset-bottom: 0.5rem; }
.sm-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
.sm-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
.sm-active-inset-b-2:active { inset-bottom: 0.5rem; }
.sm-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
.sm-inset-b-3 { inset-bottom: 0.75rem; }
.sm-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
.sm-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
.sm-active-inset-b-3:active { inset-bottom: 0.75rem; }
.sm-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
.sm-inset-b-4 { inset-bottom: 1rem; }
.sm-hover-inset-b-4:hover { inset-bottom: 1rem; }
.sm-focus-inset-b-4:focus { inset-bottom: 1rem; }
.sm-active-inset-b-4:active { inset-bottom: 1rem; }
.sm-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
.sm-inset-b-5 { inset-bottom: 1.25rem; }
.sm-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
.sm-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
.sm-active-inset-b-5:active { inset-bottom: 1.25rem; }
.sm-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
.sm-inset-b-6 { inset-bottom: 1.5rem; }
.sm-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
.sm-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
.sm-active-inset-b-6:active { inset-bottom: 1.5rem; }
.sm-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
.sm-inset-b-7 { inset-bottom: 1.75rem; }
.sm-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
.sm-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
.sm-active-inset-b-7:active { inset-bottom: 1.75rem; }
.sm-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
.sm-inset-b-8 { inset-bottom: 2rem; }
.sm-hover-inset-b-8:hover { inset-bottom: 2rem; }
.sm-focus-inset-b-8:focus { inset-bottom: 2rem; }
.sm-active-inset-b-8:active { inset-bottom: 2rem; }
.sm-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
.sm-inset-b-9 { inset-bottom: 2.25rem; }
.sm-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
.sm-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
.sm-active-inset-b-9:active { inset-bottom: 2.25rem; }
.sm-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
.sm-inset-b-10 { inset-bottom: 2.5rem; }
.sm-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
.sm-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
.sm-active-inset-b-10:active { inset-bottom: 2.5rem; }
.sm-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
.sm-inset-b-12 { inset-bottom: 3rem; }
.sm-hover-inset-b-12:hover { inset-bottom: 3rem; }
.sm-focus-inset-b-12:focus { inset-bottom: 3rem; }
.sm-active-inset-b-12:active { inset-bottom: 3rem; }
.sm-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
.sm-inset-b-14 { inset-bottom: 3.5rem; }
.sm-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
.sm-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
.sm-active-inset-b-14:active { inset-bottom: 3.5rem; }
.sm-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
.sm-inset-b-16 { inset-bottom: 4rem; }
.sm-hover-inset-b-16:hover { inset-bottom: 4rem; }
.sm-focus-inset-b-16:focus { inset-bottom: 4rem; }
.sm-active-inset-b-16:active { inset-bottom: 4rem; }
.sm-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
.sm-inset-b-20 { inset-bottom: 5rem; }
.sm-hover-inset-b-20:hover { inset-bottom: 5rem; }
.sm-focus-inset-b-20:focus { inset-bottom: 5rem; }
.sm-active-inset-b-20:active { inset-bottom: 5rem; }
.sm-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
.sm-inset-b-24 { inset-bottom: 6rem; }
.sm-hover-inset-b-24:hover { inset-bottom: 6rem; }
.sm-focus-inset-b-24:focus { inset-bottom: 6rem; }
.sm-active-inset-b-24:active { inset-bottom: 6rem; }
.sm-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
.sm-inset-b-28 { inset-bottom: 7rem; }
.sm-hover-inset-b-28:hover { inset-bottom: 7rem; }
.sm-focus-inset-b-28:focus { inset-bottom: 7rem; }
.sm-active-inset-b-28:active { inset-bottom: 7rem; }
.sm-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
.sm-inset-b-32 { inset-bottom: 8rem; }
.sm-hover-inset-b-32:hover { inset-bottom: 8rem; }
.sm-focus-inset-b-32:focus { inset-bottom: 8rem; }
.sm-active-inset-b-32:active { inset-bottom: 8rem; }
.sm-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
.sm-inset-l-0 { inset-left: 0; }
.sm-hover-inset-l-0:hover { inset-left: 0; }
.sm-focus-inset-l-0:focus { inset-left: 0; }
.sm-active-inset-l-0:active { inset-left: 0; }
.sm-disabled-inset-l-0:disabled { inset-left: 0; }
.sm-inset-l-1 { inset-left: 0.25rem; }
.sm-hover-inset-l-1:hover { inset-left: 0.25rem; }
.sm-focus-inset-l-1:focus { inset-left: 0.25rem; }
.sm-active-inset-l-1:active { inset-left: 0.25rem; }
.sm-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
.sm-inset-l-2 { inset-left: 0.5rem; }
.sm-hover-inset-l-2:hover { inset-left: 0.5rem; }
.sm-focus-inset-l-2:focus { inset-left: 0.5rem; }
.sm-active-inset-l-2:active { inset-left: 0.5rem; }
.sm-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
.sm-inset-l-3 { inset-left: 0.75rem; }
.sm-hover-inset-l-3:hover { inset-left: 0.75rem; }
.sm-focus-inset-l-3:focus { inset-left: 0.75rem; }
.sm-active-inset-l-3:active { inset-left: 0.75rem; }
.sm-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
.sm-inset-l-4 { inset-left: 1rem; }
.sm-hover-inset-l-4:hover { inset-left: 1rem; }
.sm-focus-inset-l-4:focus { inset-left: 1rem; }
.sm-active-inset-l-4:active { inset-left: 1rem; }
.sm-disabled-inset-l-4:disabled { inset-left: 1rem; }
.sm-inset-l-5 { inset-left: 1.25rem; }
.sm-hover-inset-l-5:hover { inset-left: 1.25rem; }
.sm-focus-inset-l-5:focus { inset-left: 1.25rem; }
.sm-active-inset-l-5:active { inset-left: 1.25rem; }
.sm-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
.sm-inset-l-6 { inset-left: 1.5rem; }
.sm-hover-inset-l-6:hover { inset-left: 1.5rem; }
.sm-focus-inset-l-6:focus { inset-left: 1.5rem; }
.sm-active-inset-l-6:active { inset-left: 1.5rem; }
.sm-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
.sm-inset-l-7 { inset-left: 1.75rem; }
.sm-hover-inset-l-7:hover { inset-left: 1.75rem; }
.sm-focus-inset-l-7:focus { inset-left: 1.75rem; }
.sm-active-inset-l-7:active { inset-left: 1.75rem; }
.sm-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
.sm-inset-l-8 { inset-left: 2rem; }
.sm-hover-inset-l-8:hover { inset-left: 2rem; }
.sm-focus-inset-l-8:focus { inset-left: 2rem; }
.sm-active-inset-l-8:active { inset-left: 2rem; }
.sm-disabled-inset-l-8:disabled { inset-left: 2rem; }
.sm-inset-l-9 { inset-left: 2.25rem; }
.sm-hover-inset-l-9:hover { inset-left: 2.25rem; }
.sm-focus-inset-l-9:focus { inset-left: 2.25rem; }
.sm-active-inset-l-9:active { inset-left: 2.25rem; }
.sm-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
.sm-inset-l-10 { inset-left: 2.5rem; }
.sm-hover-inset-l-10:hover { inset-left: 2.5rem; }
.sm-focus-inset-l-10:focus { inset-left: 2.5rem; }
.sm-active-inset-l-10:active { inset-left: 2.5rem; }
.sm-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
.sm-inset-l-12 { inset-left: 3rem; }
.sm-hover-inset-l-12:hover { inset-left: 3rem; }
.sm-focus-inset-l-12:focus { inset-left: 3rem; }
.sm-active-inset-l-12:active { inset-left: 3rem; }
.sm-disabled-inset-l-12:disabled { inset-left: 3rem; }
.sm-inset-l-14 { inset-left: 3.5rem; }
.sm-hover-inset-l-14:hover { inset-left: 3.5rem; }
.sm-focus-inset-l-14:focus { inset-left: 3.5rem; }
.sm-active-inset-l-14:active { inset-left: 3.5rem; }
.sm-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
.sm-inset-l-16 { inset-left: 4rem; }
.sm-hover-inset-l-16:hover { inset-left: 4rem; }
.sm-focus-inset-l-16:focus { inset-left: 4rem; }
.sm-active-inset-l-16:active { inset-left: 4rem; }
.sm-disabled-inset-l-16:disabled { inset-left: 4rem; }
.sm-inset-l-20 { inset-left: 5rem; }
.sm-hover-inset-l-20:hover { inset-left: 5rem; }
.sm-focus-inset-l-20:focus { inset-left: 5rem; }
.sm-active-inset-l-20:active { inset-left: 5rem; }
.sm-disabled-inset-l-20:disabled { inset-left: 5rem; }
.sm-inset-l-24 { inset-left: 6rem; }
.sm-hover-inset-l-24:hover { inset-left: 6rem; }
.sm-focus-inset-l-24:focus { inset-left: 6rem; }
.sm-active-inset-l-24:active { inset-left: 6rem; }
.sm-disabled-inset-l-24:disabled { inset-left: 6rem; }
.sm-inset-l-28 { inset-left: 7rem; }
.sm-hover-inset-l-28:hover { inset-left: 7rem; }
.sm-focus-inset-l-28:focus { inset-left: 7rem; }
.sm-active-inset-l-28:active { inset-left: 7rem; }
.sm-disabled-inset-l-28:disabled { inset-left: 7rem; }
.sm-inset-l-32 { inset-left: 8rem; }
.sm-hover-inset-l-32:hover { inset-left: 8rem; }
.sm-focus-inset-l-32:focus { inset-left: 8rem; }
.sm-active-inset-l-32:active { inset-left: 8rem; }
.sm-disabled-inset-l-32:disabled { inset-left: 8rem; }
.sm-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.sm-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
.sm-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
.sm-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
.sm-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
.sm-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.sm-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
.sm-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
.sm-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
.sm-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
.sm-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.sm-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
.sm-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
.sm-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
.sm-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
.sm-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.sm-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
.sm-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
.sm-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
.sm-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
.sm-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.sm-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
.sm-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
.sm-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
.sm-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
.sm-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.sm-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
.sm-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
.sm-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
.sm-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
.sm-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.sm-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
.sm-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
.sm-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
.sm-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
.sm-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.sm-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
.sm-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
.sm-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
.sm-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
.sm-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.sm-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
.sm-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
.sm-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
.sm-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
.sm-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.sm-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
.sm-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
.sm-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
.sm-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
.sm-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.sm-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
.sm-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
.sm-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
.sm-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
.sm-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.sm-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
.sm-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
.sm-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
.sm-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
.sm-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.sm-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
.sm-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
.sm-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
.sm-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
.sm-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.sm-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
.sm-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
.sm-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
.sm-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
.sm-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.sm-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
.sm-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
.sm-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
.sm-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
.sm-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.sm-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
.sm-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
.sm-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
.sm-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
.sm-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.sm-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
.sm-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
.sm-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
.sm-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
.sm-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
.sm-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
.sm-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
.sm-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
.sm-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
.sm-gap-0 { gap: 0; }
.sm-hover-gap-0:hover { gap: 0; }
.sm-focus-gap-0:focus { gap: 0; }
.sm-active-gap-0:active { gap: 0; }
.sm-disabled-gap-0:disabled { gap: 0; }
.sm-gap-1 { gap: 0.25rem; }
.sm-hover-gap-1:hover { gap: 0.25rem; }
.sm-focus-gap-1:focus { gap: 0.25rem; }
.sm-active-gap-1:active { gap: 0.25rem; }
.sm-disabled-gap-1:disabled { gap: 0.25rem; }
.sm-gap-2 { gap: 0.5rem; }
.sm-hover-gap-2:hover { gap: 0.5rem; }
.sm-focus-gap-2:focus { gap: 0.5rem; }
.sm-active-gap-2:active { gap: 0.5rem; }
.sm-disabled-gap-2:disabled { gap: 0.5rem; }
.sm-gap-3 { gap: 0.75rem; }
.sm-hover-gap-3:hover { gap: 0.75rem; }
.sm-focus-gap-3:focus { gap: 0.75rem; }
.sm-active-gap-3:active { gap: 0.75rem; }
.sm-disabled-gap-3:disabled { gap: 0.75rem; }
.sm-gap-4 { gap: 1rem; }
.sm-hover-gap-4:hover { gap: 1rem; }
.sm-focus-gap-4:focus { gap: 1rem; }
.sm-active-gap-4:active { gap: 1rem; }
.sm-disabled-gap-4:disabled { gap: 1rem; }
.sm-gap-5 { gap: 1.25rem; }
.sm-hover-gap-5:hover { gap: 1.25rem; }
.sm-focus-gap-5:focus { gap: 1.25rem; }
.sm-active-gap-5:active { gap: 1.25rem; }
.sm-disabled-gap-5:disabled { gap: 1.25rem; }
.sm-gap-6 { gap: 1.5rem; }
.sm-hover-gap-6:hover { gap: 1.5rem; }
.sm-focus-gap-6:focus { gap: 1.5rem; }
.sm-active-gap-6:active { gap: 1.5rem; }
.sm-disabled-gap-6:disabled { gap: 1.5rem; }
.sm-gap-7 { gap: 1.75rem; }
.sm-hover-gap-7:hover { gap: 1.75rem; }
.sm-focus-gap-7:focus { gap: 1.75rem; }
.sm-active-gap-7:active { gap: 1.75rem; }
.sm-disabled-gap-7:disabled { gap: 1.75rem; }
.sm-gap-8 { gap: 2rem; }
.sm-hover-gap-8:hover { gap: 2rem; }
.sm-focus-gap-8:focus { gap: 2rem; }
.sm-active-gap-8:active { gap: 2rem; }
.sm-disabled-gap-8:disabled { gap: 2rem; }
.sm-gap-9 { gap: 2.25rem; }
.sm-hover-gap-9:hover { gap: 2.25rem; }
.sm-focus-gap-9:focus { gap: 2.25rem; }
.sm-active-gap-9:active { gap: 2.25rem; }
.sm-disabled-gap-9:disabled { gap: 2.25rem; }
.sm-gap-10 { gap: 2.5rem; }
.sm-hover-gap-10:hover { gap: 2.5rem; }
.sm-focus-gap-10:focus { gap: 2.5rem; }
.sm-active-gap-10:active { gap: 2.5rem; }
.sm-disabled-gap-10:disabled { gap: 2.5rem; }
.sm-gap-12 { gap: 3rem; }
.sm-hover-gap-12:hover { gap: 3rem; }
.sm-focus-gap-12:focus { gap: 3rem; }
.sm-active-gap-12:active { gap: 3rem; }
.sm-disabled-gap-12:disabled { gap: 3rem; }
.sm-gap-14 { gap: 3.5rem; }
.sm-hover-gap-14:hover { gap: 3.5rem; }
.sm-focus-gap-14:focus { gap: 3.5rem; }
.sm-active-gap-14:active { gap: 3.5rem; }
.sm-disabled-gap-14:disabled { gap: 3.5rem; }
.sm-gap-16 { gap: 4rem; }
.sm-hover-gap-16:hover { gap: 4rem; }
.sm-focus-gap-16:focus { gap: 4rem; }
.sm-active-gap-16:active { gap: 4rem; }
.sm-disabled-gap-16:disabled { gap: 4rem; }
.sm-gap-20 { gap: 5rem; }
.sm-hover-gap-20:hover { gap: 5rem; }
.sm-focus-gap-20:focus { gap: 5rem; }
.sm-active-gap-20:active { gap: 5rem; }
.sm-disabled-gap-20:disabled { gap: 5rem; }
.sm-gap-24 { gap: 6rem; }
.sm-hover-gap-24:hover { gap: 6rem; }
.sm-focus-gap-24:focus { gap: 6rem; }
.sm-active-gap-24:active { gap: 6rem; }
.sm-disabled-gap-24:disabled { gap: 6rem; }
.sm-gap-28 { gap: 7rem; }
.sm-hover-gap-28:hover { gap: 7rem; }
.sm-focus-gap-28:focus { gap: 7rem; }
.sm-active-gap-28:active { gap: 7rem; }
.sm-disabled-gap-28:disabled { gap: 7rem; }
.sm-gap-32 { gap: 8rem; }
.sm-hover-gap-32:hover { gap: 8rem; }
.sm-focus-gap-32:focus { gap: 8rem; }
.sm-active-gap-32:active { gap: 8rem; }
.sm-disabled-gap-32:disabled { gap: 8rem; }
.sm-flex-row { flex-direction: row; }
.sm-hover-flex-row:hover { flex-direction: row; }
.sm-focus-flex-row:focus { flex-direction: row; }
.sm-active-flex-row:active { flex-direction: row; }
.sm-disabled-flex-row:disabled { flex-direction: row; }
.sm-flex-col { flex-direction: column; }
.sm-hover-flex-col:hover { flex-direction: column; }
.sm-focus-flex-col:focus { flex-direction: column; }
.sm-active-flex-col:active { flex-direction: column; }
.sm-disabled-flex-col:disabled { flex-direction: column; }
.sm-flex-row-reverse { flex-direction: row-reverse; }
.sm-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
.sm-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
.sm-active-flex-row-reverse:active { flex-direction: row-reverse; }
.sm-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
.sm-flex-col-reverse { flex-direction: column-reverse; }
.sm-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
.sm-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
.sm-active-flex-col-reverse:active { flex-direction: column-reverse; }
.sm-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
.sm-flex-wrap { flex-wrap: wrap; }
.sm-hover-flex-wrap:hover { flex-wrap: wrap; }
.sm-focus-flex-wrap:focus { flex-wrap: wrap; }
.sm-active-flex-wrap:active { flex-wrap: wrap; }
.sm-disabled-flex-wrap:disabled { flex-wrap: wrap; }
.sm-flex-nowrap { flex-wrap: nowrap; }
.sm-hover-flex-nowrap:hover { flex-wrap: nowrap; }
.sm-focus-flex-nowrap:focus { flex-wrap: nowrap; }
.sm-active-flex-nowrap:active { flex-wrap: nowrap; }
.sm-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
.sm-flex-wrap-reverse { flex-wrap: wrap-reverse; }
.sm-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
.sm-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
.sm-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
.sm-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
.sm-flex-1 { flex: 1; }
.sm-hover-flex-1:hover { flex: 1; }
.sm-focus-flex-1:focus { flex: 1; }
.sm-active-flex-1:active { flex: 1; }
.sm-disabled-flex-1:disabled { flex: 1; }
.sm-flex-auto { flex: auto; }
.sm-hover-flex-auto:hover { flex: auto; }
.sm-focus-flex-auto:focus { flex: auto; }
.sm-active-flex-auto:active { flex: auto; }
.sm-disabled-flex-auto:disabled { flex: auto; }
.sm-flex-initial { flex: initial; }
.sm-hover-flex-initial:hover { flex: initial; }
.sm-focus-flex-initial:focus { flex: initial; }
.sm-active-flex-initial:active { flex: initial; }
.sm-disabled-flex-initial:disabled { flex: initial; }
.sm-flex-none { flex: none; }
.sm-hover-flex-none:hover { flex: none; }
.sm-focus-flex-none:focus { flex: none; }
.sm-active-flex-none:active { flex: none; }
.sm-disabled-flex-none:disabled { flex: none; }
.sm-flex-grow-0 { flex-grow: 0; }
.sm-hover-flex-grow-0:hover { flex-grow: 0; }
.sm-focus-flex-grow-0:focus { flex-grow: 0; }
.sm-active-flex-grow-0:active { flex-grow: 0; }
.sm-disabled-flex-grow-0:disabled { flex-grow: 0; }
.sm-flex-grow-1 { flex-grow: 1; }
.sm-hover-flex-grow-1:hover { flex-grow: 1; }
.sm-focus-flex-grow-1:focus { flex-grow: 1; }
.sm-active-flex-grow-1:active { flex-grow: 1; }
.sm-disabled-flex-grow-1:disabled { flex-grow: 1; }
.sm-flex-shrink-0 { flex-shrink: 0; }
.sm-hover-flex-shrink-0:hover { flex-shrink: 0; }
.sm-focus-flex-shrink-0:focus { flex-shrink: 0; }
.sm-active-flex-shrink-0:active { flex-shrink: 0; }
.sm-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
.sm-flex-shrink-1 { flex-shrink: 1; }
.sm-hover-flex-shrink-1:hover { flex-shrink: 1; }
.sm-focus-flex-shrink-1:focus { flex-shrink: 1; }
.sm-active-flex-shrink-1:active { flex-shrink: 1; }
.sm-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
.sm-overflow-auto { overflow: auto; }
.sm-hover-overflow-auto:hover { overflow: auto; }
.sm-focus-overflow-auto:focus { overflow: auto; }
.sm-active-overflow-auto:active { overflow: auto; }
.sm-disabled-overflow-auto:disabled { overflow: auto; }
.sm-overflow-hidden { overflow: hidden; }
.sm-hover-overflow-hidden:hover { overflow: hidden; }
.sm-focus-overflow-hidden:focus { overflow: hidden; }
.sm-active-overflow-hidden:active { overflow: hidden; }
.sm-disabled-overflow-hidden:disabled { overflow: hidden; }
.sm-overflow-visible { overflow: visible; }
.sm-hover-overflow-visible:hover { overflow: visible; }
.sm-focus-overflow-visible:focus { overflow: visible; }
.sm-active-overflow-visible:active { overflow: visible; }
.sm-disabled-overflow-visible:disabled { overflow: visible; }
.sm-overflow-scroll { overflow: scroll; }
.sm-hover-overflow-scroll:hover { overflow: scroll; }
.sm-focus-overflow-scroll:focus { overflow: scroll; }
.sm-active-overflow-scroll:active { overflow: scroll; }
.sm-disabled-overflow-scroll:disabled { overflow: scroll; }
.sm-overflow-x-auto { overflow-x: auto; }
.sm-hover-overflow-x-auto:hover { overflow-x: auto; }
.sm-focus-overflow-x-auto:focus { overflow-x: auto; }
.sm-active-overflow-x-auto:active { overflow-x: auto; }
.sm-disabled-overflow-x-auto:disabled { overflow-x: auto; }
.sm-overflow-x-hidden { overflow-x: hidden; }
.sm-hover-overflow-x-hidden:hover { overflow-x: hidden; }
.sm-focus-overflow-x-hidden:focus { overflow-x: hidden; }
.sm-active-overflow-x-hidden:active { overflow-x: hidden; }
.sm-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
.sm-overflow-x-visible { overflow-x: visible; }
.sm-hover-overflow-x-visible:hover { overflow-x: visible; }
.sm-focus-overflow-x-visible:focus { overflow-x: visible; }
.sm-active-overflow-x-visible:active { overflow-x: visible; }
.sm-disabled-overflow-x-visible:disabled { overflow-x: visible; }
.sm-overflow-x-scroll { overflow-x: scroll; }
.sm-hover-overflow-x-scroll:hover { overflow-x: scroll; }
.sm-focus-overflow-x-scroll:focus { overflow-x: scroll; }
.sm-active-overflow-x-scroll:active { overflow-x: scroll; }
.sm-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
.sm-overflow-y-auto { overflow-y: auto; }
.sm-hover-overflow-y-auto:hover { overflow-y: auto; }
.sm-focus-overflow-y-auto:focus { overflow-y: auto; }
.sm-active-overflow-y-auto:active { overflow-y: auto; }
.sm-disabled-overflow-y-auto:disabled { overflow-y: auto; }
.sm-overflow-y-hidden { overflow-y: hidden; }
.sm-hover-overflow-y-hidden:hover { overflow-y: hidden; }
.sm-focus-overflow-y-hidden:focus { overflow-y: hidden; }
.sm-active-overflow-y-hidden:active { overflow-y: hidden; }
.sm-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
.sm-overflow-y-visible { overflow-y: visible; }
.sm-hover-overflow-y-visible:hover { overflow-y: visible; }
.sm-focus-overflow-y-visible:focus { overflow-y: visible; }
.sm-active-overflow-y-visible:active { overflow-y: visible; }
.sm-disabled-overflow-y-visible:disabled { overflow-y: visible; }
.sm-overflow-y-scroll { overflow-y: scroll; }
.sm-hover-overflow-y-scroll:hover { overflow-y: scroll; }
.sm-focus-overflow-y-scroll:focus { overflow-y: scroll; }
.sm-active-overflow-y-scroll:active { overflow-y: scroll; }
.sm-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
.sm-visible { visibility: visible; }
.sm-hover-visible:hover { visibility: visible; }
.sm-focus-visible:focus { visibility: visible; }
.sm-active-visible:active { visibility: visible; }
.sm-disabled-visible:disabled { visibility: visible; }
.sm-hidden { visibility: hidden; }
.sm-hover-hidden:hover { visibility: hidden; }
.sm-focus-hidden:focus { visibility: hidden; }
.sm-active-hidden:active { visibility: hidden; }
.sm-disabled-hidden:disabled { visibility: hidden; }
.sm-clear-left { clear: left; }
.sm-hover-clear-left:hover { clear: left; }
.sm-focus-clear-left:focus { clear: left; }
.sm-active-clear-left:active { clear: left; }
.sm-disabled-clear-left:disabled { clear: left; }
.sm-clear-right { clear: right; }
.sm-hover-clear-right:hover { clear: right; }
.sm-focus-clear-right:focus { clear: right; }
.sm-active-clear-right:active { clear: right; }
.sm-disabled-clear-right:disabled { clear: right; }
.sm-clear-both { clear: both; }
.sm-hover-clear-both:hover { clear: both; }
.sm-focus-clear-both:focus { clear: both; }
.sm-active-clear-both:active { clear: both; }
.sm-disabled-clear-both:disabled { clear: both; }
.sm-float-left { float: left; }
.sm-hover-float-left:hover { float: left; }
.sm-focus-float-left:focus { float: left; }
.sm-active-float-left:active { float: left; }
.sm-disabled-float-left:disabled { float: left; }
.sm-float-right { float: right; }
.sm-hover-float-right:hover { float: right; }
.sm-focus-float-right:focus { float: right; }
.sm-active-float-right:active { float: right; }
.sm-disabled-float-right:disabled { float: right; }
.sm-float-none { float: none; }
.sm-hover-float-none:hover { float: none; }
.sm-focus-float-none:focus { float: none; }
.sm-active-float-none:active { float: none; }
.sm-disabled-float-none:disabled { float: none; }
.sm-w-auto { width: auto; }
.sm-hover-w-auto:hover { width: auto; }
.sm-focus-w-auto:focus { width: auto; }
.sm-active-w-auto:active { width: auto; }
.sm-disabled-w-auto:disabled { width: auto; }
.sm-w-full { width: 100%; }
.sm-hover-w-full:hover { width: 100%; }
.sm-focus-w-full:focus { width: 100%; }
.sm-active-w-full:active { width: 100%; }
.sm-disabled-w-full:disabled { width: 100%; }
.sm-w-fit { width: fit-content; }
.sm-hover-w-fit:hover { width: fit-content; }
.sm-focus-w-fit:focus { width: fit-content; }
.sm-active-w-fit:active { width: fit-content; }
.sm-disabled-w-fit:disabled { width: fit-content; }
.sm-w-max { width: max-content; }
.sm-hover-w-max:hover { width: max-content; }
.sm-focus-w-max:focus { width: max-content; }
.sm-active-w-max:active { width: max-content; }
.sm-disabled-w-max:disabled { width: max-content; }
.sm-w-min { width: min-content; }
.sm-hover-w-min:hover { width: min-content; }
.sm-focus-w-min:focus { width: min-content; }
.sm-active-w-min:active { width: min-content; }
.sm-disabled-w-min:disabled { width: min-content; }
.sm-w-stretch { width: stretch; }
.sm-hover-w-stretch:hover { width: stretch; }
.sm-focus-w-stretch:focus { width: stretch; }
.sm-active-w-stretch:active { width: stretch; }
.sm-disabled-w-stretch:disabled { width: stretch; }
.sm-w-10p { width: 10%; }
.sm-hover-w-10p:hover { width: 10%; }
.sm-focus-w-10p:focus { width: 10%; }
.sm-active-w-10p:active { width: 10%; }
.sm-disabled-w-10p:disabled { width: 10%; }
.sm-w-20p { width: 20%; }
.sm-hover-w-20p:hover { width: 20%; }
.sm-focus-w-20p:focus { width: 20%; }
.sm-active-w-20p:active { width: 20%; }
.sm-disabled-w-20p:disabled { width: 20%; }
.sm-w-25p { width: 25%; }
.sm-hover-w-25p:hover { width: 25%; }
.sm-focus-w-25p:focus { width: 25%; }
.sm-active-w-25p:active { width: 25%; }
.sm-disabled-w-25p:disabled { width: 25%; }
.sm-w-30p { width: 30%; }
.sm-hover-w-30p:hover { width: 30%; }
.sm-focus-w-30p:focus { width: 30%; }
.sm-active-w-30p:active { width: 30%; }
.sm-disabled-w-30p:disabled { width: 30%; }
.sm-w-33p { width: 33.3333%; }
.sm-hover-w-33p:hover { width: 33.3333%; }
.sm-focus-w-33p:focus { width: 33.3333%; }
.sm-active-w-33p:active { width: 33.3333%; }
.sm-disabled-w-33p:disabled { width: 33.3333%; }
.sm-w-40p { width: 40%; }
.sm-hover-w-40p:hover { width: 40%; }
.sm-focus-w-40p:focus { width: 40%; }
.sm-active-w-40p:active { width: 40%; }
.sm-disabled-w-40p:disabled { width: 40%; }
.sm-w-50p { width: 50%; }
.sm-hover-w-50p:hover { width: 50%; }
.sm-focus-w-50p:focus { width: 50%; }
.sm-active-w-50p:active { width: 50%; }
.sm-disabled-w-50p:disabled { width: 50%; }
.sm-w-60p { width: 60%; }
.sm-hover-w-60p:hover { width: 60%; }
.sm-focus-w-60p:focus { width: 60%; }
.sm-active-w-60p:active { width: 60%; }
.sm-disabled-w-60p:disabled { width: 60%; }
.sm-w-66p { width: 66.6667%; }
.sm-hover-w-66p:hover { width: 66.6667%; }
.sm-focus-w-66p:focus { width: 66.6667%; }
.sm-active-w-66p:active { width: 66.6667%; }
.sm-disabled-w-66p:disabled { width: 66.6667%; }
.sm-w-70p { width: 70%; }
.sm-hover-w-70p:hover { width: 70%; }
.sm-focus-w-70p:focus { width: 70%; }
.sm-active-w-70p:active { width: 70%; }
.sm-disabled-w-70p:disabled { width: 70%; }
.sm-w-75p { width: 75%; }
.sm-hover-w-75p:hover { width: 75%; }
.sm-focus-w-75p:focus { width: 75%; }
.sm-active-w-75p:active { width: 75%; }
.sm-disabled-w-75p:disabled { width: 75%; }
.sm-w-80p { width: 80%; }
.sm-hover-w-80p:hover { width: 80%; }
.sm-focus-w-80p:focus { width: 80%; }
.sm-active-w-80p:active { width: 80%; }
.sm-disabled-w-80p:disabled { width: 80%; }
.sm-w-90p { width: 90%; }
.sm-hover-w-90p:hover { width: 90%; }
.sm-focus-w-90p:focus { width: 90%; }
.sm-active-w-90p:active { width: 90%; }
.sm-disabled-w-90p:disabled { width: 90%; }
.sm-w-100p { width: 100%; }
.sm-hover-w-100p:hover { width: 100%; }
.sm-focus-w-100p:focus { width: 100%; }
.sm-active-w-100p:active { width: 100%; }
.sm-disabled-w-100p:disabled { width: 100%; }
.sm-w-10vw { width: 10vw; }
.sm-hover-w-10vw:hover { width: 10vw; }
.sm-focus-w-10vw:focus { width: 10vw; }
.sm-active-w-10vw:active { width: 10vw; }
.sm-disabled-w-10vw:disabled { width: 10vw; }
.sm-w-20vw { width: 20vw; }
.sm-hover-w-20vw:hover { width: 20vw; }
.sm-focus-w-20vw:focus { width: 20vw; }
.sm-active-w-20vw:active { width: 20vw; }
.sm-disabled-w-20vw:disabled { width: 20vw; }
.sm-w-30vw { width: 30vw; }
.sm-hover-w-30vw:hover { width: 30vw; }
.sm-focus-w-30vw:focus { width: 30vw; }
.sm-active-w-30vw:active { width: 30vw; }
.sm-disabled-w-30vw:disabled { width: 30vw; }
.sm-w-40vw { width: 40vw; }
.sm-hover-w-40vw:hover { width: 40vw; }
.sm-focus-w-40vw:focus { width: 40vw; }
.sm-active-w-40vw:active { width: 40vw; }
.sm-disabled-w-40vw:disabled { width: 40vw; }
.sm-w-50vw { width: 50vw; }
.sm-hover-w-50vw:hover { width: 50vw; }
.sm-focus-w-50vw:focus { width: 50vw; }
.sm-active-w-50vw:active { width: 50vw; }
.sm-disabled-w-50vw:disabled { width: 50vw; }
.sm-w-60vw { width: 60vw; }
.sm-hover-w-60vw:hover { width: 60vw; }
.sm-focus-w-60vw:focus { width: 60vw; }
.sm-active-w-60vw:active { width: 60vw; }
.sm-disabled-w-60vw:disabled { width: 60vw; }
.sm-w-70vw { width: 70vw; }
.sm-hover-w-70vw:hover { width: 70vw; }
.sm-focus-w-70vw:focus { width: 70vw; }
.sm-active-w-70vw:active { width: 70vw; }
.sm-disabled-w-70vw:disabled { width: 70vw; }
.sm-w-80vw { width: 80vw; }
.sm-hover-w-80vw:hover { width: 80vw; }
.sm-focus-w-80vw:focus { width: 80vw; }
.sm-active-w-80vw:active { width: 80vw; }
.sm-disabled-w-80vw:disabled { width: 80vw; }
.sm-w-90vw { width: 90vw; }
.sm-hover-w-90vw:hover { width: 90vw; }
.sm-focus-w-90vw:focus { width: 90vw; }
.sm-active-w-90vw:active { width: 90vw; }
.sm-disabled-w-90vw:disabled { width: 90vw; }
.sm-w-100vw { width: 100vw; }
.sm-hover-w-100vw:hover { width: 100vw; }
.sm-focus-w-100vw:focus { width: 100vw; }
.sm-active-w-100vw:active { width: 100vw; }
.sm-disabled-w-100vw:disabled { width: 100vw; }
.sm-w-lvw { width: 100lvw; }
.sm-hover-w-lvw:hover { width: 100lvw; }
.sm-focus-w-lvw:focus { width: 100lvw; }
.sm-active-w-lvw:active { width: 100lvw; }
.sm-disabled-w-lvw:disabled { width: 100lvw; }
.sm-w-svw { width: 100svw; }
.sm-hover-w-svw:hover { width: 100svw; }
.sm-focus-w-svw:focus { width: 100svw; }
.sm-active-w-svw:active { width: 100svw; }
.sm-disabled-w-svw:disabled { width: 100svw; }
.sm-w-mvw { width: 100mvw; }
.sm-hover-w-mvw:hover { width: 100mvw; }
.sm-focus-w-mvw:focus { width: 100mvw; }
.sm-active-w-mvw:active { width: 100mvw; }
.sm-disabled-w-mvw:disabled { width: 100mvw; }
.sm-w-vmin { width: 100vmin; }
.sm-hover-w-vmin:hover { width: 100vmin; }
.sm-focus-w-vmin:focus { width: 100vmin; }
.sm-active-w-vmin:active { width: 100vmin; }
.sm-disabled-w-vmin:disabled { width: 100vmin; }
.sm-w-vmax { width: 100vmax; }
.sm-hover-w-vmax:hover { width: 100vmax; }
.sm-focus-w-vmax:focus { width: 100vmax; }
.sm-active-w-vmax:active { width: 100vmax; }
.sm-disabled-w-vmax:disabled { width: 100vmax; }
.sm-h-auto { height: auto; }
.sm-hover-h-auto:hover { height: auto; }
.sm-focus-h-auto:focus { height: auto; }
.sm-active-h-auto:active { height: auto; }
.sm-disabled-h-auto:disabled { height: auto; }
.sm-h-full { height: 100%; }
.sm-hover-h-full:hover { height: 100%; }
.sm-focus-h-full:focus { height: 100%; }
.sm-active-h-full:active { height: 100%; }
.sm-disabled-h-full:disabled { height: 100%; }
.sm-h-fit { height: fit-content; }
.sm-hover-h-fit:hover { height: fit-content; }
.sm-focus-h-fit:focus { height: fit-content; }
.sm-active-h-fit:active { height: fit-content; }
.sm-disabled-h-fit:disabled { height: fit-content; }
.sm-h-max { height: max-content; }
.sm-hover-h-max:hover { height: max-content; }
.sm-focus-h-max:focus { height: max-content; }
.sm-active-h-max:active { height: max-content; }
.sm-disabled-h-max:disabled { height: max-content; }
.sm-h-min { height: min-content; }
.sm-hover-h-min:hover { height: min-content; }
.sm-focus-h-min:focus { height: min-content; }
.sm-active-h-min:active { height: min-content; }
.sm-disabled-h-min:disabled { height: min-content; }
.sm-h-stretch { height: stretch; }
.sm-hover-h-stretch:hover { height: stretch; }
.sm-focus-h-stretch:focus { height: stretch; }
.sm-active-h-stretch:active { height: stretch; }
.sm-disabled-h-stretch:disabled { height: stretch; }
.sm-h-10p { height: 10%; }
.sm-hover-h-10p:hover { height: 10%; }
.sm-focus-h-10p:focus { height: 10%; }
.sm-active-h-10p:active { height: 10%; }
.sm-disabled-h-10p:disabled { height: 10%; }
.sm-h-20p { height: 20%; }
.sm-hover-h-20p:hover { height: 20%; }
.sm-focus-h-20p:focus { height: 20%; }
.sm-active-h-20p:active { height: 20%; }
.sm-disabled-h-20p:disabled { height: 20%; }
.sm-h-25p { height: 25%; }
.sm-hover-h-25p:hover { height: 25%; }
.sm-focus-h-25p:focus { height: 25%; }
.sm-active-h-25p:active { height: 25%; }
.sm-disabled-h-25p:disabled { height: 25%; }
.sm-h-30p { height: 30%; }
.sm-hover-h-30p:hover { height: 30%; }
.sm-focus-h-30p:focus { height: 30%; }
.sm-active-h-30p:active { height: 30%; }
.sm-disabled-h-30p:disabled { height: 30%; }
.sm-h-33p { height: 33.3333%; }
.sm-hover-h-33p:hover { height: 33.3333%; }
.sm-focus-h-33p:focus { height: 33.3333%; }
.sm-active-h-33p:active { height: 33.3333%; }
.sm-disabled-h-33p:disabled { height: 33.3333%; }
.sm-h-40p { height: 40%; }
.sm-hover-h-40p:hover { height: 40%; }
.sm-focus-h-40p:focus { height: 40%; }
.sm-active-h-40p:active { height: 40%; }
.sm-disabled-h-40p:disabled { height: 40%; }
.sm-h-50p { height: 50%; }
.sm-hover-h-50p:hover { height: 50%; }
.sm-focus-h-50p:focus { height: 50%; }
.sm-active-h-50p:active { height: 50%; }
.sm-disabled-h-50p:disabled { height: 50%; }
.sm-h-60p { height: 60%; }
.sm-hover-h-60p:hover { height: 60%; }
.sm-focus-h-60p:focus { height: 60%; }
.sm-active-h-60p:active { height: 60%; }
.sm-disabled-h-60p:disabled { height: 60%; }
.sm-h-66p { height: 66.6667%; }
.sm-hover-h-66p:hover { height: 66.6667%; }
.sm-focus-h-66p:focus { height: 66.6667%; }
.sm-active-h-66p:active { height: 66.6667%; }
.sm-disabled-h-66p:disabled { height: 66.6667%; }
.sm-h-70p { height: 70%; }
.sm-hover-h-70p:hover { height: 70%; }
.sm-focus-h-70p:focus { height: 70%; }
.sm-active-h-70p:active { height: 70%; }
.sm-disabled-h-70p:disabled { height: 70%; }
.sm-h-75p { height: 75%; }
.sm-hover-h-75p:hover { height: 75%; }
.sm-focus-h-75p:focus { height: 75%; }
.sm-active-h-75p:active { height: 75%; }
.sm-disabled-h-75p:disabled { height: 75%; }
.sm-h-80p { height: 80%; }
.sm-hover-h-80p:hover { height: 80%; }
.sm-focus-h-80p:focus { height: 80%; }
.sm-active-h-80p:active { height: 80%; }
.sm-disabled-h-80p:disabled { height: 80%; }
.sm-h-90p { height: 90%; }
.sm-hover-h-90p:hover { height: 90%; }
.sm-focus-h-90p:focus { height: 90%; }
.sm-active-h-90p:active { height: 90%; }
.sm-disabled-h-90p:disabled { height: 90%; }
.sm-h-100p { height: 100%; }
.sm-hover-h-100p:hover { height: 100%; }
.sm-focus-h-100p:focus { height: 100%; }
.sm-active-h-100p:active { height: 100%; }
.sm-disabled-h-100p:disabled { height: 100%; }
.sm-h-10vh { height: 10vh; }
.sm-hover-h-10vh:hover { height: 10vh; }
.sm-focus-h-10vh:focus { height: 10vh; }
.sm-active-h-10vh:active { height: 10vh; }
.sm-disabled-h-10vh:disabled { height: 10vh; }
.sm-h-20vh { height: 20vh; }
.sm-hover-h-20vh:hover { height: 20vh; }
.sm-focus-h-20vh:focus { height: 20vh; }
.sm-active-h-20vh:active { height: 20vh; }
.sm-disabled-h-20vh:disabled { height: 20vh; }
.sm-h-30vh { height: 30vh; }
.sm-hover-h-30vh:hover { height: 30vh; }
.sm-focus-h-30vh:focus { height: 30vh; }
.sm-active-h-30vh:active { height: 30vh; }
.sm-disabled-h-30vh:disabled { height: 30vh; }
.sm-h-40vh { height: 40vh; }
.sm-hover-h-40vh:hover { height: 40vh; }
.sm-focus-h-40vh:focus { height: 40vh; }
.sm-active-h-40vh:active { height: 40vh; }
.sm-disabled-h-40vh:disabled { height: 40vh; }
.sm-h-50vh { height: 50vh; }
.sm-hover-h-50vh:hover { height: 50vh; }
.sm-focus-h-50vh:focus { height: 50vh; }
.sm-active-h-50vh:active { height: 50vh; }
.sm-disabled-h-50vh:disabled { height: 50vh; }
.sm-h-60vh { height: 60vh; }
.sm-hover-h-60vh:hover { height: 60vh; }
.sm-focus-h-60vh:focus { height: 60vh; }
.sm-active-h-60vh:active { height: 60vh; }
.sm-disabled-h-60vh:disabled { height: 60vh; }
.sm-h-70vh { height: 70vh; }
.sm-hover-h-70vh:hover { height: 70vh; }
.sm-focus-h-70vh:focus { height: 70vh; }
.sm-active-h-70vh:active { height: 70vh; }
.sm-disabled-h-70vh:disabled { height: 70vh; }
.sm-h-80vh { height: 80vh; }
.sm-hover-h-80vh:hover { height: 80vh; }
.sm-focus-h-80vh:focus { height: 80vh; }
.sm-active-h-80vh:active { height: 80vh; }
.sm-disabled-h-80vh:disabled { height: 80vh; }
.sm-h-90vh { height: 90vh; }
.sm-hover-h-90vh:hover { height: 90vh; }
.sm-focus-h-90vh:focus { height: 90vh; }
.sm-active-h-90vh:active { height: 90vh; }
.sm-disabled-h-90vh:disabled { height: 90vh; }
.sm-h-100vh { height: 100vh; }
.sm-hover-h-100vh:hover { height: 100vh; }
.sm-focus-h-100vh:focus { height: 100vh; }
.sm-active-h-100vh:active { height: 100vh; }
.sm-disabled-h-100vh:disabled { height: 100vh; }
.sm-h-lvh { height: 100lvh; }
.sm-hover-h-lvh:hover { height: 100lvh; }
.sm-focus-h-lvh:focus { height: 100lvh; }
.sm-active-h-lvh:active { height: 100lvh; }
.sm-disabled-h-lvh:disabled { height: 100lvh; }
.sm-h-svh { height: 100svh; }
.sm-hover-h-svh:hover { height: 100svh; }
.sm-focus-h-svh:focus { height: 100svh; }
.sm-active-h-svh:active { height: 100svh; }
.sm-disabled-h-svh:disabled { height: 100svh; }
.sm-h-mvh { height: 100mvh; }
.sm-hover-h-mvh:hover { height: 100mvh; }
.sm-focus-h-mvh:focus { height: 100mvh; }
.sm-active-h-mvh:active { height: 100mvh; }
.sm-disabled-h-mvh:disabled { height: 100mvh; }
.sm-h-vmin { height: 100vmin; }
.sm-hover-h-vmin:hover { height: 100vmin; }
.sm-focus-h-vmin:focus { height: 100vmin; }
.sm-active-h-vmin:active { height: 100vmin; }
.sm-disabled-h-vmin:disabled { height: 100vmin; }
.sm-h-vmax { height: 100vmax; }
.sm-hover-h-vmax:hover { height: 100vmax; }
.sm-focus-h-vmax:focus { height: 100vmax; }
.sm-active-h-vmax:active { height: 100vmax; }
.sm-disabled-h-vmax:disabled { height: 100vmax; }
.sm-min-w-auto { min-width: auto; }
.sm-hover-min-w-auto:hover { min-width: auto; }
.sm-focus-min-w-auto:focus { min-width: auto; }
.sm-active-min-w-auto:active { min-width: auto; }
.sm-disabled-min-w-auto:disabled { min-width: auto; }
.sm-min-w-full { min-width: 100%; }
.sm-hover-min-w-full:hover { min-width: 100%; }
.sm-focus-min-w-full:focus { min-width: 100%; }
.sm-active-min-w-full:active { min-width: 100%; }
.sm-disabled-min-w-full:disabled { min-width: 100%; }
.sm-min-w-fit { min-width: fit-content; }
.sm-hover-min-w-fit:hover { min-width: fit-content; }
.sm-focus-min-w-fit:focus { min-width: fit-content; }
.sm-active-min-w-fit:active { min-width: fit-content; }
.sm-disabled-min-w-fit:disabled { min-width: fit-content; }
.sm-min-w-max { min-width: max-content; }
.sm-hover-min-w-max:hover { min-width: max-content; }
.sm-focus-min-w-max:focus { min-width: max-content; }
.sm-active-min-w-max:active { min-width: max-content; }
.sm-disabled-min-w-max:disabled { min-width: max-content; }
.sm-min-w-min { min-width: min-content; }
.sm-hover-min-w-min:hover { min-width: min-content; }
.sm-focus-min-w-min:focus { min-width: min-content; }
.sm-active-min-w-min:active { min-width: min-content; }
.sm-disabled-min-w-min:disabled { min-width: min-content; }
.sm-min-w-10vw { min-width: 10vw; }
.sm-hover-min-w-10vw:hover { min-width: 10vw; }
.sm-focus-min-w-10vw:focus { min-width: 10vw; }
.sm-active-min-w-10vw:active { min-width: 10vw; }
.sm-disabled-min-w-10vw:disabled { min-width: 10vw; }
.sm-min-w-50vw { min-width: 50vw; }
.sm-hover-min-w-50vw:hover { min-width: 50vw; }
.sm-focus-min-w-50vw:focus { min-width: 50vw; }
.sm-active-min-w-50vw:active { min-width: 50vw; }
.sm-disabled-min-w-50vw:disabled { min-width: 50vw; }
.sm-min-w-100vw { min-width: 100vw; }
.sm-hover-min-w-100vw:hover { min-width: 100vw; }
.sm-focus-min-w-100vw:focus { min-width: 100vw; }
.sm-active-min-w-100vw:active { min-width: 100vw; }
.sm-disabled-min-w-100vw:disabled { min-width: 100vw; }
.sm-max-w-auto { max-width: auto; }
.sm-hover-max-w-auto:hover { max-width: auto; }
.sm-focus-max-w-auto:focus { max-width: auto; }
.sm-active-max-w-auto:active { max-width: auto; }
.sm-disabled-max-w-auto:disabled { max-width: auto; }
.sm-max-w-full { max-width: 100%; }
.sm-hover-max-w-full:hover { max-width: 100%; }
.sm-focus-max-w-full:focus { max-width: 100%; }
.sm-active-max-w-full:active { max-width: 100%; }
.sm-disabled-max-w-full:disabled { max-width: 100%; }
.sm-max-w-fit { max-width: fit-content; }
.sm-hover-max-w-fit:hover { max-width: fit-content; }
.sm-focus-max-w-fit:focus { max-width: fit-content; }
.sm-active-max-w-fit:active { max-width: fit-content; }
.sm-disabled-max-w-fit:disabled { max-width: fit-content; }
.sm-max-w-max { max-width: max-content; }
.sm-hover-max-w-max:hover { max-width: max-content; }
.sm-focus-max-w-max:focus { max-width: max-content; }
.sm-active-max-w-max:active { max-width: max-content; }
.sm-disabled-max-w-max:disabled { max-width: max-content; }
.sm-max-w-min { max-width: min-content; }
.sm-hover-max-w-min:hover { max-width: min-content; }
.sm-focus-max-w-min:focus { max-width: min-content; }
.sm-active-max-w-min:active { max-width: min-content; }
.sm-disabled-max-w-min:disabled { max-width: min-content; }
.sm-max-w-10vw { max-width: 10vw; }
.sm-hover-max-w-10vw:hover { max-width: 10vw; }
.sm-focus-max-w-10vw:focus { max-width: 10vw; }
.sm-active-max-w-10vw:active { max-width: 10vw; }
.sm-disabled-max-w-10vw:disabled { max-width: 10vw; }
.sm-max-w-50vw { max-width: 50vw; }
.sm-hover-max-w-50vw:hover { max-width: 50vw; }
.sm-focus-max-w-50vw:focus { max-width: 50vw; }
.sm-active-max-w-50vw:active { max-width: 50vw; }
.sm-disabled-max-w-50vw:disabled { max-width: 50vw; }
.sm-max-w-100vw { max-width: 100vw; }
.sm-hover-max-w-100vw:hover { max-width: 100vw; }
.sm-focus-max-w-100vw:focus { max-width: 100vw; }
.sm-active-max-w-100vw:active { max-width: 100vw; }
.sm-disabled-max-w-100vw:disabled { max-width: 100vw; }
.sm-min-h-auto { min-height: auto; }
.sm-hover-min-h-auto:hover { min-height: auto; }
.sm-focus-min-h-auto:focus { min-height: auto; }
.sm-active-min-h-auto:active { min-height: auto; }
.sm-disabled-min-h-auto:disabled { min-height: auto; }
.sm-min-h-full { min-height: 100%; }
.sm-hover-min-h-full:hover { min-height: 100%; }
.sm-focus-min-h-full:focus { min-height: 100%; }
.sm-active-min-h-full:active { min-height: 100%; }
.sm-disabled-min-h-full:disabled { min-height: 100%; }
.sm-min-h-fit { min-height: fit-content; }
.sm-hover-min-h-fit:hover { min-height: fit-content; }
.sm-focus-min-h-fit:focus { min-height: fit-content; }
.sm-active-min-h-fit:active { min-height: fit-content; }
.sm-disabled-min-h-fit:disabled { min-height: fit-content; }
.sm-min-h-max { min-height: max-content; }
.sm-hover-min-h-max:hover { min-height: max-content; }
.sm-focus-min-h-max:focus { min-height: max-content; }
.sm-active-min-h-max:active { min-height: max-content; }
.sm-disabled-min-h-max:disabled { min-height: max-content; }
.sm-min-h-min { min-height: min-content; }
.sm-hover-min-h-min:hover { min-height: min-content; }
.sm-focus-min-h-min:focus { min-height: min-content; }
.sm-active-min-h-min:active { min-height: min-content; }
.sm-disabled-min-h-min:disabled { min-height: min-content; }
.sm-min-h-10vh { min-height: 10vh; }
.sm-hover-min-h-10vh:hover { min-height: 10vh; }
.sm-focus-min-h-10vh:focus { min-height: 10vh; }
.sm-active-min-h-10vh:active { min-height: 10vh; }
.sm-disabled-min-h-10vh:disabled { min-height: 10vh; }
.sm-min-h-50vh { min-height: 50vh; }
.sm-hover-min-h-50vh:hover { min-height: 50vh; }
.sm-focus-min-h-50vh:focus { min-height: 50vh; }
.sm-active-min-h-50vh:active { min-height: 50vh; }
.sm-disabled-min-h-50vh:disabled { min-height: 50vh; }
.sm-min-h-100vh { min-height: 100vh; }
.sm-hover-min-h-100vh:hover { min-height: 100vh; }
.sm-focus-min-h-100vh:focus { min-height: 100vh; }
.sm-active-min-h-100vh:active { min-height: 100vh; }
.sm-disabled-min-h-100vh:disabled { min-height: 100vh; }
.sm-max-h-auto { max-height: auto; }
.sm-hover-max-h-auto:hover { max-height: auto; }
.sm-focus-max-h-auto:focus { max-height: auto; }
.sm-active-max-h-auto:active { max-height: auto; }
.sm-disabled-max-h-auto:disabled { max-height: auto; }
.sm-max-h-full { max-height: 100%; }
.sm-hover-max-h-full:hover { max-height: 100%; }
.sm-focus-max-h-full:focus { max-height: 100%; }
.sm-active-max-h-full:active { max-height: 100%; }
.sm-disabled-max-h-full:disabled { max-height: 100%; }
.sm-max-h-fit { max-height: fit-content; }
.sm-hover-max-h-fit:hover { max-height: fit-content; }
.sm-focus-max-h-fit:focus { max-height: fit-content; }
.sm-active-max-h-fit:active { max-height: fit-content; }
.sm-disabled-max-h-fit:disabled { max-height: fit-content; }
.sm-max-h-max { max-height: max-content; }
.sm-hover-max-h-max:hover { max-height: max-content; }
.sm-focus-max-h-max:focus { max-height: max-content; }
.sm-active-max-h-max:active { max-height: max-content; }
.sm-disabled-max-h-max:disabled { max-height: max-content; }
.sm-max-h-min { max-height: min-content; }
.sm-hover-max-h-min:hover { max-height: min-content; }
.sm-focus-max-h-min:focus { max-height: min-content; }
.sm-active-max-h-min:active { max-height: min-content; }
.sm-disabled-max-h-min:disabled { max-height: min-content; }
.sm-max-h-10vh { max-height: 10vh; }
.sm-hover-max-h-10vh:hover { max-height: 10vh; }
.sm-focus-max-h-10vh:focus { max-height: 10vh; }
.sm-active-max-h-10vh:active { max-height: 10vh; }
.sm-disabled-max-h-10vh:disabled { max-height: 10vh; }
.sm-max-h-50vh { max-height: 50vh; }
.sm-hover-max-h-50vh:hover { max-height: 50vh; }
.sm-focus-max-h-50vh:focus { max-height: 50vh; }
.sm-active-max-h-50vh:active { max-height: 50vh; }
.sm-disabled-max-h-50vh:disabled { max-height: 50vh; }
.sm-max-h-100vh { max-height: 100vh; }
.sm-hover-max-h-100vh:hover { max-height: 100vh; }
.sm-focus-max-h-100vh:focus { max-height: 100vh; }
.sm-active-max-h-100vh:active { max-height: 100vh; }
.sm-disabled-max-h-100vh:disabled { max-height: 100vh; }
.sm-font-size-auto { font-size: auto; }
.sm-hover-font-size-auto:hover { font-size: auto; }
.sm-focus-font-size-auto:focus { font-size: auto; }
.sm-active-font-size-auto:active { font-size: auto; }
.sm-disabled-font-size-auto:disabled { font-size: auto; }
.sm-font-size-0 { font-size: 0; }
.sm-hover-font-size-0:hover { font-size: 0; }
.sm-focus-font-size-0:focus { font-size: 0; }
.sm-active-font-size-0:active { font-size: 0; }
.sm-disabled-font-size-0:disabled { font-size: 0; }
.sm-font-size-1 { font-size: 0.25rem; }
.sm-hover-font-size-1:hover { font-size: 0.25rem; }
.sm-focus-font-size-1:focus { font-size: 0.25rem; }
.sm-active-font-size-1:active { font-size: 0.25rem; }
.sm-disabled-font-size-1:disabled { font-size: 0.25rem; }
.sm-font-size-2 { font-size: 0.5rem; }
.sm-hover-font-size-2:hover { font-size: 0.5rem; }
.sm-focus-font-size-2:focus { font-size: 0.5rem; }
.sm-active-font-size-2:active { font-size: 0.5rem; }
.sm-disabled-font-size-2:disabled { font-size: 0.5rem; }
.sm-font-size-3 { font-size: 0.75rem; }
.sm-hover-font-size-3:hover { font-size: 0.75rem; }
.sm-focus-font-size-3:focus { font-size: 0.75rem; }
.sm-active-font-size-3:active { font-size: 0.75rem; }
.sm-disabled-font-size-3:disabled { font-size: 0.75rem; }
.sm-font-size-4 { font-size: 1rem; }
.sm-hover-font-size-4:hover { font-size: 1rem; }
.sm-focus-font-size-4:focus { font-size: 1rem; }
.sm-active-font-size-4:active { font-size: 1rem; }
.sm-disabled-font-size-4:disabled { font-size: 1rem; }
.sm-font-size-5 { font-size: 1.25rem; }
.sm-hover-font-size-5:hover { font-size: 1.25rem; }
.sm-focus-font-size-5:focus { font-size: 1.25rem; }
.sm-active-font-size-5:active { font-size: 1.25rem; }
.sm-disabled-font-size-5:disabled { font-size: 1.25rem; }
.sm-font-size-6 { font-size: 1.5rem; }
.sm-hover-font-size-6:hover { font-size: 1.5rem; }
.sm-focus-font-size-6:focus { font-size: 1.5rem; }
.sm-active-font-size-6:active { font-size: 1.5rem; }
.sm-disabled-font-size-6:disabled { font-size: 1.5rem; }
.sm-font-size-7 { font-size: 1.75rem; }
.sm-hover-font-size-7:hover { font-size: 1.75rem; }
.sm-focus-font-size-7:focus { font-size: 1.75rem; }
.sm-active-font-size-7:active { font-size: 1.75rem; }
.sm-disabled-font-size-7:disabled { font-size: 1.75rem; }
.sm-font-size-8 { font-size: 2rem; }
.sm-hover-font-size-8:hover { font-size: 2rem; }
.sm-focus-font-size-8:focus { font-size: 2rem; }
.sm-active-font-size-8:active { font-size: 2rem; }
.sm-disabled-font-size-8:disabled { font-size: 2rem; }
.sm-font-size-9 { font-size: 2.25rem; }
.sm-hover-font-size-9:hover { font-size: 2.25rem; }
.sm-focus-font-size-9:focus { font-size: 2.25rem; }
.sm-active-font-size-9:active { font-size: 2.25rem; }
.sm-disabled-font-size-9:disabled { font-size: 2.25rem; }
.sm-font-size-10 { font-size: 2.5rem; }
.sm-hover-font-size-10:hover { font-size: 2.5rem; }
.sm-focus-font-size-10:focus { font-size: 2.5rem; }
.sm-active-font-size-10:active { font-size: 2.5rem; }
.sm-disabled-font-size-10:disabled { font-size: 2.5rem; }
.sm-font-size-12 { font-size: 3rem; }
.sm-hover-font-size-12:hover { font-size: 3rem; }
.sm-focus-font-size-12:focus { font-size: 3rem; }
.sm-active-font-size-12:active { font-size: 3rem; }
.sm-disabled-font-size-12:disabled { font-size: 3rem; }
.sm-font-size-14 { font-size: 3.5rem; }
.sm-hover-font-size-14:hover { font-size: 3.5rem; }
.sm-focus-font-size-14:focus { font-size: 3.5rem; }
.sm-active-font-size-14:active { font-size: 3.5rem; }
.sm-disabled-font-size-14:disabled { font-size: 3.5rem; }
.sm-font-size-16 { font-size: 4rem; }
.sm-hover-font-size-16:hover { font-size: 4rem; }
.sm-focus-font-size-16:focus { font-size: 4rem; }
.sm-active-font-size-16:active { font-size: 4rem; }
.sm-disabled-font-size-16:disabled { font-size: 4rem; }
.sm-font-size-18 { font-size: 4.5rem; }
.sm-hover-font-size-18:hover { font-size: 4.5rem; }
.sm-focus-font-size-18:focus { font-size: 4.5rem; }
.sm-active-font-size-18:active { font-size: 4.5rem; }
.sm-disabled-font-size-18:disabled { font-size: 4.5rem; }
.sm-font-size-20 { font-size: 5rem; }
.sm-hover-font-size-20:hover { font-size: 5rem; }
.sm-focus-font-size-20:focus { font-size: 5rem; }
.sm-active-font-size-20:active { font-size: 5rem; }
.sm-disabled-font-size-20:disabled { font-size: 5rem; }
.sm-font-size-24 { font-size: 6rem; }
.sm-hover-font-size-24:hover { font-size: 6rem; }
.sm-focus-font-size-24:focus { font-size: 6rem; }
.sm-active-font-size-24:active { font-size: 6rem; }
.sm-disabled-font-size-24:disabled { font-size: 6rem; }
.sm-font-size-28 { font-size: 7rem; }
.sm-hover-font-size-28:hover { font-size: 7rem; }
.sm-focus-font-size-28:focus { font-size: 7rem; }
.sm-active-font-size-28:active { font-size: 7rem; }
.sm-disabled-font-size-28:disabled { font-size: 7rem; }
.sm-font-size-32 { font-size: 8rem; }
.sm-hover-font-size-32:hover { font-size: 8rem; }
.sm-focus-font-size-32:focus { font-size: 8rem; }
.sm-active-font-size-32:active { font-size: 8rem; }
.sm-disabled-font-size-32:disabled { font-size: 8rem; }
.sm-font-weight-normal { font-weight: normal; }
.sm-hover-font-weight-normal:hover { font-weight: normal; }
.sm-focus-font-weight-normal:focus { font-weight: normal; }
.sm-active-font-weight-normal:active { font-weight: normal; }
.sm-disabled-font-weight-normal:disabled { font-weight: normal; }
.sm-font-weight-light { font-weight: 300; }
.sm-hover-font-weight-light:hover { font-weight: 300; }
.sm-focus-font-weight-light:focus { font-weight: 300; }
.sm-active-font-weight-light:active { font-weight: 300; }
.sm-disabled-font-weight-light:disabled { font-weight: 300; }
.sm-font-weight-medium { font-weight: 500; }
.sm-hover-font-weight-medium:hover { font-weight: 500; }
.sm-focus-font-weight-medium:focus { font-weight: 500; }
.sm-active-font-weight-medium:active { font-weight: 500; }
.sm-disabled-font-weight-medium:disabled { font-weight: 500; }
.sm-font-weight-bold { font-weight: 700; }
.sm-hover-font-weight-bold:hover { font-weight: 700; }
.sm-focus-font-weight-bold:focus { font-weight: 700; }
.sm-active-font-weight-bold:active { font-weight: 700; }
.sm-disabled-font-weight-bold:disabled { font-weight: 700; }
.sm-font-weight-bolder { font-weight: bolder; }
.sm-hover-font-weight-bolder:hover { font-weight: bolder; }
.sm-focus-font-weight-bolder:focus { font-weight: bolder; }
.sm-active-font-weight-bolder:active { font-weight: bolder; }
.sm-disabled-font-weight-bolder:disabled { font-weight: bolder; }
.sm-line-height-1 { line-height: 1; }
.sm-hover-line-height-1:hover { line-height: 1; }
.sm-focus-line-height-1:focus { line-height: 1; }
.sm-active-line-height-1:active { line-height: 1; }
.sm-disabled-line-height-1:disabled { line-height: 1; }
.sm-line-height-2 { line-height: 1.25; }
.sm-hover-line-height-2:hover { line-height: 1.25; }
.sm-focus-line-height-2:focus { line-height: 1.25; }
.sm-active-line-height-2:active { line-height: 1.25; }
.sm-disabled-line-height-2:disabled { line-height: 1.25; }
.sm-line-height-3 { line-height: 1.375; }
.sm-hover-line-height-3:hover { line-height: 1.375; }
.sm-focus-line-height-3:focus { line-height: 1.375; }
.sm-active-line-height-3:active { line-height: 1.375; }
.sm-disabled-line-height-3:disabled { line-height: 1.375; }
.sm-line-height-4 { line-height: 1.5; }
.sm-hover-line-height-4:hover { line-height: 1.5; }
.sm-focus-line-height-4:focus { line-height: 1.5; }
.sm-active-line-height-4:active { line-height: 1.5; }
.sm-disabled-line-height-4:disabled { line-height: 1.5; }
.sm-line-height-5 { line-height: 1.625; }
.sm-hover-line-height-5:hover { line-height: 1.625; }
.sm-focus-line-height-5:focus { line-height: 1.625; }
.sm-active-line-height-5:active { line-height: 1.625; }
.sm-disabled-line-height-5:disabled { line-height: 1.625; }
.sm-line-height-6 { line-height: 1.75; }
.sm-hover-line-height-6:hover { line-height: 1.75; }
.sm-focus-line-height-6:focus { line-height: 1.75; }
.sm-active-line-height-6:active { line-height: 1.75; }
.sm-disabled-line-height-6:disabled { line-height: 1.75; }
.sm-line-height-7 { line-height: 2; }
.sm-hover-line-height-7:hover { line-height: 2; }
.sm-focus-line-height-7:focus { line-height: 2; }
.sm-active-line-height-7:active { line-height: 2; }
.sm-disabled-line-height-7:disabled { line-height: 2; }
.sm-text-left { text-align: left; }
.sm-hover-text-left:hover { text-align: left; }
.sm-focus-text-left:focus { text-align: left; }
.sm-active-text-left:active { text-align: left; }
.sm-disabled-text-left:disabled { text-align: left; }
.sm-text-center { text-align: center; }
.sm-hover-text-center:hover { text-align: center; }
.sm-focus-text-center:focus { text-align: center; }
.sm-active-text-center:active { text-align: center; }
.sm-disabled-text-center:disabled { text-align: center; }
.sm-text-right { text-align: right; }
.sm-hover-text-right:hover { text-align: right; }
.sm-focus-text-right:focus { text-align: right; }
.sm-active-text-right:active { text-align: right; }
.sm-disabled-text-right:disabled { text-align: right; }
.sm-text-justify { text-align: justify; }
.sm-hover-text-justify:hover { text-align: justify; }
.sm-focus-text-justify:focus { text-align: justify; }
.sm-active-text-justify:active { text-align: justify; }
.sm-disabled-text-justify:disabled { text-align: justify; }
.sm-justify-start { justify-content: flex-start; }
.sm-hover-justify-start:hover { justify-content: flex-start; }
.sm-focus-justify-start:focus { justify-content: flex-start; }
.sm-active-justify-start:active { justify-content: flex-start; }
.sm-disabled-justify-start:disabled { justify-content: flex-start; }
.sm-justify-center { justify-content: center; }
.sm-hover-justify-center:hover { justify-content: center; }
.sm-focus-justify-center:focus { justify-content: center; }
.sm-active-justify-center:active { justify-content: center; }
.sm-disabled-justify-center:disabled { justify-content: center; }
.sm-justify-end { justify-content: flex-end; }
.sm-hover-justify-end:hover { justify-content: flex-end; }
.sm-focus-justify-end:focus { justify-content: flex-end; }
.sm-active-justify-end:active { justify-content: flex-end; }
.sm-disabled-justify-end:disabled { justify-content: flex-end; }
.sm-justify-between { justify-content: space-between; }
.sm-hover-justify-between:hover { justify-content: space-between; }
.sm-focus-justify-between:focus { justify-content: space-between; }
.sm-active-justify-between:active { justify-content: space-between; }
.sm-disabled-justify-between:disabled { justify-content: space-between; }
.sm-justify-around { justify-content: space-around; }
.sm-hover-justify-around:hover { justify-content: space-around; }
.sm-focus-justify-around:focus { justify-content: space-around; }
.sm-active-justify-around:active { justify-content: space-around; }
.sm-disabled-justify-around:disabled { justify-content: space-around; }
.sm-justify-evenly { justify-content: space-evenly; }
.sm-hover-justify-evenly:hover { justify-content: space-evenly; }
.sm-focus-justify-evenly:focus { justify-content: space-evenly; }
.sm-active-justify-evenly:active { justify-content: space-evenly; }
.sm-disabled-justify-evenly:disabled { justify-content: space-evenly; }
.sm-items-start { align-items: flex-start; }
.sm-hover-items-start:hover { align-items: flex-start; }
.sm-focus-items-start:focus { align-items: flex-start; }
.sm-active-items-start:active { align-items: flex-start; }
.sm-disabled-items-start:disabled { align-items: flex-start; }
.sm-items-center { align-items: center; }
.sm-hover-items-center:hover { align-items: center; }
.sm-focus-items-center:focus { align-items: center; }
.sm-active-items-center:active { align-items: center; }
.sm-disabled-items-center:disabled { align-items: center; }
.sm-items-end { align-items: flex-end; }
.sm-hover-items-end:hover { align-items: flex-end; }
.sm-focus-items-end:focus { align-items: flex-end; }
.sm-active-items-end:active { align-items: flex-end; }
.sm-disabled-items-end:disabled { align-items: flex-end; }
.sm-items-baseline { align-items: baseline; }
.sm-hover-items-baseline:hover { align-items: baseline; }
.sm-focus-items-baseline:focus { align-items: baseline; }
.sm-active-items-baseline:active { align-items: baseline; }
.sm-disabled-items-baseline:disabled { align-items: baseline; }
.sm-items-stretch { align-items: stretch; }
.sm-hover-items-stretch:hover { align-items: stretch; }
.sm-focus-items-stretch:focus { align-items: stretch; }
.sm-active-items-stretch:active { align-items: stretch; }
.sm-disabled-items-stretch:disabled { align-items: stretch; }
.sm-content-start { align-content: flex-start; }
.sm-hover-content-start:hover { align-content: flex-start; }
.sm-focus-content-start:focus { align-content: flex-start; }
.sm-active-content-start:active { align-content: flex-start; }
.sm-disabled-content-start:disabled { align-content: flex-start; }
.sm-content-center { align-content: center; }
.sm-hover-content-center:hover { align-content: center; }
.sm-focus-content-center:focus { align-content: center; }
.sm-active-content-center:active { align-content: center; }
.sm-disabled-content-center:disabled { align-content: center; }
.sm-content-end { align-content: flex-end; }
.sm-hover-content-end:hover { align-content: flex-end; }
.sm-focus-content-end:focus { align-content: flex-end; }
.sm-active-content-end:active { align-content: flex-end; }
.sm-disabled-content-end:disabled { align-content: flex-end; }
.sm-content-between { align-content: space-between; }
.sm-hover-content-between:hover { align-content: space-between; }
.sm-focus-content-between:focus { align-content: space-between; }
.sm-active-content-between:active { align-content: space-between; }
.sm-disabled-content-between:disabled { align-content: space-between; }
.sm-content-around { align-content: space-around; }
.sm-hover-content-around:hover { align-content: space-around; }
.sm-focus-content-around:focus { align-content: space-around; }
.sm-active-content-around:active { align-content: space-around; }
.sm-disabled-content-around:disabled { align-content: space-around; }
.sm-content-evenly { align-content: space-evenly; }
.sm-hover-content-evenly:hover { align-content: space-evenly; }
.sm-focus-content-evenly:focus { align-content: space-evenly; }
.sm-active-content-evenly:active { align-content: space-evenly; }
.sm-disabled-content-evenly:disabled { align-content: space-evenly; }
.sm-self-auto { align-self: auto; }
.sm-hover-self-auto:hover { align-self: auto; }
.sm-focus-self-auto:focus { align-self: auto; }
.sm-active-self-auto:active { align-self: auto; }
.sm-disabled-self-auto:disabled { align-self: auto; }
.sm-self-start { align-self: flex-start; }
.sm-hover-self-start:hover { align-self: flex-start; }
.sm-focus-self-start:focus { align-self: flex-start; }
.sm-active-self-start:active { align-self: flex-start; }
.sm-disabled-self-start:disabled { align-self: flex-start; }
.sm-self-center { align-self: center; }
.sm-hover-self-center:hover { align-self: center; }
.sm-focus-self-center:focus { align-self: center; }
.sm-active-self-center:active { align-self: center; }
.sm-disabled-self-center:disabled { align-self: center; }
.sm-self-end { align-self: flex-end; }
.sm-hover-self-end:hover { align-self: flex-end; }
.sm-focus-self-end:focus { align-self: flex-end; }
.sm-active-self-end:active { align-self: flex-end; }
.sm-disabled-self-end:disabled { align-self: flex-end; }
.sm-self-stretch { align-self: stretch; }
.sm-hover-self-stretch:hover { align-self: stretch; }
.sm-focus-self-stretch:focus { align-self: stretch; }
.sm-active-self-stretch:active { align-self: stretch; }
.sm-disabled-self-stretch:disabled { align-self: stretch; }
.sm-place-items-start { place-items: start; }
.sm-hover-place-items-start:hover { place-items: start; }
.sm-focus-place-items-start:focus { place-items: start; }
.sm-active-place-items-start:active { place-items: start; }
.sm-disabled-place-items-start:disabled { place-items: start; }
.sm-place-items-center { place-items: center; }
.sm-hover-place-items-center:hover { place-items: center; }
.sm-focus-place-items-center:focus { place-items: center; }
.sm-active-place-items-center:active { place-items: center; }
.sm-disabled-place-items-center:disabled { place-items: center; }
.sm-place-items-end { place-items: end; }
.sm-hover-place-items-end:hover { place-items: end; }
.sm-focus-place-items-end:focus { place-items: end; }
.sm-active-place-items-end:active { place-items: end; }
.sm-disabled-place-items-end:disabled { place-items: end; }
.sm-place-items-stretch { place-items: stretch; }
.sm-hover-place-items-stretch:hover { place-items: stretch; }
.sm-focus-place-items-stretch:focus { place-items: stretch; }
.sm-active-place-items-stretch:active { place-items: stretch; }
.sm-disabled-place-items-stretch:disabled { place-items: stretch; }
.sm-place-content-start { place-content: start; }
.sm-hover-place-content-start:hover { place-content: start; }
.sm-focus-place-content-start:focus { place-content: start; }
.sm-active-place-content-start:active { place-content: start; }
.sm-disabled-place-content-start:disabled { place-content: start; }
.sm-place-content-center { place-content: center; }
.sm-hover-place-content-center:hover { place-content: center; }
.sm-focus-place-content-center:focus { place-content: center; }
.sm-active-place-content-center:active { place-content: center; }
.sm-disabled-place-content-center:disabled { place-content: center; }
.sm-place-content-end { place-content: end; }
.sm-hover-place-content-end:hover { place-content: end; }
.sm-focus-place-content-end:focus { place-content: end; }
.sm-active-place-content-end:active { place-content: end; }
.sm-disabled-place-content-end:disabled { place-content: end; }
.sm-place-content-between { place-content: space-between; }
.sm-hover-place-content-between:hover { place-content: space-between; }
.sm-focus-place-content-between:focus { place-content: space-between; }
.sm-active-place-content-between:active { place-content: space-between; }
.sm-disabled-place-content-between:disabled { place-content: space-between; }
.sm-place-content-around { place-content: space-around; }
.sm-hover-place-content-around:hover { place-content: space-around; }
.sm-focus-place-content-around:focus { place-content: space-around; }
.sm-active-place-content-around:active { place-content: space-around; }
.sm-disabled-place-content-around:disabled { place-content: space-around; }
.sm-place-self-auto { place-self: auto; }
.sm-hover-place-self-auto:hover { place-self: auto; }
.sm-focus-place-self-auto:focus { place-self: auto; }
.sm-active-place-self-auto:active { place-self: auto; }
.sm-disabled-place-self-auto:disabled { place-self: auto; }
.sm-place-self-start { place-self: start; }
.sm-hover-place-self-start:hover { place-self: start; }
.sm-focus-place-self-start:focus { place-self: start; }
.sm-active-place-self-start:active { place-self: start; }
.sm-disabled-place-self-start:disabled { place-self: start; }
.sm-place-self-center { place-self: center; }
.sm-hover-place-self-center:hover { place-self: center; }
.sm-focus-place-self-center:focus { place-self: center; }
.sm-active-place-self-center:active { place-self: center; }
.sm-disabled-place-self-center:disabled { place-self: center; }
.sm-place-self-end { place-self: end; }
.sm-hover-place-self-end:hover { place-self: end; }
.sm-focus-place-self-end:focus { place-self: end; }
.sm-active-place-self-end:active { place-self: end; }
.sm-disabled-place-self-end:disabled { place-self: end; }
.sm-text-uppercase { text-transform: uppercase; }
.sm-hover-text-uppercase:hover { text-transform: uppercase; }
.sm-focus-text-uppercase:focus { text-transform: uppercase; }
.sm-active-text-uppercase:active { text-transform: uppercase; }
.sm-disabled-text-uppercase:disabled { text-transform: uppercase; }
.sm-text-lowercase { text-transform: lowercase; }
.sm-hover-text-lowercase:hover { text-transform: lowercase; }
.sm-focus-text-lowercase:focus { text-transform: lowercase; }
.sm-active-text-lowercase:active { text-transform: lowercase; }
.sm-disabled-text-lowercase:disabled { text-transform: lowercase; }
.sm-text-capitalize { text-transform: capitalize; }
.sm-hover-text-capitalize:hover { text-transform: capitalize; }
.sm-focus-text-capitalize:focus { text-transform: capitalize; }
.sm-active-text-capitalize:active { text-transform: capitalize; }
.sm-disabled-text-capitalize:disabled { text-transform: capitalize; }
.sm-tracking-tight { letter-spacing: -0.05em; }
.sm-hover-tracking-tight:hover { letter-spacing: -0.05em; }
.sm-focus-tracking-tight:focus { letter-spacing: -0.05em; }
.sm-active-tracking-tight:active { letter-spacing: -0.05em; }
.sm-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
.sm-tracking-normal { letter-spacing: 0; }
.sm-hover-tracking-normal:hover { letter-spacing: 0; }
.sm-focus-tracking-normal:focus { letter-spacing: 0; }
.sm-active-tracking-normal:active { letter-spacing: 0; }
.sm-disabled-tracking-normal:disabled { letter-spacing: 0; }
.sm-tracking-wide { letter-spacing: 0.05em; }
.sm-hover-tracking-wide:hover { letter-spacing: 0.05em; }
.sm-focus-tracking-wide:focus { letter-spacing: 0.05em; }
.sm-active-tracking-wide:active { letter-spacing: 0.05em; }
.sm-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
.sm-underline { text-decoration: underline; }
.sm-hover-underline:hover { text-decoration: underline; }
.sm-focus-underline:focus { text-decoration: underline; }
.sm-active-underline:active { text-decoration: underline; }
.sm-disabled-underline:disabled { text-decoration: underline; }
.sm-line-through { text-decoration: line-through; }
.sm-hover-line-through:hover { text-decoration: line-through; }
.sm-focus-line-through:focus { text-decoration: line-through; }
.sm-active-line-through:active { text-decoration: line-through; }
.sm-disabled-line-through:disabled { text-decoration: line-through; }
.sm-no-underline { text-decoration: none; }
.sm-hover-no-underline:hover { text-decoration: none; }
.sm-focus-no-underline:focus { text-decoration: none; }
.sm-active-no-underline:active { text-decoration: none; }
.sm-disabled-no-underline:disabled { text-decoration: none; }
.sm-text-black { color: var(--black); }
.sm-hover-text-black:hover { color: var(--black); }
.sm-focus-text-black:focus { color: var(--black); }
.sm-active-text-black:active { color: var(--black); }
.sm-disabled-text-black:disabled { color: var(--black); }
.sm-text-white { color: var(--white); }
.sm-hover-text-white:hover { color: var(--white); }
.sm-focus-text-white:focus { color: var(--white); }
.sm-active-text-white:active { color: var(--white); }
.sm-disabled-text-white:disabled { color: var(--white); }
.sm-text-red-50 { color: var(--quanta-red-50); }
.sm-hover-text-red-50:hover { color: var(--quanta-red-50); }
.sm-focus-text-red-50:focus { color: var(--quanta-red-50); }
.sm-active-text-red-50:active { color: var(--quanta-red-50); }
.sm-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
.sm-text-red-100 { color: var(--quanta-red-100); }
.sm-hover-text-red-100:hover { color: var(--quanta-red-100); }
.sm-focus-text-red-100:focus { color: var(--quanta-red-100); }
.sm-active-text-red-100:active { color: var(--quanta-red-100); }
.sm-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
.sm-text-red-200 { color: var(--quanta-red-200); }
.sm-hover-text-red-200:hover { color: var(--quanta-red-200); }
.sm-focus-text-red-200:focus { color: var(--quanta-red-200); }
.sm-active-text-red-200:active { color: var(--quanta-red-200); }
.sm-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
.sm-text-red-300 { color: var(--quanta-red-300); }
.sm-hover-text-red-300:hover { color: var(--quanta-red-300); }
.sm-focus-text-red-300:focus { color: var(--quanta-red-300); }
.sm-active-text-red-300:active { color: var(--quanta-red-300); }
.sm-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
.sm-text-red-400 { color: var(--quanta-red-400); }
.sm-hover-text-red-400:hover { color: var(--quanta-red-400); }
.sm-focus-text-red-400:focus { color: var(--quanta-red-400); }
.sm-active-text-red-400:active { color: var(--quanta-red-400); }
.sm-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
.sm-text-red-500 { color: var(--quanta-red-500); }
.sm-hover-text-red-500:hover { color: var(--quanta-red-500); }
.sm-focus-text-red-500:focus { color: var(--quanta-red-500); }
.sm-active-text-red-500:active { color: var(--quanta-red-500); }
.sm-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
.sm-text-red-600 { color: var(--quanta-red-600); }
.sm-hover-text-red-600:hover { color: var(--quanta-red-600); }
.sm-focus-text-red-600:focus { color: var(--quanta-red-600); }
.sm-active-text-red-600:active { color: var(--quanta-red-600); }
.sm-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
.sm-text-red-700 { color: var(--quanta-red-700); }
.sm-hover-text-red-700:hover { color: var(--quanta-red-700); }
.sm-focus-text-red-700:focus { color: var(--quanta-red-700); }
.sm-active-text-red-700:active { color: var(--quanta-red-700); }
.sm-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
.sm-text-red-800 { color: var(--quanta-red-800); }
.sm-hover-text-red-800:hover { color: var(--quanta-red-800); }
.sm-focus-text-red-800:focus { color: var(--quanta-red-800); }
.sm-active-text-red-800:active { color: var(--quanta-red-800); }
.sm-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
.sm-text-red-900 { color: var(--quanta-red-900); }
.sm-hover-text-red-900:hover { color: var(--quanta-red-900); }
.sm-focus-text-red-900:focus { color: var(--quanta-red-900); }
.sm-active-text-red-900:active { color: var(--quanta-red-900); }
.sm-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
.sm-text-orange-50 { color: var(--quanta-orange-50); }
.sm-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
.sm-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
.sm-active-text-orange-50:active { color: var(--quanta-orange-50); }
.sm-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
.sm-text-orange-100 { color: var(--quanta-orange-100); }
.sm-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
.sm-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
.sm-active-text-orange-100:active { color: var(--quanta-orange-100); }
.sm-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
.sm-text-orange-200 { color: var(--quanta-orange-200); }
.sm-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
.sm-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
.sm-active-text-orange-200:active { color: var(--quanta-orange-200); }
.sm-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
.sm-text-orange-300 { color: var(--quanta-orange-300); }
.sm-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
.sm-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
.sm-active-text-orange-300:active { color: var(--quanta-orange-300); }
.sm-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
.sm-text-orange-400 { color: var(--quanta-orange-400); }
.sm-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
.sm-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
.sm-active-text-orange-400:active { color: var(--quanta-orange-400); }
.sm-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
.sm-text-orange-500 { color: var(--quanta-orange-500); }
.sm-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
.sm-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
.sm-active-text-orange-500:active { color: var(--quanta-orange-500); }
.sm-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
.sm-text-orange-600 { color: var(--quanta-orange-600); }
.sm-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
.sm-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
.sm-active-text-orange-600:active { color: var(--quanta-orange-600); }
.sm-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
.sm-text-orange-700 { color: var(--quanta-orange-700); }
.sm-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
.sm-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
.sm-active-text-orange-700:active { color: var(--quanta-orange-700); }
.sm-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
.sm-text-orange-800 { color: var(--quanta-orange-800); }
.sm-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
.sm-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
.sm-active-text-orange-800:active { color: var(--quanta-orange-800); }
.sm-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
.sm-text-orange-900 { color: var(--quanta-orange-900); }
.sm-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
.sm-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
.sm-active-text-orange-900:active { color: var(--quanta-orange-900); }
.sm-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
.sm-text-teal-50 { color: var(--quanta-teal-50); }
.sm-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
.sm-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
.sm-active-text-teal-50:active { color: var(--quanta-teal-50); }
.sm-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
.sm-text-teal-100 { color: var(--quanta-teal-100); }
.sm-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
.sm-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
.sm-active-text-teal-100:active { color: var(--quanta-teal-100); }
.sm-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
.sm-text-teal-200 { color: var(--quanta-teal-200); }
.sm-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
.sm-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
.sm-active-text-teal-200:active { color: var(--quanta-teal-200); }
.sm-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
.sm-text-teal-300 { color: var(--quanta-teal-300); }
.sm-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
.sm-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
.sm-active-text-teal-300:active { color: var(--quanta-teal-300); }
.sm-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
.sm-text-teal-400 { color: var(--quanta-teal-400); }
.sm-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
.sm-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
.sm-active-text-teal-400:active { color: var(--quanta-teal-400); }
.sm-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
.sm-text-teal-500 { color: var(--quanta-teal-500); }
.sm-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
.sm-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
.sm-active-text-teal-500:active { color: var(--quanta-teal-500); }
.sm-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
.sm-text-teal-600 { color: var(--quanta-teal-600); }
.sm-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
.sm-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
.sm-active-text-teal-600:active { color: var(--quanta-teal-600); }
.sm-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
.sm-text-teal-700 { color: var(--quanta-teal-700); }
.sm-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
.sm-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
.sm-active-text-teal-700:active { color: var(--quanta-teal-700); }
.sm-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
.sm-text-teal-800 { color: var(--quanta-teal-800); }
.sm-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
.sm-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
.sm-active-text-teal-800:active { color: var(--quanta-teal-800); }
.sm-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
.sm-text-teal-900 { color: var(--quanta-teal-900); }
.sm-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
.sm-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
.sm-active-text-teal-900:active { color: var(--quanta-teal-900); }
.sm-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
.sm-text-purple-50 { color: var(--quanta-purple-50); }
.sm-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
.sm-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
.sm-active-text-purple-50:active { color: var(--quanta-purple-50); }
.sm-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
.sm-text-purple-100 { color: var(--quanta-purple-100); }
.sm-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
.sm-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
.sm-active-text-purple-100:active { color: var(--quanta-purple-100); }
.sm-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
.sm-text-purple-200 { color: var(--quanta-purple-200); }
.sm-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
.sm-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
.sm-active-text-purple-200:active { color: var(--quanta-purple-200); }
.sm-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
.sm-text-purple-300 { color: var(--quanta-purple-300); }
.sm-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
.sm-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
.sm-active-text-purple-300:active { color: var(--quanta-purple-300); }
.sm-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
.sm-text-purple-400 { color: var(--quanta-purple-400); }
.sm-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
.sm-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
.sm-active-text-purple-400:active { color: var(--quanta-purple-400); }
.sm-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
.sm-text-purple-500 { color: var(--quanta-purple-500); }
.sm-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
.sm-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
.sm-active-text-purple-500:active { color: var(--quanta-purple-500); }
.sm-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
.sm-text-purple-600 { color: var(--quanta-purple-600); }
.sm-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
.sm-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
.sm-active-text-purple-600:active { color: var(--quanta-purple-600); }
.sm-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
.sm-text-purple-700 { color: var(--quanta-purple-700); }
.sm-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
.sm-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
.sm-active-text-purple-700:active { color: var(--quanta-purple-700); }
.sm-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
.sm-text-purple-800 { color: var(--quanta-purple-800); }
.sm-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
.sm-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
.sm-active-text-purple-800:active { color: var(--quanta-purple-800); }
.sm-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
.sm-text-purple-900 { color: var(--quanta-purple-900); }
.sm-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
.sm-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
.sm-active-text-purple-900:active { color: var(--quanta-purple-900); }
.sm-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
.sm-text-indigo-50 { color: var(--quanta-indigo-50); }
.sm-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
.sm-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
.sm-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
.sm-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
.sm-text-indigo-100 { color: var(--quanta-indigo-100); }
.sm-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
.sm-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
.sm-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
.sm-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
.sm-text-indigo-200 { color: var(--quanta-indigo-200); }
.sm-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
.sm-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
.sm-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
.sm-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
.sm-text-indigo-300 { color: var(--quanta-indigo-300); }
.sm-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
.sm-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
.sm-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
.sm-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
.sm-text-indigo-400 { color: var(--quanta-indigo-400); }
.sm-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
.sm-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
.sm-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
.sm-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
.sm-text-indigo-500 { color: var(--quanta-indigo-500); }
.sm-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
.sm-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
.sm-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
.sm-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
.sm-text-indigo-600 { color: var(--quanta-indigo-600); }
.sm-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
.sm-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
.sm-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
.sm-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
.sm-text-indigo-700 { color: var(--quanta-indigo-700); }
.sm-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
.sm-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
.sm-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
.sm-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
.sm-text-indigo-800 { color: var(--quanta-indigo-800); }
.sm-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
.sm-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
.sm-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
.sm-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
.sm-text-indigo-900 { color: var(--quanta-indigo-900); }
.sm-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
.sm-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
.sm-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
.sm-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
.sm-text-yellow-50 { color: var(--quanta-yellow-50); }
.sm-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
.sm-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
.sm-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
.sm-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
.sm-text-yellow-100 { color: var(--quanta-yellow-100); }
.sm-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
.sm-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
.sm-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
.sm-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
.sm-text-yellow-200 { color: var(--quanta-yellow-200); }
.sm-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
.sm-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
.sm-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
.sm-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
.sm-text-yellow-300 { color: var(--quanta-yellow-300); }
.sm-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
.sm-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
.sm-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
.sm-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
.sm-text-yellow-400 { color: var(--quanta-yellow-400); }
.sm-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
.sm-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
.sm-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
.sm-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
.sm-text-yellow-500 { color: var(--quanta-yellow-500); }
.sm-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
.sm-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
.sm-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
.sm-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
.sm-text-yellow-600 { color: var(--quanta-yellow-600); }
.sm-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
.sm-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
.sm-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
.sm-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
.sm-text-yellow-700 { color: var(--quanta-yellow-700); }
.sm-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
.sm-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
.sm-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
.sm-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
.sm-text-yellow-800 { color: var(--quanta-yellow-800); }
.sm-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
.sm-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
.sm-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
.sm-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
.sm-text-yellow-900 { color: var(--quanta-yellow-900); }
.sm-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
.sm-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
.sm-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
.sm-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
.sm-text-pink-50 { color: var(--quanta-pink-50); }
.sm-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
.sm-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
.sm-active-text-pink-50:active { color: var(--quanta-pink-50); }
.sm-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
.sm-text-pink-100 { color: var(--quanta-pink-100); }
.sm-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
.sm-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
.sm-active-text-pink-100:active { color: var(--quanta-pink-100); }
.sm-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
.sm-text-pink-200 { color: var(--quanta-pink-200); }
.sm-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
.sm-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
.sm-active-text-pink-200:active { color: var(--quanta-pink-200); }
.sm-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
.sm-text-pink-300 { color: var(--quanta-pink-300); }
.sm-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
.sm-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
.sm-active-text-pink-300:active { color: var(--quanta-pink-300); }
.sm-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
.sm-text-pink-400 { color: var(--quanta-pink-400); }
.sm-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
.sm-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
.sm-active-text-pink-400:active { color: var(--quanta-pink-400); }
.sm-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
.sm-text-pink-500 { color: var(--quanta-pink-500); }
.sm-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
.sm-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
.sm-active-text-pink-500:active { color: var(--quanta-pink-500); }
.sm-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
.sm-text-pink-600 { color: var(--quanta-pink-600); }
.sm-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
.sm-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
.sm-active-text-pink-600:active { color: var(--quanta-pink-600); }
.sm-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
.sm-text-pink-700 { color: var(--quanta-pink-700); }
.sm-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
.sm-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
.sm-active-text-pink-700:active { color: var(--quanta-pink-700); }
.sm-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
.sm-text-pink-800 { color: var(--quanta-pink-800); }
.sm-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
.sm-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
.sm-active-text-pink-800:active { color: var(--quanta-pink-800); }
.sm-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
.sm-text-pink-900 { color: var(--quanta-pink-900); }
.sm-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
.sm-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
.sm-active-text-pink-900:active { color: var(--quanta-pink-900); }
.sm-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
.sm-text-grey-50 { color: var(--quanta-grey-50); }
.sm-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
.sm-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
.sm-active-text-grey-50:active { color: var(--quanta-grey-50); }
.sm-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
.sm-text-grey-100 { color: var(--quanta-grey-100); }
.sm-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
.sm-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
.sm-active-text-grey-100:active { color: var(--quanta-grey-100); }
.sm-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
.sm-text-grey-200 { color: var(--quanta-grey-200); }
.sm-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
.sm-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
.sm-active-text-grey-200:active { color: var(--quanta-grey-200); }
.sm-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
.sm-text-grey-300 { color: var(--quanta-grey-300); }
.sm-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
.sm-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
.sm-active-text-grey-300:active { color: var(--quanta-grey-300); }
.sm-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
.sm-text-grey-400 { color: var(--quanta-grey-400); }
.sm-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
.sm-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
.sm-active-text-grey-400:active { color: var(--quanta-grey-400); }
.sm-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
.sm-text-grey-500 { color: var(--quanta-grey-500); }
.sm-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
.sm-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
.sm-active-text-grey-500:active { color: var(--quanta-grey-500); }
.sm-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
.sm-text-grey-600 { color: var(--quanta-grey-600); }
.sm-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
.sm-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
.sm-active-text-grey-600:active { color: var(--quanta-grey-600); }
.sm-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
.sm-text-grey-700 { color: var(--quanta-grey-700); }
.sm-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
.sm-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
.sm-active-text-grey-700:active { color: var(--quanta-grey-700); }
.sm-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
.sm-text-grey-800 { color: var(--quanta-grey-800); }
.sm-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
.sm-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
.sm-active-text-grey-800:active { color: var(--quanta-grey-800); }
.sm-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
.sm-text-grey-900 { color: var(--quanta-grey-900); }
.sm-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
.sm-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
.sm-active-text-grey-900:active { color: var(--quanta-grey-900); }
.sm-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
.sm-text-lime-50 { color: var(--quanta-lime-50); }
.sm-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
.sm-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
.sm-active-text-lime-50:active { color: var(--quanta-lime-50); }
.sm-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
.sm-text-lime-100 { color: var(--quanta-lime-100); }
.sm-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
.sm-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
.sm-active-text-lime-100:active { color: var(--quanta-lime-100); }
.sm-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
.sm-text-lime-200 { color: var(--quanta-lime-200); }
.sm-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
.sm-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
.sm-active-text-lime-200:active { color: var(--quanta-lime-200); }
.sm-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
.sm-text-lime-300 { color: var(--quanta-lime-300); }
.sm-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
.sm-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
.sm-active-text-lime-300:active { color: var(--quanta-lime-300); }
.sm-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
.sm-text-lime-400 { color: var(--quanta-lime-400); }
.sm-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
.sm-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
.sm-active-text-lime-400:active { color: var(--quanta-lime-400); }
.sm-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
.sm-text-lime-500 { color: var(--quanta-lime-500); }
.sm-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
.sm-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
.sm-active-text-lime-500:active { color: var(--quanta-lime-500); }
.sm-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
.sm-text-lime-600 { color: var(--quanta-lime-600); }
.sm-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
.sm-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
.sm-active-text-lime-600:active { color: var(--quanta-lime-600); }
.sm-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
.sm-text-lime-700 { color: var(--quanta-lime-700); }
.sm-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
.sm-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
.sm-active-text-lime-700:active { color: var(--quanta-lime-700); }
.sm-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
.sm-text-lime-800 { color: var(--quanta-lime-800); }
.sm-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
.sm-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
.sm-active-text-lime-800:active { color: var(--quanta-lime-800); }
.sm-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
.sm-text-lime-900 { color: var(--quanta-lime-900); }
.sm-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
.sm-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
.sm-active-text-lime-900:active { color: var(--quanta-lime-900); }
.sm-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
.sm-text-cyan-50 { color: var(--quanta-cyan-50); }
.sm-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
.sm-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
.sm-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
.sm-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
.sm-text-cyan-100 { color: var(--quanta-cyan-100); }
.sm-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
.sm-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
.sm-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
.sm-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
.sm-text-cyan-200 { color: var(--quanta-cyan-200); }
.sm-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
.sm-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
.sm-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
.sm-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
.sm-text-cyan-300 { color: var(--quanta-cyan-300); }
.sm-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
.sm-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
.sm-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
.sm-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
.sm-text-cyan-400 { color: var(--quanta-cyan-400); }
.sm-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
.sm-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
.sm-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
.sm-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
.sm-text-cyan-500 { color: var(--quanta-cyan-500); }
.sm-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
.sm-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
.sm-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
.sm-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
.sm-text-cyan-600 { color: var(--quanta-cyan-600); }
.sm-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
.sm-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
.sm-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
.sm-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
.sm-text-cyan-700 { color: var(--quanta-cyan-700); }
.sm-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
.sm-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
.sm-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
.sm-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
.sm-text-cyan-800 { color: var(--quanta-cyan-800); }
.sm-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
.sm-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
.sm-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
.sm-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
.sm-text-cyan-900 { color: var(--quanta-cyan-900); }
.sm-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
.sm-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
.sm-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
.sm-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
.sm-text-sky-50 { color: var(--quanta-sky-50); }
.sm-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
.sm-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
.sm-active-text-sky-50:active { color: var(--quanta-sky-50); }
.sm-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
.sm-text-sky-100 { color: var(--quanta-sky-100); }
.sm-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
.sm-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
.sm-active-text-sky-100:active { color: var(--quanta-sky-100); }
.sm-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
.sm-text-sky-200 { color: var(--quanta-sky-200); }
.sm-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
.sm-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
.sm-active-text-sky-200:active { color: var(--quanta-sky-200); }
.sm-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
.sm-text-sky-300 { color: var(--quanta-sky-300); }
.sm-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
.sm-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
.sm-active-text-sky-300:active { color: var(--quanta-sky-300); }
.sm-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
.sm-text-sky-400 { color: var(--quanta-sky-400); }
.sm-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
.sm-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
.sm-active-text-sky-400:active { color: var(--quanta-sky-400); }
.sm-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
.sm-text-sky-500 { color: var(--quanta-sky-500); }
.sm-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
.sm-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
.sm-active-text-sky-500:active { color: var(--quanta-sky-500); }
.sm-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
.sm-text-sky-600 { color: var(--quanta-sky-600); }
.sm-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
.sm-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
.sm-active-text-sky-600:active { color: var(--quanta-sky-600); }
.sm-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
.sm-text-sky-700 { color: var(--quanta-sky-700); }
.sm-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
.sm-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
.sm-active-text-sky-700:active { color: var(--quanta-sky-700); }
.sm-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
.sm-text-sky-800 { color: var(--quanta-sky-800); }
.sm-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
.sm-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
.sm-active-text-sky-800:active { color: var(--quanta-sky-800); }
.sm-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
.sm-text-sky-900 { color: var(--quanta-sky-900); }
.sm-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
.sm-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
.sm-active-text-sky-900:active { color: var(--quanta-sky-900); }
.sm-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
.sm-text-violet-50 { color: var(--quanta-violet-50); }
.sm-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
.sm-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
.sm-active-text-violet-50:active { color: var(--quanta-violet-50); }
.sm-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
.sm-text-violet-100 { color: var(--quanta-violet-100); }
.sm-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
.sm-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
.sm-active-text-violet-100:active { color: var(--quanta-violet-100); }
.sm-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
.sm-text-violet-200 { color: var(--quanta-violet-200); }
.sm-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
.sm-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
.sm-active-text-violet-200:active { color: var(--quanta-violet-200); }
.sm-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
.sm-text-violet-300 { color: var(--quanta-violet-300); }
.sm-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
.sm-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
.sm-active-text-violet-300:active { color: var(--quanta-violet-300); }
.sm-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
.sm-text-violet-400 { color: var(--quanta-violet-400); }
.sm-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
.sm-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
.sm-active-text-violet-400:active { color: var(--quanta-violet-400); }
.sm-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
.sm-text-violet-500 { color: var(--quanta-violet-500); }
.sm-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
.sm-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
.sm-active-text-violet-500:active { color: var(--quanta-violet-500); }
.sm-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
.sm-text-violet-600 { color: var(--quanta-violet-600); }
.sm-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
.sm-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
.sm-active-text-violet-600:active { color: var(--quanta-violet-600); }
.sm-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
.sm-text-violet-700 { color: var(--quanta-violet-700); }
.sm-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
.sm-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
.sm-active-text-violet-700:active { color: var(--quanta-violet-700); }
.sm-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
.sm-text-violet-800 { color: var(--quanta-violet-800); }
.sm-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
.sm-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
.sm-active-text-violet-800:active { color: var(--quanta-violet-800); }
.sm-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
.sm-text-violet-900 { color: var(--quanta-violet-900); }
.sm-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
.sm-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
.sm-active-text-violet-900:active { color: var(--quanta-violet-900); }
.sm-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
.sm-text-rose-50 { color: var(--quanta-rose-50); }
.sm-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
.sm-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
.sm-active-text-rose-50:active { color: var(--quanta-rose-50); }
.sm-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
.sm-text-rose-100 { color: var(--quanta-rose-100); }
.sm-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
.sm-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
.sm-active-text-rose-100:active { color: var(--quanta-rose-100); }
.sm-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
.sm-text-rose-200 { color: var(--quanta-rose-200); }
.sm-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
.sm-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
.sm-active-text-rose-200:active { color: var(--quanta-rose-200); }
.sm-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
.sm-text-rose-300 { color: var(--quanta-rose-300); }
.sm-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
.sm-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
.sm-active-text-rose-300:active { color: var(--quanta-rose-300); }
.sm-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
.sm-text-rose-400 { color: var(--quanta-rose-400); }
.sm-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
.sm-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
.sm-active-text-rose-400:active { color: var(--quanta-rose-400); }
.sm-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
.sm-text-rose-500 { color: var(--quanta-rose-500); }
.sm-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
.sm-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
.sm-active-text-rose-500:active { color: var(--quanta-rose-500); }
.sm-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
.sm-text-rose-600 { color: var(--quanta-rose-600); }
.sm-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
.sm-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
.sm-active-text-rose-600:active { color: var(--quanta-rose-600); }
.sm-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
.sm-text-rose-700 { color: var(--quanta-rose-700); }
.sm-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
.sm-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
.sm-active-text-rose-700:active { color: var(--quanta-rose-700); }
.sm-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
.sm-text-rose-800 { color: var(--quanta-rose-800); }
.sm-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
.sm-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
.sm-active-text-rose-800:active { color: var(--quanta-rose-800); }
.sm-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
.sm-text-rose-900 { color: var(--quanta-rose-900); }
.sm-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
.sm-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
.sm-active-text-rose-900:active { color: var(--quanta-rose-900); }
.sm-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
.sm-text-slate-50 { color: var(--quanta-slate-50); }
.sm-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
.sm-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
.sm-active-text-slate-50:active { color: var(--quanta-slate-50); }
.sm-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
.sm-text-slate-100 { color: var(--quanta-slate-100); }
.sm-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
.sm-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
.sm-active-text-slate-100:active { color: var(--quanta-slate-100); }
.sm-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
.sm-text-slate-200 { color: var(--quanta-slate-200); }
.sm-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
.sm-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
.sm-active-text-slate-200:active { color: var(--quanta-slate-200); }
.sm-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
.sm-text-slate-300 { color: var(--quanta-slate-300); }
.sm-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
.sm-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
.sm-active-text-slate-300:active { color: var(--quanta-slate-300); }
.sm-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
.sm-text-slate-400 { color: var(--quanta-slate-400); }
.sm-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
.sm-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
.sm-active-text-slate-400:active { color: var(--quanta-slate-400); }
.sm-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
.sm-text-slate-500 { color: var(--quanta-slate-500); }
.sm-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
.sm-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
.sm-active-text-slate-500:active { color: var(--quanta-slate-500); }
.sm-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
.sm-text-slate-600 { color: var(--quanta-slate-600); }
.sm-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
.sm-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
.sm-active-text-slate-600:active { color: var(--quanta-slate-600); }
.sm-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
.sm-text-slate-700 { color: var(--quanta-slate-700); }
.sm-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
.sm-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
.sm-active-text-slate-700:active { color: var(--quanta-slate-700); }
.sm-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
.sm-text-slate-800 { color: var(--quanta-slate-800); }
.sm-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
.sm-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
.sm-active-text-slate-800:active { color: var(--quanta-slate-800); }
.sm-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
.sm-text-slate-900 { color: var(--quanta-slate-900); }
.sm-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
.sm-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
.sm-active-text-slate-900:active { color: var(--quanta-slate-900); }
.sm-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
.sm-text-blue-50 { color: var(--quanta-blue-50); }
.sm-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
.sm-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
.sm-active-text-blue-50:active { color: var(--quanta-blue-50); }
.sm-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
.sm-text-blue-100 { color: var(--quanta-blue-100); }
.sm-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
.sm-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
.sm-active-text-blue-100:active { color: var(--quanta-blue-100); }
.sm-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
.sm-text-blue-200 { color: var(--quanta-blue-200); }
.sm-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
.sm-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
.sm-active-text-blue-200:active { color: var(--quanta-blue-200); }
.sm-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
.sm-text-blue-300 { color: var(--quanta-blue-300); }
.sm-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
.sm-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
.sm-active-text-blue-300:active { color: var(--quanta-blue-300); }
.sm-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
.sm-text-blue-400 { color: var(--quanta-blue-400); }
.sm-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
.sm-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
.sm-active-text-blue-400:active { color: var(--quanta-blue-400); }
.sm-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
.sm-text-blue-500 { color: var(--quanta-blue-500); }
.sm-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
.sm-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
.sm-active-text-blue-500:active { color: var(--quanta-blue-500); }
.sm-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
.sm-text-blue-600 { color: var(--quanta-blue-600); }
.sm-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
.sm-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
.sm-active-text-blue-600:active { color: var(--quanta-blue-600); }
.sm-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
.sm-text-blue-700 { color: var(--quanta-blue-700); }
.sm-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
.sm-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
.sm-active-text-blue-700:active { color: var(--quanta-blue-700); }
.sm-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
.sm-text-blue-800 { color: var(--quanta-blue-800); }
.sm-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
.sm-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
.sm-active-text-blue-800:active { color: var(--quanta-blue-800); }
.sm-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
.sm-text-blue-900 { color: var(--quanta-blue-900); }
.sm-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
.sm-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
.sm-active-text-blue-900:active { color: var(--quanta-blue-900); }
.sm-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
.sm-text-green-50 { color: var(--quanta-green-50); }
.sm-hover-text-green-50:hover { color: var(--quanta-green-50); }
.sm-focus-text-green-50:focus { color: var(--quanta-green-50); }
.sm-active-text-green-50:active { color: var(--quanta-green-50); }
.sm-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
.sm-text-green-100 { color: var(--quanta-green-100); }
.sm-hover-text-green-100:hover { color: var(--quanta-green-100); }
.sm-focus-text-green-100:focus { color: var(--quanta-green-100); }
.sm-active-text-green-100:active { color: var(--quanta-green-100); }
.sm-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
.sm-text-green-200 { color: var(--quanta-green-200); }
.sm-hover-text-green-200:hover { color: var(--quanta-green-200); }
.sm-focus-text-green-200:focus { color: var(--quanta-green-200); }
.sm-active-text-green-200:active { color: var(--quanta-green-200); }
.sm-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
.sm-text-green-300 { color: var(--quanta-green-300); }
.sm-hover-text-green-300:hover { color: var(--quanta-green-300); }
.sm-focus-text-green-300:focus { color: var(--quanta-green-300); }
.sm-active-text-green-300:active { color: var(--quanta-green-300); }
.sm-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
.sm-text-green-400 { color: var(--quanta-green-400); }
.sm-hover-text-green-400:hover { color: var(--quanta-green-400); }
.sm-focus-text-green-400:focus { color: var(--quanta-green-400); }
.sm-active-text-green-400:active { color: var(--quanta-green-400); }
.sm-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
.sm-text-green-500 { color: var(--quanta-green-500); }
.sm-hover-text-green-500:hover { color: var(--quanta-green-500); }
.sm-focus-text-green-500:focus { color: var(--quanta-green-500); }
.sm-active-text-green-500:active { color: var(--quanta-green-500); }
.sm-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
.sm-text-green-600 { color: var(--quanta-green-600); }
.sm-hover-text-green-600:hover { color: var(--quanta-green-600); }
.sm-focus-text-green-600:focus { color: var(--quanta-green-600); }
.sm-active-text-green-600:active { color: var(--quanta-green-600); }
.sm-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
.sm-text-green-700 { color: var(--quanta-green-700); }
.sm-hover-text-green-700:hover { color: var(--quanta-green-700); }
.sm-focus-text-green-700:focus { color: var(--quanta-green-700); }
.sm-active-text-green-700:active { color: var(--quanta-green-700); }
.sm-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
.sm-text-green-800 { color: var(--quanta-green-800); }
.sm-hover-text-green-800:hover { color: var(--quanta-green-800); }
.sm-focus-text-green-800:focus { color: var(--quanta-green-800); }
.sm-active-text-green-800:active { color: var(--quanta-green-800); }
.sm-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
.sm-text-green-900 { color: var(--quanta-green-900); }
.sm-hover-text-green-900:hover { color: var(--quanta-green-900); }
.sm-focus-text-green-900:focus { color: var(--quanta-green-900); }
.sm-active-text-green-900:active { color: var(--quanta-green-900); }
.sm-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
.sm-bg-red-50 { background-color: var(--quanta-red-50); }
.sm-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
.sm-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
.sm-active-bg-red-50:active { background-color: var(--quanta-red-50); }
.sm-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
.sm-bg-red-100 { background-color: var(--quanta-red-100); }
.sm-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
.sm-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
.sm-active-bg-red-100:active { background-color: var(--quanta-red-100); }
.sm-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
.sm-bg-red-200 { background-color: var(--quanta-red-200); }
.sm-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
.sm-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
.sm-active-bg-red-200:active { background-color: var(--quanta-red-200); }
.sm-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
.sm-bg-red-300 { background-color: var(--quanta-red-300); }
.sm-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
.sm-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
.sm-active-bg-red-300:active { background-color: var(--quanta-red-300); }
.sm-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
.sm-bg-red-400 { background-color: var(--quanta-red-400); }
.sm-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
.sm-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
.sm-active-bg-red-400:active { background-color: var(--quanta-red-400); }
.sm-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
.sm-bg-red-500 { background-color: var(--quanta-red-500); }
.sm-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
.sm-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
.sm-active-bg-red-500:active { background-color: var(--quanta-red-500); }
.sm-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
.sm-bg-red-600 { background-color: var(--quanta-red-600); }
.sm-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
.sm-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
.sm-active-bg-red-600:active { background-color: var(--quanta-red-600); }
.sm-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
.sm-bg-red-700 { background-color: var(--quanta-red-700); }
.sm-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
.sm-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
.sm-active-bg-red-700:active { background-color: var(--quanta-red-700); }
.sm-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
.sm-bg-red-800 { background-color: var(--quanta-red-800); }
.sm-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
.sm-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
.sm-active-bg-red-800:active { background-color: var(--quanta-red-800); }
.sm-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
.sm-bg-red-900 { background-color: var(--quanta-red-900); }
.sm-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
.sm-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
.sm-active-bg-red-900:active { background-color: var(--quanta-red-900); }
.sm-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
.sm-bg-orange-50 { background-color: var(--quanta-orange-50); }
.sm-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
.sm-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
.sm-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
.sm-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
.sm-bg-orange-100 { background-color: var(--quanta-orange-100); }
.sm-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
.sm-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
.sm-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
.sm-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
.sm-bg-orange-200 { background-color: var(--quanta-orange-200); }
.sm-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
.sm-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
.sm-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
.sm-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
.sm-bg-orange-300 { background-color: var(--quanta-orange-300); }
.sm-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
.sm-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
.sm-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
.sm-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
.sm-bg-orange-400 { background-color: var(--quanta-orange-400); }
.sm-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
.sm-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
.sm-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
.sm-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
.sm-bg-orange-500 { background-color: var(--quanta-orange-500); }
.sm-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
.sm-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
.sm-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
.sm-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
.sm-bg-orange-600 { background-color: var(--quanta-orange-600); }
.sm-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
.sm-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
.sm-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
.sm-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
.sm-bg-orange-700 { background-color: var(--quanta-orange-700); }
.sm-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
.sm-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
.sm-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
.sm-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
.sm-bg-orange-800 { background-color: var(--quanta-orange-800); }
.sm-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
.sm-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
.sm-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
.sm-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
.sm-bg-orange-900 { background-color: var(--quanta-orange-900); }
.sm-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
.sm-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
.sm-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
.sm-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
.sm-bg-teal-50 { background-color: var(--quanta-teal-50); }
.sm-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
.sm-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
.sm-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
.sm-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
.sm-bg-teal-100 { background-color: var(--quanta-teal-100); }
.sm-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
.sm-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
.sm-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
.sm-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
.sm-bg-teal-200 { background-color: var(--quanta-teal-200); }
.sm-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
.sm-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
.sm-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
.sm-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
.sm-bg-teal-300 { background-color: var(--quanta-teal-300); }
.sm-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
.sm-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
.sm-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
.sm-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
.sm-bg-teal-400 { background-color: var(--quanta-teal-400); }
.sm-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
.sm-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
.sm-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
.sm-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
.sm-bg-teal-500 { background-color: var(--quanta-teal-500); }
.sm-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
.sm-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
.sm-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
.sm-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
.sm-bg-teal-600 { background-color: var(--quanta-teal-600); }
.sm-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
.sm-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
.sm-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
.sm-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
.sm-bg-teal-700 { background-color: var(--quanta-teal-700); }
.sm-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
.sm-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
.sm-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
.sm-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
.sm-bg-teal-800 { background-color: var(--quanta-teal-800); }
.sm-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
.sm-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
.sm-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
.sm-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
.sm-bg-teal-900 { background-color: var(--quanta-teal-900); }
.sm-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
.sm-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
.sm-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
.sm-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
.sm-bg-purple-50 { background-color: var(--quanta-purple-50); }
.sm-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
.sm-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
.sm-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
.sm-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
.sm-bg-purple-100 { background-color: var(--quanta-purple-100); }
.sm-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
.sm-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
.sm-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
.sm-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
.sm-bg-purple-200 { background-color: var(--quanta-purple-200); }
.sm-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
.sm-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
.sm-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
.sm-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
.sm-bg-purple-300 { background-color: var(--quanta-purple-300); }
.sm-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
.sm-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
.sm-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
.sm-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
.sm-bg-purple-400 { background-color: var(--quanta-purple-400); }
.sm-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
.sm-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
.sm-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
.sm-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
.sm-bg-purple-500 { background-color: var(--quanta-purple-500); }
.sm-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
.sm-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
.sm-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
.sm-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
.sm-bg-purple-600 { background-color: var(--quanta-purple-600); }
.sm-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
.sm-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
.sm-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
.sm-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
.sm-bg-purple-700 { background-color: var(--quanta-purple-700); }
.sm-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
.sm-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
.sm-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
.sm-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
.sm-bg-purple-800 { background-color: var(--quanta-purple-800); }
.sm-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
.sm-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
.sm-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
.sm-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
.sm-bg-purple-900 { background-color: var(--quanta-purple-900); }
.sm-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
.sm-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
.sm-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
.sm-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
.sm-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
.sm-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
.sm-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
.sm-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
.sm-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
.sm-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.sm-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
.sm-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
.sm-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
.sm-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
.sm-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.sm-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
.sm-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
.sm-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
.sm-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
.sm-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.sm-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
.sm-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
.sm-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
.sm-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
.sm-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.sm-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
.sm-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
.sm-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
.sm-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
.sm-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.sm-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
.sm-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
.sm-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
.sm-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
.sm-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.sm-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
.sm-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
.sm-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
.sm-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
.sm-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.sm-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
.sm-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
.sm-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
.sm-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
.sm-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.sm-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
.sm-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
.sm-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
.sm-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
.sm-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
.sm-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
.sm-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
.sm-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
.sm-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
.sm-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
.sm-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
.sm-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
.sm-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
.sm-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
.sm-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.sm-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
.sm-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
.sm-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
.sm-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
.sm-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.sm-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
.sm-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
.sm-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
.sm-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
.sm-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.sm-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
.sm-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
.sm-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
.sm-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
.sm-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.sm-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
.sm-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
.sm-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
.sm-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
.sm-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.sm-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
.sm-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
.sm-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
.sm-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
.sm-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.sm-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
.sm-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
.sm-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
.sm-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
.sm-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.sm-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
.sm-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
.sm-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
.sm-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
.sm-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.sm-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
.sm-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
.sm-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
.sm-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
.sm-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
.sm-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
.sm-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
.sm-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
.sm-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
.sm-bg-pink-50 { background-color: var(--quanta-pink-50); }
.sm-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
.sm-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
.sm-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
.sm-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
.sm-bg-pink-100 { background-color: var(--quanta-pink-100); }
.sm-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
.sm-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
.sm-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
.sm-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
.sm-bg-pink-200 { background-color: var(--quanta-pink-200); }
.sm-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
.sm-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
.sm-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
.sm-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
.sm-bg-pink-300 { background-color: var(--quanta-pink-300); }
.sm-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
.sm-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
.sm-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
.sm-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
.sm-bg-pink-400 { background-color: var(--quanta-pink-400); }
.sm-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
.sm-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
.sm-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
.sm-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
.sm-bg-pink-500 { background-color: var(--quanta-pink-500); }
.sm-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
.sm-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
.sm-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
.sm-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
.sm-bg-pink-600 { background-color: var(--quanta-pink-600); }
.sm-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
.sm-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
.sm-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
.sm-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
.sm-bg-pink-700 { background-color: var(--quanta-pink-700); }
.sm-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
.sm-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
.sm-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
.sm-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
.sm-bg-pink-800 { background-color: var(--quanta-pink-800); }
.sm-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
.sm-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
.sm-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
.sm-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
.sm-bg-pink-900 { background-color: var(--quanta-pink-900); }
.sm-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
.sm-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
.sm-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
.sm-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
.sm-bg-grey-50 { background-color: var(--quanta-grey-50); }
.sm-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
.sm-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
.sm-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
.sm-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
.sm-bg-grey-100 { background-color: var(--quanta-grey-100); }
.sm-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
.sm-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
.sm-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
.sm-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
.sm-bg-grey-200 { background-color: var(--quanta-grey-200); }
.sm-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
.sm-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
.sm-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
.sm-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
.sm-bg-grey-300 { background-color: var(--quanta-grey-300); }
.sm-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
.sm-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
.sm-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
.sm-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
.sm-bg-grey-400 { background-color: var(--quanta-grey-400); }
.sm-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
.sm-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
.sm-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
.sm-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
.sm-bg-grey-500 { background-color: var(--quanta-grey-500); }
.sm-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
.sm-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
.sm-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
.sm-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
.sm-bg-grey-600 { background-color: var(--quanta-grey-600); }
.sm-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
.sm-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
.sm-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
.sm-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
.sm-bg-grey-700 { background-color: var(--quanta-grey-700); }
.sm-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
.sm-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
.sm-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
.sm-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
.sm-bg-grey-800 { background-color: var(--quanta-grey-800); }
.sm-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
.sm-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
.sm-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
.sm-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
.sm-bg-grey-900 { background-color: var(--quanta-grey-900); }
.sm-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
.sm-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
.sm-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
.sm-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
.sm-bg-lime-50 { background-color: var(--quanta-lime-50); }
.sm-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
.sm-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
.sm-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
.sm-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
.sm-bg-lime-100 { background-color: var(--quanta-lime-100); }
.sm-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
.sm-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
.sm-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
.sm-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
.sm-bg-lime-200 { background-color: var(--quanta-lime-200); }
.sm-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
.sm-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
.sm-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
.sm-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
.sm-bg-lime-300 { background-color: var(--quanta-lime-300); }
.sm-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
.sm-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
.sm-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
.sm-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
.sm-bg-lime-400 { background-color: var(--quanta-lime-400); }
.sm-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
.sm-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
.sm-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
.sm-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
.sm-bg-lime-500 { background-color: var(--quanta-lime-500); }
.sm-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
.sm-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
.sm-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
.sm-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
.sm-bg-lime-600 { background-color: var(--quanta-lime-600); }
.sm-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
.sm-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
.sm-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
.sm-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
.sm-bg-lime-700 { background-color: var(--quanta-lime-700); }
.sm-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
.sm-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
.sm-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
.sm-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
.sm-bg-lime-800 { background-color: var(--quanta-lime-800); }
.sm-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
.sm-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
.sm-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
.sm-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
.sm-bg-lime-900 { background-color: var(--quanta-lime-900); }
.sm-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
.sm-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
.sm-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
.sm-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
.sm-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
.sm-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
.sm-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
.sm-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
.sm-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
.sm-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.sm-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
.sm-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
.sm-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
.sm-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
.sm-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.sm-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
.sm-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
.sm-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
.sm-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
.sm-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.sm-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
.sm-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
.sm-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
.sm-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
.sm-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.sm-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
.sm-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
.sm-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
.sm-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
.sm-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.sm-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
.sm-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
.sm-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
.sm-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
.sm-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.sm-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
.sm-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
.sm-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
.sm-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
.sm-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.sm-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
.sm-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
.sm-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
.sm-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
.sm-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.sm-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
.sm-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
.sm-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
.sm-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
.sm-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
.sm-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
.sm-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
.sm-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
.sm-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
.sm-bg-sky-50 { background-color: var(--quanta-sky-50); }
.sm-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
.sm-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
.sm-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
.sm-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
.sm-bg-sky-100 { background-color: var(--quanta-sky-100); }
.sm-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
.sm-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
.sm-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
.sm-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
.sm-bg-sky-200 { background-color: var(--quanta-sky-200); }
.sm-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
.sm-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
.sm-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
.sm-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
.sm-bg-sky-300 { background-color: var(--quanta-sky-300); }
.sm-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
.sm-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
.sm-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
.sm-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
.sm-bg-sky-400 { background-color: var(--quanta-sky-400); }
.sm-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
.sm-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
.sm-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
.sm-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
.sm-bg-sky-500 { background-color: var(--quanta-sky-500); }
.sm-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
.sm-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
.sm-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
.sm-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
.sm-bg-sky-600 { background-color: var(--quanta-sky-600); }
.sm-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
.sm-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
.sm-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
.sm-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
.sm-bg-sky-700 { background-color: var(--quanta-sky-700); }
.sm-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
.sm-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
.sm-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
.sm-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
.sm-bg-sky-800 { background-color: var(--quanta-sky-800); }
.sm-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
.sm-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
.sm-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
.sm-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
.sm-bg-sky-900 { background-color: var(--quanta-sky-900); }
.sm-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
.sm-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
.sm-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
.sm-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
.sm-bg-violet-50 { background-color: var(--quanta-violet-50); }
.sm-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
.sm-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
.sm-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
.sm-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
.sm-bg-violet-100 { background-color: var(--quanta-violet-100); }
.sm-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
.sm-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
.sm-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
.sm-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
.sm-bg-violet-200 { background-color: var(--quanta-violet-200); }
.sm-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
.sm-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
.sm-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
.sm-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
.sm-bg-violet-300 { background-color: var(--quanta-violet-300); }
.sm-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
.sm-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
.sm-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
.sm-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
.sm-bg-violet-400 { background-color: var(--quanta-violet-400); }
.sm-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
.sm-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
.sm-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
.sm-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
.sm-bg-violet-500 { background-color: var(--quanta-violet-500); }
.sm-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
.sm-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
.sm-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
.sm-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
.sm-bg-violet-600 { background-color: var(--quanta-violet-600); }
.sm-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
.sm-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
.sm-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
.sm-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
.sm-bg-violet-700 { background-color: var(--quanta-violet-700); }
.sm-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
.sm-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
.sm-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
.sm-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
.sm-bg-violet-800 { background-color: var(--quanta-violet-800); }
.sm-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
.sm-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
.sm-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
.sm-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
.sm-bg-violet-900 { background-color: var(--quanta-violet-900); }
.sm-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
.sm-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
.sm-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
.sm-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
.sm-bg-rose-50 { background-color: var(--quanta-rose-50); }
.sm-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
.sm-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
.sm-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
.sm-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
.sm-bg-rose-100 { background-color: var(--quanta-rose-100); }
.sm-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
.sm-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
.sm-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
.sm-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
.sm-bg-rose-200 { background-color: var(--quanta-rose-200); }
.sm-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
.sm-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
.sm-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
.sm-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
.sm-bg-rose-300 { background-color: var(--quanta-rose-300); }
.sm-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
.sm-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
.sm-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
.sm-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
.sm-bg-rose-400 { background-color: var(--quanta-rose-400); }
.sm-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
.sm-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
.sm-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
.sm-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
.sm-bg-rose-500 { background-color: var(--quanta-rose-500); }
.sm-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
.sm-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
.sm-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
.sm-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
.sm-bg-rose-600 { background-color: var(--quanta-rose-600); }
.sm-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
.sm-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
.sm-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
.sm-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
.sm-bg-rose-700 { background-color: var(--quanta-rose-700); }
.sm-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
.sm-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
.sm-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
.sm-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
.sm-bg-rose-800 { background-color: var(--quanta-rose-800); }
.sm-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
.sm-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
.sm-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
.sm-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
.sm-bg-rose-900 { background-color: var(--quanta-rose-900); }
.sm-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
.sm-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
.sm-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
.sm-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
.sm-bg-slate-50 { background-color: var(--quanta-slate-50); }
.sm-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
.sm-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
.sm-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
.sm-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
.sm-bg-slate-100 { background-color: var(--quanta-slate-100); }
.sm-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
.sm-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
.sm-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
.sm-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
.sm-bg-slate-200 { background-color: var(--quanta-slate-200); }
.sm-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
.sm-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
.sm-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
.sm-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
.sm-bg-slate-300 { background-color: var(--quanta-slate-300); }
.sm-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
.sm-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
.sm-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
.sm-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
.sm-bg-slate-400 { background-color: var(--quanta-slate-400); }
.sm-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
.sm-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
.sm-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
.sm-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
.sm-bg-slate-500 { background-color: var(--quanta-slate-500); }
.sm-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
.sm-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
.sm-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
.sm-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
.sm-bg-slate-600 { background-color: var(--quanta-slate-600); }
.sm-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
.sm-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
.sm-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
.sm-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
.sm-bg-slate-700 { background-color: var(--quanta-slate-700); }
.sm-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
.sm-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
.sm-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
.sm-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
.sm-bg-slate-800 { background-color: var(--quanta-slate-800); }
.sm-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
.sm-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
.sm-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
.sm-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
.sm-bg-slate-900 { background-color: var(--quanta-slate-900); }
.sm-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
.sm-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
.sm-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
.sm-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
.sm-bg-blue-50 { background-color: var(--quanta-blue-50); }
.sm-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
.sm-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
.sm-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
.sm-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
.sm-bg-blue-100 { background-color: var(--quanta-blue-100); }
.sm-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
.sm-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
.sm-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
.sm-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
.sm-bg-blue-200 { background-color: var(--quanta-blue-200); }
.sm-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
.sm-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
.sm-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
.sm-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
.sm-bg-blue-300 { background-color: var(--quanta-blue-300); }
.sm-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
.sm-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
.sm-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
.sm-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
.sm-bg-blue-400 { background-color: var(--quanta-blue-400); }
.sm-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
.sm-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
.sm-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
.sm-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
.sm-bg-blue-500 { background-color: var(--quanta-blue-500); }
.sm-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
.sm-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
.sm-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
.sm-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
.sm-bg-blue-600 { background-color: var(--quanta-blue-600); }
.sm-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
.sm-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
.sm-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
.sm-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
.sm-bg-blue-700 { background-color: var(--quanta-blue-700); }
.sm-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
.sm-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
.sm-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
.sm-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
.sm-bg-blue-800 { background-color: var(--quanta-blue-800); }
.sm-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
.sm-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
.sm-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
.sm-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
.sm-bg-blue-900 { background-color: var(--quanta-blue-900); }
.sm-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
.sm-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
.sm-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
.sm-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
.sm-bg-green-50 { background-color: var(--quanta-green-50); }
.sm-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
.sm-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
.sm-active-bg-green-50:active { background-color: var(--quanta-green-50); }
.sm-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
.sm-bg-green-100 { background-color: var(--quanta-green-100); }
.sm-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
.sm-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
.sm-active-bg-green-100:active { background-color: var(--quanta-green-100); }
.sm-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
.sm-bg-green-200 { background-color: var(--quanta-green-200); }
.sm-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
.sm-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
.sm-active-bg-green-200:active { background-color: var(--quanta-green-200); }
.sm-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
.sm-bg-green-300 { background-color: var(--quanta-green-300); }
.sm-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
.sm-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
.sm-active-bg-green-300:active { background-color: var(--quanta-green-300); }
.sm-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
.sm-bg-green-400 { background-color: var(--quanta-green-400); }
.sm-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
.sm-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
.sm-active-bg-green-400:active { background-color: var(--quanta-green-400); }
.sm-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
.sm-bg-green-500 { background-color: var(--quanta-green-500); }
.sm-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
.sm-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
.sm-active-bg-green-500:active { background-color: var(--quanta-green-500); }
.sm-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
.sm-bg-green-600 { background-color: var(--quanta-green-600); }
.sm-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
.sm-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
.sm-active-bg-green-600:active { background-color: var(--quanta-green-600); }
.sm-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
.sm-bg-green-700 { background-color: var(--quanta-green-700); }
.sm-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
.sm-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
.sm-active-bg-green-700:active { background-color: var(--quanta-green-700); }
.sm-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
.sm-bg-green-800 { background-color: var(--quanta-green-800); }
.sm-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
.sm-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
.sm-active-bg-green-800:active { background-color: var(--quanta-green-800); }
.sm-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
.sm-bg-green-900 { background-color: var(--quanta-green-900); }
.sm-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
.sm-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
.sm-active-bg-green-900:active { background-color: var(--quanta-green-900); }
.sm-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
.sm-bg-black { background-color: var(--black); }
.sm-hover-bg-black:hover { background-color: var(--black); }
.sm-focus-bg-black:focus { background-color: var(--black); }
.sm-active-bg-black:active { background-color: var(--black); }
.sm-disabled-bg-black:disabled { background-color: var(--black); }
.sm-bg-white { background-color: var(--white); }
.sm-hover-bg-white:hover { background-color: var(--white); }
.sm-focus-bg-white:focus { background-color: var(--white); }
.sm-active-bg-white:active { background-color: var(--white); }
.sm-disabled-bg-white:disabled { background-color: var(--white); }
.sm-border-red-50 { border-color: var(--quanta-red-50); }
.sm-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
.sm-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
.sm-active-border-red-50:active { border-color: var(--quanta-red-50); }
.sm-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
.sm-border-red-100 { border-color: var(--quanta-red-100); }
.sm-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
.sm-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
.sm-active-border-red-100:active { border-color: var(--quanta-red-100); }
.sm-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
.sm-border-red-200 { border-color: var(--quanta-red-200); }
.sm-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
.sm-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
.sm-active-border-red-200:active { border-color: var(--quanta-red-200); }
.sm-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
.sm-border-red-300 { border-color: var(--quanta-red-300); }
.sm-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
.sm-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
.sm-active-border-red-300:active { border-color: var(--quanta-red-300); }
.sm-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
.sm-border-red-400 { border-color: var(--quanta-red-400); }
.sm-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
.sm-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
.sm-active-border-red-400:active { border-color: var(--quanta-red-400); }
.sm-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
.sm-border-red-500 { border-color: var(--quanta-red-500); }
.sm-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
.sm-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
.sm-active-border-red-500:active { border-color: var(--quanta-red-500); }
.sm-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
.sm-border-red-600 { border-color: var(--quanta-red-600); }
.sm-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
.sm-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
.sm-active-border-red-600:active { border-color: var(--quanta-red-600); }
.sm-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
.sm-border-red-700 { border-color: var(--quanta-red-700); }
.sm-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
.sm-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
.sm-active-border-red-700:active { border-color: var(--quanta-red-700); }
.sm-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
.sm-border-red-800 { border-color: var(--quanta-red-800); }
.sm-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
.sm-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
.sm-active-border-red-800:active { border-color: var(--quanta-red-800); }
.sm-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
.sm-border-red-900 { border-color: var(--quanta-red-900); }
.sm-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
.sm-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
.sm-active-border-red-900:active { border-color: var(--quanta-red-900); }
.sm-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
.sm-border-orange-50 { border-color: var(--quanta-orange-50); }
.sm-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
.sm-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
.sm-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
.sm-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
.sm-border-orange-100 { border-color: var(--quanta-orange-100); }
.sm-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
.sm-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
.sm-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
.sm-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
.sm-border-orange-200 { border-color: var(--quanta-orange-200); }
.sm-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
.sm-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
.sm-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
.sm-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
.sm-border-orange-300 { border-color: var(--quanta-orange-300); }
.sm-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
.sm-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
.sm-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
.sm-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
.sm-border-orange-400 { border-color: var(--quanta-orange-400); }
.sm-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
.sm-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
.sm-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
.sm-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
.sm-border-orange-500 { border-color: var(--quanta-orange-500); }
.sm-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
.sm-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
.sm-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
.sm-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
.sm-border-orange-600 { border-color: var(--quanta-orange-600); }
.sm-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
.sm-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
.sm-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
.sm-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
.sm-border-orange-700 { border-color: var(--quanta-orange-700); }
.sm-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
.sm-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
.sm-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
.sm-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
.sm-border-orange-800 { border-color: var(--quanta-orange-800); }
.sm-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
.sm-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
.sm-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
.sm-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
.sm-border-orange-900 { border-color: var(--quanta-orange-900); }
.sm-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
.sm-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
.sm-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
.sm-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
.sm-border-teal-50 { border-color: var(--quanta-teal-50); }
.sm-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
.sm-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
.sm-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
.sm-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
.sm-border-teal-100 { border-color: var(--quanta-teal-100); }
.sm-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
.sm-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
.sm-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
.sm-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
.sm-border-teal-200 { border-color: var(--quanta-teal-200); }
.sm-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
.sm-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
.sm-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
.sm-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
.sm-border-teal-300 { border-color: var(--quanta-teal-300); }
.sm-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
.sm-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
.sm-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
.sm-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
.sm-border-teal-400 { border-color: var(--quanta-teal-400); }
.sm-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
.sm-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
.sm-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
.sm-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
.sm-border-teal-500 { border-color: var(--quanta-teal-500); }
.sm-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
.sm-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
.sm-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
.sm-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
.sm-border-teal-600 { border-color: var(--quanta-teal-600); }
.sm-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
.sm-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
.sm-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
.sm-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
.sm-border-teal-700 { border-color: var(--quanta-teal-700); }
.sm-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
.sm-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
.sm-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
.sm-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
.sm-border-teal-800 { border-color: var(--quanta-teal-800); }
.sm-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
.sm-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
.sm-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
.sm-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
.sm-border-teal-900 { border-color: var(--quanta-teal-900); }
.sm-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
.sm-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
.sm-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
.sm-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
.sm-border-purple-50 { border-color: var(--quanta-purple-50); }
.sm-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
.sm-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
.sm-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
.sm-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
.sm-border-purple-100 { border-color: var(--quanta-purple-100); }
.sm-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
.sm-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
.sm-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
.sm-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
.sm-border-purple-200 { border-color: var(--quanta-purple-200); }
.sm-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
.sm-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
.sm-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
.sm-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
.sm-border-purple-300 { border-color: var(--quanta-purple-300); }
.sm-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
.sm-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
.sm-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
.sm-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
.sm-border-purple-400 { border-color: var(--quanta-purple-400); }
.sm-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
.sm-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
.sm-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
.sm-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
.sm-border-purple-500 { border-color: var(--quanta-purple-500); }
.sm-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
.sm-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
.sm-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
.sm-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
.sm-border-purple-600 { border-color: var(--quanta-purple-600); }
.sm-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
.sm-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
.sm-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
.sm-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
.sm-border-purple-700 { border-color: var(--quanta-purple-700); }
.sm-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
.sm-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
.sm-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
.sm-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
.sm-border-purple-800 { border-color: var(--quanta-purple-800); }
.sm-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
.sm-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
.sm-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
.sm-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
.sm-border-purple-900 { border-color: var(--quanta-purple-900); }
.sm-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
.sm-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
.sm-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
.sm-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
.sm-border-indigo-50 { border-color: var(--quanta-indigo-50); }
.sm-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
.sm-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
.sm-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
.sm-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
.sm-border-indigo-100 { border-color: var(--quanta-indigo-100); }
.sm-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
.sm-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
.sm-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
.sm-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
.sm-border-indigo-200 { border-color: var(--quanta-indigo-200); }
.sm-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
.sm-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
.sm-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
.sm-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
.sm-border-indigo-300 { border-color: var(--quanta-indigo-300); }
.sm-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
.sm-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
.sm-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
.sm-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
.sm-border-indigo-400 { border-color: var(--quanta-indigo-400); }
.sm-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
.sm-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
.sm-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
.sm-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
.sm-border-indigo-500 { border-color: var(--quanta-indigo-500); }
.sm-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
.sm-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
.sm-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
.sm-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
.sm-border-indigo-600 { border-color: var(--quanta-indigo-600); }
.sm-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
.sm-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
.sm-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
.sm-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
.sm-border-indigo-700 { border-color: var(--quanta-indigo-700); }
.sm-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
.sm-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
.sm-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
.sm-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
.sm-border-indigo-800 { border-color: var(--quanta-indigo-800); }
.sm-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
.sm-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
.sm-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
.sm-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
.sm-border-indigo-900 { border-color: var(--quanta-indigo-900); }
.sm-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
.sm-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
.sm-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
.sm-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
.sm-border-yellow-50 { border-color: var(--quanta-yellow-50); }
.sm-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
.sm-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
.sm-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
.sm-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
.sm-border-yellow-100 { border-color: var(--quanta-yellow-100); }
.sm-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
.sm-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
.sm-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
.sm-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
.sm-border-yellow-200 { border-color: var(--quanta-yellow-200); }
.sm-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
.sm-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
.sm-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
.sm-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
.sm-border-yellow-300 { border-color: var(--quanta-yellow-300); }
.sm-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
.sm-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
.sm-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
.sm-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
.sm-border-yellow-400 { border-color: var(--quanta-yellow-400); }
.sm-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
.sm-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
.sm-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
.sm-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
.sm-border-yellow-500 { border-color: var(--quanta-yellow-500); }
.sm-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
.sm-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
.sm-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
.sm-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
.sm-border-yellow-600 { border-color: var(--quanta-yellow-600); }
.sm-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
.sm-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
.sm-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
.sm-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
.sm-border-yellow-700 { border-color: var(--quanta-yellow-700); }
.sm-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
.sm-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
.sm-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
.sm-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
.sm-border-yellow-800 { border-color: var(--quanta-yellow-800); }
.sm-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
.sm-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
.sm-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
.sm-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
.sm-border-yellow-900 { border-color: var(--quanta-yellow-900); }
.sm-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
.sm-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
.sm-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
.sm-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
.sm-border-pink-50 { border-color: var(--quanta-pink-50); }
.sm-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
.sm-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
.sm-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
.sm-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
.sm-border-pink-100 { border-color: var(--quanta-pink-100); }
.sm-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
.sm-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
.sm-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
.sm-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
.sm-border-pink-200 { border-color: var(--quanta-pink-200); }
.sm-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
.sm-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
.sm-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
.sm-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
.sm-border-pink-300 { border-color: var(--quanta-pink-300); }
.sm-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
.sm-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
.sm-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
.sm-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
.sm-border-pink-400 { border-color: var(--quanta-pink-400); }
.sm-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
.sm-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
.sm-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
.sm-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
.sm-border-pink-500 { border-color: var(--quanta-pink-500); }
.sm-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
.sm-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
.sm-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
.sm-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
.sm-border-pink-600 { border-color: var(--quanta-pink-600); }
.sm-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
.sm-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
.sm-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
.sm-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
.sm-border-pink-700 { border-color: var(--quanta-pink-700); }
.sm-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
.sm-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
.sm-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
.sm-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
.sm-border-pink-800 { border-color: var(--quanta-pink-800); }
.sm-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
.sm-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
.sm-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
.sm-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
.sm-border-pink-900 { border-color: var(--quanta-pink-900); }
.sm-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
.sm-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
.sm-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
.sm-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
.sm-border-grey-50 { border-color: var(--quanta-grey-50); }
.sm-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
.sm-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
.sm-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
.sm-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
.sm-border-grey-100 { border-color: var(--quanta-grey-100); }
.sm-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
.sm-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
.sm-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
.sm-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
.sm-border-grey-200 { border-color: var(--quanta-grey-200); }
.sm-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
.sm-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
.sm-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
.sm-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
.sm-border-grey-300 { border-color: var(--quanta-grey-300); }
.sm-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
.sm-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
.sm-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
.sm-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
.sm-border-grey-400 { border-color: var(--quanta-grey-400); }
.sm-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
.sm-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
.sm-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
.sm-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
.sm-border-grey-500 { border-color: var(--quanta-grey-500); }
.sm-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
.sm-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
.sm-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
.sm-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
.sm-border-grey-600 { border-color: var(--quanta-grey-600); }
.sm-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
.sm-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
.sm-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
.sm-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
.sm-border-grey-700 { border-color: var(--quanta-grey-700); }
.sm-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
.sm-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
.sm-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
.sm-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
.sm-border-grey-800 { border-color: var(--quanta-grey-800); }
.sm-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
.sm-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
.sm-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
.sm-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
.sm-border-grey-900 { border-color: var(--quanta-grey-900); }
.sm-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
.sm-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
.sm-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
.sm-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
.sm-border-lime-50 { border-color: var(--quanta-lime-50); }
.sm-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
.sm-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
.sm-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
.sm-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
.sm-border-lime-100 { border-color: var(--quanta-lime-100); }
.sm-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
.sm-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
.sm-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
.sm-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
.sm-border-lime-200 { border-color: var(--quanta-lime-200); }
.sm-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
.sm-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
.sm-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
.sm-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
.sm-border-lime-300 { border-color: var(--quanta-lime-300); }
.sm-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
.sm-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
.sm-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
.sm-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
.sm-border-lime-400 { border-color: var(--quanta-lime-400); }
.sm-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
.sm-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
.sm-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
.sm-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
.sm-border-lime-500 { border-color: var(--quanta-lime-500); }
.sm-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
.sm-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
.sm-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
.sm-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
.sm-border-lime-600 { border-color: var(--quanta-lime-600); }
.sm-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
.sm-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
.sm-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
.sm-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
.sm-border-lime-700 { border-color: var(--quanta-lime-700); }
.sm-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
.sm-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
.sm-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
.sm-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
.sm-border-lime-800 { border-color: var(--quanta-lime-800); }
.sm-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
.sm-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
.sm-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
.sm-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
.sm-border-lime-900 { border-color: var(--quanta-lime-900); }
.sm-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
.sm-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
.sm-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
.sm-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
.sm-border-cyan-50 { border-color: var(--quanta-cyan-50); }
.sm-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
.sm-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
.sm-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
.sm-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
.sm-border-cyan-100 { border-color: var(--quanta-cyan-100); }
.sm-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
.sm-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
.sm-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
.sm-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
.sm-border-cyan-200 { border-color: var(--quanta-cyan-200); }
.sm-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
.sm-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
.sm-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
.sm-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
.sm-border-cyan-300 { border-color: var(--quanta-cyan-300); }
.sm-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
.sm-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
.sm-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
.sm-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
.sm-border-cyan-400 { border-color: var(--quanta-cyan-400); }
.sm-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
.sm-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
.sm-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
.sm-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
.sm-border-cyan-500 { border-color: var(--quanta-cyan-500); }
.sm-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
.sm-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
.sm-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
.sm-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
.sm-border-cyan-600 { border-color: var(--quanta-cyan-600); }
.sm-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
.sm-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
.sm-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
.sm-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
.sm-border-cyan-700 { border-color: var(--quanta-cyan-700); }
.sm-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
.sm-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
.sm-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
.sm-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
.sm-border-cyan-800 { border-color: var(--quanta-cyan-800); }
.sm-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
.sm-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
.sm-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
.sm-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
.sm-border-cyan-900 { border-color: var(--quanta-cyan-900); }
.sm-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
.sm-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
.sm-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
.sm-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
.sm-border-sky-50 { border-color: var(--quanta-sky-50); }
.sm-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
.sm-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
.sm-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
.sm-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
.sm-border-sky-100 { border-color: var(--quanta-sky-100); }
.sm-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
.sm-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
.sm-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
.sm-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
.sm-border-sky-200 { border-color: var(--quanta-sky-200); }
.sm-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
.sm-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
.sm-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
.sm-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
.sm-border-sky-300 { border-color: var(--quanta-sky-300); }
.sm-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
.sm-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
.sm-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
.sm-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
.sm-border-sky-400 { border-color: var(--quanta-sky-400); }
.sm-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
.sm-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
.sm-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
.sm-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
.sm-border-sky-500 { border-color: var(--quanta-sky-500); }
.sm-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
.sm-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
.sm-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
.sm-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
.sm-border-sky-600 { border-color: var(--quanta-sky-600); }
.sm-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
.sm-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
.sm-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
.sm-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
.sm-border-sky-700 { border-color: var(--quanta-sky-700); }
.sm-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
.sm-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
.sm-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
.sm-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
.sm-border-sky-800 { border-color: var(--quanta-sky-800); }
.sm-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
.sm-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
.sm-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
.sm-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
.sm-border-sky-900 { border-color: var(--quanta-sky-900); }
.sm-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
.sm-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
.sm-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
.sm-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
.sm-border-violet-50 { border-color: var(--quanta-violet-50); }
.sm-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
.sm-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
.sm-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
.sm-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
.sm-border-violet-100 { border-color: var(--quanta-violet-100); }
.sm-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
.sm-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
.sm-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
.sm-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
.sm-border-violet-200 { border-color: var(--quanta-violet-200); }
.sm-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
.sm-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
.sm-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
.sm-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
.sm-border-violet-300 { border-color: var(--quanta-violet-300); }
.sm-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
.sm-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
.sm-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
.sm-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
.sm-border-violet-400 { border-color: var(--quanta-violet-400); }
.sm-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
.sm-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
.sm-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
.sm-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
.sm-border-violet-500 { border-color: var(--quanta-violet-500); }
.sm-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
.sm-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
.sm-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
.sm-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
.sm-border-violet-600 { border-color: var(--quanta-violet-600); }
.sm-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
.sm-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
.sm-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
.sm-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
.sm-border-violet-700 { border-color: var(--quanta-violet-700); }
.sm-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
.sm-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
.sm-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
.sm-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
.sm-border-violet-800 { border-color: var(--quanta-violet-800); }
.sm-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
.sm-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
.sm-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
.sm-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
.sm-border-violet-900 { border-color: var(--quanta-violet-900); }
.sm-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
.sm-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
.sm-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
.sm-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
.sm-border-rose-50 { border-color: var(--quanta-rose-50); }
.sm-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
.sm-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
.sm-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
.sm-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
.sm-border-rose-100 { border-color: var(--quanta-rose-100); }
.sm-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
.sm-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
.sm-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
.sm-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
.sm-border-rose-200 { border-color: var(--quanta-rose-200); }
.sm-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
.sm-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
.sm-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
.sm-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
.sm-border-rose-300 { border-color: var(--quanta-rose-300); }
.sm-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
.sm-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
.sm-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
.sm-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
.sm-border-rose-400 { border-color: var(--quanta-rose-400); }
.sm-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
.sm-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
.sm-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
.sm-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
.sm-border-rose-500 { border-color: var(--quanta-rose-500); }
.sm-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
.sm-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
.sm-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
.sm-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
.sm-border-rose-600 { border-color: var(--quanta-rose-600); }
.sm-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
.sm-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
.sm-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
.sm-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
.sm-border-rose-700 { border-color: var(--quanta-rose-700); }
.sm-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
.sm-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
.sm-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
.sm-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
.sm-border-rose-800 { border-color: var(--quanta-rose-800); }
.sm-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
.sm-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
.sm-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
.sm-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
.sm-border-rose-900 { border-color: var(--quanta-rose-900); }
.sm-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
.sm-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
.sm-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
.sm-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
.sm-border-slate-50 { border-color: var(--quanta-slate-50); }
.sm-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
.sm-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
.sm-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
.sm-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
.sm-border-slate-100 { border-color: var(--quanta-slate-100); }
.sm-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
.sm-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
.sm-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
.sm-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
.sm-border-slate-200 { border-color: var(--quanta-slate-200); }
.sm-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
.sm-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
.sm-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
.sm-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
.sm-border-slate-300 { border-color: var(--quanta-slate-300); }
.sm-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
.sm-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
.sm-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
.sm-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
.sm-border-slate-400 { border-color: var(--quanta-slate-400); }
.sm-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
.sm-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
.sm-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
.sm-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
.sm-border-slate-500 { border-color: var(--quanta-slate-500); }
.sm-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
.sm-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
.sm-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
.sm-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
.sm-border-slate-600 { border-color: var(--quanta-slate-600); }
.sm-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
.sm-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
.sm-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
.sm-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
.sm-border-slate-700 { border-color: var(--quanta-slate-700); }
.sm-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
.sm-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
.sm-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
.sm-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
.sm-border-slate-800 { border-color: var(--quanta-slate-800); }
.sm-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
.sm-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
.sm-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
.sm-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
.sm-border-slate-900 { border-color: var(--quanta-slate-900); }
.sm-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
.sm-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
.sm-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
.sm-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
.sm-border-blue-50 { border-color: var(--quanta-blue-50); }
.sm-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
.sm-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
.sm-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
.sm-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
.sm-border-blue-100 { border-color: var(--quanta-blue-100); }
.sm-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
.sm-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
.sm-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
.sm-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
.sm-border-blue-200 { border-color: var(--quanta-blue-200); }
.sm-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
.sm-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
.sm-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
.sm-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
.sm-border-blue-300 { border-color: var(--quanta-blue-300); }
.sm-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
.sm-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
.sm-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
.sm-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
.sm-border-blue-400 { border-color: var(--quanta-blue-400); }
.sm-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
.sm-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
.sm-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
.sm-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
.sm-border-blue-500 { border-color: var(--quanta-blue-500); }
.sm-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
.sm-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
.sm-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
.sm-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
.sm-border-blue-600 { border-color: var(--quanta-blue-600); }
.sm-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
.sm-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
.sm-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
.sm-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
.sm-border-blue-700 { border-color: var(--quanta-blue-700); }
.sm-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
.sm-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
.sm-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
.sm-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
.sm-border-blue-800 { border-color: var(--quanta-blue-800); }
.sm-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
.sm-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
.sm-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
.sm-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
.sm-border-blue-900 { border-color: var(--quanta-blue-900); }
.sm-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
.sm-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
.sm-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
.sm-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
.sm-border-green-50 { border-color: var(--quanta-green-50); }
.sm-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
.sm-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
.sm-active-border-green-50:active { border-color: var(--quanta-green-50); }
.sm-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
.sm-border-green-100 { border-color: var(--quanta-green-100); }
.sm-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
.sm-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
.sm-active-border-green-100:active { border-color: var(--quanta-green-100); }
.sm-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
.sm-border-green-200 { border-color: var(--quanta-green-200); }
.sm-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
.sm-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
.sm-active-border-green-200:active { border-color: var(--quanta-green-200); }
.sm-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
.sm-border-green-300 { border-color: var(--quanta-green-300); }
.sm-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
.sm-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
.sm-active-border-green-300:active { border-color: var(--quanta-green-300); }
.sm-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
.sm-border-green-400 { border-color: var(--quanta-green-400); }
.sm-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
.sm-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
.sm-active-border-green-400:active { border-color: var(--quanta-green-400); }
.sm-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
.sm-border-green-500 { border-color: var(--quanta-green-500); }
.sm-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
.sm-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
.sm-active-border-green-500:active { border-color: var(--quanta-green-500); }
.sm-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
.sm-border-green-600 { border-color: var(--quanta-green-600); }
.sm-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
.sm-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
.sm-active-border-green-600:active { border-color: var(--quanta-green-600); }
.sm-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
.sm-border-green-700 { border-color: var(--quanta-green-700); }
.sm-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
.sm-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
.sm-active-border-green-700:active { border-color: var(--quanta-green-700); }
.sm-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
.sm-border-green-800 { border-color: var(--quanta-green-800); }
.sm-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
.sm-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
.sm-active-border-green-800:active { border-color: var(--quanta-green-800); }
.sm-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
.sm-border-green-900 { border-color: var(--quanta-green-900); }
.sm-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
.sm-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
.sm-active-border-green-900:active { border-color: var(--quanta-green-900); }
.sm-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
.sm-border-black { border-color: var(--black); }
.sm-hover-border-black:hover { border-color: var(--black); }
.sm-focus-border-black:focus { border-color: var(--black); }
.sm-active-border-black:active { border-color: var(--black); }
.sm-disabled-border-black:disabled { border-color: var(--black); }
.sm-border-white { border-color: var(--white); }
.sm-hover-border-white:hover { border-color: var(--white); }
.sm-focus-border-white:focus { border-color: var(--white); }
.sm-active-border-white:active { border-color: var(--white); }
.sm-disabled-border-white:disabled { border-color: var(--white); }
.sm-border-0 { border-width: 0.0rem; }
.sm-hover-border-0:hover { border-width: 0.0rem; }
.sm-focus-border-0:focus { border-width: 0.0rem; }
.sm-active-border-0:active { border-width: 0.0rem; }
.sm-disabled-border-0:disabled { border-width: 0.0rem; }
.sm-border-0 { border-width: 0.0rem; }
.sm-hover-border-0:hover { border-width: 0.0rem; }
.sm-focus-border-0:focus { border-width: 0.0rem; }
.sm-active-border-0:active { border-width: 0.0rem; }
.sm-disabled-border-0:disabled { border-width: 0.0rem; }
.sm-border-t-0 { border-top-width: 0.0rem; }
.sm-hover-border-t-0:hover { border-top-width: 0.0rem; }
.sm-focus-border-t-0:focus { border-top-width: 0.0rem; }
.sm-active-border-t-0:active { border-top-width: 0.0rem; }
.sm-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
.sm-border-r-0 { border-right-width: 0.0rem; }
.sm-hover-border-r-0:hover { border-right-width: 0.0rem; }
.sm-focus-border-r-0:focus { border-right-width: 0.0rem; }
.sm-active-border-r-0:active { border-right-width: 0.0rem; }
.sm-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
.sm-border-b-0 { border-bottom-width: 0.0rem; }
.sm-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
.sm-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
.sm-active-border-b-0:active { border-bottom-width: 0.0rem; }
.sm-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
.sm-border-l-0 { border-left-width: 0.0rem; }
.sm-hover-border-l-0:hover { border-left-width: 0.0rem; }
.sm-focus-border-l-0:focus { border-left-width: 0.0rem; }
.sm-active-border-l-0:active { border-left-width: 0.0rem; }
.sm-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
.sm-border-1 { border-width: 0.0625rem; }
.sm-hover-border-1:hover { border-width: 0.0625rem; }
.sm-focus-border-1:focus { border-width: 0.0625rem; }
.sm-active-border-1:active { border-width: 0.0625rem; }
.sm-disabled-border-1:disabled { border-width: 0.0625rem; }
.sm-border-1 { border-width: 0.0625rem; }
.sm-hover-border-1:hover { border-width: 0.0625rem; }
.sm-focus-border-1:focus { border-width: 0.0625rem; }
.sm-active-border-1:active { border-width: 0.0625rem; }
.sm-disabled-border-1:disabled { border-width: 0.0625rem; }
.sm-border-t-1 { border-top-width: 0.0625rem; }
.sm-hover-border-t-1:hover { border-top-width: 0.0625rem; }
.sm-focus-border-t-1:focus { border-top-width: 0.0625rem; }
.sm-active-border-t-1:active { border-top-width: 0.0625rem; }
.sm-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
.sm-border-r-1 { border-right-width: 0.0625rem; }
.sm-hover-border-r-1:hover { border-right-width: 0.0625rem; }
.sm-focus-border-r-1:focus { border-right-width: 0.0625rem; }
.sm-active-border-r-1:active { border-right-width: 0.0625rem; }
.sm-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
.sm-border-b-1 { border-bottom-width: 0.0625rem; }
.sm-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
.sm-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
.sm-active-border-b-1:active { border-bottom-width: 0.0625rem; }
.sm-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
.sm-border-l-1 { border-left-width: 0.0625rem; }
.sm-hover-border-l-1:hover { border-left-width: 0.0625rem; }
.sm-focus-border-l-1:focus { border-left-width: 0.0625rem; }
.sm-active-border-l-1:active { border-left-width: 0.0625rem; }
.sm-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
.sm-border-2 { border-width: 0.125rem; }
.sm-hover-border-2:hover { border-width: 0.125rem; }
.sm-focus-border-2:focus { border-width: 0.125rem; }
.sm-active-border-2:active { border-width: 0.125rem; }
.sm-disabled-border-2:disabled { border-width: 0.125rem; }
.sm-border-2 { border-width: 0.125rem; }
.sm-hover-border-2:hover { border-width: 0.125rem; }
.sm-focus-border-2:focus { border-width: 0.125rem; }
.sm-active-border-2:active { border-width: 0.125rem; }
.sm-disabled-border-2:disabled { border-width: 0.125rem; }
.sm-border-t-2 { border-top-width: 0.125rem; }
.sm-hover-border-t-2:hover { border-top-width: 0.125rem; }
.sm-focus-border-t-2:focus { border-top-width: 0.125rem; }
.sm-active-border-t-2:active { border-top-width: 0.125rem; }
.sm-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
.sm-border-r-2 { border-right-width: 0.125rem; }
.sm-hover-border-r-2:hover { border-right-width: 0.125rem; }
.sm-focus-border-r-2:focus { border-right-width: 0.125rem; }
.sm-active-border-r-2:active { border-right-width: 0.125rem; }
.sm-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
.sm-border-b-2 { border-bottom-width: 0.125rem; }
.sm-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
.sm-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
.sm-active-border-b-2:active { border-bottom-width: 0.125rem; }
.sm-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
.sm-border-l-2 { border-left-width: 0.125rem; }
.sm-hover-border-l-2:hover { border-left-width: 0.125rem; }
.sm-focus-border-l-2:focus { border-left-width: 0.125rem; }
.sm-active-border-l-2:active { border-left-width: 0.125rem; }
.sm-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
.sm-border-3 { border-width: 0.1875rem; }
.sm-hover-border-3:hover { border-width: 0.1875rem; }
.sm-focus-border-3:focus { border-width: 0.1875rem; }
.sm-active-border-3:active { border-width: 0.1875rem; }
.sm-disabled-border-3:disabled { border-width: 0.1875rem; }
.sm-border-3 { border-width: 0.1875rem; }
.sm-hover-border-3:hover { border-width: 0.1875rem; }
.sm-focus-border-3:focus { border-width: 0.1875rem; }
.sm-active-border-3:active { border-width: 0.1875rem; }
.sm-disabled-border-3:disabled { border-width: 0.1875rem; }
.sm-border-t-3 { border-top-width: 0.1875rem; }
.sm-hover-border-t-3:hover { border-top-width: 0.1875rem; }
.sm-focus-border-t-3:focus { border-top-width: 0.1875rem; }
.sm-active-border-t-3:active { border-top-width: 0.1875rem; }
.sm-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
.sm-border-r-3 { border-right-width: 0.1875rem; }
.sm-hover-border-r-3:hover { border-right-width: 0.1875rem; }
.sm-focus-border-r-3:focus { border-right-width: 0.1875rem; }
.sm-active-border-r-3:active { border-right-width: 0.1875rem; }
.sm-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
.sm-border-b-3 { border-bottom-width: 0.1875rem; }
.sm-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
.sm-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
.sm-active-border-b-3:active { border-bottom-width: 0.1875rem; }
.sm-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
.sm-border-l-3 { border-left-width: 0.1875rem; }
.sm-hover-border-l-3:hover { border-left-width: 0.1875rem; }
.sm-focus-border-l-3:focus { border-left-width: 0.1875rem; }
.sm-active-border-l-3:active { border-left-width: 0.1875rem; }
.sm-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
.sm-border-4 { border-width: 0.25rem; }
.sm-hover-border-4:hover { border-width: 0.25rem; }
.sm-focus-border-4:focus { border-width: 0.25rem; }
.sm-active-border-4:active { border-width: 0.25rem; }
.sm-disabled-border-4:disabled { border-width: 0.25rem; }
.sm-border-4 { border-width: 0.25rem; }
.sm-hover-border-4:hover { border-width: 0.25rem; }
.sm-focus-border-4:focus { border-width: 0.25rem; }
.sm-active-border-4:active { border-width: 0.25rem; }
.sm-disabled-border-4:disabled { border-width: 0.25rem; }
.sm-border-t-4 { border-top-width: 0.25rem; }
.sm-hover-border-t-4:hover { border-top-width: 0.25rem; }
.sm-focus-border-t-4:focus { border-top-width: 0.25rem; }
.sm-active-border-t-4:active { border-top-width: 0.25rem; }
.sm-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
.sm-border-r-4 { border-right-width: 0.25rem; }
.sm-hover-border-r-4:hover { border-right-width: 0.25rem; }
.sm-focus-border-r-4:focus { border-right-width: 0.25rem; }
.sm-active-border-r-4:active { border-right-width: 0.25rem; }
.sm-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
.sm-border-b-4 { border-bottom-width: 0.25rem; }
.sm-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
.sm-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
.sm-active-border-b-4:active { border-bottom-width: 0.25rem; }
.sm-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
.sm-border-l-4 { border-left-width: 0.25rem; }
.sm-hover-border-l-4:hover { border-left-width: 0.25rem; }
.sm-focus-border-l-4:focus { border-left-width: 0.25rem; }
.sm-active-border-l-4:active { border-left-width: 0.25rem; }
.sm-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
.sm-border-5 { border-width: 0.3125rem; }
.sm-hover-border-5:hover { border-width: 0.3125rem; }
.sm-focus-border-5:focus { border-width: 0.3125rem; }
.sm-active-border-5:active { border-width: 0.3125rem; }
.sm-disabled-border-5:disabled { border-width: 0.3125rem; }
.sm-border-5 { border-width: 0.3125rem; }
.sm-hover-border-5:hover { border-width: 0.3125rem; }
.sm-focus-border-5:focus { border-width: 0.3125rem; }
.sm-active-border-5:active { border-width: 0.3125rem; }
.sm-disabled-border-5:disabled { border-width: 0.3125rem; }
.sm-border-t-5 { border-top-width: 0.3125rem; }
.sm-hover-border-t-5:hover { border-top-width: 0.3125rem; }
.sm-focus-border-t-5:focus { border-top-width: 0.3125rem; }
.sm-active-border-t-5:active { border-top-width: 0.3125rem; }
.sm-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
.sm-border-r-5 { border-right-width: 0.3125rem; }
.sm-hover-border-r-5:hover { border-right-width: 0.3125rem; }
.sm-focus-border-r-5:focus { border-right-width: 0.3125rem; }
.sm-active-border-r-5:active { border-right-width: 0.3125rem; }
.sm-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
.sm-border-b-5 { border-bottom-width: 0.3125rem; }
.sm-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
.sm-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
.sm-active-border-b-5:active { border-bottom-width: 0.3125rem; }
.sm-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
.sm-border-l-5 { border-left-width: 0.3125rem; }
.sm-hover-border-l-5:hover { border-left-width: 0.3125rem; }
.sm-focus-border-l-5:focus { border-left-width: 0.3125rem; }
.sm-active-border-l-5:active { border-left-width: 0.3125rem; }
.sm-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
.sm-border-6 { border-width: 0.375rem; }
.sm-hover-border-6:hover { border-width: 0.375rem; }
.sm-focus-border-6:focus { border-width: 0.375rem; }
.sm-active-border-6:active { border-width: 0.375rem; }
.sm-disabled-border-6:disabled { border-width: 0.375rem; }
.sm-border-6 { border-width: 0.375rem; }
.sm-hover-border-6:hover { border-width: 0.375rem; }
.sm-focus-border-6:focus { border-width: 0.375rem; }
.sm-active-border-6:active { border-width: 0.375rem; }
.sm-disabled-border-6:disabled { border-width: 0.375rem; }
.sm-border-t-6 { border-top-width: 0.375rem; }
.sm-hover-border-t-6:hover { border-top-width: 0.375rem; }
.sm-focus-border-t-6:focus { border-top-width: 0.375rem; }
.sm-active-border-t-6:active { border-top-width: 0.375rem; }
.sm-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
.sm-border-r-6 { border-right-width: 0.375rem; }
.sm-hover-border-r-6:hover { border-right-width: 0.375rem; }
.sm-focus-border-r-6:focus { border-right-width: 0.375rem; }
.sm-active-border-r-6:active { border-right-width: 0.375rem; }
.sm-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
.sm-border-b-6 { border-bottom-width: 0.375rem; }
.sm-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
.sm-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
.sm-active-border-b-6:active { border-bottom-width: 0.375rem; }
.sm-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
.sm-border-l-6 { border-left-width: 0.375rem; }
.sm-hover-border-l-6:hover { border-left-width: 0.375rem; }
.sm-focus-border-l-6:focus { border-left-width: 0.375rem; }
.sm-active-border-l-6:active { border-left-width: 0.375rem; }
.sm-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
.sm-border-7 { border-width: 0.4375rem; }
.sm-hover-border-7:hover { border-width: 0.4375rem; }
.sm-focus-border-7:focus { border-width: 0.4375rem; }
.sm-active-border-7:active { border-width: 0.4375rem; }
.sm-disabled-border-7:disabled { border-width: 0.4375rem; }
.sm-border-7 { border-width: 0.4375rem; }
.sm-hover-border-7:hover { border-width: 0.4375rem; }
.sm-focus-border-7:focus { border-width: 0.4375rem; }
.sm-active-border-7:active { border-width: 0.4375rem; }
.sm-disabled-border-7:disabled { border-width: 0.4375rem; }
.sm-border-t-7 { border-top-width: 0.4375rem; }
.sm-hover-border-t-7:hover { border-top-width: 0.4375rem; }
.sm-focus-border-t-7:focus { border-top-width: 0.4375rem; }
.sm-active-border-t-7:active { border-top-width: 0.4375rem; }
.sm-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
.sm-border-r-7 { border-right-width: 0.4375rem; }
.sm-hover-border-r-7:hover { border-right-width: 0.4375rem; }
.sm-focus-border-r-7:focus { border-right-width: 0.4375rem; }
.sm-active-border-r-7:active { border-right-width: 0.4375rem; }
.sm-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
.sm-border-b-7 { border-bottom-width: 0.4375rem; }
.sm-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
.sm-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
.sm-active-border-b-7:active { border-bottom-width: 0.4375rem; }
.sm-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
.sm-border-l-7 { border-left-width: 0.4375rem; }
.sm-hover-border-l-7:hover { border-left-width: 0.4375rem; }
.sm-focus-border-l-7:focus { border-left-width: 0.4375rem; }
.sm-active-border-l-7:active { border-left-width: 0.4375rem; }
.sm-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
.sm-border-8 { border-width: 0.5rem; }
.sm-hover-border-8:hover { border-width: 0.5rem; }
.sm-focus-border-8:focus { border-width: 0.5rem; }
.sm-active-border-8:active { border-width: 0.5rem; }
.sm-disabled-border-8:disabled { border-width: 0.5rem; }
.sm-border-8 { border-width: 0.5rem; }
.sm-hover-border-8:hover { border-width: 0.5rem; }
.sm-focus-border-8:focus { border-width: 0.5rem; }
.sm-active-border-8:active { border-width: 0.5rem; }
.sm-disabled-border-8:disabled { border-width: 0.5rem; }
.sm-border-t-8 { border-top-width: 0.5rem; }
.sm-hover-border-t-8:hover { border-top-width: 0.5rem; }
.sm-focus-border-t-8:focus { border-top-width: 0.5rem; }
.sm-active-border-t-8:active { border-top-width: 0.5rem; }
.sm-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
.sm-border-r-8 { border-right-width: 0.5rem; }
.sm-hover-border-r-8:hover { border-right-width: 0.5rem; }
.sm-focus-border-r-8:focus { border-right-width: 0.5rem; }
.sm-active-border-r-8:active { border-right-width: 0.5rem; }
.sm-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
.sm-border-b-8 { border-bottom-width: 0.5rem; }
.sm-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
.sm-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
.sm-active-border-b-8:active { border-bottom-width: 0.5rem; }
.sm-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
.sm-border-l-8 { border-left-width: 0.5rem; }
.sm-hover-border-l-8:hover { border-left-width: 0.5rem; }
.sm-focus-border-l-8:focus { border-left-width: 0.5rem; }
.sm-active-border-l-8:active { border-left-width: 0.5rem; }
.sm-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
.sm-border-9 { border-width: 0.5625rem; }
.sm-hover-border-9:hover { border-width: 0.5625rem; }
.sm-focus-border-9:focus { border-width: 0.5625rem; }
.sm-active-border-9:active { border-width: 0.5625rem; }
.sm-disabled-border-9:disabled { border-width: 0.5625rem; }
.sm-border-9 { border-width: 0.5625rem; }
.sm-hover-border-9:hover { border-width: 0.5625rem; }
.sm-focus-border-9:focus { border-width: 0.5625rem; }
.sm-active-border-9:active { border-width: 0.5625rem; }
.sm-disabled-border-9:disabled { border-width: 0.5625rem; }
.sm-border-t-9 { border-top-width: 0.5625rem; }
.sm-hover-border-t-9:hover { border-top-width: 0.5625rem; }
.sm-focus-border-t-9:focus { border-top-width: 0.5625rem; }
.sm-active-border-t-9:active { border-top-width: 0.5625rem; }
.sm-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
.sm-border-r-9 { border-right-width: 0.5625rem; }
.sm-hover-border-r-9:hover { border-right-width: 0.5625rem; }
.sm-focus-border-r-9:focus { border-right-width: 0.5625rem; }
.sm-active-border-r-9:active { border-right-width: 0.5625rem; }
.sm-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
.sm-border-b-9 { border-bottom-width: 0.5625rem; }
.sm-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
.sm-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
.sm-active-border-b-9:active { border-bottom-width: 0.5625rem; }
.sm-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
.sm-border-l-9 { border-left-width: 0.5625rem; }
.sm-hover-border-l-9:hover { border-left-width: 0.5625rem; }
.sm-focus-border-l-9:focus { border-left-width: 0.5625rem; }
.sm-active-border-l-9:active { border-left-width: 0.5625rem; }
.sm-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
.sm-border-10 { border-width: 0.625rem; }
.sm-hover-border-10:hover { border-width: 0.625rem; }
.sm-focus-border-10:focus { border-width: 0.625rem; }
.sm-active-border-10:active { border-width: 0.625rem; }
.sm-disabled-border-10:disabled { border-width: 0.625rem; }
.sm-border-10 { border-width: 0.625rem; }
.sm-hover-border-10:hover { border-width: 0.625rem; }
.sm-focus-border-10:focus { border-width: 0.625rem; }
.sm-active-border-10:active { border-width: 0.625rem; }
.sm-disabled-border-10:disabled { border-width: 0.625rem; }
.sm-border-t-10 { border-top-width: 0.625rem; }
.sm-hover-border-t-10:hover { border-top-width: 0.625rem; }
.sm-focus-border-t-10:focus { border-top-width: 0.625rem; }
.sm-active-border-t-10:active { border-top-width: 0.625rem; }
.sm-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
.sm-border-r-10 { border-right-width: 0.625rem; }
.sm-hover-border-r-10:hover { border-right-width: 0.625rem; }
.sm-focus-border-r-10:focus { border-right-width: 0.625rem; }
.sm-active-border-r-10:active { border-right-width: 0.625rem; }
.sm-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
.sm-border-b-10 { border-bottom-width: 0.625rem; }
.sm-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
.sm-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
.sm-active-border-b-10:active { border-bottom-width: 0.625rem; }
.sm-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
.sm-border-l-10 { border-left-width: 0.625rem; }
.sm-hover-border-l-10:hover { border-left-width: 0.625rem; }
.sm-focus-border-l-10:focus { border-left-width: 0.625rem; }
.sm-active-border-l-10:active { border-left-width: 0.625rem; }
.sm-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
.sm-border-11 { border-width: 0.6875rem; }
.sm-hover-border-11:hover { border-width: 0.6875rem; }
.sm-focus-border-11:focus { border-width: 0.6875rem; }
.sm-active-border-11:active { border-width: 0.6875rem; }
.sm-disabled-border-11:disabled { border-width: 0.6875rem; }
.sm-border-11 { border-width: 0.6875rem; }
.sm-hover-border-11:hover { border-width: 0.6875rem; }
.sm-focus-border-11:focus { border-width: 0.6875rem; }
.sm-active-border-11:active { border-width: 0.6875rem; }
.sm-disabled-border-11:disabled { border-width: 0.6875rem; }
.sm-border-t-11 { border-top-width: 0.6875rem; }
.sm-hover-border-t-11:hover { border-top-width: 0.6875rem; }
.sm-focus-border-t-11:focus { border-top-width: 0.6875rem; }
.sm-active-border-t-11:active { border-top-width: 0.6875rem; }
.sm-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
.sm-border-r-11 { border-right-width: 0.6875rem; }
.sm-hover-border-r-11:hover { border-right-width: 0.6875rem; }
.sm-focus-border-r-11:focus { border-right-width: 0.6875rem; }
.sm-active-border-r-11:active { border-right-width: 0.6875rem; }
.sm-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
.sm-border-b-11 { border-bottom-width: 0.6875rem; }
.sm-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
.sm-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
.sm-active-border-b-11:active { border-bottom-width: 0.6875rem; }
.sm-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
.sm-border-l-11 { border-left-width: 0.6875rem; }
.sm-hover-border-l-11:hover { border-left-width: 0.6875rem; }
.sm-focus-border-l-11:focus { border-left-width: 0.6875rem; }
.sm-active-border-l-11:active { border-left-width: 0.6875rem; }
.sm-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
.sm-border-12 { border-width: 0.75rem; }
.sm-hover-border-12:hover { border-width: 0.75rem; }
.sm-focus-border-12:focus { border-width: 0.75rem; }
.sm-active-border-12:active { border-width: 0.75rem; }
.sm-disabled-border-12:disabled { border-width: 0.75rem; }
.sm-border-12 { border-width: 0.75rem; }
.sm-hover-border-12:hover { border-width: 0.75rem; }
.sm-focus-border-12:focus { border-width: 0.75rem; }
.sm-active-border-12:active { border-width: 0.75rem; }
.sm-disabled-border-12:disabled { border-width: 0.75rem; }
.sm-border-t-12 { border-top-width: 0.75rem; }
.sm-hover-border-t-12:hover { border-top-width: 0.75rem; }
.sm-focus-border-t-12:focus { border-top-width: 0.75rem; }
.sm-active-border-t-12:active { border-top-width: 0.75rem; }
.sm-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
.sm-border-r-12 { border-right-width: 0.75rem; }
.sm-hover-border-r-12:hover { border-right-width: 0.75rem; }
.sm-focus-border-r-12:focus { border-right-width: 0.75rem; }
.sm-active-border-r-12:active { border-right-width: 0.75rem; }
.sm-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
.sm-border-b-12 { border-bottom-width: 0.75rem; }
.sm-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
.sm-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
.sm-active-border-b-12:active { border-bottom-width: 0.75rem; }
.sm-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
.sm-border-l-12 { border-left-width: 0.75rem; }
.sm-hover-border-l-12:hover { border-left-width: 0.75rem; }
.sm-focus-border-l-12:focus { border-left-width: 0.75rem; }
.sm-active-border-l-12:active { border-left-width: 0.75rem; }
.sm-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
.sm-border-13 { border-width: 0.8125rem; }
.sm-hover-border-13:hover { border-width: 0.8125rem; }
.sm-focus-border-13:focus { border-width: 0.8125rem; }
.sm-active-border-13:active { border-width: 0.8125rem; }
.sm-disabled-border-13:disabled { border-width: 0.8125rem; }
.sm-border-13 { border-width: 0.8125rem; }
.sm-hover-border-13:hover { border-width: 0.8125rem; }
.sm-focus-border-13:focus { border-width: 0.8125rem; }
.sm-active-border-13:active { border-width: 0.8125rem; }
.sm-disabled-border-13:disabled { border-width: 0.8125rem; }
.sm-border-t-13 { border-top-width: 0.8125rem; }
.sm-hover-border-t-13:hover { border-top-width: 0.8125rem; }
.sm-focus-border-t-13:focus { border-top-width: 0.8125rem; }
.sm-active-border-t-13:active { border-top-width: 0.8125rem; }
.sm-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
.sm-border-r-13 { border-right-width: 0.8125rem; }
.sm-hover-border-r-13:hover { border-right-width: 0.8125rem; }
.sm-focus-border-r-13:focus { border-right-width: 0.8125rem; }
.sm-active-border-r-13:active { border-right-width: 0.8125rem; }
.sm-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
.sm-border-b-13 { border-bottom-width: 0.8125rem; }
.sm-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
.sm-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
.sm-active-border-b-13:active { border-bottom-width: 0.8125rem; }
.sm-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
.sm-border-l-13 { border-left-width: 0.8125rem; }
.sm-hover-border-l-13:hover { border-left-width: 0.8125rem; }
.sm-focus-border-l-13:focus { border-left-width: 0.8125rem; }
.sm-active-border-l-13:active { border-left-width: 0.8125rem; }
.sm-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
.sm-border-14 { border-width: 0.875rem; }
.sm-hover-border-14:hover { border-width: 0.875rem; }
.sm-focus-border-14:focus { border-width: 0.875rem; }
.sm-active-border-14:active { border-width: 0.875rem; }
.sm-disabled-border-14:disabled { border-width: 0.875rem; }
.sm-border-14 { border-width: 0.875rem; }
.sm-hover-border-14:hover { border-width: 0.875rem; }
.sm-focus-border-14:focus { border-width: 0.875rem; }
.sm-active-border-14:active { border-width: 0.875rem; }
.sm-disabled-border-14:disabled { border-width: 0.875rem; }
.sm-border-t-14 { border-top-width: 0.875rem; }
.sm-hover-border-t-14:hover { border-top-width: 0.875rem; }
.sm-focus-border-t-14:focus { border-top-width: 0.875rem; }
.sm-active-border-t-14:active { border-top-width: 0.875rem; }
.sm-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
.sm-border-r-14 { border-right-width: 0.875rem; }
.sm-hover-border-r-14:hover { border-right-width: 0.875rem; }
.sm-focus-border-r-14:focus { border-right-width: 0.875rem; }
.sm-active-border-r-14:active { border-right-width: 0.875rem; }
.sm-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
.sm-border-b-14 { border-bottom-width: 0.875rem; }
.sm-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
.sm-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
.sm-active-border-b-14:active { border-bottom-width: 0.875rem; }
.sm-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
.sm-border-l-14 { border-left-width: 0.875rem; }
.sm-hover-border-l-14:hover { border-left-width: 0.875rem; }
.sm-focus-border-l-14:focus { border-left-width: 0.875rem; }
.sm-active-border-l-14:active { border-left-width: 0.875rem; }
.sm-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
.sm-border-15 { border-width: 0.9375rem; }
.sm-hover-border-15:hover { border-width: 0.9375rem; }
.sm-focus-border-15:focus { border-width: 0.9375rem; }
.sm-active-border-15:active { border-width: 0.9375rem; }
.sm-disabled-border-15:disabled { border-width: 0.9375rem; }
.sm-border-15 { border-width: 0.9375rem; }
.sm-hover-border-15:hover { border-width: 0.9375rem; }
.sm-focus-border-15:focus { border-width: 0.9375rem; }
.sm-active-border-15:active { border-width: 0.9375rem; }
.sm-disabled-border-15:disabled { border-width: 0.9375rem; }
.sm-border-t-15 { border-top-width: 0.9375rem; }
.sm-hover-border-t-15:hover { border-top-width: 0.9375rem; }
.sm-focus-border-t-15:focus { border-top-width: 0.9375rem; }
.sm-active-border-t-15:active { border-top-width: 0.9375rem; }
.sm-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
.sm-border-r-15 { border-right-width: 0.9375rem; }
.sm-hover-border-r-15:hover { border-right-width: 0.9375rem; }
.sm-focus-border-r-15:focus { border-right-width: 0.9375rem; }
.sm-active-border-r-15:active { border-right-width: 0.9375rem; }
.sm-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
.sm-border-b-15 { border-bottom-width: 0.9375rem; }
.sm-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
.sm-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
.sm-active-border-b-15:active { border-bottom-width: 0.9375rem; }
.sm-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
.sm-border-l-15 { border-left-width: 0.9375rem; }
.sm-hover-border-l-15:hover { border-left-width: 0.9375rem; }
.sm-focus-border-l-15:focus { border-left-width: 0.9375rem; }
.sm-active-border-l-15:active { border-left-width: 0.9375rem; }
.sm-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
.sm-border-16 { border-width: 1.0rem; }
.sm-hover-border-16:hover { border-width: 1.0rem; }
.sm-focus-border-16:focus { border-width: 1.0rem; }
.sm-active-border-16:active { border-width: 1.0rem; }
.sm-disabled-border-16:disabled { border-width: 1.0rem; }
.sm-border-16 { border-width: 1.0rem; }
.sm-hover-border-16:hover { border-width: 1.0rem; }
.sm-focus-border-16:focus { border-width: 1.0rem; }
.sm-active-border-16:active { border-width: 1.0rem; }
.sm-disabled-border-16:disabled { border-width: 1.0rem; }
.sm-border-t-16 { border-top-width: 1.0rem; }
.sm-hover-border-t-16:hover { border-top-width: 1.0rem; }
.sm-focus-border-t-16:focus { border-top-width: 1.0rem; }
.sm-active-border-t-16:active { border-top-width: 1.0rem; }
.sm-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
.sm-border-r-16 { border-right-width: 1.0rem; }
.sm-hover-border-r-16:hover { border-right-width: 1.0rem; }
.sm-focus-border-r-16:focus { border-right-width: 1.0rem; }
.sm-active-border-r-16:active { border-right-width: 1.0rem; }
.sm-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
.sm-border-b-16 { border-bottom-width: 1.0rem; }
.sm-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
.sm-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
.sm-active-border-b-16:active { border-bottom-width: 1.0rem; }
.sm-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
.sm-border-l-16 { border-left-width: 1.0rem; }
.sm-hover-border-l-16:hover { border-left-width: 1.0rem; }
.sm-focus-border-l-16:focus { border-left-width: 1.0rem; }
.sm-active-border-l-16:active { border-left-width: 1.0rem; }
.sm-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
.sm-border-17 { border-width: 1.0625rem; }
.sm-hover-border-17:hover { border-width: 1.0625rem; }
.sm-focus-border-17:focus { border-width: 1.0625rem; }
.sm-active-border-17:active { border-width: 1.0625rem; }
.sm-disabled-border-17:disabled { border-width: 1.0625rem; }
.sm-border-17 { border-width: 1.0625rem; }
.sm-hover-border-17:hover { border-width: 1.0625rem; }
.sm-focus-border-17:focus { border-width: 1.0625rem; }
.sm-active-border-17:active { border-width: 1.0625rem; }
.sm-disabled-border-17:disabled { border-width: 1.0625rem; }
.sm-border-t-17 { border-top-width: 1.0625rem; }
.sm-hover-border-t-17:hover { border-top-width: 1.0625rem; }
.sm-focus-border-t-17:focus { border-top-width: 1.0625rem; }
.sm-active-border-t-17:active { border-top-width: 1.0625rem; }
.sm-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
.sm-border-r-17 { border-right-width: 1.0625rem; }
.sm-hover-border-r-17:hover { border-right-width: 1.0625rem; }
.sm-focus-border-r-17:focus { border-right-width: 1.0625rem; }
.sm-active-border-r-17:active { border-right-width: 1.0625rem; }
.sm-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
.sm-border-b-17 { border-bottom-width: 1.0625rem; }
.sm-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
.sm-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
.sm-active-border-b-17:active { border-bottom-width: 1.0625rem; }
.sm-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
.sm-border-l-17 { border-left-width: 1.0625rem; }
.sm-hover-border-l-17:hover { border-left-width: 1.0625rem; }
.sm-focus-border-l-17:focus { border-left-width: 1.0625rem; }
.sm-active-border-l-17:active { border-left-width: 1.0625rem; }
.sm-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
.sm-border-18 { border-width: 1.125rem; }
.sm-hover-border-18:hover { border-width: 1.125rem; }
.sm-focus-border-18:focus { border-width: 1.125rem; }
.sm-active-border-18:active { border-width: 1.125rem; }
.sm-disabled-border-18:disabled { border-width: 1.125rem; }
.sm-border-18 { border-width: 1.125rem; }
.sm-hover-border-18:hover { border-width: 1.125rem; }
.sm-focus-border-18:focus { border-width: 1.125rem; }
.sm-active-border-18:active { border-width: 1.125rem; }
.sm-disabled-border-18:disabled { border-width: 1.125rem; }
.sm-border-t-18 { border-top-width: 1.125rem; }
.sm-hover-border-t-18:hover { border-top-width: 1.125rem; }
.sm-focus-border-t-18:focus { border-top-width: 1.125rem; }
.sm-active-border-t-18:active { border-top-width: 1.125rem; }
.sm-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
.sm-border-r-18 { border-right-width: 1.125rem; }
.sm-hover-border-r-18:hover { border-right-width: 1.125rem; }
.sm-focus-border-r-18:focus { border-right-width: 1.125rem; }
.sm-active-border-r-18:active { border-right-width: 1.125rem; }
.sm-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
.sm-border-b-18 { border-bottom-width: 1.125rem; }
.sm-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
.sm-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
.sm-active-border-b-18:active { border-bottom-width: 1.125rem; }
.sm-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
.sm-border-l-18 { border-left-width: 1.125rem; }
.sm-hover-border-l-18:hover { border-left-width: 1.125rem; }
.sm-focus-border-l-18:focus { border-left-width: 1.125rem; }
.sm-active-border-l-18:active { border-left-width: 1.125rem; }
.sm-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
.sm-border-19 { border-width: 1.1875rem; }
.sm-hover-border-19:hover { border-width: 1.1875rem; }
.sm-focus-border-19:focus { border-width: 1.1875rem; }
.sm-active-border-19:active { border-width: 1.1875rem; }
.sm-disabled-border-19:disabled { border-width: 1.1875rem; }
.sm-border-19 { border-width: 1.1875rem; }
.sm-hover-border-19:hover { border-width: 1.1875rem; }
.sm-focus-border-19:focus { border-width: 1.1875rem; }
.sm-active-border-19:active { border-width: 1.1875rem; }
.sm-disabled-border-19:disabled { border-width: 1.1875rem; }
.sm-border-t-19 { border-top-width: 1.1875rem; }
.sm-hover-border-t-19:hover { border-top-width: 1.1875rem; }
.sm-focus-border-t-19:focus { border-top-width: 1.1875rem; }
.sm-active-border-t-19:active { border-top-width: 1.1875rem; }
.sm-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
.sm-border-r-19 { border-right-width: 1.1875rem; }
.sm-hover-border-r-19:hover { border-right-width: 1.1875rem; }
.sm-focus-border-r-19:focus { border-right-width: 1.1875rem; }
.sm-active-border-r-19:active { border-right-width: 1.1875rem; }
.sm-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
.sm-border-b-19 { border-bottom-width: 1.1875rem; }
.sm-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
.sm-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
.sm-active-border-b-19:active { border-bottom-width: 1.1875rem; }
.sm-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
.sm-border-l-19 { border-left-width: 1.1875rem; }
.sm-hover-border-l-19:hover { border-left-width: 1.1875rem; }
.sm-focus-border-l-19:focus { border-left-width: 1.1875rem; }
.sm-active-border-l-19:active { border-left-width: 1.1875rem; }
.sm-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
.sm-border-20 { border-width: 1.25rem; }
.sm-hover-border-20:hover { border-width: 1.25rem; }
.sm-focus-border-20:focus { border-width: 1.25rem; }
.sm-active-border-20:active { border-width: 1.25rem; }
.sm-disabled-border-20:disabled { border-width: 1.25rem; }
.sm-border-20 { border-width: 1.25rem; }
.sm-hover-border-20:hover { border-width: 1.25rem; }
.sm-focus-border-20:focus { border-width: 1.25rem; }
.sm-active-border-20:active { border-width: 1.25rem; }
.sm-disabled-border-20:disabled { border-width: 1.25rem; }
.sm-border-t-20 { border-top-width: 1.25rem; }
.sm-hover-border-t-20:hover { border-top-width: 1.25rem; }
.sm-focus-border-t-20:focus { border-top-width: 1.25rem; }
.sm-active-border-t-20:active { border-top-width: 1.25rem; }
.sm-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
.sm-border-r-20 { border-right-width: 1.25rem; }
.sm-hover-border-r-20:hover { border-right-width: 1.25rem; }
.sm-focus-border-r-20:focus { border-right-width: 1.25rem; }
.sm-active-border-r-20:active { border-right-width: 1.25rem; }
.sm-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
.sm-border-b-20 { border-bottom-width: 1.25rem; }
.sm-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
.sm-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
.sm-active-border-b-20:active { border-bottom-width: 1.25rem; }
.sm-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
.sm-border-l-20 { border-left-width: 1.25rem; }
.sm-hover-border-l-20:hover { border-left-width: 1.25rem; }
.sm-focus-border-l-20:focus { border-left-width: 1.25rem; }
.sm-active-border-l-20:active { border-left-width: 1.25rem; }
.sm-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
.sm-border-21 { border-width: 1.3125rem; }
.sm-hover-border-21:hover { border-width: 1.3125rem; }
.sm-focus-border-21:focus { border-width: 1.3125rem; }
.sm-active-border-21:active { border-width: 1.3125rem; }
.sm-disabled-border-21:disabled { border-width: 1.3125rem; }
.sm-border-21 { border-width: 1.3125rem; }
.sm-hover-border-21:hover { border-width: 1.3125rem; }
.sm-focus-border-21:focus { border-width: 1.3125rem; }
.sm-active-border-21:active { border-width: 1.3125rem; }
.sm-disabled-border-21:disabled { border-width: 1.3125rem; }
.sm-border-t-21 { border-top-width: 1.3125rem; }
.sm-hover-border-t-21:hover { border-top-width: 1.3125rem; }
.sm-focus-border-t-21:focus { border-top-width: 1.3125rem; }
.sm-active-border-t-21:active { border-top-width: 1.3125rem; }
.sm-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
.sm-border-r-21 { border-right-width: 1.3125rem; }
.sm-hover-border-r-21:hover { border-right-width: 1.3125rem; }
.sm-focus-border-r-21:focus { border-right-width: 1.3125rem; }
.sm-active-border-r-21:active { border-right-width: 1.3125rem; }
.sm-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
.sm-border-b-21 { border-bottom-width: 1.3125rem; }
.sm-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
.sm-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
.sm-active-border-b-21:active { border-bottom-width: 1.3125rem; }
.sm-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
.sm-border-l-21 { border-left-width: 1.3125rem; }
.sm-hover-border-l-21:hover { border-left-width: 1.3125rem; }
.sm-focus-border-l-21:focus { border-left-width: 1.3125rem; }
.sm-active-border-l-21:active { border-left-width: 1.3125rem; }
.sm-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
.sm-border-22 { border-width: 1.375rem; }
.sm-hover-border-22:hover { border-width: 1.375rem; }
.sm-focus-border-22:focus { border-width: 1.375rem; }
.sm-active-border-22:active { border-width: 1.375rem; }
.sm-disabled-border-22:disabled { border-width: 1.375rem; }
.sm-border-22 { border-width: 1.375rem; }
.sm-hover-border-22:hover { border-width: 1.375rem; }
.sm-focus-border-22:focus { border-width: 1.375rem; }
.sm-active-border-22:active { border-width: 1.375rem; }
.sm-disabled-border-22:disabled { border-width: 1.375rem; }
.sm-border-t-22 { border-top-width: 1.375rem; }
.sm-hover-border-t-22:hover { border-top-width: 1.375rem; }
.sm-focus-border-t-22:focus { border-top-width: 1.375rem; }
.sm-active-border-t-22:active { border-top-width: 1.375rem; }
.sm-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
.sm-border-r-22 { border-right-width: 1.375rem; }
.sm-hover-border-r-22:hover { border-right-width: 1.375rem; }
.sm-focus-border-r-22:focus { border-right-width: 1.375rem; }
.sm-active-border-r-22:active { border-right-width: 1.375rem; }
.sm-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
.sm-border-b-22 { border-bottom-width: 1.375rem; }
.sm-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
.sm-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
.sm-active-border-b-22:active { border-bottom-width: 1.375rem; }
.sm-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
.sm-border-l-22 { border-left-width: 1.375rem; }
.sm-hover-border-l-22:hover { border-left-width: 1.375rem; }
.sm-focus-border-l-22:focus { border-left-width: 1.375rem; }
.sm-active-border-l-22:active { border-left-width: 1.375rem; }
.sm-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
.sm-border-23 { border-width: 1.4375rem; }
.sm-hover-border-23:hover { border-width: 1.4375rem; }
.sm-focus-border-23:focus { border-width: 1.4375rem; }
.sm-active-border-23:active { border-width: 1.4375rem; }
.sm-disabled-border-23:disabled { border-width: 1.4375rem; }
.sm-border-23 { border-width: 1.4375rem; }
.sm-hover-border-23:hover { border-width: 1.4375rem; }
.sm-focus-border-23:focus { border-width: 1.4375rem; }
.sm-active-border-23:active { border-width: 1.4375rem; }
.sm-disabled-border-23:disabled { border-width: 1.4375rem; }
.sm-border-t-23 { border-top-width: 1.4375rem; }
.sm-hover-border-t-23:hover { border-top-width: 1.4375rem; }
.sm-focus-border-t-23:focus { border-top-width: 1.4375rem; }
.sm-active-border-t-23:active { border-top-width: 1.4375rem; }
.sm-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
.sm-border-r-23 { border-right-width: 1.4375rem; }
.sm-hover-border-r-23:hover { border-right-width: 1.4375rem; }
.sm-focus-border-r-23:focus { border-right-width: 1.4375rem; }
.sm-active-border-r-23:active { border-right-width: 1.4375rem; }
.sm-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
.sm-border-b-23 { border-bottom-width: 1.4375rem; }
.sm-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
.sm-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
.sm-active-border-b-23:active { border-bottom-width: 1.4375rem; }
.sm-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
.sm-border-l-23 { border-left-width: 1.4375rem; }
.sm-hover-border-l-23:hover { border-left-width: 1.4375rem; }
.sm-focus-border-l-23:focus { border-left-width: 1.4375rem; }
.sm-active-border-l-23:active { border-left-width: 1.4375rem; }
.sm-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
.sm-border-24 { border-width: 1.5rem; }
.sm-hover-border-24:hover { border-width: 1.5rem; }
.sm-focus-border-24:focus { border-width: 1.5rem; }
.sm-active-border-24:active { border-width: 1.5rem; }
.sm-disabled-border-24:disabled { border-width: 1.5rem; }
.sm-border-24 { border-width: 1.5rem; }
.sm-hover-border-24:hover { border-width: 1.5rem; }
.sm-focus-border-24:focus { border-width: 1.5rem; }
.sm-active-border-24:active { border-width: 1.5rem; }
.sm-disabled-border-24:disabled { border-width: 1.5rem; }
.sm-border-t-24 { border-top-width: 1.5rem; }
.sm-hover-border-t-24:hover { border-top-width: 1.5rem; }
.sm-focus-border-t-24:focus { border-top-width: 1.5rem; }
.sm-active-border-t-24:active { border-top-width: 1.5rem; }
.sm-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
.sm-border-r-24 { border-right-width: 1.5rem; }
.sm-hover-border-r-24:hover { border-right-width: 1.5rem; }
.sm-focus-border-r-24:focus { border-right-width: 1.5rem; }
.sm-active-border-r-24:active { border-right-width: 1.5rem; }
.sm-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
.sm-border-b-24 { border-bottom-width: 1.5rem; }
.sm-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
.sm-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
.sm-active-border-b-24:active { border-bottom-width: 1.5rem; }
.sm-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
.sm-border-l-24 { border-left-width: 1.5rem; }
.sm-hover-border-l-24:hover { border-left-width: 1.5rem; }
.sm-focus-border-l-24:focus { border-left-width: 1.5rem; }
.sm-active-border-l-24:active { border-left-width: 1.5rem; }
.sm-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
.sm-border-25 { border-width: 1.5625rem; }
.sm-hover-border-25:hover { border-width: 1.5625rem; }
.sm-focus-border-25:focus { border-width: 1.5625rem; }
.sm-active-border-25:active { border-width: 1.5625rem; }
.sm-disabled-border-25:disabled { border-width: 1.5625rem; }
.sm-border-25 { border-width: 1.5625rem; }
.sm-hover-border-25:hover { border-width: 1.5625rem; }
.sm-focus-border-25:focus { border-width: 1.5625rem; }
.sm-active-border-25:active { border-width: 1.5625rem; }
.sm-disabled-border-25:disabled { border-width: 1.5625rem; }
.sm-border-t-25 { border-top-width: 1.5625rem; }
.sm-hover-border-t-25:hover { border-top-width: 1.5625rem; }
.sm-focus-border-t-25:focus { border-top-width: 1.5625rem; }
.sm-active-border-t-25:active { border-top-width: 1.5625rem; }
.sm-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
.sm-border-r-25 { border-right-width: 1.5625rem; }
.sm-hover-border-r-25:hover { border-right-width: 1.5625rem; }
.sm-focus-border-r-25:focus { border-right-width: 1.5625rem; }
.sm-active-border-r-25:active { border-right-width: 1.5625rem; }
.sm-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
.sm-border-b-25 { border-bottom-width: 1.5625rem; }
.sm-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
.sm-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
.sm-active-border-b-25:active { border-bottom-width: 1.5625rem; }
.sm-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
.sm-border-l-25 { border-left-width: 1.5625rem; }
.sm-hover-border-l-25:hover { border-left-width: 1.5625rem; }
.sm-focus-border-l-25:focus { border-left-width: 1.5625rem; }
.sm-active-border-l-25:active { border-left-width: 1.5625rem; }
.sm-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
.sm-border-26 { border-width: 1.625rem; }
.sm-hover-border-26:hover { border-width: 1.625rem; }
.sm-focus-border-26:focus { border-width: 1.625rem; }
.sm-active-border-26:active { border-width: 1.625rem; }
.sm-disabled-border-26:disabled { border-width: 1.625rem; }
.sm-border-26 { border-width: 1.625rem; }
.sm-hover-border-26:hover { border-width: 1.625rem; }
.sm-focus-border-26:focus { border-width: 1.625rem; }
.sm-active-border-26:active { border-width: 1.625rem; }
.sm-disabled-border-26:disabled { border-width: 1.625rem; }
.sm-border-t-26 { border-top-width: 1.625rem; }
.sm-hover-border-t-26:hover { border-top-width: 1.625rem; }
.sm-focus-border-t-26:focus { border-top-width: 1.625rem; }
.sm-active-border-t-26:active { border-top-width: 1.625rem; }
.sm-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
.sm-border-r-26 { border-right-width: 1.625rem; }
.sm-hover-border-r-26:hover { border-right-width: 1.625rem; }
.sm-focus-border-r-26:focus { border-right-width: 1.625rem; }
.sm-active-border-r-26:active { border-right-width: 1.625rem; }
.sm-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
.sm-border-b-26 { border-bottom-width: 1.625rem; }
.sm-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
.sm-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
.sm-active-border-b-26:active { border-bottom-width: 1.625rem; }
.sm-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
.sm-border-l-26 { border-left-width: 1.625rem; }
.sm-hover-border-l-26:hover { border-left-width: 1.625rem; }
.sm-focus-border-l-26:focus { border-left-width: 1.625rem; }
.sm-active-border-l-26:active { border-left-width: 1.625rem; }
.sm-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
.sm-border-27 { border-width: 1.6875rem; }
.sm-hover-border-27:hover { border-width: 1.6875rem; }
.sm-focus-border-27:focus { border-width: 1.6875rem; }
.sm-active-border-27:active { border-width: 1.6875rem; }
.sm-disabled-border-27:disabled { border-width: 1.6875rem; }
.sm-border-27 { border-width: 1.6875rem; }
.sm-hover-border-27:hover { border-width: 1.6875rem; }
.sm-focus-border-27:focus { border-width: 1.6875rem; }
.sm-active-border-27:active { border-width: 1.6875rem; }
.sm-disabled-border-27:disabled { border-width: 1.6875rem; }
.sm-border-t-27 { border-top-width: 1.6875rem; }
.sm-hover-border-t-27:hover { border-top-width: 1.6875rem; }
.sm-focus-border-t-27:focus { border-top-width: 1.6875rem; }
.sm-active-border-t-27:active { border-top-width: 1.6875rem; }
.sm-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
.sm-border-r-27 { border-right-width: 1.6875rem; }
.sm-hover-border-r-27:hover { border-right-width: 1.6875rem; }
.sm-focus-border-r-27:focus { border-right-width: 1.6875rem; }
.sm-active-border-r-27:active { border-right-width: 1.6875rem; }
.sm-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
.sm-border-b-27 { border-bottom-width: 1.6875rem; }
.sm-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
.sm-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
.sm-active-border-b-27:active { border-bottom-width: 1.6875rem; }
.sm-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
.sm-border-l-27 { border-left-width: 1.6875rem; }
.sm-hover-border-l-27:hover { border-left-width: 1.6875rem; }
.sm-focus-border-l-27:focus { border-left-width: 1.6875rem; }
.sm-active-border-l-27:active { border-left-width: 1.6875rem; }
.sm-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
.sm-border-28 { border-width: 1.75rem; }
.sm-hover-border-28:hover { border-width: 1.75rem; }
.sm-focus-border-28:focus { border-width: 1.75rem; }
.sm-active-border-28:active { border-width: 1.75rem; }
.sm-disabled-border-28:disabled { border-width: 1.75rem; }
.sm-border-28 { border-width: 1.75rem; }
.sm-hover-border-28:hover { border-width: 1.75rem; }
.sm-focus-border-28:focus { border-width: 1.75rem; }
.sm-active-border-28:active { border-width: 1.75rem; }
.sm-disabled-border-28:disabled { border-width: 1.75rem; }
.sm-border-t-28 { border-top-width: 1.75rem; }
.sm-hover-border-t-28:hover { border-top-width: 1.75rem; }
.sm-focus-border-t-28:focus { border-top-width: 1.75rem; }
.sm-active-border-t-28:active { border-top-width: 1.75rem; }
.sm-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
.sm-border-r-28 { border-right-width: 1.75rem; }
.sm-hover-border-r-28:hover { border-right-width: 1.75rem; }
.sm-focus-border-r-28:focus { border-right-width: 1.75rem; }
.sm-active-border-r-28:active { border-right-width: 1.75rem; }
.sm-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
.sm-border-b-28 { border-bottom-width: 1.75rem; }
.sm-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
.sm-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
.sm-active-border-b-28:active { border-bottom-width: 1.75rem; }
.sm-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
.sm-border-l-28 { border-left-width: 1.75rem; }
.sm-hover-border-l-28:hover { border-left-width: 1.75rem; }
.sm-focus-border-l-28:focus { border-left-width: 1.75rem; }
.sm-active-border-l-28:active { border-left-width: 1.75rem; }
.sm-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
.sm-border-29 { border-width: 1.8125rem; }
.sm-hover-border-29:hover { border-width: 1.8125rem; }
.sm-focus-border-29:focus { border-width: 1.8125rem; }
.sm-active-border-29:active { border-width: 1.8125rem; }
.sm-disabled-border-29:disabled { border-width: 1.8125rem; }
.sm-border-29 { border-width: 1.8125rem; }
.sm-hover-border-29:hover { border-width: 1.8125rem; }
.sm-focus-border-29:focus { border-width: 1.8125rem; }
.sm-active-border-29:active { border-width: 1.8125rem; }
.sm-disabled-border-29:disabled { border-width: 1.8125rem; }
.sm-border-t-29 { border-top-width: 1.8125rem; }
.sm-hover-border-t-29:hover { border-top-width: 1.8125rem; }
.sm-focus-border-t-29:focus { border-top-width: 1.8125rem; }
.sm-active-border-t-29:active { border-top-width: 1.8125rem; }
.sm-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
.sm-border-r-29 { border-right-width: 1.8125rem; }
.sm-hover-border-r-29:hover { border-right-width: 1.8125rem; }
.sm-focus-border-r-29:focus { border-right-width: 1.8125rem; }
.sm-active-border-r-29:active { border-right-width: 1.8125rem; }
.sm-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
.sm-border-b-29 { border-bottom-width: 1.8125rem; }
.sm-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
.sm-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
.sm-active-border-b-29:active { border-bottom-width: 1.8125rem; }
.sm-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
.sm-border-l-29 { border-left-width: 1.8125rem; }
.sm-hover-border-l-29:hover { border-left-width: 1.8125rem; }
.sm-focus-border-l-29:focus { border-left-width: 1.8125rem; }
.sm-active-border-l-29:active { border-left-width: 1.8125rem; }
.sm-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
.sm-border-30 { border-width: 1.875rem; }
.sm-hover-border-30:hover { border-width: 1.875rem; }
.sm-focus-border-30:focus { border-width: 1.875rem; }
.sm-active-border-30:active { border-width: 1.875rem; }
.sm-disabled-border-30:disabled { border-width: 1.875rem; }
.sm-border-30 { border-width: 1.875rem; }
.sm-hover-border-30:hover { border-width: 1.875rem; }
.sm-focus-border-30:focus { border-width: 1.875rem; }
.sm-active-border-30:active { border-width: 1.875rem; }
.sm-disabled-border-30:disabled { border-width: 1.875rem; }
.sm-border-t-30 { border-top-width: 1.875rem; }
.sm-hover-border-t-30:hover { border-top-width: 1.875rem; }
.sm-focus-border-t-30:focus { border-top-width: 1.875rem; }
.sm-active-border-t-30:active { border-top-width: 1.875rem; }
.sm-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
.sm-border-r-30 { border-right-width: 1.875rem; }
.sm-hover-border-r-30:hover { border-right-width: 1.875rem; }
.sm-focus-border-r-30:focus { border-right-width: 1.875rem; }
.sm-active-border-r-30:active { border-right-width: 1.875rem; }
.sm-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
.sm-border-b-30 { border-bottom-width: 1.875rem; }
.sm-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
.sm-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
.sm-active-border-b-30:active { border-bottom-width: 1.875rem; }
.sm-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
.sm-border-l-30 { border-left-width: 1.875rem; }
.sm-hover-border-l-30:hover { border-left-width: 1.875rem; }
.sm-focus-border-l-30:focus { border-left-width: 1.875rem; }
.sm-active-border-l-30:active { border-left-width: 1.875rem; }
.sm-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
.sm-border-31 { border-width: 1.9375rem; }
.sm-hover-border-31:hover { border-width: 1.9375rem; }
.sm-focus-border-31:focus { border-width: 1.9375rem; }
.sm-active-border-31:active { border-width: 1.9375rem; }
.sm-disabled-border-31:disabled { border-width: 1.9375rem; }
.sm-border-31 { border-width: 1.9375rem; }
.sm-hover-border-31:hover { border-width: 1.9375rem; }
.sm-focus-border-31:focus { border-width: 1.9375rem; }
.sm-active-border-31:active { border-width: 1.9375rem; }
.sm-disabled-border-31:disabled { border-width: 1.9375rem; }
.sm-border-t-31 { border-top-width: 1.9375rem; }
.sm-hover-border-t-31:hover { border-top-width: 1.9375rem; }
.sm-focus-border-t-31:focus { border-top-width: 1.9375rem; }
.sm-active-border-t-31:active { border-top-width: 1.9375rem; }
.sm-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
.sm-border-r-31 { border-right-width: 1.9375rem; }
.sm-hover-border-r-31:hover { border-right-width: 1.9375rem; }
.sm-focus-border-r-31:focus { border-right-width: 1.9375rem; }
.sm-active-border-r-31:active { border-right-width: 1.9375rem; }
.sm-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
.sm-border-b-31 { border-bottom-width: 1.9375rem; }
.sm-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
.sm-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
.sm-active-border-b-31:active { border-bottom-width: 1.9375rem; }
.sm-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
.sm-border-l-31 { border-left-width: 1.9375rem; }
.sm-hover-border-l-31:hover { border-left-width: 1.9375rem; }
.sm-focus-border-l-31:focus { border-left-width: 1.9375rem; }
.sm-active-border-l-31:active { border-left-width: 1.9375rem; }
.sm-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
.sm-border-32 { border-width: 2.0rem; }
.sm-hover-border-32:hover { border-width: 2.0rem; }
.sm-focus-border-32:focus { border-width: 2.0rem; }
.sm-active-border-32:active { border-width: 2.0rem; }
.sm-disabled-border-32:disabled { border-width: 2.0rem; }
.sm-border-32 { border-width: 2.0rem; }
.sm-hover-border-32:hover { border-width: 2.0rem; }
.sm-focus-border-32:focus { border-width: 2.0rem; }
.sm-active-border-32:active { border-width: 2.0rem; }
.sm-disabled-border-32:disabled { border-width: 2.0rem; }
.sm-border-t-32 { border-top-width: 2.0rem; }
.sm-hover-border-t-32:hover { border-top-width: 2.0rem; }
.sm-focus-border-t-32:focus { border-top-width: 2.0rem; }
.sm-active-border-t-32:active { border-top-width: 2.0rem; }
.sm-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
.sm-border-r-32 { border-right-width: 2.0rem; }
.sm-hover-border-r-32:hover { border-right-width: 2.0rem; }
.sm-focus-border-r-32:focus { border-right-width: 2.0rem; }
.sm-active-border-r-32:active { border-right-width: 2.0rem; }
.sm-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
.sm-border-b-32 { border-bottom-width: 2.0rem; }
.sm-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
.sm-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
.sm-active-border-b-32:active { border-bottom-width: 2.0rem; }
.sm-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
.sm-border-l-32 { border-left-width: 2.0rem; }
.sm-hover-border-l-32:hover { border-left-width: 2.0rem; }
.sm-focus-border-l-32:focus { border-left-width: 2.0rem; }
.sm-active-border-l-32:active { border-left-width: 2.0rem; }
.sm-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
.sm-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.sm-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.sm-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.sm-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.sm-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.sm-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.sm-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.sm-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.sm-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.sm-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.sm-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.sm-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.sm-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.sm-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.sm-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.sm-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.sm-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.sm-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.sm-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.sm-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.sm-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.sm-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.sm-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.sm-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.sm-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.sm-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.sm-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.sm-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.sm-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.sm-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.sm-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.sm-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.sm-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.sm-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.sm-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.sm-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.sm-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.sm-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.sm-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.sm-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.sm-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.sm-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.sm-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.sm-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.sm-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.sm-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.sm-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.sm-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.sm-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.sm-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.sm-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.sm-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.sm-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.sm-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.sm-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.sm-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.sm-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.sm-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.sm-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.sm-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.sm-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.sm-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.sm-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.sm-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.sm-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.sm-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.sm-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.sm-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.sm-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.sm-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.sm-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.sm-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.sm-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.sm-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.sm-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.sm-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.sm-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.sm-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.sm-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.sm-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.sm-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.sm-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.sm-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.sm-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.sm-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.sm-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.sm-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.sm-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.sm-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.sm-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.sm-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.sm-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.sm-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.sm-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.sm-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.sm-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.sm-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.sm-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.sm-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.sm-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.sm-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.sm-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.sm-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.sm-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.sm-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.sm-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.sm-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.sm-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.sm-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.sm-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.sm-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.sm-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.sm-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.sm-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.sm-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.sm-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.sm-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.sm-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.sm-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.sm-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.sm-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.sm-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.sm-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.sm-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.sm-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.sm-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.sm-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.sm-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.sm-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.sm-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.sm-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.sm-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.sm-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.sm-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.sm-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.sm-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.sm-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.sm-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.sm-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.sm-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.sm-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.sm-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.sm-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.sm-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.sm-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.sm-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.sm-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.sm-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.sm-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.sm-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.sm-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.sm-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.sm-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.sm-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.sm-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.sm-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.sm-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.sm-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.sm-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.sm-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.sm-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.sm-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.sm-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.sm-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.sm-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.sm-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.sm-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.sm-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.sm-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.sm-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.sm-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.sm-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.sm-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.sm-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.sm-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.sm-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.sm-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.sm-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.sm-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.sm-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.sm-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.sm-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.sm-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.sm-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.sm-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.sm-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.sm-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.sm-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.sm-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.sm-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.sm-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.sm-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.sm-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.sm-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.sm-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.sm-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.sm-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.sm-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.sm-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.sm-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.sm-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.sm-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.sm-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.sm-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.sm-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.sm-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.sm-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.sm-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.sm-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.sm-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.sm-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.sm-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.sm-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.sm-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.sm-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.sm-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.sm-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.sm-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.sm-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.sm-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.sm-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.sm-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.sm-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.sm-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.sm-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.sm-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.sm-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.sm-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.sm-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.sm-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.sm-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.sm-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.sm-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.sm-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.sm-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.sm-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.sm-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.sm-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.sm-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.sm-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.sm-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.sm-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.sm-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.sm-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.sm-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.sm-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.sm-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.sm-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.sm-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.sm-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.sm-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.sm-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.sm-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.sm-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.sm-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.sm-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.sm-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.sm-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.sm-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.sm-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.sm-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.sm-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.sm-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.sm-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.sm-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.sm-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.sm-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.sm-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.sm-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.sm-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.sm-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.sm-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.sm-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.sm-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.sm-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.sm-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.sm-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.sm-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.sm-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.sm-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.sm-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.sm-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.sm-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.sm-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.sm-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.sm-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.sm-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.sm-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.sm-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.sm-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.sm-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.sm-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.sm-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.sm-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.sm-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.sm-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.sm-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.sm-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.sm-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.sm-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.sm-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.sm-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.sm-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.sm-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.sm-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.sm-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.sm-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.sm-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.sm-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.sm-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.sm-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.sm-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.sm-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.sm-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.sm-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.sm-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.sm-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.sm-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.sm-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.sm-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.sm-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.sm-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.sm-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.sm-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.sm-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.sm-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.sm-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.sm-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.sm-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.sm-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.sm-border-transparent { border-color: transparent; }
.sm-hover-border-transparent:hover { border-color: transparent; }
.sm-focus-border-transparent:focus { border-color: transparent; }
.sm-active-border-transparent:active { border-color: transparent; }
.sm-disabled-border-transparent:disabled { border-color: transparent; }
.sm-border-inherit { border-color: inherit; }
.sm-hover-border-inherit:hover { border-color: inherit; }
.sm-focus-border-inherit:focus { border-color: inherit; }
.sm-active-border-inherit:active { border-color: inherit; }
.sm-disabled-border-inherit:disabled { border-color: inherit; }
.sm-bg-transparent { background-color: transparent; }
.sm-hover-bg-transparent:hover { background-color: transparent; }
.sm-focus-bg-transparent:focus { background-color: transparent; }
.sm-active-bg-transparent:active { background-color: transparent; }
.sm-disabled-bg-transparent:disabled { background-color: transparent; }
.sm-bg-inherit { background-color: inherit; }
.sm-hover-bg-inherit:hover { background-color: inherit; }
.sm-focus-bg-inherit:focus { background-color: inherit; }
.sm-active-bg-inherit:active { background-color: inherit; }
.sm-disabled-bg-inherit:disabled { background-color: inherit; }
.sm-text-transparent { color: transparent; }
.sm-hover-text-transparent:hover { color: transparent; }
.sm-focus-text-transparent:focus { color: transparent; }
.sm-active-text-transparent:active { color: transparent; }
.sm-disabled-text-transparent:disabled { color: transparent; }
.sm-text-inherit { color: inherit; }
.sm-hover-text-inherit:hover { color: inherit; }
.sm-focus-text-inherit:focus { color: inherit; }
.sm-active-text-inherit:active { color: inherit; }
.sm-disabled-text-inherit:disabled { color: inherit; }
.sm-border-solid { border-style: solid; }
.sm-hover-border-solid:hover { border-style: solid; }
.sm-focus-border-solid:focus { border-style: solid; }
.sm-active-border-solid:active { border-style: solid; }
.sm-disabled-border-solid:disabled { border-style: solid; }
.sm-border-dashed { border-style: dashed; }
.sm-hover-border-dashed:hover { border-style: dashed; }
.sm-focus-border-dashed:focus { border-style: dashed; }
.sm-active-border-dashed:active { border-style: dashed; }
.sm-disabled-border-dashed:disabled { border-style: dashed; }
.sm-border-dotted { border-style: dotted; }
.sm-hover-border-dotted:hover { border-style: dotted; }
.sm-focus-border-dotted:focus { border-style: dotted; }
.sm-active-border-dotted:active { border-style: dotted; }
.sm-disabled-border-dotted:disabled { border-style: dotted; }
.sm-border-double { border-style: double; }
.sm-hover-border-double:hover { border-style: double; }
.sm-focus-border-double:focus { border-style: double; }
.sm-active-border-double:active { border-style: double; }
.sm-disabled-border-double:disabled { border-style: double; }
.sm-border-none { border-style: none; }
.sm-hover-border-none:hover { border-style: none; }
.sm-focus-border-none:focus { border-style: none; }
.sm-active-border-none:active { border-style: none; }
.sm-disabled-border-none:disabled { border-style: none; }
.sm-z-auto { z-index: auto; }
.sm-hover-z-auto:hover { z-index: auto; }
.sm-focus-z-auto:focus { z-index: auto; }
.sm-active-z-auto:active { z-index: auto; }
.sm-disabled-z-auto:disabled { z-index: auto; }
.sm-z-0 { z-index: 0; }
.sm-hover-z-0:hover { z-index: 0; }
.sm-focus-z-0:focus { z-index: 0; }
.sm-active-z-0:active { z-index: 0; }
.sm-disabled-z-0:disabled { z-index: 0; }
.sm-z-10 { z-index: 10; }
.sm-hover-z-10:hover { z-index: 10; }
.sm-focus-z-10:focus { z-index: 10; }
.sm-active-z-10:active { z-index: 10; }
.sm-disabled-z-10:disabled { z-index: 10; }
.sm-z-20 { z-index: 20; }
.sm-hover-z-20:hover { z-index: 20; }
.sm-focus-z-20:focus { z-index: 20; }
.sm-active-z-20:active { z-index: 20; }
.sm-disabled-z-20:disabled { z-index: 20; }
.sm-z-30 { z-index: 30; }
.sm-hover-z-30:hover { z-index: 30; }
.sm-focus-z-30:focus { z-index: 30; }
.sm-active-z-30:active { z-index: 30; }
.sm-disabled-z-30:disabled { z-index: 30; }
.sm-z-40 { z-index: 40; }
.sm-hover-z-40:hover { z-index: 40; }
.sm-focus-z-40:focus { z-index: 40; }
.sm-active-z-40:active { z-index: 40; }
.sm-disabled-z-40:disabled { z-index: 40; }
.sm-z-50 { z-index: 50; }
.sm-hover-z-50:hover { z-index: 50; }
.sm-focus-z-50:focus { z-index: 50; }
.sm-active-z-50:active { z-index: 50; }
.sm-disabled-z-50:disabled { z-index: 50; }
.sm-z-100 { z-index: 100; }
.sm-hover-z-100:hover { z-index: 100; }
.sm-focus-z-100:focus { z-index: 100; }
.sm-active-z-100:active { z-index: 100; }
.sm-disabled-z-100:disabled { z-index: 100; }
.sm-z-9999 { z-index: 9999; }
.sm-hover-z-9999:hover { z-index: 9999; }
.sm-focus-z-9999:focus { z-index: 9999; }
.sm-active-z-9999:active { z-index: 9999; }
.sm-disabled-z-9999:disabled { z-index: 9999; }
.sm--z-10 { z-index: -10; }
.sm-hover--z-10:hover { z-index: -10; }
.sm-focus--z-10:focus { z-index: -10; }
.sm-active--z-10:active { z-index: -10; }
.sm-disabled--z-10:disabled { z-index: -10; }
.sm--z-20 { z-index: -20; }
.sm-hover--z-20:hover { z-index: -20; }
.sm-focus--z-20:focus { z-index: -20; }
.sm-active--z-20:active { z-index: -20; }
.sm-disabled--z-20:disabled { z-index: -20; }
.sm--z-40 { z-index: -40; }
.sm-hover--z-40:hover { z-index: -40; }
.sm-focus--z-40:focus { z-index: -40; }
.sm-active--z-40:active { z-index: -40; }
.sm-disabled--z-40:disabled { z-index: -40; }
.sm--z-50 { z-index: -50; }
.sm-hover--z-50:hover { z-index: -50; }
.sm-focus--z-50:focus { z-index: -50; }
.sm-active--z-50:active { z-index: -50; }
.sm-disabled--z-50:disabled { z-index: -50; }
.sm--z-100 { z-index: -100; }
.sm-hover--z-100:hover { z-index: -100; }
.sm-focus--z-100:focus { z-index: -100; }
.sm-active--z-100:active { z-index: -100; }
.sm-disabled--z-100:disabled { z-index: -100; }
.sm-opacity-0 { opacity: 0; }
.sm-hover-opacity-0:hover { opacity: 0; }
.sm-focus-opacity-0:focus { opacity: 0; }
.sm-active-opacity-0:active { opacity: 0; }
.sm-disabled-opacity-0:disabled { opacity: 0; }
.sm-opacity-10 { opacity: 0.1; }
.sm-hover-opacity-10:hover { opacity: 0.1; }
.sm-focus-opacity-10:focus { opacity: 0.1; }
.sm-active-opacity-10:active { opacity: 0.1; }
.sm-disabled-opacity-10:disabled { opacity: 0.1; }
.sm-opacity-20 { opacity: 0.2; }
.sm-hover-opacity-20:hover { opacity: 0.2; }
.sm-focus-opacity-20:focus { opacity: 0.2; }
.sm-active-opacity-20:active { opacity: 0.2; }
.sm-disabled-opacity-20:disabled { opacity: 0.2; }
.sm-opacity-25 { opacity: 0.25; }
.sm-hover-opacity-25:hover { opacity: 0.25; }
.sm-focus-opacity-25:focus { opacity: 0.25; }
.sm-active-opacity-25:active { opacity: 0.25; }
.sm-disabled-opacity-25:disabled { opacity: 0.25; }
.sm-opacity-30 { opacity: 0.3; }
.sm-hover-opacity-30:hover { opacity: 0.3; }
.sm-focus-opacity-30:focus { opacity: 0.3; }
.sm-active-opacity-30:active { opacity: 0.3; }
.sm-disabled-opacity-30:disabled { opacity: 0.3; }
.sm-opacity-40 { opacity: 0.4; }
.sm-hover-opacity-40:hover { opacity: 0.4; }
.sm-focus-opacity-40:focus { opacity: 0.4; }
.sm-active-opacity-40:active { opacity: 0.4; }
.sm-disabled-opacity-40:disabled { opacity: 0.4; }
.sm-opacity-50 { opacity: 0.5; }
.sm-hover-opacity-50:hover { opacity: 0.5; }
.sm-focus-opacity-50:focus { opacity: 0.5; }
.sm-active-opacity-50:active { opacity: 0.5; }
.sm-disabled-opacity-50:disabled { opacity: 0.5; }
.sm-opacity-60 { opacity: 0.6; }
.sm-hover-opacity-60:hover { opacity: 0.6; }
.sm-focus-opacity-60:focus { opacity: 0.6; }
.sm-active-opacity-60:active { opacity: 0.6; }
.sm-disabled-opacity-60:disabled { opacity: 0.6; }
.sm-opacity-70 { opacity: 0.7; }
.sm-hover-opacity-70:hover { opacity: 0.7; }
.sm-focus-opacity-70:focus { opacity: 0.7; }
.sm-active-opacity-70:active { opacity: 0.7; }
.sm-disabled-opacity-70:disabled { opacity: 0.7; }
.sm-opacity-75 { opacity: 0.75; }
.sm-hover-opacity-75:hover { opacity: 0.75; }
.sm-focus-opacity-75:focus { opacity: 0.75; }
.sm-active-opacity-75:active { opacity: 0.75; }
.sm-disabled-opacity-75:disabled { opacity: 0.75; }
.sm-opacity-80 { opacity: 0.8; }
.sm-hover-opacity-80:hover { opacity: 0.8; }
.sm-focus-opacity-80:focus { opacity: 0.8; }
.sm-active-opacity-80:active { opacity: 0.8; }
.sm-disabled-opacity-80:disabled { opacity: 0.8; }
.sm-opacity-90 { opacity: 0.9; }
.sm-hover-opacity-90:hover { opacity: 0.9; }
.sm-focus-opacity-90:focus { opacity: 0.9; }
.sm-active-opacity-90:active { opacity: 0.9; }
.sm-disabled-opacity-90:disabled { opacity: 0.9; }
.sm-opacity-100 { opacity: 1; }
.sm-hover-opacity-100:hover { opacity: 1; }
.sm-focus-opacity-100:focus { opacity: 1; }
.sm-active-opacity-100:active { opacity: 1; }
.sm-disabled-opacity-100:disabled { opacity: 1; }
.sm-bg-gradient-l { --quanta-gradient-direction: to left; }
.sm-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
.sm-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
.sm-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
.sm-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
.sm-bg-gradient-r { --quanta-gradient-direction: to right; }
.sm-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
.sm-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
.sm-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
.sm-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
.sm-bg-gradient-t { --quanta-gradient-direction: to top; }
.sm-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
.sm-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
.sm-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
.sm-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
.sm-bg-gradient-b { --quanta-gradient-direction: to bottom; }
.sm-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
.sm-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
.sm-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
.sm-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
.sm-bg-gradient-tl { --quanta-gradient-direction: to top left; }
.sm-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
.sm-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
.sm-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
.sm-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
.sm-bg-gradient-tr { --quanta-gradient-direction: to top right; }
.sm-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
.sm-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
.sm-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
.sm-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
.sm-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
.sm-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
.sm-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
.sm-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
.sm-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
.sm-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
.sm-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
.sm-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
.sm-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
.sm-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
.sm-rounded-0 { border-radius: 0; }
.sm-hover-rounded-0:hover { border-radius: 0; }
.sm-focus-rounded-0:focus { border-radius: 0; }
.sm-active-rounded-0:active { border-radius: 0; }
.sm-disabled-rounded-0:disabled { border-radius: 0; }
.sm-rounded-xs { border-radius: 0.125rem; }
.sm-hover-rounded-xs:hover { border-radius: 0.125rem; }
.sm-focus-rounded-xs:focus { border-radius: 0.125rem; }
.sm-active-rounded-xs:active { border-radius: 0.125rem; }
.sm-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
.sm-rounded-sm { border-radius: 0.25rem; }
.sm-hover-rounded-sm:hover { border-radius: 0.25rem; }
.sm-focus-rounded-sm:focus { border-radius: 0.25rem; }
.sm-active-rounded-sm:active { border-radius: 0.25rem; }
.sm-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
.sm-rounded { border-radius: 0.5rem; }
.sm-hover-rounded:hover { border-radius: 0.5rem; }
.sm-focus-rounded:focus { border-radius: 0.5rem; }
.sm-active-rounded:active { border-radius: 0.5rem; }
.sm-disabled-rounded:disabled { border-radius: 0.5rem; }
.sm-rounded-md { border-radius: 0.75rem; }
.sm-hover-rounded-md:hover { border-radius: 0.75rem; }
.sm-focus-rounded-md:focus { border-radius: 0.75rem; }
.sm-active-rounded-md:active { border-radius: 0.75rem; }
.sm-disabled-rounded-md:disabled { border-radius: 0.75rem; }
.sm-rounded-lg { border-radius: 1rem; }
.sm-hover-rounded-lg:hover { border-radius: 1rem; }
.sm-focus-rounded-lg:focus { border-radius: 1rem; }
.sm-active-rounded-lg:active { border-radius: 1rem; }
.sm-disabled-rounded-lg:disabled { border-radius: 1rem; }
.sm-rounded-xl { border-radius: 1.5rem; }
.sm-hover-rounded-xl:hover { border-radius: 1.5rem; }
.sm-focus-rounded-xl:focus { border-radius: 1.5rem; }
.sm-active-rounded-xl:active { border-radius: 1.5rem; }
.sm-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
.sm-rounded-2xl { border-radius: 2rem; }
.sm-hover-rounded-2xl:hover { border-radius: 2rem; }
.sm-focus-rounded-2xl:focus { border-radius: 2rem; }
.sm-active-rounded-2xl:active { border-radius: 2rem; }
.sm-disabled-rounded-2xl:disabled { border-radius: 2rem; }
.sm-rounded-full { border-radius: 9999px; }
.sm-hover-rounded-full:hover { border-radius: 9999px; }
.sm-focus-rounded-full:focus { border-radius: 9999px; }
.sm-active-rounded-full:active { border-radius: 9999px; }
.sm-disabled-rounded-full:disabled { border-radius: 9999px; }
.sm-rounded-pill { border-radius: 50px; }
.sm-hover-rounded-pill:hover { border-radius: 50px; }
.sm-focus-rounded-pill:focus { border-radius: 50px; }
.sm-active-rounded-pill:active { border-radius: 50px; }
.sm-disabled-rounded-pill:disabled { border-radius: 50px; }
.sm-outline-none { outline: none; }
.sm-hover-outline-none:hover { outline: none; }
.sm-focus-outline-none:focus { outline: none; }
.sm-active-outline-none:active { outline: none; }
.sm-disabled-outline-none:disabled { outline: none; }
.sm-outline { outline: 1px solid currentColor; }
.sm-hover-outline:hover { outline: 1px solid currentColor; }
.sm-focus-outline:focus { outline: 1px solid currentColor; }
.sm-active-outline:active { outline: 1px solid currentColor; }
.sm-disabled-outline:disabled { outline: 1px solid currentColor; }
.sm-outline-offset-0 { outline-offset: 0rem; }
.sm-hover-outline-offset-0:hover { outline-offset: 0rem; }
.sm-focus-outline-offset-0:focus { outline-offset: 0rem; }
.sm-active-outline-offset-0:active { outline-offset: 0rem; }
.sm-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
.sm-outline-offset-1 { outline-offset: 0.25rem; }
.sm-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
.sm-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
.sm-active-outline-offset-1:active { outline-offset: 0.25rem; }
.sm-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
.sm-outline-offset-2 { outline-offset: 0.5rem; }
.sm-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
.sm-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
.sm-active-outline-offset-2:active { outline-offset: 0.5rem; }
.sm-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
.sm-outline-offset-3 { outline-offset: 0.75rem; }
.sm-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
.sm-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
.sm-active-outline-offset-3:active { outline-offset: 0.75rem; }
.sm-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
.sm-outline-offset-4 { outline-offset: 1rem; }
.sm-hover-outline-offset-4:hover { outline-offset: 1rem; }
.sm-focus-outline-offset-4:focus { outline-offset: 1rem; }
.sm-active-outline-offset-4:active { outline-offset: 1rem; }
.sm-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
.sm-outline-offset-8 { outline-offset: 2rem; }
.sm-hover-outline-offset-8:hover { outline-offset: 2rem; }
.sm-focus-outline-offset-8:focus { outline-offset: 2rem; }
.sm-active-outline-offset-8:active { outline-offset: 2rem; }
.sm-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
.sm-outline-red-50 { outline-color: var(--quanta-red-50); }
.sm-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
.sm-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
.sm-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
.sm-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
.sm-outline-red-100 { outline-color: var(--quanta-red-100); }
.sm-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
.sm-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
.sm-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
.sm-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
.sm-outline-red-200 { outline-color: var(--quanta-red-200); }
.sm-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
.sm-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
.sm-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
.sm-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
.sm-outline-red-300 { outline-color: var(--quanta-red-300); }
.sm-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
.sm-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
.sm-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
.sm-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
.sm-outline-red-400 { outline-color: var(--quanta-red-400); }
.sm-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
.sm-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
.sm-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
.sm-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
.sm-outline-red-500 { outline-color: var(--quanta-red-500); }
.sm-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
.sm-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
.sm-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
.sm-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
.sm-outline-red-600 { outline-color: var(--quanta-red-600); }
.sm-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
.sm-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
.sm-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
.sm-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
.sm-outline-red-700 { outline-color: var(--quanta-red-700); }
.sm-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
.sm-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
.sm-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
.sm-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
.sm-outline-red-800 { outline-color: var(--quanta-red-800); }
.sm-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
.sm-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
.sm-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
.sm-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
.sm-outline-red-900 { outline-color: var(--quanta-red-900); }
.sm-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
.sm-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
.sm-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
.sm-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
.sm-outline-orange-50 { outline-color: var(--quanta-orange-50); }
.sm-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
.sm-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
.sm-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
.sm-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
.sm-outline-orange-100 { outline-color: var(--quanta-orange-100); }
.sm-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
.sm-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
.sm-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
.sm-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
.sm-outline-orange-200 { outline-color: var(--quanta-orange-200); }
.sm-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
.sm-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
.sm-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
.sm-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
.sm-outline-orange-300 { outline-color: var(--quanta-orange-300); }
.sm-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
.sm-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
.sm-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
.sm-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
.sm-outline-orange-400 { outline-color: var(--quanta-orange-400); }
.sm-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
.sm-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
.sm-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
.sm-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
.sm-outline-orange-500 { outline-color: var(--quanta-orange-500); }
.sm-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
.sm-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
.sm-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
.sm-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
.sm-outline-orange-600 { outline-color: var(--quanta-orange-600); }
.sm-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
.sm-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
.sm-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
.sm-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
.sm-outline-orange-700 { outline-color: var(--quanta-orange-700); }
.sm-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
.sm-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
.sm-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
.sm-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
.sm-outline-orange-800 { outline-color: var(--quanta-orange-800); }
.sm-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
.sm-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
.sm-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
.sm-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
.sm-outline-orange-900 { outline-color: var(--quanta-orange-900); }
.sm-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
.sm-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
.sm-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
.sm-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
.sm-outline-teal-50 { outline-color: var(--quanta-teal-50); }
.sm-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
.sm-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
.sm-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
.sm-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
.sm-outline-teal-100 { outline-color: var(--quanta-teal-100); }
.sm-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
.sm-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
.sm-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
.sm-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
.sm-outline-teal-200 { outline-color: var(--quanta-teal-200); }
.sm-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
.sm-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
.sm-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
.sm-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
.sm-outline-teal-300 { outline-color: var(--quanta-teal-300); }
.sm-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
.sm-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
.sm-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
.sm-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
.sm-outline-teal-400 { outline-color: var(--quanta-teal-400); }
.sm-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
.sm-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
.sm-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
.sm-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
.sm-outline-teal-500 { outline-color: var(--quanta-teal-500); }
.sm-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
.sm-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
.sm-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
.sm-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
.sm-outline-teal-600 { outline-color: var(--quanta-teal-600); }
.sm-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
.sm-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
.sm-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
.sm-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
.sm-outline-teal-700 { outline-color: var(--quanta-teal-700); }
.sm-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
.sm-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
.sm-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
.sm-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
.sm-outline-teal-800 { outline-color: var(--quanta-teal-800); }
.sm-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
.sm-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
.sm-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
.sm-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
.sm-outline-teal-900 { outline-color: var(--quanta-teal-900); }
.sm-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
.sm-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
.sm-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
.sm-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
.sm-outline-purple-50 { outline-color: var(--quanta-purple-50); }
.sm-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
.sm-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
.sm-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
.sm-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
.sm-outline-purple-100 { outline-color: var(--quanta-purple-100); }
.sm-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
.sm-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
.sm-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
.sm-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
.sm-outline-purple-200 { outline-color: var(--quanta-purple-200); }
.sm-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
.sm-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
.sm-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
.sm-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
.sm-outline-purple-300 { outline-color: var(--quanta-purple-300); }
.sm-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
.sm-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
.sm-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
.sm-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
.sm-outline-purple-400 { outline-color: var(--quanta-purple-400); }
.sm-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
.sm-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
.sm-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
.sm-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
.sm-outline-purple-500 { outline-color: var(--quanta-purple-500); }
.sm-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
.sm-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
.sm-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
.sm-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
.sm-outline-purple-600 { outline-color: var(--quanta-purple-600); }
.sm-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
.sm-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
.sm-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
.sm-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
.sm-outline-purple-700 { outline-color: var(--quanta-purple-700); }
.sm-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
.sm-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
.sm-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
.sm-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
.sm-outline-purple-800 { outline-color: var(--quanta-purple-800); }
.sm-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
.sm-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
.sm-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
.sm-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
.sm-outline-purple-900 { outline-color: var(--quanta-purple-900); }
.sm-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
.sm-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
.sm-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
.sm-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
.sm-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
.sm-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
.sm-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
.sm-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
.sm-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
.sm-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.sm-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
.sm-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
.sm-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
.sm-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
.sm-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.sm-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
.sm-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
.sm-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
.sm-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
.sm-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.sm-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
.sm-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
.sm-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
.sm-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
.sm-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.sm-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
.sm-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
.sm-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
.sm-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
.sm-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.sm-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
.sm-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
.sm-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
.sm-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
.sm-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.sm-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
.sm-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
.sm-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
.sm-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
.sm-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.sm-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
.sm-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
.sm-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
.sm-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
.sm-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.sm-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
.sm-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
.sm-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
.sm-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
.sm-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
.sm-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
.sm-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
.sm-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
.sm-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
.sm-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
.sm-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
.sm-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
.sm-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
.sm-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
.sm-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.sm-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
.sm-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
.sm-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
.sm-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
.sm-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.sm-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
.sm-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
.sm-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
.sm-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
.sm-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.sm-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
.sm-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
.sm-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
.sm-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
.sm-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.sm-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
.sm-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
.sm-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
.sm-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
.sm-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.sm-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
.sm-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
.sm-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
.sm-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
.sm-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.sm-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
.sm-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
.sm-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
.sm-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
.sm-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.sm-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
.sm-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
.sm-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
.sm-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
.sm-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.sm-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
.sm-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
.sm-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
.sm-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
.sm-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
.sm-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
.sm-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
.sm-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
.sm-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
.sm-outline-pink-50 { outline-color: var(--quanta-pink-50); }
.sm-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
.sm-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
.sm-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
.sm-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
.sm-outline-pink-100 { outline-color: var(--quanta-pink-100); }
.sm-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
.sm-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
.sm-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
.sm-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
.sm-outline-pink-200 { outline-color: var(--quanta-pink-200); }
.sm-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
.sm-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
.sm-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
.sm-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
.sm-outline-pink-300 { outline-color: var(--quanta-pink-300); }
.sm-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
.sm-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
.sm-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
.sm-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
.sm-outline-pink-400 { outline-color: var(--quanta-pink-400); }
.sm-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
.sm-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
.sm-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
.sm-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
.sm-outline-pink-500 { outline-color: var(--quanta-pink-500); }
.sm-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
.sm-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
.sm-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
.sm-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
.sm-outline-pink-600 { outline-color: var(--quanta-pink-600); }
.sm-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
.sm-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
.sm-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
.sm-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
.sm-outline-pink-700 { outline-color: var(--quanta-pink-700); }
.sm-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
.sm-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
.sm-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
.sm-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
.sm-outline-pink-800 { outline-color: var(--quanta-pink-800); }
.sm-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
.sm-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
.sm-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
.sm-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
.sm-outline-pink-900 { outline-color: var(--quanta-pink-900); }
.sm-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
.sm-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
.sm-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
.sm-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
.sm-outline-grey-50 { outline-color: var(--quanta-grey-50); }
.sm-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
.sm-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
.sm-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
.sm-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
.sm-outline-grey-100 { outline-color: var(--quanta-grey-100); }
.sm-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
.sm-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
.sm-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
.sm-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
.sm-outline-grey-200 { outline-color: var(--quanta-grey-200); }
.sm-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
.sm-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
.sm-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
.sm-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
.sm-outline-grey-300 { outline-color: var(--quanta-grey-300); }
.sm-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
.sm-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
.sm-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
.sm-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
.sm-outline-grey-400 { outline-color: var(--quanta-grey-400); }
.sm-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
.sm-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
.sm-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
.sm-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
.sm-outline-grey-500 { outline-color: var(--quanta-grey-500); }
.sm-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
.sm-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
.sm-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
.sm-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
.sm-outline-grey-600 { outline-color: var(--quanta-grey-600); }
.sm-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
.sm-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
.sm-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
.sm-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
.sm-outline-grey-700 { outline-color: var(--quanta-grey-700); }
.sm-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
.sm-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
.sm-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
.sm-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
.sm-outline-grey-800 { outline-color: var(--quanta-grey-800); }
.sm-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
.sm-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
.sm-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
.sm-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
.sm-outline-grey-900 { outline-color: var(--quanta-grey-900); }
.sm-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
.sm-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
.sm-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
.sm-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
.sm-outline-lime-50 { outline-color: var(--quanta-lime-50); }
.sm-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
.sm-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
.sm-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
.sm-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
.sm-outline-lime-100 { outline-color: var(--quanta-lime-100); }
.sm-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
.sm-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
.sm-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
.sm-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
.sm-outline-lime-200 { outline-color: var(--quanta-lime-200); }
.sm-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
.sm-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
.sm-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
.sm-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
.sm-outline-lime-300 { outline-color: var(--quanta-lime-300); }
.sm-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
.sm-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
.sm-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
.sm-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
.sm-outline-lime-400 { outline-color: var(--quanta-lime-400); }
.sm-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
.sm-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
.sm-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
.sm-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
.sm-outline-lime-500 { outline-color: var(--quanta-lime-500); }
.sm-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
.sm-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
.sm-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
.sm-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
.sm-outline-lime-600 { outline-color: var(--quanta-lime-600); }
.sm-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
.sm-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
.sm-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
.sm-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
.sm-outline-lime-700 { outline-color: var(--quanta-lime-700); }
.sm-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
.sm-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
.sm-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
.sm-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
.sm-outline-lime-800 { outline-color: var(--quanta-lime-800); }
.sm-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
.sm-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
.sm-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
.sm-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
.sm-outline-lime-900 { outline-color: var(--quanta-lime-900); }
.sm-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
.sm-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
.sm-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
.sm-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
.sm-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
.sm-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
.sm-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
.sm-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
.sm-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
.sm-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.sm-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
.sm-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
.sm-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
.sm-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
.sm-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.sm-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
.sm-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
.sm-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
.sm-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
.sm-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.sm-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
.sm-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
.sm-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
.sm-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
.sm-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.sm-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
.sm-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
.sm-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
.sm-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
.sm-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.sm-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
.sm-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
.sm-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
.sm-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
.sm-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.sm-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
.sm-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
.sm-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
.sm-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
.sm-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.sm-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
.sm-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
.sm-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
.sm-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
.sm-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.sm-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
.sm-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
.sm-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
.sm-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
.sm-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
.sm-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
.sm-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
.sm-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
.sm-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
.sm-outline-sky-50 { outline-color: var(--quanta-sky-50); }
.sm-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
.sm-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
.sm-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
.sm-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
.sm-outline-sky-100 { outline-color: var(--quanta-sky-100); }
.sm-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
.sm-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
.sm-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
.sm-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
.sm-outline-sky-200 { outline-color: var(--quanta-sky-200); }
.sm-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
.sm-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
.sm-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
.sm-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
.sm-outline-sky-300 { outline-color: var(--quanta-sky-300); }
.sm-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
.sm-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
.sm-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
.sm-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
.sm-outline-sky-400 { outline-color: var(--quanta-sky-400); }
.sm-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
.sm-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
.sm-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
.sm-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
.sm-outline-sky-500 { outline-color: var(--quanta-sky-500); }
.sm-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
.sm-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
.sm-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
.sm-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
.sm-outline-sky-600 { outline-color: var(--quanta-sky-600); }
.sm-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
.sm-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
.sm-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
.sm-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
.sm-outline-sky-700 { outline-color: var(--quanta-sky-700); }
.sm-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
.sm-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
.sm-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
.sm-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
.sm-outline-sky-800 { outline-color: var(--quanta-sky-800); }
.sm-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
.sm-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
.sm-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
.sm-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
.sm-outline-sky-900 { outline-color: var(--quanta-sky-900); }
.sm-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
.sm-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
.sm-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
.sm-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
.sm-outline-violet-50 { outline-color: var(--quanta-violet-50); }
.sm-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
.sm-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
.sm-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
.sm-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
.sm-outline-violet-100 { outline-color: var(--quanta-violet-100); }
.sm-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
.sm-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
.sm-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
.sm-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
.sm-outline-violet-200 { outline-color: var(--quanta-violet-200); }
.sm-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
.sm-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
.sm-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
.sm-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
.sm-outline-violet-300 { outline-color: var(--quanta-violet-300); }
.sm-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
.sm-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
.sm-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
.sm-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
.sm-outline-violet-400 { outline-color: var(--quanta-violet-400); }
.sm-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
.sm-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
.sm-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
.sm-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
.sm-outline-violet-500 { outline-color: var(--quanta-violet-500); }
.sm-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
.sm-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
.sm-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
.sm-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
.sm-outline-violet-600 { outline-color: var(--quanta-violet-600); }
.sm-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
.sm-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
.sm-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
.sm-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
.sm-outline-violet-700 { outline-color: var(--quanta-violet-700); }
.sm-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
.sm-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
.sm-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
.sm-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
.sm-outline-violet-800 { outline-color: var(--quanta-violet-800); }
.sm-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
.sm-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
.sm-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
.sm-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
.sm-outline-violet-900 { outline-color: var(--quanta-violet-900); }
.sm-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
.sm-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
.sm-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
.sm-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
.sm-outline-rose-50 { outline-color: var(--quanta-rose-50); }
.sm-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
.sm-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
.sm-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
.sm-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
.sm-outline-rose-100 { outline-color: var(--quanta-rose-100); }
.sm-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
.sm-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
.sm-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
.sm-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
.sm-outline-rose-200 { outline-color: var(--quanta-rose-200); }
.sm-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
.sm-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
.sm-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
.sm-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
.sm-outline-rose-300 { outline-color: var(--quanta-rose-300); }
.sm-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
.sm-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
.sm-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
.sm-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
.sm-outline-rose-400 { outline-color: var(--quanta-rose-400); }
.sm-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
.sm-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
.sm-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
.sm-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
.sm-outline-rose-500 { outline-color: var(--quanta-rose-500); }
.sm-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
.sm-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
.sm-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
.sm-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
.sm-outline-rose-600 { outline-color: var(--quanta-rose-600); }
.sm-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
.sm-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
.sm-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
.sm-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
.sm-outline-rose-700 { outline-color: var(--quanta-rose-700); }
.sm-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
.sm-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
.sm-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
.sm-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
.sm-outline-rose-800 { outline-color: var(--quanta-rose-800); }
.sm-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
.sm-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
.sm-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
.sm-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
.sm-outline-rose-900 { outline-color: var(--quanta-rose-900); }
.sm-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
.sm-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
.sm-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
.sm-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
.sm-outline-slate-50 { outline-color: var(--quanta-slate-50); }
.sm-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
.sm-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
.sm-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
.sm-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
.sm-outline-slate-100 { outline-color: var(--quanta-slate-100); }
.sm-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
.sm-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
.sm-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
.sm-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
.sm-outline-slate-200 { outline-color: var(--quanta-slate-200); }
.sm-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
.sm-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
.sm-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
.sm-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
.sm-outline-slate-300 { outline-color: var(--quanta-slate-300); }
.sm-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
.sm-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
.sm-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
.sm-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
.sm-outline-slate-400 { outline-color: var(--quanta-slate-400); }
.sm-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
.sm-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
.sm-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
.sm-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
.sm-outline-slate-500 { outline-color: var(--quanta-slate-500); }
.sm-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
.sm-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
.sm-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
.sm-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
.sm-outline-slate-600 { outline-color: var(--quanta-slate-600); }
.sm-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
.sm-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
.sm-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
.sm-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
.sm-outline-slate-700 { outline-color: var(--quanta-slate-700); }
.sm-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
.sm-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
.sm-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
.sm-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
.sm-outline-slate-800 { outline-color: var(--quanta-slate-800); }
.sm-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
.sm-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
.sm-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
.sm-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
.sm-outline-slate-900 { outline-color: var(--quanta-slate-900); }
.sm-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
.sm-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
.sm-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
.sm-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
.sm-outline-blue-50 { outline-color: var(--quanta-blue-50); }
.sm-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
.sm-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
.sm-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
.sm-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
.sm-outline-blue-100 { outline-color: var(--quanta-blue-100); }
.sm-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
.sm-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
.sm-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
.sm-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
.sm-outline-blue-200 { outline-color: var(--quanta-blue-200); }
.sm-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
.sm-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
.sm-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
.sm-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
.sm-outline-blue-300 { outline-color: var(--quanta-blue-300); }
.sm-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
.sm-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
.sm-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
.sm-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
.sm-outline-blue-400 { outline-color: var(--quanta-blue-400); }
.sm-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
.sm-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
.sm-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
.sm-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
.sm-outline-blue-500 { outline-color: var(--quanta-blue-500); }
.sm-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
.sm-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
.sm-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
.sm-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
.sm-outline-blue-600 { outline-color: var(--quanta-blue-600); }
.sm-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
.sm-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
.sm-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
.sm-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
.sm-outline-blue-700 { outline-color: var(--quanta-blue-700); }
.sm-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
.sm-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
.sm-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
.sm-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
.sm-outline-blue-800 { outline-color: var(--quanta-blue-800); }
.sm-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
.sm-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
.sm-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
.sm-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
.sm-outline-blue-900 { outline-color: var(--quanta-blue-900); }
.sm-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
.sm-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
.sm-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
.sm-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
.sm-outline-green-50 { outline-color: var(--quanta-green-50); }
.sm-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
.sm-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
.sm-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
.sm-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
.sm-outline-green-100 { outline-color: var(--quanta-green-100); }
.sm-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
.sm-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
.sm-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
.sm-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
.sm-outline-green-200 { outline-color: var(--quanta-green-200); }
.sm-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
.sm-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
.sm-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
.sm-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
.sm-outline-green-300 { outline-color: var(--quanta-green-300); }
.sm-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
.sm-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
.sm-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
.sm-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
.sm-outline-green-400 { outline-color: var(--quanta-green-400); }
.sm-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
.sm-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
.sm-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
.sm-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
.sm-outline-green-500 { outline-color: var(--quanta-green-500); }
.sm-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
.sm-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
.sm-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
.sm-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
.sm-outline-green-600 { outline-color: var(--quanta-green-600); }
.sm-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
.sm-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
.sm-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
.sm-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
.sm-outline-green-700 { outline-color: var(--quanta-green-700); }
.sm-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
.sm-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
.sm-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
.sm-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
.sm-outline-green-800 { outline-color: var(--quanta-green-800); }
.sm-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
.sm-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
.sm-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
.sm-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
.sm-outline-green-900 { outline-color: var(--quanta-green-900); }
.sm-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
.sm-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
.sm-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
.sm-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
.sm-outline-black { outline-color: var(--black); }
.sm-hover-outline-black:hover { outline-color: var(--black); }
.sm-focus-outline-black:focus { outline-color: var(--black); }
.sm-active-outline-black:active { outline-color: var(--black); }
.sm-disabled-outline-black:disabled { outline-color: var(--black); }
.sm-outline-white { outline-color: var(--white); }
.sm-hover-outline-white:hover { outline-color: var(--white); }
.sm-focus-outline-white:focus { outline-color: var(--white); }
.sm-active-outline-white:active { outline-color: var(--white); }
.sm-disabled-outline-white:disabled { outline-color: var(--white); }
.sm-ring-sm { --ring-width: 0.125rem; }
.sm-hover-ring-sm:hover { --ring-width: 0.125rem; }
.sm-focus-ring-sm:focus { --ring-width: 0.125rem; }
.sm-active-ring-sm:active { --ring-width: 0.125rem; }
.sm-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
.sm-ring-md { --ring-width: 0.5rem; }
.sm-hover-ring-md:hover { --ring-width: 0.5rem; }
.sm-focus-ring-md:focus { --ring-width: 0.5rem; }
.sm-active-ring-md:active { --ring-width: 0.5rem; }
.sm-disabled-ring-md:disabled { --ring-width: 0.5rem; }
.sm-ring-lg { --ring-width: 1rem; }
.sm-hover-ring-lg:hover { --ring-width: 1rem; }
.sm-focus-ring-lg:focus { --ring-width: 1rem; }
.sm-active-ring-lg:active { --ring-width: 1rem; }
.sm-disabled-ring-lg:disabled { --ring-width: 1rem; }
.sm-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.sm-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.sm-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.sm-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.sm-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.sm-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
.sm-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
.sm-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
.sm-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
.sm-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
.sm-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
.sm-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
.sm-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
.sm-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
.sm-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
.sm-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
.sm-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
.sm-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
.sm-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
.sm-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
.sm-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
.sm-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
.sm-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
.sm-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
.sm-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
.sm-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
.sm-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
.sm-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
.sm-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
.sm-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
.sm-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
.sm-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
.sm-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
.sm-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
.sm-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
.sm-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
.sm-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
.sm-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
.sm-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
.sm-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
.sm-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
.sm-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
.sm-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
.sm-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
.sm-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
.sm-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
.sm-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
.sm-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
.sm-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
.sm-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
.sm-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
.sm-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
.sm-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
.sm-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
.sm-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
.sm-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
.sm-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
.sm-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
.sm-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
.sm-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
.sm-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.sm-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
.sm-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
.sm-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
.sm-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
.sm-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.sm-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
.sm-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
.sm-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
.sm-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
.sm-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.sm-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
.sm-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
.sm-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
.sm-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
.sm-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.sm-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
.sm-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
.sm-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
.sm-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
.sm-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.sm-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
.sm-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
.sm-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
.sm-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
.sm-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.sm-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
.sm-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
.sm-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
.sm-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
.sm-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.sm-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
.sm-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
.sm-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
.sm-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
.sm-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.sm-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
.sm-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
.sm-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
.sm-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
.sm-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
.sm-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
.sm-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
.sm-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
.sm-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
.sm-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
.sm-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
.sm-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
.sm-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
.sm-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
.sm-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
.sm-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
.sm-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
.sm-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
.sm-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
.sm-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
.sm-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
.sm-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
.sm-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
.sm-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
.sm-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
.sm-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
.sm-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
.sm-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
.sm-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
.sm-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
.sm-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
.sm-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
.sm-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
.sm-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
.sm-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
.sm-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
.sm-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
.sm-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
.sm-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
.sm-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
.sm-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
.sm-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
.sm-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
.sm-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
.sm-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
.sm-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
.sm-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
.sm-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
.sm-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
.sm-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
.sm-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
.sm-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
.sm-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
.sm-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
.sm-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
.sm-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
.sm-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
.sm-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
.sm-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
.sm-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
.sm-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
.sm-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
.sm-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
.sm-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
.sm-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
.sm-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
.sm-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
.sm-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
.sm-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
.sm-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
.sm-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
.sm-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
.sm-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
.sm-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
.sm-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
.sm-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
.sm-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
.sm-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
.sm-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
.sm-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
.sm-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
.sm-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
.sm-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
.sm-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
.sm-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
.sm-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
.sm-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
.sm-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
.sm-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
.sm-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
.sm-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
.sm-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
.sm-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
.sm-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
.sm-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
.sm-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
.sm-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
.sm-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
.sm-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
.sm-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
.sm-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
.sm-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
.sm-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
.sm-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
.sm-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
.sm-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
.sm-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
.sm-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
.sm-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
.sm-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
.sm-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
.sm-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
.sm-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
.sm-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
.sm-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
.sm-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
.sm-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
.sm-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
.sm-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
.sm-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
.sm-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
.sm-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
.sm-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
.sm-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
.sm-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
.sm-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
.sm-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
.sm-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
.sm-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
.sm-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
.sm-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
.sm-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
.sm-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
.sm-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
.sm-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
.sm-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
.sm-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
.sm-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
.sm-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
.sm-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
.sm-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
.sm-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
.sm-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
.sm-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
.sm-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
.sm-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
.sm-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
.sm-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
.sm-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
.sm-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
.sm-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
.sm-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
.sm-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
.sm-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
.sm-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
.sm-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
.sm-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
.sm-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
.sm-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
.sm-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
.sm-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
.sm-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
.sm-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
.sm-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
.sm-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
.sm-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
.sm-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
.sm-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
.sm-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
.sm-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
.sm-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
.sm-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
.sm-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
.sm-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
.sm-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
.sm-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
.sm-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
.sm-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
.sm-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
.sm-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
.sm-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
.sm-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
.sm-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
.sm-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
.sm-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
.sm-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
.sm-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
.sm-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
.sm-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
.sm-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
.sm-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
.sm-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
.sm-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
.sm-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
.sm-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
.sm-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
.sm-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
.sm-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
.sm-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
.sm-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
.sm-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
.sm-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
.sm-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
.sm-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
.sm-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
.sm-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
.sm-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
.sm-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
.sm-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
.sm-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
.sm-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
.sm-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
.sm-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
.sm-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
.sm-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
.sm-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
.sm-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
.sm-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
.sm-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
.sm-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
.sm-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
.sm-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
.sm-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
.sm-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
.sm-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
.sm-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
.sm-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
.sm-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
.sm-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
.sm-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
.sm-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
.sm-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
.sm-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
.sm-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
.sm-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
.sm-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
.sm-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
.sm-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
.sm-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
.sm-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
.sm-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
.sm-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
.sm-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
.sm-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
.sm-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
.sm-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
.sm-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
.sm-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
.sm-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
.sm-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
.sm-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
.sm-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
.sm-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
.sm-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
.sm-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
.sm-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
.sm-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
.sm-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
.sm-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
.sm-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
.sm-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
.sm-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
.sm-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
.sm-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
.sm-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
.sm-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
.sm-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
.sm-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
.sm-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
.sm-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
.sm-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
.sm-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
.sm-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
.sm-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
.sm-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
.sm-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
.sm-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
.sm-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
.sm-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
.sm-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
.sm-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
.sm-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
.sm-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
.sm-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
.sm-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
.sm-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
.sm-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
.sm-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
.sm-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
.sm-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
.sm-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
.sm-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
.sm-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
.sm-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
.sm-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
.sm-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
.sm-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
.sm-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
.sm-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
.sm-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
.sm-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
.sm-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
.sm-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
.sm-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
.sm-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
.sm-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
.sm-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
.sm-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
.sm-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
.sm-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
.sm-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
.sm-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
.sm-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
.sm-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
.sm-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
.sm-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
.sm-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
.sm-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
.sm-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
.sm-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
.sm-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
.sm-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
.sm-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
.sm-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
.sm-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
.sm-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
.sm-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
.sm-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
.sm-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
.sm-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
.sm-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
.sm-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
.sm-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
.sm-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
.sm-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
.sm-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
.sm-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
.sm-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
.sm-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
.sm-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
.sm-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
.sm-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
.sm-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
.sm-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
.sm-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
.sm-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
.sm-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
.sm-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
.sm-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
.sm-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
.sm-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
.sm-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
.sm-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
.sm-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
.sm-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
.sm-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
.sm-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
.sm-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
.sm-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
.sm-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
.sm-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
.sm-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
.sm-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
.sm-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
.sm-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
.sm-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
.sm-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
.sm-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
.sm-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
.sm-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
.sm-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
.sm-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
.sm-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
.sm-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
.sm-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
.sm-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
.sm-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
.sm-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
.sm-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
.sm-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
.sm-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
.sm-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
.sm-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
.sm-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
.sm-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
.sm-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
.sm-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
.sm-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
.sm-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
.sm-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
.sm-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
.sm-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
.sm-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
.sm-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
.sm-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
.sm-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
.sm-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
.sm-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
.sm-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
.sm-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
.sm-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
.sm-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
.sm-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
.sm-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
.sm-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
.sm-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
.sm-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
.sm-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
.sm-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
.sm-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
.sm-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
.sm-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
.sm-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
.sm-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
.sm-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
.sm-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
.sm-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
.sm-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
.sm-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
.sm-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
.sm-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
.sm-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
.sm-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
.sm-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
.sm-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
.sm-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
.sm-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
.sm-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
.sm-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
.sm-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
.sm-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
.sm-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
.sm-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
.sm-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
.sm-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
.sm-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
.sm-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
.sm-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
.sm-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
.sm-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
.sm-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
.sm-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
.sm-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
.sm-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
.sm-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
.sm-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
.sm-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
.sm-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
.sm-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
.sm-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
.sm-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
.sm-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
.sm-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
.sm-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
.sm-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
.sm-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
.sm-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
.sm-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
.sm-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
.sm-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
.sm-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
.sm-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
.sm-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
.sm-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
.sm-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
.sm-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
.sm-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
.sm-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
.sm-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
.sm-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
.sm-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
.sm-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
.sm-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
.sm-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
.sm-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
.sm-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
.sm-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
.sm-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
.sm-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
.sm-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
.sm-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
.sm-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
.sm-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
.sm-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
.sm-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
.sm-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
.sm-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
.sm-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
.sm-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
.sm-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
.sm-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
.sm-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
.sm-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
.sm-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
.sm-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
.sm-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
.sm-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
.sm-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
.sm-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
.sm-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
.sm-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
.sm-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
.sm-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
.sm-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
.sm-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
.sm-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
.sm-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
.sm-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
.sm-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
.sm-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
.sm-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
.sm-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
.sm-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
.sm-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
.sm-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
.sm-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
.sm-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
.sm-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
.sm-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
.sm-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
.sm-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
.sm-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
.sm-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
.sm-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
.sm-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
.sm-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
.sm-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
.sm-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
.sm-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
.sm-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
.sm-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
.sm-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
.sm-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
.sm-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
.sm-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
.sm-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
.sm-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
.sm-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
.sm-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
.sm-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
.sm-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
.sm-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
.sm-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
.sm-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
.sm-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
.sm-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
.sm-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
.sm-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
.sm-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
.sm-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
.sm-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
.sm-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
.sm-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
.sm-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
.sm-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
.sm-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
.sm-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
.sm-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
.sm-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
.sm-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
.sm-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
.sm-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
.sm-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
.sm-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
.sm-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
.sm-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
.sm-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
.sm-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
.sm-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
.sm-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
.sm-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
.sm-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
.sm-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
.sm-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
.sm-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
.sm-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
.sm-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
.sm-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
.sm-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
.sm-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
.sm-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
.sm-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
.sm-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
.sm-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
.sm-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
.sm-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
.sm-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
.sm-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
.sm-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
.sm-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
.sm-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
.sm-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
.sm-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
.sm-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
.sm-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
.sm-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
.sm-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
.sm-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
.sm-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
.sm-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
.sm-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
.sm-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
.sm-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
.sm-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
.sm-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
.sm-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
.sm-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
.sm-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
.sm-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
.sm-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
.sm-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
.sm-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
.sm-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
.sm-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
.sm-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
.sm-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
.sm-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
.sm-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
.sm-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
.sm-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
.sm-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
.sm-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
.sm-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
.sm-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
.sm-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
.sm-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
.sm-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
.sm-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
.sm-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
.sm-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
.sm-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
.sm-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
.sm-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
.sm-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
.sm-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
.sm-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
.sm-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
.sm-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
.sm-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
.sm-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
.sm-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
.sm-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
.sm-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
.sm-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
.sm-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
.sm-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
.sm-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
.sm-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
.sm-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
.sm-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
.sm-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
.sm-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
.sm-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
.sm-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
.sm-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
.sm-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
.sm-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
.sm-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
.sm-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
.sm-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
.sm-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
.sm-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
.sm-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
.sm-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
.sm-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
.sm-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
.sm-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
.sm-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
.sm-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
.sm-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
.sm-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
.sm-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
.sm-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
.sm-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
.sm-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
.sm-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
.sm-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
.sm-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
.sm-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
.sm-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
.sm-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
.sm-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
.sm-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
.sm-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
.sm-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
.sm-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
.sm-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
.sm-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
.sm-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
.sm-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
.sm-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
.sm-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
.sm-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
.sm-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
.sm-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
.sm-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
.sm-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
.sm-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
.sm-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
.sm-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
.sm-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
.sm-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
.sm-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
.sm-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
.sm-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
.sm-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
.sm-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
.sm-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
.sm-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
.sm-ring-black { --quanta-ring-color: var(--black); }
.sm-hover-ring-black:hover { --quanta-ring-color: var(--black); }
.sm-focus-ring-black:focus { --quanta-ring-color: var(--black); }
.sm-active-ring-black:active { --quanta-ring-color: var(--black); }
.sm-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
.sm-ring-white { --quanta-ring-color: var(--white); }
.sm-hover-ring-white:hover { --quanta-ring-color: var(--white); }
.sm-focus-ring-white:focus { --quanta-ring-color: var(--white); }
.sm-active-ring-white:active { --quanta-ring-color: var(--white); }
.sm-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
.sm-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.sm-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
.sm-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
.sm-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
.sm-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
.sm-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.sm-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
.sm-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
.sm-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
.sm-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
.sm-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.sm-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
.sm-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
.sm-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
.sm-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
.sm-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.sm-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
.sm-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
.sm-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
.sm-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
.sm-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.sm-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
.sm-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
.sm-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
.sm-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
.sm-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.sm-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
.sm-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
.sm-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
.sm-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
.sm-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.sm-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
.sm-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
.sm-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
.sm-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
.sm-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.sm-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
.sm-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
.sm-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
.sm-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
.sm-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.sm-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
.sm-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
.sm-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
.sm-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
.sm-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.sm-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
.sm-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
.sm-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
.sm-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
.sm-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.sm-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
.sm-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
.sm-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
.sm-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
.sm-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.sm-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
.sm-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
.sm-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
.sm-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
.sm-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.sm-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
.sm-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
.sm-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
.sm-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
.sm-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.sm-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
.sm-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
.sm-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
.sm-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
.sm-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.sm-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
.sm-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
.sm-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
.sm-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
.sm-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.sm-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
.sm-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
.sm-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
.sm-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
.sm-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.sm-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
.sm-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
.sm-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
.sm-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
.sm-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.sm-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
.sm-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
.sm-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
.sm-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
.sm-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.sm-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
.sm-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
.sm-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
.sm-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
.sm-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.sm-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
.sm-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
.sm-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
.sm-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
.sm-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.sm-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
.sm-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
.sm-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
.sm-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
.sm-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.sm-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
.sm-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
.sm-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
.sm-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
.sm-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.sm-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
.sm-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
.sm-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
.sm-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
.sm-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.sm-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
.sm-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
.sm-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
.sm-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
.sm-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.sm-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
.sm-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
.sm-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
.sm-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
.sm-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.sm-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
.sm-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
.sm-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
.sm-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
.sm-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.sm-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
.sm-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
.sm-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
.sm-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
.sm-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.sm-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
.sm-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
.sm-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
.sm-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
.sm-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.sm-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
.sm-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
.sm-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
.sm-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
.sm-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.sm-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
.sm-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
.sm-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
.sm-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
.sm-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.sm-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
.sm-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
.sm-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
.sm-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
.sm-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.sm-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
.sm-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
.sm-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
.sm-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
.sm-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.sm-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
.sm-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
.sm-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
.sm-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
.sm-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.sm-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
.sm-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
.sm-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
.sm-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
.sm-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.sm-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
.sm-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
.sm-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
.sm-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
.sm-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.sm-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
.sm-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
.sm-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
.sm-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
.sm-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.sm-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
.sm-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
.sm-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
.sm-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
.sm-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.sm-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
.sm-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
.sm-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
.sm-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
.sm-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.sm-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
.sm-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
.sm-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
.sm-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
.sm-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.sm-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
.sm-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
.sm-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
.sm-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
.sm-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.sm-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
.sm-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
.sm-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
.sm-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
.sm-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.sm-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
.sm-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
.sm-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
.sm-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
.sm-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.sm-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
.sm-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
.sm-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
.sm-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
.sm-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.sm-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
.sm-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
.sm-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
.sm-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
.sm-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.sm-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
.sm-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
.sm-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
.sm-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
.sm-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.sm-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
.sm-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
.sm-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
.sm-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
.sm-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.sm-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
.sm-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
.sm-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
.sm-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
.sm-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.sm-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
.sm-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
.sm-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
.sm-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
.sm-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.sm-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
.sm-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
.sm-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
.sm-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
.sm-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.sm-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
.sm-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
.sm-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
.sm-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
.sm-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.sm-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
.sm-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
.sm-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
.sm-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
.sm-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.sm-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
.sm-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
.sm-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
.sm-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
.sm-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.sm-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
.sm-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
.sm-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
.sm-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
.sm-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.sm-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
.sm-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
.sm-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
.sm-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
.sm-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.sm-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
.sm-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
.sm-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
.sm-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
.sm-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.sm-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
.sm-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
.sm-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
.sm-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
.sm-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.sm-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
.sm-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
.sm-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
.sm-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
.sm-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.sm-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
.sm-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
.sm-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
.sm-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
.sm-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.sm-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
.sm-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
.sm-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
.sm-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
.sm-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.sm-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
.sm-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
.sm-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
.sm-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
.sm-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.sm-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
.sm-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
.sm-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
.sm-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
.sm-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.sm-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
.sm-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
.sm-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
.sm-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
.sm-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.sm-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
.sm-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
.sm-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
.sm-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
.sm-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.sm-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
.sm-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
.sm-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
.sm-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
.sm-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.sm-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
.sm-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
.sm-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
.sm-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
.sm-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.sm-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
.sm-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
.sm-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
.sm-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
.sm-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.sm-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
.sm-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
.sm-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
.sm-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
.sm-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.sm-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
.sm-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
.sm-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
.sm-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
.sm-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.sm-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
.sm-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
.sm-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
.sm-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
.sm-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.sm-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
.sm-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
.sm-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
.sm-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
.sm-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.sm-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
.sm-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
.sm-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
.sm-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
.sm-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.sm-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
.sm-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
.sm-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
.sm-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
.sm-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.sm-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
.sm-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
.sm-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
.sm-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
.sm-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.sm-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
.sm-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
.sm-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
.sm-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
.sm-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.sm-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
.sm-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
.sm-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
.sm-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
.sm-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.sm-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
.sm-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
.sm-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
.sm-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
.sm-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.sm-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
.sm-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
.sm-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
.sm-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
.sm-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.sm-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
.sm-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
.sm-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
.sm-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
.sm-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.sm-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
.sm-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
.sm-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
.sm-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
.sm-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.sm-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
.sm-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
.sm-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
.sm-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
.sm-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.sm-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
.sm-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
.sm-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
.sm-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
.sm-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.sm-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
.sm-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
.sm-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
.sm-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
.sm-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.sm-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
.sm-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
.sm-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
.sm-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
.sm-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.sm-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
.sm-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
.sm-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
.sm-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
.sm-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.sm-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
.sm-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
.sm-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
.sm-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
.sm-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.sm-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
.sm-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
.sm-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
.sm-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
.sm-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.sm-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
.sm-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
.sm-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
.sm-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
.sm-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.sm-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
.sm-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
.sm-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
.sm-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
.sm-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.sm-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
.sm-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
.sm-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
.sm-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
.sm-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.sm-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
.sm-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
.sm-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
.sm-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
.sm-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.sm-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
.sm-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
.sm-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
.sm-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
.sm-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.sm-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
.sm-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
.sm-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
.sm-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
.sm-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.sm-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
.sm-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
.sm-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
.sm-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
.sm-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.sm-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
.sm-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
.sm-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
.sm-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
.sm-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.sm-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
.sm-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
.sm-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
.sm-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
.sm-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.sm-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
.sm-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
.sm-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
.sm-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
.sm-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.sm-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
.sm-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
.sm-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
.sm-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
.sm-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.sm-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
.sm-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
.sm-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
.sm-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
.sm-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.sm-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
.sm-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
.sm-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
.sm-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
.sm-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.sm-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
.sm-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
.sm-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
.sm-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
.sm-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.sm-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
.sm-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
.sm-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
.sm-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
.sm-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.sm-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
.sm-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
.sm-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
.sm-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
.sm-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.sm-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
.sm-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
.sm-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
.sm-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
.sm-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.sm-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
.sm-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
.sm-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
.sm-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
.sm-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.sm-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
.sm-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
.sm-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
.sm-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
.sm-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.sm-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
.sm-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
.sm-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
.sm-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
.sm-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.sm-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
.sm-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
.sm-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
.sm-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
.sm-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.sm-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
.sm-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
.sm-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
.sm-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
.sm-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.sm-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
.sm-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
.sm-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
.sm-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
.sm-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.sm-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
.sm-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
.sm-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
.sm-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
.sm-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.sm-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
.sm-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
.sm-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
.sm-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
.sm-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.sm-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
.sm-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
.sm-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
.sm-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
.sm-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.sm-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
.sm-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
.sm-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
.sm-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
.sm-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.sm-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
.sm-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
.sm-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
.sm-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
.sm-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.sm-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
.sm-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
.sm-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
.sm-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
.sm-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.sm-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
.sm-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
.sm-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
.sm-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
.sm-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.sm-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
.sm-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
.sm-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
.sm-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
.sm-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.sm-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
.sm-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
.sm-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
.sm-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
.sm-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.sm-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
.sm-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
.sm-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
.sm-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
.sm-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.sm-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
.sm-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
.sm-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
.sm-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
.sm-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.sm-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
.sm-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
.sm-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
.sm-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
.sm-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.sm-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
.sm-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
.sm-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
.sm-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
.sm-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.sm-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
.sm-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
.sm-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
.sm-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
.sm-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.sm-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
.sm-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
.sm-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
.sm-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
.sm-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.sm-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
.sm-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
.sm-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
.sm-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
.sm-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.sm-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
.sm-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
.sm-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
.sm-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
.sm-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.sm-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
.sm-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
.sm-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
.sm-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
.sm-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.sm-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
.sm-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
.sm-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
.sm-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
.sm-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.sm-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
.sm-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
.sm-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
.sm-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
.sm-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.sm-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
.sm-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
.sm-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
.sm-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
.sm-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.sm-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
.sm-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
.sm-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
.sm-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
.sm-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.sm-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
.sm-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
.sm-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
.sm-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
.sm-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.sm-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
.sm-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
.sm-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
.sm-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
.sm-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.sm-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
.sm-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
.sm-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
.sm-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
.sm-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.sm-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
.sm-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
.sm-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
.sm-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
.sm-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.sm-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
.sm-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
.sm-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
.sm-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
.sm-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.sm-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
.sm-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
.sm-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
.sm-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
.sm-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.sm-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
.sm-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
.sm-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
.sm-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
.sm-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.sm-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
.sm-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
.sm-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
.sm-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
.sm-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.sm-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
.sm-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
.sm-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
.sm-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
.sm-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.sm-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
.sm-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
.sm-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
.sm-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
.sm-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.sm-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
.sm-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
.sm-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
.sm-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
.sm-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.sm-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
.sm-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
.sm-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
.sm-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
.sm-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.sm-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
.sm-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
.sm-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
.sm-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
.sm-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.sm-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
.sm-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
.sm-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
.sm-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
.sm-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.sm-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
.sm-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
.sm-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
.sm-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
.sm-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.sm-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
.sm-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
.sm-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
.sm-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
.sm-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.sm-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
.sm-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
.sm-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
.sm-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
.sm-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.sm-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
.sm-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
.sm-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
.sm-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
.sm-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.sm-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
.sm-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
.sm-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
.sm-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
.sm-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.sm-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
.sm-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
.sm-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
.sm-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
.sm-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.sm-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
.sm-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
.sm-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
.sm-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
.sm-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.sm-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
.sm-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
.sm-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
.sm-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
.sm-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.sm-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
.sm-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
.sm-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
.sm-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
.sm-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.sm-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
.sm-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
.sm-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
.sm-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
.sm-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.sm-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
.sm-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
.sm-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
.sm-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
.sm-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.sm-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
.sm-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
.sm-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
.sm-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
.sm-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.sm-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
.sm-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
.sm-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
.sm-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
.sm-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.sm-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
.sm-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
.sm-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
.sm-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
.sm-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.sm-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
.sm-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
.sm-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
.sm-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
.sm-shadow-color-black { --shadow-color: var(--black); }
.sm-hover-shadow-color-black:hover { --shadow-color: var(--black); }
.sm-focus-shadow-color-black:focus { --shadow-color: var(--black); }
.sm-active-shadow-color-black:active { --shadow-color: var(--black); }
.sm-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
.sm-shadow-color-white { --shadow-color: var(--white); }
.sm-hover-shadow-color-white:hover { --shadow-color: var(--white); }
.sm-focus-shadow-color-white:focus { --shadow-color: var(--white); }
.sm-active-shadow-color-white:active { --shadow-color: var(--white); }
.sm-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
.sm-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.sm-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
.sm-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
.sm-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
.sm-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
.sm-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.sm-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
.sm-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
.sm-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
.sm-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
.sm-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.sm-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
.sm-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
.sm-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
.sm-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
.sm-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.sm-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
.sm-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
.sm-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
.sm-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
.sm-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.sm-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
.sm-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
.sm-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
.sm-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
.sm-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.sm-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
.sm-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
.sm-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
.sm-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
.sm-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.sm-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
.sm-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
.sm-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
.sm-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
.sm-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.sm-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
.sm-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
.sm-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
.sm-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
.sm-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.sm-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
.sm-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
.sm-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
.sm-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
.sm-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.sm-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
.sm-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
.sm-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
.sm-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
.sm-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.sm-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
.sm-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
.sm-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
.sm-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
.sm-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.sm-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
.sm-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
.sm-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
.sm-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
.sm-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.sm-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
.sm-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
.sm-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
.sm-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
.sm-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.sm-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
.sm-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
.sm-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
.sm-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
.sm-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.sm-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
.sm-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
.sm-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
.sm-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
.sm-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.sm-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
.sm-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
.sm-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
.sm-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
.sm-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.sm-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
.sm-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
.sm-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
.sm-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
.sm-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.sm-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
.sm-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
.sm-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
.sm-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
.sm-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.sm-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
.sm-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
.sm-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
.sm-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
.sm-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.sm-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
.sm-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
.sm-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
.sm-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
.sm-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.sm-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
.sm-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
.sm-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
.sm-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
.sm-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.sm-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
.sm-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
.sm-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
.sm-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
.sm-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.sm-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
.sm-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
.sm-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
.sm-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
.sm-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.sm-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
.sm-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
.sm-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
.sm-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
.sm-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.sm-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
.sm-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
.sm-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
.sm-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
.sm-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.sm-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
.sm-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
.sm-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
.sm-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
.sm-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.sm-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
.sm-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
.sm-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
.sm-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
.sm-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.sm-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
.sm-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
.sm-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
.sm-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
.sm-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.sm-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
.sm-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
.sm-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
.sm-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
.sm-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.sm-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
.sm-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
.sm-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
.sm-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
.sm-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.sm-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
.sm-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
.sm-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
.sm-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
.sm-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.sm-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
.sm-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
.sm-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
.sm-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
.sm-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.sm-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
.sm-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
.sm-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
.sm-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
.sm-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.sm-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
.sm-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
.sm-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
.sm-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
.sm-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.sm-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
.sm-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
.sm-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
.sm-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
.sm-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.sm-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
.sm-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
.sm-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
.sm-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
.sm-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.sm-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
.sm-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
.sm-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
.sm-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
.sm-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.sm-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
.sm-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
.sm-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
.sm-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
.sm-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.sm-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
.sm-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
.sm-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
.sm-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
.sm-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.sm-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
.sm-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
.sm-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
.sm-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
.sm-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.sm-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
.sm-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
.sm-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
.sm-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
.sm-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.sm-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
.sm-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
.sm-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
.sm-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
.sm-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.sm-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
.sm-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
.sm-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
.sm-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
.sm-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.sm-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
.sm-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
.sm-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
.sm-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
.sm-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.sm-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
.sm-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
.sm-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
.sm-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
.sm-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.sm-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
.sm-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
.sm-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
.sm-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
.sm-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.sm-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
.sm-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
.sm-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
.sm-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
.sm-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.sm-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
.sm-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
.sm-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
.sm-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
.sm-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.sm-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
.sm-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
.sm-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
.sm-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
.sm-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.sm-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
.sm-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
.sm-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
.sm-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
.sm-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.sm-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
.sm-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
.sm-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
.sm-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
.sm-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.sm-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
.sm-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
.sm-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
.sm-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
.sm-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.sm-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
.sm-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
.sm-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
.sm-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
.sm-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.sm-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
.sm-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
.sm-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
.sm-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
.sm-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.sm-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
.sm-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
.sm-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
.sm-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
.sm-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.sm-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
.sm-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
.sm-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
.sm-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
.sm-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.sm-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
.sm-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
.sm-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
.sm-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
.sm-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.sm-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
.sm-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
.sm-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
.sm-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
.sm-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.sm-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
.sm-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
.sm-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
.sm-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
.sm-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.sm-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
.sm-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
.sm-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
.sm-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
.sm-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.sm-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
.sm-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
.sm-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
.sm-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
.sm-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.sm-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
.sm-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
.sm-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
.sm-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
.sm-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.sm-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
.sm-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
.sm-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
.sm-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
.sm-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.sm-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
.sm-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
.sm-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
.sm-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
.sm-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.sm-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
.sm-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
.sm-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
.sm-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
.sm-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.sm-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
.sm-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
.sm-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
.sm-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
.sm-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.sm-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
.sm-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
.sm-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
.sm-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
.sm-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.sm-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
.sm-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
.sm-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
.sm-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
.sm-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.sm-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
.sm-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
.sm-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
.sm-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
.sm-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.sm-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
.sm-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
.sm-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
.sm-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
.sm-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.sm-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
.sm-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
.sm-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
.sm-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
.sm-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.sm-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
.sm-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
.sm-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
.sm-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
.sm-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.sm-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
.sm-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
.sm-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
.sm-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
.sm-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.sm-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
.sm-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
.sm-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
.sm-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
.sm-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.sm-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
.sm-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
.sm-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
.sm-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
.sm-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.sm-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
.sm-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
.sm-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
.sm-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
.sm-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.sm-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
.sm-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
.sm-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
.sm-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
.sm-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.sm-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
.sm-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
.sm-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
.sm-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
.sm-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.sm-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
.sm-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
.sm-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
.sm-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
.sm-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.sm-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
.sm-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
.sm-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
.sm-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
.sm-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.sm-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
.sm-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
.sm-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
.sm-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
.sm-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.sm-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
.sm-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
.sm-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
.sm-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
.sm-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.sm-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
.sm-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
.sm-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
.sm-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
.sm-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.sm-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
.sm-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
.sm-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
.sm-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
.sm-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.sm-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
.sm-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
.sm-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
.sm-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
.sm-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.sm-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
.sm-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
.sm-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
.sm-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
.sm-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.sm-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
.sm-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
.sm-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
.sm-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
.sm-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.sm-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
.sm-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
.sm-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
.sm-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
.sm-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.sm-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
.sm-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
.sm-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
.sm-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
.sm-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.sm-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
.sm-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
.sm-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
.sm-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
.sm-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.sm-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
.sm-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
.sm-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
.sm-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
.sm-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.sm-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
.sm-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
.sm-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
.sm-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
.sm-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.sm-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
.sm-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
.sm-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
.sm-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
.sm-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.sm-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
.sm-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
.sm-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
.sm-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
.sm-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.sm-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
.sm-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
.sm-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
.sm-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
.sm-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.sm-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
.sm-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
.sm-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
.sm-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
.sm-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.sm-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
.sm-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
.sm-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
.sm-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
.sm-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.sm-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
.sm-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
.sm-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
.sm-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
.sm-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.sm-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
.sm-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
.sm-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
.sm-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
.sm-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.sm-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
.sm-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
.sm-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
.sm-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
.sm-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.sm-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
.sm-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
.sm-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
.sm-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
.sm-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.sm-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
.sm-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
.sm-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
.sm-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
.sm-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.sm-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
.sm-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
.sm-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
.sm-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
.sm-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.sm-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
.sm-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
.sm-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
.sm-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
.sm-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.sm-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
.sm-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
.sm-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
.sm-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
.sm-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.sm-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
.sm-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
.sm-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
.sm-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
.sm-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.sm-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
.sm-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
.sm-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
.sm-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
.sm-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.sm-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
.sm-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
.sm-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
.sm-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
.sm-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.sm-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
.sm-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
.sm-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
.sm-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
.sm-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.sm-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
.sm-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
.sm-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
.sm-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
.sm-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.sm-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
.sm-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
.sm-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
.sm-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
.sm-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.sm-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
.sm-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
.sm-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
.sm-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
.sm-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.sm-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
.sm-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
.sm-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
.sm-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
.sm-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.sm-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
.sm-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
.sm-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
.sm-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
.sm-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.sm-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
.sm-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
.sm-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
.sm-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
.sm-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.sm-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
.sm-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
.sm-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
.sm-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
.sm-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.sm-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
.sm-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
.sm-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
.sm-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
.sm-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.sm-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
.sm-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
.sm-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
.sm-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
.sm-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.sm-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
.sm-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
.sm-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
.sm-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
.sm-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.sm-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
.sm-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
.sm-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
.sm-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
.sm-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.sm-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
.sm-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
.sm-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
.sm-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
.sm-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.sm-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
.sm-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
.sm-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
.sm-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
.sm-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.sm-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
.sm-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
.sm-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
.sm-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
.sm-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.sm-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
.sm-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
.sm-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
.sm-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
.sm-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.sm-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
.sm-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
.sm-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
.sm-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
.sm-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.sm-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
.sm-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
.sm-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
.sm-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
.sm-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.sm-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
.sm-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
.sm-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
.sm-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
.sm-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.sm-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
.sm-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
.sm-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
.sm-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
.sm-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.sm-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
.sm-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
.sm-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
.sm-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
.sm-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.sm-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
.sm-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
.sm-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
.sm-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
.sm-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.sm-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
.sm-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
.sm-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
.sm-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
.sm-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.sm-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
.sm-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
.sm-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
.sm-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
.sm-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.sm-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
.sm-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
.sm-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
.sm-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
.sm-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.sm-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
.sm-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
.sm-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
.sm-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
.sm-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.sm-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
.sm-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
.sm-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
.sm-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
.sm-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.sm-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
.sm-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
.sm-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
.sm-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
.sm-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.sm-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
.sm-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
.sm-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
.sm-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
.sm-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.sm-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
.sm-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
.sm-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
.sm-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
.sm-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.sm-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
.sm-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
.sm-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
.sm-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
.sm-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.sm-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
.sm-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
.sm-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
.sm-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
.sm-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.sm-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
.sm-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
.sm-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
.sm-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
.sm-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.sm-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
.sm-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
.sm-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
.sm-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
.sm-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.sm-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
.sm-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
.sm-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
.sm-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
.sm-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.sm-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
.sm-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
.sm-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
.sm-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
.sm-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.sm-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
.sm-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
.sm-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
.sm-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
.sm-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.sm-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
.sm-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
.sm-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
.sm-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
.sm-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.sm-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
.sm-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
.sm-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
.sm-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
.sm-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.sm-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
.sm-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
.sm-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
.sm-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
.sm-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.sm-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
.sm-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
.sm-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
.sm-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
.sm-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.sm-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
.sm-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
.sm-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
.sm-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
.sm-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.sm-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
.sm-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
.sm-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
.sm-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
.sm-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.sm-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
.sm-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
.sm-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
.sm-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
.sm-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.sm-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
.sm-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
.sm-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
.sm-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
.sm-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.sm-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
.sm-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
.sm-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
.sm-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
.sm-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.sm-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
.sm-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
.sm-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
.sm-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
.sm-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.sm-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
.sm-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
.sm-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
.sm-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
.sm-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.sm-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
.sm-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
.sm-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
.sm-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
.sm-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.sm-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
.sm-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
.sm-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
.sm-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
.sm-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.sm-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
.sm-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
.sm-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
.sm-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
.sm-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.sm-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
.sm-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
.sm-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
.sm-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
.sm-gradient-from-black { --quanta-from-color: var(--black); }
.sm-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
.sm-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
.sm-active-gradient-from-black:active { --quanta-from-color: var(--black); }
.sm-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
.sm-gradient-from-white { --quanta-from-color: var(--white); }
.sm-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
.sm-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
.sm-active-gradient-from-white:active { --quanta-from-color: var(--white); }
.sm-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
.sm-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.sm-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
.sm-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
.sm-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
.sm-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
.sm-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.sm-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
.sm-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
.sm-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
.sm-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
.sm-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.sm-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
.sm-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
.sm-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
.sm-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
.sm-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.sm-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
.sm-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
.sm-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
.sm-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
.sm-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.sm-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
.sm-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
.sm-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
.sm-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
.sm-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.sm-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
.sm-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
.sm-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
.sm-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
.sm-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.sm-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
.sm-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
.sm-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
.sm-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
.sm-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.sm-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
.sm-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
.sm-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
.sm-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
.sm-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.sm-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
.sm-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
.sm-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
.sm-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
.sm-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.sm-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
.sm-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
.sm-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
.sm-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
.sm-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.sm-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
.sm-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
.sm-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
.sm-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
.sm-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.sm-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
.sm-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
.sm-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
.sm-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
.sm-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.sm-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
.sm-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
.sm-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
.sm-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
.sm-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.sm-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
.sm-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
.sm-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
.sm-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
.sm-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.sm-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
.sm-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
.sm-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
.sm-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
.sm-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.sm-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
.sm-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
.sm-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
.sm-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
.sm-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.sm-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
.sm-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
.sm-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
.sm-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
.sm-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.sm-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
.sm-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
.sm-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
.sm-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
.sm-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.sm-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
.sm-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
.sm-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
.sm-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
.sm-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.sm-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
.sm-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
.sm-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
.sm-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
.sm-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.sm-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
.sm-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
.sm-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
.sm-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
.sm-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.sm-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
.sm-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
.sm-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
.sm-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
.sm-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.sm-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
.sm-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
.sm-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
.sm-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
.sm-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.sm-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
.sm-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
.sm-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
.sm-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
.sm-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.sm-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
.sm-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
.sm-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
.sm-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
.sm-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.sm-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
.sm-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
.sm-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
.sm-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
.sm-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.sm-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
.sm-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
.sm-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
.sm-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
.sm-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.sm-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
.sm-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
.sm-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
.sm-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
.sm-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.sm-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
.sm-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
.sm-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
.sm-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
.sm-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.sm-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
.sm-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
.sm-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
.sm-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
.sm-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.sm-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
.sm-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
.sm-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
.sm-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
.sm-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.sm-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
.sm-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
.sm-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
.sm-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
.sm-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.sm-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
.sm-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
.sm-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
.sm-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
.sm-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.sm-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
.sm-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
.sm-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
.sm-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
.sm-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.sm-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
.sm-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
.sm-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
.sm-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
.sm-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.sm-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
.sm-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
.sm-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
.sm-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
.sm-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.sm-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
.sm-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
.sm-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
.sm-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
.sm-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.sm-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
.sm-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
.sm-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
.sm-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
.sm-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.sm-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
.sm-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
.sm-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
.sm-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
.sm-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.sm-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
.sm-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
.sm-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
.sm-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
.sm-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.sm-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
.sm-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
.sm-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
.sm-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
.sm-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.sm-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
.sm-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
.sm-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
.sm-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
.sm-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.sm-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
.sm-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
.sm-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
.sm-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
.sm-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.sm-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
.sm-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
.sm-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
.sm-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
.sm-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.sm-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
.sm-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
.sm-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
.sm-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
.sm-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.sm-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
.sm-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
.sm-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
.sm-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
.sm-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.sm-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
.sm-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
.sm-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
.sm-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
.sm-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.sm-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
.sm-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
.sm-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
.sm-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
.sm-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.sm-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
.sm-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
.sm-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
.sm-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
.sm-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.sm-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
.sm-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
.sm-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
.sm-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
.sm-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.sm-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
.sm-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
.sm-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
.sm-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
.sm-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.sm-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
.sm-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
.sm-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
.sm-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
.sm-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.sm-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
.sm-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
.sm-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
.sm-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
.sm-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.sm-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
.sm-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
.sm-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
.sm-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
.sm-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.sm-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
.sm-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
.sm-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
.sm-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
.sm-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.sm-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
.sm-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
.sm-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
.sm-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
.sm-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.sm-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
.sm-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
.sm-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
.sm-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
.sm-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.sm-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
.sm-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
.sm-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
.sm-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
.sm-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.sm-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
.sm-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
.sm-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
.sm-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
.sm-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.sm-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
.sm-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
.sm-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
.sm-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
.sm-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.sm-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
.sm-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
.sm-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
.sm-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
.sm-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.sm-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
.sm-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
.sm-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
.sm-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
.sm-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.sm-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
.sm-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
.sm-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
.sm-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
.sm-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.sm-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
.sm-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
.sm-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
.sm-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
.sm-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.sm-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
.sm-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
.sm-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
.sm-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
.sm-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.sm-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
.sm-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
.sm-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
.sm-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
.sm-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.sm-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
.sm-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
.sm-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
.sm-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
.sm-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.sm-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
.sm-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
.sm-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
.sm-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
.sm-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.sm-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
.sm-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
.sm-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
.sm-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
.sm-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.sm-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
.sm-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
.sm-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
.sm-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
.sm-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.sm-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
.sm-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
.sm-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
.sm-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
.sm-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.sm-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
.sm-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
.sm-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
.sm-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
.sm-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.sm-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
.sm-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
.sm-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
.sm-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
.sm-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.sm-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
.sm-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
.sm-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
.sm-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
.sm-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.sm-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
.sm-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
.sm-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
.sm-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
.sm-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.sm-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
.sm-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
.sm-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
.sm-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
.sm-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.sm-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
.sm-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
.sm-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
.sm-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
.sm-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.sm-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
.sm-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
.sm-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
.sm-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
.sm-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.sm-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
.sm-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
.sm-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
.sm-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
.sm-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.sm-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
.sm-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
.sm-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
.sm-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
.sm-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.sm-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
.sm-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
.sm-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
.sm-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
.sm-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.sm-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
.sm-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
.sm-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
.sm-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
.sm-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.sm-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
.sm-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
.sm-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
.sm-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
.sm-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.sm-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
.sm-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
.sm-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
.sm-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
.sm-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.sm-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
.sm-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
.sm-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
.sm-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
.sm-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.sm-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
.sm-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
.sm-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
.sm-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
.sm-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.sm-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
.sm-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
.sm-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
.sm-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
.sm-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.sm-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
.sm-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
.sm-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
.sm-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
.sm-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.sm-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
.sm-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
.sm-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
.sm-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
.sm-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.sm-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
.sm-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
.sm-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
.sm-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
.sm-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.sm-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
.sm-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
.sm-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
.sm-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
.sm-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.sm-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
.sm-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
.sm-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
.sm-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
.sm-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.sm-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
.sm-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
.sm-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
.sm-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
.sm-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.sm-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
.sm-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
.sm-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
.sm-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
.sm-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.sm-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
.sm-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
.sm-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
.sm-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
.sm-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.sm-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
.sm-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
.sm-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
.sm-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
.sm-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.sm-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
.sm-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
.sm-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
.sm-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
.sm-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.sm-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
.sm-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
.sm-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
.sm-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
.sm-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.sm-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
.sm-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
.sm-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
.sm-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
.sm-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.sm-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
.sm-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
.sm-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
.sm-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
.sm-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.sm-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
.sm-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
.sm-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
.sm-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
.sm-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.sm-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
.sm-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
.sm-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
.sm-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
.sm-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.sm-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
.sm-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
.sm-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
.sm-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
.sm-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.sm-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
.sm-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
.sm-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
.sm-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
.sm-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.sm-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
.sm-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
.sm-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
.sm-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
.sm-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.sm-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
.sm-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
.sm-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
.sm-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
.sm-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.sm-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
.sm-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
.sm-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
.sm-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
.sm-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.sm-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
.sm-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
.sm-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
.sm-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
.sm-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.sm-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
.sm-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
.sm-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
.sm-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
.sm-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.sm-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
.sm-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
.sm-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
.sm-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
.sm-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.sm-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
.sm-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
.sm-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
.sm-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
.sm-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.sm-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
.sm-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
.sm-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
.sm-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
.sm-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.sm-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
.sm-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
.sm-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
.sm-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
.sm-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.sm-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
.sm-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
.sm-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
.sm-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
.sm-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.sm-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
.sm-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
.sm-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
.sm-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
.sm-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.sm-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
.sm-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
.sm-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
.sm-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
.sm-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.sm-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
.sm-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
.sm-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
.sm-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
.sm-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.sm-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
.sm-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
.sm-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
.sm-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
.sm-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.sm-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
.sm-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
.sm-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
.sm-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
.sm-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.sm-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
.sm-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
.sm-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
.sm-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
.sm-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.sm-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
.sm-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
.sm-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
.sm-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
.sm-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.sm-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
.sm-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
.sm-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
.sm-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
.sm-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.sm-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
.sm-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
.sm-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
.sm-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
.sm-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.sm-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
.sm-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
.sm-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
.sm-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
.sm-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.sm-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
.sm-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
.sm-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
.sm-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
.sm-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.sm-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
.sm-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
.sm-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
.sm-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
.sm-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.sm-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
.sm-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
.sm-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
.sm-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
.sm-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.sm-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
.sm-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
.sm-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
.sm-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
.sm-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.sm-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
.sm-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
.sm-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
.sm-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
.sm-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.sm-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
.sm-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
.sm-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
.sm-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
.sm-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.sm-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
.sm-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
.sm-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
.sm-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
.sm-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.sm-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
.sm-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
.sm-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
.sm-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
.sm-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.sm-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
.sm-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
.sm-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
.sm-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
.sm-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.sm-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
.sm-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
.sm-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
.sm-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
.sm-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.sm-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
.sm-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
.sm-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
.sm-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
.sm-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.sm-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
.sm-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
.sm-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
.sm-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
.sm-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.sm-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
.sm-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
.sm-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
.sm-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
.sm-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.sm-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
.sm-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
.sm-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
.sm-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
.sm-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.sm-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
.sm-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
.sm-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
.sm-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
.sm-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.sm-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
.sm-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
.sm-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
.sm-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
.sm-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.sm-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
.sm-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
.sm-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
.sm-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
.sm-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.sm-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
.sm-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
.sm-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
.sm-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
.sm-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.sm-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
.sm-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
.sm-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
.sm-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
.sm-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.sm-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
.sm-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
.sm-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
.sm-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
.sm-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.sm-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
.sm-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
.sm-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
.sm-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
.sm-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.sm-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
.sm-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
.sm-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
.sm-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
.sm-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.sm-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
.sm-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
.sm-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
.sm-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
.sm-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.sm-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
.sm-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
.sm-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
.sm-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
.sm-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.sm-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
.sm-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
.sm-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
.sm-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
.sm-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.sm-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
.sm-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
.sm-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
.sm-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
.sm-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.sm-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
.sm-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
.sm-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
.sm-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
.sm-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.sm-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
.sm-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
.sm-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
.sm-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
.sm-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.sm-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
.sm-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
.sm-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
.sm-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
.sm-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.sm-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
.sm-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
.sm-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
.sm-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
.sm-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.sm-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
.sm-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
.sm-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
.sm-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
.sm-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.sm-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
.sm-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
.sm-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
.sm-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
.sm-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.sm-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
.sm-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
.sm-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
.sm-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
.sm-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.sm-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
.sm-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
.sm-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
.sm-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
.sm-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.sm-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
.sm-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
.sm-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
.sm-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
.sm-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.sm-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
.sm-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
.sm-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
.sm-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
.sm-gradient-to-black { --quanta-to-color: var(--black); }
.sm-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
.sm-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
.sm-active-gradient-to-black:active { --quanta-to-color: var(--black); }
.sm-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
.sm-gradient-to-white { --quanta-to-color: var(--white); }
.sm-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
.sm-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
.sm-active-gradient-to-white:active { --quanta-to-color: var(--white); }
.sm-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
.sm-transition-all { transition-property: all; }
.sm-hover-transition-all:hover { transition-property: all; }
.sm-focus-transition-all:focus { transition-property: all; }
.sm-active-transition-all:active { transition-property: all; }
.sm-disabled-transition-all:disabled { transition-property: all; }
.sm-transition-bg { transition-property: background-color; }
.sm-hover-transition-bg:hover { transition-property: background-color; }
.sm-focus-transition-bg:focus { transition-property: background-color; }
.sm-active-transition-bg:active { transition-property: background-color; }
.sm-disabled-transition-bg:disabled { transition-property: background-color; }
.sm-transition-color { transition-property: color; }
.sm-hover-transition-color:hover { transition-property: color; }
.sm-focus-transition-color:focus { transition-property: color; }
.sm-active-transition-color:active { transition-property: color; }
.sm-disabled-transition-color:disabled { transition-property: color; }
.sm-transition-opacity { transition-property: opacity; }
.sm-hover-transition-opacity:hover { transition-property: opacity; }
.sm-focus-transition-opacity:focus { transition-property: opacity; }
.sm-active-transition-opacity:active { transition-property: opacity; }
.sm-disabled-transition-opacity:disabled { transition-property: opacity; }
.sm-transition-transform { transition-property: transform; }
.sm-hover-transition-transform:hover { transition-property: transform; }
.sm-focus-transition-transform:focus { transition-property: transform; }
.sm-active-transition-transform:active { transition-property: transform; }
.sm-disabled-transition-transform:disabled { transition-property: transform; }
.sm-transition-shadow { transition-property: shadow; }
.sm-hover-transition-shadow:hover { transition-property: shadow; }
.sm-focus-transition-shadow:focus { transition-property: shadow; }
.sm-active-transition-shadow:active { transition-property: shadow; }
.sm-disabled-transition-shadow:disabled { transition-property: shadow; }
.sm-transition-border { transition-property: border; }
.sm-hover-transition-border:hover { transition-property: border; }
.sm-focus-transition-border:focus { transition-property: border; }
.sm-active-transition-border:active { transition-property: border; }
.sm-disabled-transition-border:disabled { transition-property: border; }
.sm-duration-75 { transition-duration: 75ms; }
.sm-hover-duration-75:hover { transition-duration: 75ms; }
.sm-focus-duration-75:focus { transition-duration: 75ms; }
.sm-active-duration-75:active { transition-duration: 75ms; }
.sm-disabled-duration-75:disabled { transition-duration: 75ms; }
.sm-duration-100 { transition-duration: 100ms; }
.sm-hover-duration-100:hover { transition-duration: 100ms; }
.sm-focus-duration-100:focus { transition-duration: 100ms; }
.sm-active-duration-100:active { transition-duration: 100ms; }
.sm-disabled-duration-100:disabled { transition-duration: 100ms; }
.sm-duration-150 { transition-duration: 150ms; }
.sm-hover-duration-150:hover { transition-duration: 150ms; }
.sm-focus-duration-150:focus { transition-duration: 150ms; }
.sm-active-duration-150:active { transition-duration: 150ms; }
.sm-disabled-duration-150:disabled { transition-duration: 150ms; }
.sm-duration-200 { transition-duration: 200ms; }
.sm-hover-duration-200:hover { transition-duration: 200ms; }
.sm-focus-duration-200:focus { transition-duration: 200ms; }
.sm-active-duration-200:active { transition-duration: 200ms; }
.sm-disabled-duration-200:disabled { transition-duration: 200ms; }
.sm-duration-300 { transition-duration: 300ms; }
.sm-hover-duration-300:hover { transition-duration: 300ms; }
.sm-focus-duration-300:focus { transition-duration: 300ms; }
.sm-active-duration-300:active { transition-duration: 300ms; }
.sm-disabled-duration-300:disabled { transition-duration: 300ms; }
.sm-duration-500 { transition-duration: 500ms; }
.sm-hover-duration-500:hover { transition-duration: 500ms; }
.sm-focus-duration-500:focus { transition-duration: 500ms; }
.sm-active-duration-500:active { transition-duration: 500ms; }
.sm-disabled-duration-500:disabled { transition-duration: 500ms; }
.sm-duration-700 { transition-duration: 700ms; }
.sm-hover-duration-700:hover { transition-duration: 700ms; }
.sm-focus-duration-700:focus { transition-duration: 700ms; }
.sm-active-duration-700:active { transition-duration: 700ms; }
.sm-disabled-duration-700:disabled { transition-duration: 700ms; }
.sm-duration-1000 { transition-duration: 1000ms; }
.sm-hover-duration-1000:hover { transition-duration: 1000ms; }
.sm-focus-duration-1000:focus { transition-duration: 1000ms; }
.sm-active-duration-1000:active { transition-duration: 1000ms; }
.sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.sm-ease-linear { transition-timing-function: ease-linear; }
.sm-hover-ease-linear:hover { transition-timing-function: ease-linear; }
.sm-focus-ease-linear:focus { transition-timing-function: ease-linear; }
.sm-active-ease-linear:active { transition-timing-function: ease-linear; }
.sm-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
.sm-ease-in { transition-timing-function: ease-in; }
.sm-hover-ease-in:hover { transition-timing-function: ease-in; }
.sm-focus-ease-in:focus { transition-timing-function: ease-in; }
.sm-active-ease-in:active { transition-timing-function: ease-in; }
.sm-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.sm-ease-out { transition-timing-function: ease-out; }
.sm-hover-ease-out:hover { transition-timing-function: ease-out; }
.sm-focus-ease-out:focus { transition-timing-function: ease-out; }
.sm-active-ease-out:active { transition-timing-function: ease-out; }
.sm-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.sm-ease-in-out { transition-timing-function: ease-in-out; }
.sm-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.sm-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.sm-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.sm-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.sm-translate-x-0 { transform: translateX(0rem); }
.sm-hover-translate-x-0:hover { transform: translateX(0rem); }
.sm-focus-translate-x-0:focus { transform: translateX(0rem); }
.sm-active-translate-x-0:active { transform: translateX(0rem); }
.sm-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.sm-translate-y-0 { transform: translateY(0rem); }
.sm-hover-translate-y-0:hover { transform: translateY(0rem); }
.sm-focus-translate-y-0:focus { transform: translateY(0rem); }
.sm-active-translate-y-0:active { transform: translateY(0rem); }
.sm-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.sm-translate-x-0_25 { transform: translateX(0.25rem); }
.sm-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.sm-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.sm-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.sm-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.sm-translate-y-0_25 { transform: translateY(0.25rem); }
.sm-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.sm-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.sm-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.sm-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.sm-translate-x-0_5 { transform: translateX(0.5rem); }
.sm-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.sm-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.sm-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.sm-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.sm-translate-y-0_5 { transform: translateY(0.5rem); }
.sm-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.sm-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.sm-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.sm-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.sm-translate-x-1 { transform: translateX(1rem); }
.sm-hover-translate-x-1:hover { transform: translateX(1rem); }
.sm-focus-translate-x-1:focus { transform: translateX(1rem); }
.sm-active-translate-x-1:active { transform: translateX(1rem); }
.sm-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.sm-translate-y-1 { transform: translateY(1rem); }
.sm-hover-translate-y-1:hover { transform: translateY(1rem); }
.sm-focus-translate-y-1:focus { transform: translateY(1rem); }
.sm-active-translate-y-1:active { transform: translateY(1rem); }
.sm-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.sm-translate-x-1_5 { transform: translateX(1.5rem); }
.sm-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.sm-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.sm-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.sm-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.sm-translate-y-1_5 { transform: translateY(1.5rem); }
.sm-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.sm-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.sm-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.sm-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.sm-translate-x-2 { transform: translateX(2rem); }
.sm-hover-translate-x-2:hover { transform: translateX(2rem); }
.sm-focus-translate-x-2:focus { transform: translateX(2rem); }
.sm-active-translate-x-2:active { transform: translateX(2rem); }
.sm-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.sm-translate-y-2 { transform: translateY(2rem); }
.sm-hover-translate-y-2:hover { transform: translateY(2rem); }
.sm-focus-translate-y-2:focus { transform: translateY(2rem); }
.sm-active-translate-y-2:active { transform: translateY(2rem); }
.sm-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.sm-translate-x-3 { transform: translateX(3rem); }
.sm-hover-translate-x-3:hover { transform: translateX(3rem); }
.sm-focus-translate-x-3:focus { transform: translateX(3rem); }
.sm-active-translate-x-3:active { transform: translateX(3rem); }
.sm-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.sm-translate-y-3 { transform: translateY(3rem); }
.sm-hover-translate-y-3:hover { transform: translateY(3rem); }
.sm-focus-translate-y-3:focus { transform: translateY(3rem); }
.sm-active-translate-y-3:active { transform: translateY(3rem); }
.sm-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.sm-translate-x-4 { transform: translateX(4rem); }
.sm-hover-translate-x-4:hover { transform: translateX(4rem); }
.sm-focus-translate-x-4:focus { transform: translateX(4rem); }
.sm-active-translate-x-4:active { transform: translateX(4rem); }
.sm-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.sm-translate-y-4 { transform: translateY(4rem); }
.sm-hover-translate-y-4:hover { transform: translateY(4rem); }
.sm-focus-translate-y-4:focus { transform: translateY(4rem); }
.sm-active-translate-y-4:active { transform: translateY(4rem); }
.sm-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.sm-translate-x-5 { transform: translateX(5rem); }
.sm-hover-translate-x-5:hover { transform: translateX(5rem); }
.sm-focus-translate-x-5:focus { transform: translateX(5rem); }
.sm-active-translate-x-5:active { transform: translateX(5rem); }
.sm-disabled-translate-x-5:disabled { transform: translateX(5rem); }
.sm-translate-y-5 { transform: translateY(5rem); }
.sm-hover-translate-y-5:hover { transform: translateY(5rem); }
.sm-focus-translate-y-5:focus { transform: translateY(5rem); }
.sm-active-translate-y-5:active { transform: translateY(5rem); }
.sm-disabled-translate-y-5:disabled { transform: translateY(5rem); }
.sm-translate-x-6 { transform: translateX(6rem); }
.sm-hover-translate-x-6:hover { transform: translateX(6rem); }
.sm-focus-translate-x-6:focus { transform: translateX(6rem); }
.sm-active-translate-x-6:active { transform: translateX(6rem); }
.sm-disabled-translate-x-6:disabled { transform: translateX(6rem); }
.sm-translate-y-6 { transform: translateY(6rem); }
.sm-hover-translate-y-6:hover { transform: translateY(6rem); }
.sm-focus-translate-y-6:focus { transform: translateY(6rem); }
.sm-active-translate-y-6:active { transform: translateY(6rem); }
.sm-disabled-translate-y-6:disabled { transform: translateY(6rem); }
.sm-translate-x-8 { transform: translateX(8rem); }
.sm-hover-translate-x-8:hover { transform: translateX(8rem); }
.sm-focus-translate-x-8:focus { transform: translateX(8rem); }
.sm-active-translate-x-8:active { transform: translateX(8rem); }
.sm-disabled-translate-x-8:disabled { transform: translateX(8rem); }
.sm-translate-y-8 { transform: translateY(8rem); }
.sm-hover-translate-y-8:hover { transform: translateY(8rem); }
.sm-focus-translate-y-8:focus { transform: translateY(8rem); }
.sm-active-translate-y-8:active { transform: translateY(8rem); }
.sm-disabled-translate-y-8:disabled { transform: translateY(8rem); }
.sm-translate-x-10 { transform: translateX(10rem); }
.sm-hover-translate-x-10:hover { transform: translateX(10rem); }
.sm-focus-translate-x-10:focus { transform: translateX(10rem); }
.sm-active-translate-x-10:active { transform: translateX(10rem); }
.sm-disabled-translate-x-10:disabled { transform: translateX(10rem); }
.sm-translate-y-10 { transform: translateY(10rem); }
.sm-hover-translate-y-10:hover { transform: translateY(10rem); }
.sm-focus-translate-y-10:focus { transform: translateY(10rem); }
.sm-active-translate-y-10:active { transform: translateY(10rem); }
.sm-disabled-translate-y-10:disabled { transform: translateY(10rem); }
.sm-translate-x-12 { transform: translateX(12rem); }
.sm-hover-translate-x-12:hover { transform: translateX(12rem); }
.sm-focus-translate-x-12:focus { transform: translateX(12rem); }
.sm-active-translate-x-12:active { transform: translateX(12rem); }
.sm-disabled-translate-x-12:disabled { transform: translateX(12rem); }
.sm-translate-y-12 { transform: translateY(12rem); }
.sm-hover-translate-y-12:hover { transform: translateY(12rem); }
.sm-focus-translate-y-12:focus { transform: translateY(12rem); }
.sm-active-translate-y-12:active { transform: translateY(12rem); }
.sm-disabled-translate-y-12:disabled { transform: translateY(12rem); }
.sm-translate-x-16 { transform: translateX(16rem); }
.sm-hover-translate-x-16:hover { transform: translateX(16rem); }
.sm-focus-translate-x-16:focus { transform: translateX(16rem); }
.sm-active-translate-x-16:active { transform: translateX(16rem); }
.sm-disabled-translate-x-16:disabled { transform: translateX(16rem); }
.sm-translate-y-16 { transform: translateY(16rem); }
.sm-hover-translate-y-16:hover { transform: translateY(16rem); }
.sm-focus-translate-y-16:focus { transform: translateY(16rem); }
.sm-active-translate-y-16:active { transform: translateY(16rem); }
.sm-disabled-translate-y-16:disabled { transform: translateY(16rem); }
.sm-translate-x-20 { transform: translateX(20rem); }
.sm-hover-translate-x-20:hover { transform: translateX(20rem); }
.sm-focus-translate-x-20:focus { transform: translateX(20rem); }
.sm-active-translate-x-20:active { transform: translateX(20rem); }
.sm-disabled-translate-x-20:disabled { transform: translateX(20rem); }
.sm-translate-y-20 { transform: translateY(20rem); }
.sm-hover-translate-y-20:hover { transform: translateY(20rem); }
.sm-focus-translate-y-20:focus { transform: translateY(20rem); }
.sm-active-translate-y-20:active { transform: translateY(20rem); }
.sm-disabled-translate-y-20:disabled { transform: translateY(20rem); }
.sm-translate-x-24 { transform: translateX(24rem); }
.sm-hover-translate-x-24:hover { transform: translateX(24rem); }
.sm-focus-translate-x-24:focus { transform: translateX(24rem); }
.sm-active-translate-x-24:active { transform: translateX(24rem); }
.sm-disabled-translate-x-24:disabled { transform: translateX(24rem); }
.sm-translate-y-24 { transform: translateY(24rem); }
.sm-hover-translate-y-24:hover { transform: translateY(24rem); }
.sm-focus-translate-y-24:focus { transform: translateY(24rem); }
.sm-active-translate-y-24:active { transform: translateY(24rem); }
.sm-disabled-translate-y-24:disabled { transform: translateY(24rem); }
.sm-translate-x-32 { transform: translateX(32rem); }
.sm-hover-translate-x-32:hover { transform: translateX(32rem); }
.sm-focus-translate-x-32:focus { transform: translateX(32rem); }
.sm-active-translate-x-32:active { transform: translateX(32rem); }
.sm-disabled-translate-x-32:disabled { transform: translateX(32rem); }
.sm-translate-y-32 { transform: translateY(32rem); }
.sm-hover-translate-y-32:hover { transform: translateY(32rem); }
.sm-focus-translate-y-32:focus { transform: translateY(32rem); }
.sm-active-translate-y-32:active { transform: translateY(32rem); }
.sm-disabled-translate-y-32:disabled { transform: translateY(32rem); }
.sm-scale-0 { transform: scale(0.0); }
.sm-hover-scale-0:hover { transform: scale(0.0); }
.sm-focus-scale-0:focus { transform: scale(0.0); }
.sm-active-scale-0:active { transform: scale(0.0); }
.sm-disabled-scale-0:disabled { transform: scale(0.0); }
.sm-scale-50 { transform: scale(0.5); }
.sm-hover-scale-50:hover { transform: scale(0.5); }
.sm-focus-scale-50:focus { transform: scale(0.5); }
.sm-active-scale-50:active { transform: scale(0.5); }
.sm-disabled-scale-50:disabled { transform: scale(0.5); }
.sm-scale-75 { transform: scale(0.75); }
.sm-hover-scale-75:hover { transform: scale(0.75); }
.sm-focus-scale-75:focus { transform: scale(0.75); }
.sm-active-scale-75:active { transform: scale(0.75); }
.sm-disabled-scale-75:disabled { transform: scale(0.75); }
.sm-scale-90 { transform: scale(0.9); }
.sm-hover-scale-90:hover { transform: scale(0.9); }
.sm-focus-scale-90:focus { transform: scale(0.9); }
.sm-active-scale-90:active { transform: scale(0.9); }
.sm-disabled-scale-90:disabled { transform: scale(0.9); }
.sm-scale-95 { transform: scale(0.95); }
.sm-hover-scale-95:hover { transform: scale(0.95); }
.sm-focus-scale-95:focus { transform: scale(0.95); }
.sm-active-scale-95:active { transform: scale(0.95); }
.sm-disabled-scale-95:disabled { transform: scale(0.95); }
.sm-scale-100 { transform: scale(1.0); }
.sm-hover-scale-100:hover { transform: scale(1.0); }
.sm-focus-scale-100:focus { transform: scale(1.0); }
.sm-active-scale-100:active { transform: scale(1.0); }
.sm-disabled-scale-100:disabled { transform: scale(1.0); }
.sm-scale-105 { transform: scale(1.05); }
.sm-hover-scale-105:hover { transform: scale(1.05); }
.sm-focus-scale-105:focus { transform: scale(1.05); }
.sm-active-scale-105:active { transform: scale(1.05); }
.sm-disabled-scale-105:disabled { transform: scale(1.05); }
.sm-scale-110 { transform: scale(1.1); }
.sm-hover-scale-110:hover { transform: scale(1.1); }
.sm-focus-scale-110:focus { transform: scale(1.1); }
.sm-active-scale-110:active { transform: scale(1.1); }
.sm-disabled-scale-110:disabled { transform: scale(1.1); }
.sm-scale-125 { transform: scale(1.25); }
.sm-hover-scale-125:hover { transform: scale(1.25); }
.sm-focus-scale-125:focus { transform: scale(1.25); }
.sm-active-scale-125:active { transform: scale(1.25); }
.sm-disabled-scale-125:disabled { transform: scale(1.25); }
.sm-scale-150 { transform: scale(1.5); }
.sm-hover-scale-150:hover { transform: scale(1.5); }
.sm-focus-scale-150:focus { transform: scale(1.5); }
.sm-active-scale-150:active { transform: scale(1.5); }
.sm-disabled-scale-150:disabled { transform: scale(1.5); }
.sm-rotate--180 { transform: rotate(-180deg); }
.sm-hover-rotate--180:hover { transform: rotate(-180deg); }
.sm-focus-rotate--180:focus { transform: rotate(-180deg); }
.sm-active-rotate--180:active { transform: rotate(-180deg); }
.sm-disabled-rotate--180:disabled { transform: rotate(-180deg); }
.sm-rotate--90 { transform: rotate(-90deg); }
.sm-hover-rotate--90:hover { transform: rotate(-90deg); }
.sm-focus-rotate--90:focus { transform: rotate(-90deg); }
.sm-active-rotate--90:active { transform: rotate(-90deg); }
.sm-disabled-rotate--90:disabled { transform: rotate(-90deg); }
.sm-rotate--45 { transform: rotate(-45deg); }
.sm-hover-rotate--45:hover { transform: rotate(-45deg); }
.sm-focus-rotate--45:focus { transform: rotate(-45deg); }
.sm-active-rotate--45:active { transform: rotate(-45deg); }
.sm-disabled-rotate--45:disabled { transform: rotate(-45deg); }
.sm-rotate-0 { transform: rotate(0deg); }
.sm-hover-rotate-0:hover { transform: rotate(0deg); }
.sm-focus-rotate-0:focus { transform: rotate(0deg); }
.sm-active-rotate-0:active { transform: rotate(0deg); }
.sm-disabled-rotate-0:disabled { transform: rotate(0deg); }
.sm-rotate-45 { transform: rotate(45deg); }
.sm-hover-rotate-45:hover { transform: rotate(45deg); }
.sm-focus-rotate-45:focus { transform: rotate(45deg); }
.sm-active-rotate-45:active { transform: rotate(45deg); }
.sm-disabled-rotate-45:disabled { transform: rotate(45deg); }
.sm-rotate-90 { transform: rotate(90deg); }
.sm-hover-rotate-90:hover { transform: rotate(90deg); }
.sm-focus-rotate-90:focus { transform: rotate(90deg); }
.sm-active-rotate-90:active { transform: rotate(90deg); }
.sm-disabled-rotate-90:disabled { transform: rotate(90deg); }
.sm-rotate-180 { transform: rotate(180deg); }
.sm-hover-rotate-180:hover { transform: rotate(180deg); }
.sm-focus-rotate-180:focus { transform: rotate(180deg); }
.sm-active-rotate-180:active { transform: rotate(180deg); }
.sm-disabled-rotate-180:disabled { transform: rotate(180deg); }
.sm-skew-x--45 { transform: skewX(-45deg); }
.sm-hover-skew-x--45:hover { transform: skewX(-45deg); }
.sm-focus-skew-x--45:focus { transform: skewX(-45deg); }
.sm-active-skew-x--45:active { transform: skewX(-45deg); }
.sm-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
.sm-skew-y--45 { transform: skewY(-45deg); }
.sm-hover-skew-y--45:hover { transform: skewY(-45deg); }
.sm-focus-skew-y--45:focus { transform: skewY(-45deg); }
.sm-active-skew-y--45:active { transform: skewY(-45deg); }
.sm-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
.sm-skew-x--30 { transform: skewX(-30deg); }
.sm-hover-skew-x--30:hover { transform: skewX(-30deg); }
.sm-focus-skew-x--30:focus { transform: skewX(-30deg); }
.sm-active-skew-x--30:active { transform: skewX(-30deg); }
.sm-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
.sm-skew-y--30 { transform: skewY(-30deg); }
.sm-hover-skew-y--30:hover { transform: skewY(-30deg); }
.sm-focus-skew-y--30:focus { transform: skewY(-30deg); }
.sm-active-skew-y--30:active { transform: skewY(-30deg); }
.sm-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
.sm-skew-x--15 { transform: skewX(-15deg); }
.sm-hover-skew-x--15:hover { transform: skewX(-15deg); }
.sm-focus-skew-x--15:focus { transform: skewX(-15deg); }
.sm-active-skew-x--15:active { transform: skewX(-15deg); }
.sm-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
.sm-skew-y--15 { transform: skewY(-15deg); }
.sm-hover-skew-y--15:hover { transform: skewY(-15deg); }
.sm-focus-skew-y--15:focus { transform: skewY(-15deg); }
.sm-active-skew-y--15:active { transform: skewY(-15deg); }
.sm-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
.sm-skew-x-0 { transform: skewX(0deg); }
.sm-hover-skew-x-0:hover { transform: skewX(0deg); }
.sm-focus-skew-x-0:focus { transform: skewX(0deg); }
.sm-active-skew-x-0:active { transform: skewX(0deg); }
.sm-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.sm-skew-y-0 { transform: skewY(0deg); }
.sm-hover-skew-y-0:hover { transform: skewY(0deg); }
.sm-focus-skew-y-0:focus { transform: skewY(0deg); }
.sm-active-skew-y-0:active { transform: skewY(0deg); }
.sm-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.sm-skew-x-15 { transform: skewX(15deg); }
.sm-hover-skew-x-15:hover { transform: skewX(15deg); }
.sm-focus-skew-x-15:focus { transform: skewX(15deg); }
.sm-active-skew-x-15:active { transform: skewX(15deg); }
.sm-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.sm-skew-y-15 { transform: skewY(15deg); }
.sm-hover-skew-y-15:hover { transform: skewY(15deg); }
.sm-focus-skew-y-15:focus { transform: skewY(15deg); }
.sm-active-skew-y-15:active { transform: skewY(15deg); }
.sm-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.sm-skew-x-30 { transform: skewX(30deg); }
.sm-hover-skew-x-30:hover { transform: skewX(30deg); }
.sm-focus-skew-x-30:focus { transform: skewX(30deg); }
.sm-active-skew-x-30:active { transform: skewX(30deg); }
.sm-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.sm-skew-y-30 { transform: skewY(30deg); }
.sm-hover-skew-y-30:hover { transform: skewY(30deg); }
.sm-focus-skew-y-30:focus { transform: skewY(30deg); }
.sm-active-skew-y-30:active { transform: skewY(30deg); }
.sm-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.sm-skew-x-45 { transform: skewX(45deg); }
.sm-hover-skew-x-45:hover { transform: skewX(45deg); }
.sm-focus-skew-x-45:focus { transform: skewX(45deg); }
.sm-active-skew-x-45:active { transform: skewX(45deg); }
.sm-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.sm-skew-y-45 { transform: skewY(45deg); }
.sm-hover-skew-y-45:hover { transform: skewY(45deg); }
.sm-focus-skew-y-45:focus { transform: skewY(45deg); }
.sm-active-skew-y-45:active { transform: skewY(45deg); }
.sm-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.sm-blur-none { filter: blur(0); }
.sm-hover-blur-none:hover { filter: blur(0); }
.sm-focus-blur-none:focus { filter: blur(0); }
.sm-active-blur-none:active { filter: blur(0); }
.sm-disabled-blur-none:disabled { filter: blur(0); }
.sm-blur-sm { filter: blur(2px); }
.sm-hover-blur-sm:hover { filter: blur(2px); }
.sm-focus-blur-sm:focus { filter: blur(2px); }
.sm-active-blur-sm:active { filter: blur(2px); }
.sm-disabled-blur-sm:disabled { filter: blur(2px); }
.sm-blur { filter: blur(4px); }
.sm-hover-blur:hover { filter: blur(4px); }
.sm-focus-blur:focus { filter: blur(4px); }
.sm-active-blur:active { filter: blur(4px); }
.sm-disabled-blur:disabled { filter: blur(4px); }
.sm-blur-md { filter: blur(8px); }
.sm-hover-blur-md:hover { filter: blur(8px); }
.sm-focus-blur-md:focus { filter: blur(8px); }
.sm-active-blur-md:active { filter: blur(8px); }
.sm-disabled-blur-md:disabled { filter: blur(8px); }
.sm-blur-lg { filter: blur(12px); }
.sm-hover-blur-lg:hover { filter: blur(12px); }
.sm-focus-blur-lg:focus { filter: blur(12px); }
.sm-active-blur-lg:active { filter: blur(12px); }
.sm-disabled-blur-lg:disabled { filter: blur(12px); }
.sm-blur-xl { filter: blur(20px); }
.sm-hover-blur-xl:hover { filter: blur(20px); }
.sm-focus-blur-xl:focus { filter: blur(20px); }
.sm-active-blur-xl:active { filter: blur(20px); }
.sm-disabled-blur-xl:disabled { filter: blur(20px); }
.sm-brightness-0 { filter: brightness(0); }
.sm-hover-brightness-0:hover { filter: brightness(0); }
.sm-focus-brightness-0:focus { filter: brightness(0); }
.sm-active-brightness-0:active { filter: brightness(0); }
.sm-disabled-brightness-0:disabled { filter: brightness(0); }
.sm-brightness-50 { filter: brightness(0.5); }
.sm-hover-brightness-50:hover { filter: brightness(0.5); }
.sm-focus-brightness-50:focus { filter: brightness(0.5); }
.sm-active-brightness-50:active { filter: brightness(0.5); }
.sm-disabled-brightness-50:disabled { filter: brightness(0.5); }
.sm-brightness-75 { filter: brightness(0.75); }
.sm-hover-brightness-75:hover { filter: brightness(0.75); }
.sm-focus-brightness-75:focus { filter: brightness(0.75); }
.sm-active-brightness-75:active { filter: brightness(0.75); }
.sm-disabled-brightness-75:disabled { filter: brightness(0.75); }
.sm-brightness-90 { filter: brightness(0.9); }
.sm-hover-brightness-90:hover { filter: brightness(0.9); }
.sm-focus-brightness-90:focus { filter: brightness(0.9); }
.sm-active-brightness-90:active { filter: brightness(0.9); }
.sm-disabled-brightness-90:disabled { filter: brightness(0.9); }
.sm-brightness-100 { filter: brightness(1); }
.sm-hover-brightness-100:hover { filter: brightness(1); }
.sm-focus-brightness-100:focus { filter: brightness(1); }
.sm-active-brightness-100:active { filter: brightness(1); }
.sm-disabled-brightness-100:disabled { filter: brightness(1); }
.sm-brightness-125 { filter: brightness(1.25); }
.sm-hover-brightness-125:hover { filter: brightness(1.25); }
.sm-focus-brightness-125:focus { filter: brightness(1.25); }
.sm-active-brightness-125:active { filter: brightness(1.25); }
.sm-disabled-brightness-125:disabled { filter: brightness(1.25); }
.sm-brightness-150 { filter: brightness(1.5); }
.sm-hover-brightness-150:hover { filter: brightness(1.5); }
.sm-focus-brightness-150:focus { filter: brightness(1.5); }
.sm-active-brightness-150:active { filter: brightness(1.5); }
.sm-disabled-brightness-150:disabled { filter: brightness(1.5); }
.sm-brightness-200 { filter: brightness(2); }
.sm-hover-brightness-200:hover { filter: brightness(2); }
.sm-focus-brightness-200:focus { filter: brightness(2); }
.sm-active-brightness-200:active { filter: brightness(2); }
.sm-disabled-brightness-200:disabled { filter: brightness(2); }
.sm-contrast-0 { filter: contrast(0); }
.sm-hover-contrast-0:hover { filter: contrast(0); }
.sm-focus-contrast-0:focus { filter: contrast(0); }
.sm-active-contrast-0:active { filter: contrast(0); }
.sm-disabled-contrast-0:disabled { filter: contrast(0); }
.sm-contrast-50 { filter: contrast(0.5); }
.sm-hover-contrast-50:hover { filter: contrast(0.5); }
.sm-focus-contrast-50:focus { filter: contrast(0.5); }
.sm-active-contrast-50:active { filter: contrast(0.5); }
.sm-disabled-contrast-50:disabled { filter: contrast(0.5); }
.sm-contrast-75 { filter: contrast(0.75); }
.sm-hover-contrast-75:hover { filter: contrast(0.75); }
.sm-focus-contrast-75:focus { filter: contrast(0.75); }
.sm-active-contrast-75:active { filter: contrast(0.75); }
.sm-disabled-contrast-75:disabled { filter: contrast(0.75); }
.sm-contrast-100 { filter: contrast(1); }
.sm-hover-contrast-100:hover { filter: contrast(1); }
.sm-focus-contrast-100:focus { filter: contrast(1); }
.sm-active-contrast-100:active { filter: contrast(1); }
.sm-disabled-contrast-100:disabled { filter: contrast(1); }
.sm-contrast-125 { filter: contrast(1.25); }
.sm-hover-contrast-125:hover { filter: contrast(1.25); }
.sm-focus-contrast-125:focus { filter: contrast(1.25); }
.sm-active-contrast-125:active { filter: contrast(1.25); }
.sm-disabled-contrast-125:disabled { filter: contrast(1.25); }
.sm-contrast-150 { filter: contrast(1.5); }
.sm-hover-contrast-150:hover { filter: contrast(1.5); }
.sm-focus-contrast-150:focus { filter: contrast(1.5); }
.sm-active-contrast-150:active { filter: contrast(1.5); }
.sm-disabled-contrast-150:disabled { filter: contrast(1.5); }
.sm-contrast-200 { filter: contrast(2); }
.sm-hover-contrast-200:hover { filter: contrast(2); }
.sm-focus-contrast-200:focus { filter: contrast(2); }
.sm-active-contrast-200:active { filter: contrast(2); }
.sm-disabled-contrast-200:disabled { filter: contrast(2); }
.sm-grayscale-0 { filter: grayscale(0); }
.sm-hover-grayscale-0:hover { filter: grayscale(0); }
.sm-focus-grayscale-0:focus { filter: grayscale(0); }
.sm-active-grayscale-0:active { filter: grayscale(0); }
.sm-disabled-grayscale-0:disabled { filter: grayscale(0); }
.sm-grayscale-100 { filter: grayscale(1); }
.sm-hover-grayscale-100:hover { filter: grayscale(1); }
.sm-focus-grayscale-100:focus { filter: grayscale(1); }
.sm-active-grayscale-100:active { filter: grayscale(1); }
.sm-disabled-grayscale-100:disabled { filter: grayscale(1); }
.sm-hue-rotate-0 { filter: hue-rotate(0deg); }
.sm-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
.sm-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
.sm-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
.sm-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
.sm-hue-rotate-45 { filter: hue-rotate(45deg); }
.sm-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
.sm-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
.sm-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
.sm-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
.sm-hue-rotate-90 { filter: hue-rotate(90deg); }
.sm-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.sm-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.sm-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.sm-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.sm-hue-rotate-180 { filter: hue-rotate(180deg); }
.sm-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
.sm-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
.sm-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
.sm-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
.sm-invert-0 { filter: invert(0); }
.sm-hover-invert-0:hover { filter: invert(0); }
.sm-focus-invert-0:focus { filter: invert(0); }
.sm-active-invert-0:active { filter: invert(0); }
.sm-disabled-invert-0:disabled { filter: invert(0); }
.sm-invert-100 { filter: invert(1); }
.sm-hover-invert-100:hover { filter: invert(1); }
.sm-focus-invert-100:focus { filter: invert(1); }
.sm-active-invert-100:active { filter: invert(1); }
.sm-disabled-invert-100:disabled { filter: invert(1); }
.sm-saturate-0 { filter: saturate(0); }
.sm-hover-saturate-0:hover { filter: saturate(0); }
.sm-focus-saturate-0:focus { filter: saturate(0); }
.sm-active-saturate-0:active { filter: saturate(0); }
.sm-disabled-saturate-0:disabled { filter: saturate(0); }
.sm-saturate-50 { filter: saturate(0.5); }
.sm-hover-saturate-50:hover { filter: saturate(0.5); }
.sm-focus-saturate-50:focus { filter: saturate(0.5); }
.sm-active-saturate-50:active { filter: saturate(0.5); }
.sm-disabled-saturate-50:disabled { filter: saturate(0.5); }
.sm-saturate-100 { filter: saturate(1); }
.sm-hover-saturate-100:hover { filter: saturate(1); }
.sm-focus-saturate-100:focus { filter: saturate(1); }
.sm-active-saturate-100:active { filter: saturate(1); }
.sm-disabled-saturate-100:disabled { filter: saturate(1); }
.sm-saturate-150 { filter: saturate(1.5); }
.sm-hover-saturate-150:hover { filter: saturate(1.5); }
.sm-focus-saturate-150:focus { filter: saturate(1.5); }
.sm-active-saturate-150:active { filter: saturate(1.5); }
.sm-disabled-saturate-150:disabled { filter: saturate(1.5); }
.sm-saturate-200 { filter: saturate(2); }
.sm-hover-saturate-200:hover { filter: saturate(2); }
.sm-focus-saturate-200:focus { filter: saturate(2); }
.sm-active-saturate-200:active { filter: saturate(2); }
.sm-disabled-saturate-200:disabled { filter: saturate(2); }
.sm-sepia-0 { filter: sepia(0); }
.sm-hover-sepia-0:hover { filter: sepia(0); }
.sm-focus-sepia-0:focus { filter: sepia(0); }
.sm-active-sepia-0:active { filter: sepia(0); }
.sm-disabled-sepia-0:disabled { filter: sepia(0); }
.sm-sepia-100 { filter: sepia(1); }
.sm-hover-sepia-100:hover { filter: sepia(1); }
.sm-focus-sepia-100:focus { filter: sepia(1); }
.sm-active-sepia-100:active { filter: sepia(1); }
.sm-disabled-sepia-100:disabled { filter: sepia(1); }
.sm-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.sm-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.sm-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.sm-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.sm-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.sm-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.sm-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.sm-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.sm-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.sm-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.sm-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.sm-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.sm-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.sm-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.sm-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.sm-mix-normal { mix-blend-mode: normal; }
.sm-hover-mix-normal:hover { mix-blend-mode: normal; }
.sm-focus-mix-normal:focus { mix-blend-mode: normal; }
.sm-active-mix-normal:active { mix-blend-mode: normal; }
.sm-disabled-mix-normal:disabled { mix-blend-mode: normal; }
.sm-mix-multiply { mix-blend-mode: multiply; }
.sm-hover-mix-multiply:hover { mix-blend-mode: multiply; }
.sm-focus-mix-multiply:focus { mix-blend-mode: multiply; }
.sm-active-mix-multiply:active { mix-blend-mode: multiply; }
.sm-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
.sm-mix-screen { mix-blend-mode: screen; }
.sm-hover-mix-screen:hover { mix-blend-mode: screen; }
.sm-focus-mix-screen:focus { mix-blend-mode: screen; }
.sm-active-mix-screen:active { mix-blend-mode: screen; }
.sm-disabled-mix-screen:disabled { mix-blend-mode: screen; }
.sm-mix-overlay { mix-blend-mode: overlay; }
.sm-hover-mix-overlay:hover { mix-blend-mode: overlay; }
.sm-focus-mix-overlay:focus { mix-blend-mode: overlay; }
.sm-active-mix-overlay:active { mix-blend-mode: overlay; }
.sm-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
.sm-mix-darken { mix-blend-mode: darken; }
.sm-hover-mix-darken:hover { mix-blend-mode: darken; }
.sm-focus-mix-darken:focus { mix-blend-mode: darken; }
.sm-active-mix-darken:active { mix-blend-mode: darken; }
.sm-disabled-mix-darken:disabled { mix-blend-mode: darken; }
.sm-mix-lighten { mix-blend-mode: lighten; }
.sm-hover-mix-lighten:hover { mix-blend-mode: lighten; }
.sm-focus-mix-lighten:focus { mix-blend-mode: lighten; }
.sm-active-mix-lighten:active { mix-blend-mode: lighten; }
.sm-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
.sm-mix-color-dodge { mix-blend-mode: color-dodge; }
.sm-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
.sm-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
.sm-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
.sm-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
.sm-mix-color-burn { mix-blend-mode: color-burn; }
.sm-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
.sm-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
.sm-active-mix-color-burn:active { mix-blend-mode: color-burn; }
.sm-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
.sm-mix-hard-light { mix-blend-mode: hard-light; }
.sm-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
.sm-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
.sm-active-mix-hard-light:active { mix-blend-mode: hard-light; }
.sm-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
.sm-mix-soft-light { mix-blend-mode: soft-light; }
.sm-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
.sm-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
.sm-active-mix-soft-light:active { mix-blend-mode: soft-light; }
.sm-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
.sm-mix-difference { mix-blend-mode: difference; }
.sm-hover-mix-difference:hover { mix-blend-mode: difference; }
.sm-focus-mix-difference:focus { mix-blend-mode: difference; }
.sm-active-mix-difference:active { mix-blend-mode: difference; }
.sm-disabled-mix-difference:disabled { mix-blend-mode: difference; }
.sm-mix-exclusion { mix-blend-mode: exclusion; }
.sm-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
.sm-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
.sm-active-mix-exclusion:active { mix-blend-mode: exclusion; }
.sm-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
.sm-mix-hue { mix-blend-mode: hue; }
.sm-hover-mix-hue:hover { mix-blend-mode: hue; }
.sm-focus-mix-hue:focus { mix-blend-mode: hue; }
.sm-active-mix-hue:active { mix-blend-mode: hue; }
.sm-disabled-mix-hue:disabled { mix-blend-mode: hue; }
.sm-mix-saturation { mix-blend-mode: saturation; }
.sm-hover-mix-saturation:hover { mix-blend-mode: saturation; }
.sm-focus-mix-saturation:focus { mix-blend-mode: saturation; }
.sm-active-mix-saturation:active { mix-blend-mode: saturation; }
.sm-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
.sm-mix-color { mix-blend-mode: color; }
.sm-hover-mix-color:hover { mix-blend-mode: color; }
.sm-focus-mix-color:focus { mix-blend-mode: color; }
.sm-active-mix-color:active { mix-blend-mode: color; }
.sm-disabled-mix-color:disabled { mix-blend-mode: color; }
.sm-mix-luminosity { mix-blend-mode: luminosity; }
.sm-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
.sm-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
.sm-active-mix-luminosity:active { mix-blend-mode: luminosity; }
.sm-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
.sm-bg-blend-normal { background-blend-mode: normal; }
.sm-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.sm-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.sm-active-bg-blend-normal:active { background-blend-mode: normal; }
.sm-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.sm-bg-blend-multiply { background-blend-mode: multiply; }
.sm-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.sm-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.sm-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.sm-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.sm-bg-blend-screen { background-blend-mode: screen; }
.sm-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.sm-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.sm-active-bg-blend-screen:active { background-blend-mode: screen; }
.sm-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.sm-bg-blend-overlay { background-blend-mode: overlay; }
.sm-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.sm-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.sm-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.sm-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.sm-bg-blend-darken { background-blend-mode: darken; }
.sm-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.sm-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.sm-active-bg-blend-darken:active { background-blend-mode: darken; }
.sm-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.sm-bg-blend-lighten { background-blend-mode: lighten; }
.sm-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.sm-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.sm-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.sm-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.sm-bg-blend-color-dodge { background-blend-mode: color-dodge; }
.sm-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
.sm-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
.sm-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
.sm-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
.sm-bg-blend-color-burn { background-blend-mode: color-burn; }
.sm-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
.sm-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
.sm-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
.sm-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
.sm-bg-blend-hard-light { background-blend-mode: hard-light; }
.sm-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
.sm-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
.sm-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
.sm-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
.sm-bg-blend-soft-light { background-blend-mode: soft-light; }
.sm-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
.sm-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
.sm-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
.sm-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
.sm-bg-blend-difference { background-blend-mode: difference; }
.sm-hover-bg-blend-difference:hover { background-blend-mode: difference; }
.sm-focus-bg-blend-difference:focus { background-blend-mode: difference; }
.sm-active-bg-blend-difference:active { background-blend-mode: difference; }
.sm-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
.sm-bg-blend-exclusion { background-blend-mode: exclusion; }
.sm-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
.sm-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
.sm-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
.sm-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
.sm-bg-blend-hue { background-blend-mode: hue; }
.sm-hover-bg-blend-hue:hover { background-blend-mode: hue; }
.sm-focus-bg-blend-hue:focus { background-blend-mode: hue; }
.sm-active-bg-blend-hue:active { background-blend-mode: hue; }
.sm-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
.sm-bg-blend-saturation { background-blend-mode: saturation; }
.sm-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
.sm-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
.sm-active-bg-blend-saturation:active { background-blend-mode: saturation; }
.sm-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
.sm-bg-blend-color { background-blend-mode: color; }
.sm-hover-bg-blend-color:hover { background-blend-mode: color; }
.sm-focus-bg-blend-color:focus { background-blend-mode: color; }
.sm-active-bg-blend-color:active { background-blend-mode: color; }
.sm-disabled-bg-blend-color:disabled { background-blend-mode: color; }
.sm-bg-blend-luminosity { background-blend-mode: luminosity; }
.sm-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
.sm-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
.sm-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
.sm-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
.sm-object-contain { object-fit: contain; }
.sm-hover-object-contain:hover { object-fit: contain; }
.sm-focus-object-contain:focus { object-fit: contain; }
.sm-active-object-contain:active { object-fit: contain; }
.sm-disabled-object-contain:disabled { object-fit: contain; }
.sm-object-cover { object-fit: cover; }
.sm-hover-object-cover:hover { object-fit: cover; }
.sm-focus-object-cover:focus { object-fit: cover; }
.sm-active-object-cover:active { object-fit: cover; }
.sm-disabled-object-cover:disabled { object-fit: cover; }
.sm-object-fill { object-fit: fill; }
.sm-hover-object-fill:hover { object-fit: fill; }
.sm-focus-object-fill:focus { object-fit: fill; }
.sm-active-object-fill:active { object-fit: fill; }
.sm-disabled-object-fill:disabled { object-fit: fill; }
.sm-object-none { object-fit: none; }
.sm-hover-object-none:hover { object-fit: none; }
.sm-focus-object-none:focus { object-fit: none; }
.sm-active-object-none:active { object-fit: none; }
.sm-disabled-object-none:disabled { object-fit: none; }
.sm-object-scale-down { object-fit: scale-down; }
.sm-hover-object-scale-down:hover { object-fit: scale-down; }
.sm-focus-object-scale-down:focus { object-fit: scale-down; }
.sm-active-object-scale-down:active { object-fit: scale-down; }
.sm-disabled-object-scale-down:disabled { object-fit: scale-down; }
.sm-object-top { object-position: top; }
.sm-hover-object-top:hover { object-position: top; }
.sm-focus-object-top:focus { object-position: top; }
.sm-active-object-top:active { object-position: top; }
.sm-disabled-object-top:disabled { object-position: top; }
.sm-object-bottom { object-position: bottom; }
.sm-hover-object-bottom:hover { object-position: bottom; }
.sm-focus-object-bottom:focus { object-position: bottom; }
.sm-active-object-bottom:active { object-position: bottom; }
.sm-disabled-object-bottom:disabled { object-position: bottom; }
.sm-object-center { object-position: center; }
.sm-hover-object-center:hover { object-position: center; }
.sm-focus-object-center:focus { object-position: center; }
.sm-active-object-center:active { object-position: center; }
.sm-disabled-object-center:disabled { object-position: center; }
.sm-object-left { object-position: left; }
.sm-hover-object-left:hover { object-position: left; }
.sm-focus-object-left:focus { object-position: left; }
.sm-active-object-left:active { object-position: left; }
.sm-disabled-object-left:disabled { object-position: left; }
.sm-object-right { object-position: right; }
.sm-hover-object-right:hover { object-position: right; }
.sm-focus-object-right:focus { object-position: right; }
.sm-active-object-right:active { object-position: right; }
.sm-disabled-object-right:disabled { object-position: right; }
.sm-object-left-top { object-position: left top; }
.sm-hover-object-left-top:hover { object-position: left top; }
.sm-focus-object-left-top:focus { object-position: left top; }
.sm-active-object-left-top:active { object-position: left top; }
.sm-disabled-object-left-top:disabled { object-position: left top; }
.sm-object-right-top { object-position: right top; }
.sm-hover-object-right-top:hover { object-position: right top; }
.sm-focus-object-right-top:focus { object-position: right top; }
.sm-active-object-right-top:active { object-position: right top; }
.sm-disabled-object-right-top:disabled { object-position: right top; }
.sm-object-left-bottom { object-position: left bottom; }
.sm-hover-object-left-bottom:hover { object-position: left bottom; }
.sm-focus-object-left-bottom:focus { object-position: left bottom; }
.sm-active-object-left-bottom:active { object-position: left bottom; }
.sm-disabled-object-left-bottom:disabled { object-position: left bottom; }
.sm-object-right-bottom { object-position: right bottom; }
.sm-hover-object-right-bottom:hover { object-position: right bottom; }
.sm-focus-object-right-bottom:focus { object-position: right bottom; }
.sm-active-object-right-bottom:active { object-position: right bottom; }
.sm-disabled-object-right-bottom:disabled { object-position: right bottom; }
.sm-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.sm-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.sm-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.sm-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.sm-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.sm-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sm-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sm-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sm-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sm-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sm-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.sm-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.sm-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.sm-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.sm-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.sm-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.sm-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.sm-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.sm-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.sm-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.sm-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.sm-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.sm-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.sm-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.sm-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.sm-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.sm-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.sm-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.sm-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.sm-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.sm-list-style-image-none { list-style-image: none; }
.sm-hover-list-style-image-none:hover { list-style-image: none; }
.sm-focus-list-style-image-none:focus { list-style-image: none; }
.sm-active-list-style-image-none:active { list-style-image: none; }
.sm-disabled-list-style-image-none:disabled { list-style-image: none; }
.sm-list-style-position-inside { list-style-position: inside; }
.sm-hover-list-style-position-inside:hover { list-style-position: inside; }
.sm-focus-list-style-position-inside:focus { list-style-position: inside; }
.sm-active-list-style-position-inside:active { list-style-position: inside; }
.sm-disabled-list-style-position-inside:disabled { list-style-position: inside; }
.sm-list-style-position-outside { list-style-position: outside; }
.sm-hover-list-style-position-outside:hover { list-style-position: outside; }
.sm-focus-list-style-position-outside:focus { list-style-position: outside; }
.sm-active-list-style-position-outside:active { list-style-position: outside; }
.sm-disabled-list-style-position-outside:disabled { list-style-position: outside; }
.sm-list-style-type-none { list-style-type: none; }
.sm-hover-list-style-type-none:hover { list-style-type: none; }
.sm-focus-list-style-type-none:focus { list-style-type: none; }
.sm-active-list-style-type-none:active { list-style-type: none; }
.sm-disabled-list-style-type-none:disabled { list-style-type: none; }
.sm-list-style-type-disc { list-style-type: disc; }
.sm-hover-list-style-type-disc:hover { list-style-type: disc; }
.sm-focus-list-style-type-disc:focus { list-style-type: disc; }
.sm-active-list-style-type-disc:active { list-style-type: disc; }
.sm-disabled-list-style-type-disc:disabled { list-style-type: disc; }
.sm-list-style-type-circle { list-style-type: circle; }
.sm-hover-list-style-type-circle:hover { list-style-type: circle; }
.sm-focus-list-style-type-circle:focus { list-style-type: circle; }
.sm-active-list-style-type-circle:active { list-style-type: circle; }
.sm-disabled-list-style-type-circle:disabled { list-style-type: circle; }
.sm-list-style-type-square { list-style-type: square; }
.sm-hover-list-style-type-square:hover { list-style-type: square; }
.sm-focus-list-style-type-square:focus { list-style-type: square; }
.sm-active-list-style-type-square:active { list-style-type: square; }
.sm-disabled-list-style-type-square:disabled { list-style-type: square; }
.sm-list-style-type-decimal { list-style-type: decimal; }
.sm-hover-list-style-type-decimal:hover { list-style-type: decimal; }
.sm-focus-list-style-type-decimal:focus { list-style-type: decimal; }
.sm-active-list-style-type-decimal:active { list-style-type: decimal; }
.sm-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
.sm-list-style-type-lower_roman { list-style-type: lower-roman; }
.sm-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
.sm-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
.sm-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
.sm-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
.sm-list-style-type-upper_roman { list-style-type: upper-roman; }
.sm-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
.sm-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
.sm-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
.sm-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
.sm-list-style-type-lower_alpha { list-style-type: lower-alpha; }
.sm-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
.sm-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
.sm-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
.sm-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
.sm-list-style-type-upper_alpha { list-style-type: upper-alpha; }
.sm-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
.sm-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
.sm-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
.sm-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
.sm-text-align-left { text-align: left; }
.sm-hover-text-align-left:hover { text-align: left; }
.sm-focus-text-align-left:focus { text-align: left; }
.sm-active-text-align-left:active { text-align: left; }
.sm-disabled-text-align-left:disabled { text-align: left; }
.sm-text-align-center { text-align: center; }
.sm-hover-text-align-center:hover { text-align: center; }
.sm-focus-text-align-center:focus { text-align: center; }
.sm-active-text-align-center:active { text-align: center; }
.sm-disabled-text-align-center:disabled { text-align: center; }
.sm-text-align-right { text-align: right; }
.sm-hover-text-align-right:hover { text-align: right; }
.sm-focus-text-align-right:focus { text-align: right; }
.sm-active-text-align-right:active { text-align: right; }
.sm-disabled-text-align-right:disabled { text-align: right; }
.sm-text-align-justify { text-align: justify; }
.sm-hover-text-align-justify:hover { text-align: justify; }
.sm-focus-text-align-justify:focus { text-align: justify; }
.sm-active-text-align-justify:active { text-align: justify; }
.sm-disabled-text-align-justify:disabled { text-align: justify; }
.sm-backface-visible { backface-visibility: visible; }
.sm-hover-backface-visible:hover { backface-visibility: visible; }
.sm-focus-backface-visible:focus { backface-visibility: visible; }
.sm-active-backface-visible:active { backface-visibility: visible; }
.sm-disabled-backface-visible:disabled { backface-visibility: visible; }
.sm-backface-hidden { backface-visibility: hidden; }
.sm-hover-backface-hidden:hover { backface-visibility: hidden; }
.sm-focus-backface-hidden:focus { backface-visibility: hidden; }
.sm-active-backface-hidden:active { backface-visibility: hidden; }
.sm-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.sm-perspective-none { perspective: none; }
.sm-hover-perspective-none:hover { perspective: none; }
.sm-focus-perspective-none:focus { perspective: none; }
.sm-active-perspective-none:active { perspective: none; }
.sm-disabled-perspective-none:disabled { perspective: none; }
.sm-perspective-100 { perspective: 100px; }
.sm-hover-perspective-100:hover { perspective: 100px; }
.sm-focus-perspective-100:focus { perspective: 100px; }
.sm-active-perspective-100:active { perspective: 100px; }
.sm-disabled-perspective-100:disabled { perspective: 100px; }
.sm-perspective-500 { perspective: 500px; }
.sm-hover-perspective-500:hover { perspective: 500px; }
.sm-focus-perspective-500:focus { perspective: 500px; }
.sm-active-perspective-500:active { perspective: 500px; }
.sm-disabled-perspective-500:disabled { perspective: 500px; }
.sm-perspective-1000 { perspective: 1000px; }
.sm-hover-perspective-1000:hover { perspective: 1000px; }
.sm-focus-perspective-1000:focus { perspective: 1000px; }
.sm-active-perspective-1000:active { perspective: 1000px; }
.sm-disabled-perspective-1000:disabled { perspective: 1000px; }
.sm-perspective-1500 { perspective: 1500px; }
.sm-hover-perspective-1500:hover { perspective: 1500px; }
.sm-focus-perspective-1500:focus { perspective: 1500px; }
.sm-active-perspective-1500:active { perspective: 1500px; }
.sm-disabled-perspective-1500:disabled { perspective: 1500px; }
.sm-perspective-2000 { perspective: 2000px; }
.sm-hover-perspective-2000:hover { perspective: 2000px; }
.sm-focus-perspective-2000:focus { perspective: 2000px; }
.sm-active-perspective-2000:active { perspective: 2000px; }
.sm-disabled-perspective-2000:disabled { perspective: 2000px; }
.sm-perspective-origin-center { perspective-origin: center; }
.sm-hover-perspective-origin-center:hover { perspective-origin: center; }
.sm-focus-perspective-origin-center:focus { perspective-origin: center; }
.sm-active-perspective-origin-center:active { perspective-origin: center; }
.sm-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.sm-perspective-origin-top { perspective-origin: top; }
.sm-hover-perspective-origin-top:hover { perspective-origin: top; }
.sm-focus-perspective-origin-top:focus { perspective-origin: top; }
.sm-active-perspective-origin-top:active { perspective-origin: top; }
.sm-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.sm-perspective-origin-bottom { perspective-origin: bottom; }
.sm-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.sm-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.sm-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.sm-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.sm-perspective-origin-left { perspective-origin: left; }
.sm-hover-perspective-origin-left:hover { perspective-origin: left; }
.sm-focus-perspective-origin-left:focus { perspective-origin: left; }
.sm-active-perspective-origin-left:active { perspective-origin: left; }
.sm-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.sm-perspective-origin-right { perspective-origin: right; }
.sm-hover-perspective-origin-right:hover { perspective-origin: right; }
.sm-focus-perspective-origin-right:focus { perspective-origin: right; }
.sm-active-perspective-origin-right:active { perspective-origin: right; }
.sm-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.sm-perspective-origin-top_left { perspective-origin: top left; }
.sm-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
.sm-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
.sm-active-perspective-origin-top_left:active { perspective-origin: top left; }
.sm-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
.sm-perspective-origin-top_right { perspective-origin: top right; }
.sm-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
.sm-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
.sm-active-perspective-origin-top_right:active { perspective-origin: top right; }
.sm-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
.sm-perspective-origin-bottom_left { perspective-origin: bottom left; }
.sm-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
.sm-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
.sm-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
.sm-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
.sm-perspective-origin-bottom_right { perspective-origin: bottom right; }
.sm-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
.sm-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
.sm-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
.sm-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
.sm-transform { transform: var(--quanta-transform, none); }
.sm-hover-transform:hover { transform: var(--quanta-transform, none); }
.sm-focus-transform:focus { transform: var(--quanta-transform, none); }
.sm-active-transform:active { transform: var(--quanta-transform, none); }
.sm-disabled-transform:disabled { transform: var(--quanta-transform, none); }
.sm-transform-none { transform: none; }
.sm-hover-transform-none:hover { transform: none; }
.sm-focus-transform-none:focus { transform: none; }
.sm-active-transform-none:active { transform: none; }
.sm-disabled-transform-none:disabled { transform: none; }
.sm-rotate-n180 { transform: rotate(-180deg); }
.sm-hover-rotate-n180:hover { transform: rotate(-180deg); }
.sm-focus-rotate-n180:focus { transform: rotate(-180deg); }
.sm-active-rotate-n180:active { transform: rotate(-180deg); }
.sm-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
.sm-rotate-n90 { transform: rotate(-90deg); }
.sm-hover-rotate-n90:hover { transform: rotate(-90deg); }
.sm-focus-rotate-n90:focus { transform: rotate(-90deg); }
.sm-active-rotate-n90:active { transform: rotate(-90deg); }
.sm-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
.sm-rotate-n45 { transform: rotate(-45deg); }
.sm-hover-rotate-n45:hover { transform: rotate(-45deg); }
.sm-focus-rotate-n45:focus { transform: rotate(-45deg); }
.sm-active-rotate-n45:active { transform: rotate(-45deg); }
.sm-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
.sm-rotate-0 { transform: rotate(0deg); }
.sm-hover-rotate-0:hover { transform: rotate(0deg); }
.sm-focus-rotate-0:focus { transform: rotate(0deg); }
.sm-active-rotate-0:active { transform: rotate(0deg); }
.sm-disabled-rotate-0:disabled { transform: rotate(0deg); }
.sm-rotate-45 { transform: rotate(45deg); }
.sm-hover-rotate-45:hover { transform: rotate(45deg); }
.sm-focus-rotate-45:focus { transform: rotate(45deg); }
.sm-active-rotate-45:active { transform: rotate(45deg); }
.sm-disabled-rotate-45:disabled { transform: rotate(45deg); }
.sm-rotate-90 { transform: rotate(90deg); }
.sm-hover-rotate-90:hover { transform: rotate(90deg); }
.sm-focus-rotate-90:focus { transform: rotate(90deg); }
.sm-active-rotate-90:active { transform: rotate(90deg); }
.sm-disabled-rotate-90:disabled { transform: rotate(90deg); }
.sm-rotate-180 { transform: rotate(180deg); }
.sm-hover-rotate-180:hover { transform: rotate(180deg); }
.sm-focus-rotate-180:focus { transform: rotate(180deg); }
.sm-active-rotate-180:active { transform: rotate(180deg); }
.sm-disabled-rotate-180:disabled { transform: rotate(180deg); }
.sm-scale-50 { transform: scale(0.5); }
.sm-hover-scale-50:hover { transform: scale(0.5); }
.sm-focus-scale-50:focus { transform: scale(0.5); }
.sm-active-scale-50:active { transform: scale(0.5); }
.sm-disabled-scale-50:disabled { transform: scale(0.5); }
.sm-scale-75 { transform: scale(0.75); }
.sm-hover-scale-75:hover { transform: scale(0.75); }
.sm-focus-scale-75:focus { transform: scale(0.75); }
.sm-active-scale-75:active { transform: scale(0.75); }
.sm-disabled-scale-75:disabled { transform: scale(0.75); }
.sm-scale-90 { transform: scale(0.9); }
.sm-hover-scale-90:hover { transform: scale(0.9); }
.sm-focus-scale-90:focus { transform: scale(0.9); }
.sm-active-scale-90:active { transform: scale(0.9); }
.sm-disabled-scale-90:disabled { transform: scale(0.9); }
.sm-scale-95 { transform: scale(0.95); }
.sm-hover-scale-95:hover { transform: scale(0.95); }
.sm-focus-scale-95:focus { transform: scale(0.95); }
.sm-active-scale-95:active { transform: scale(0.95); }
.sm-disabled-scale-95:disabled { transform: scale(0.95); }
.sm-scale-100 { transform: scale(1.0); }
.sm-hover-scale-100:hover { transform: scale(1.0); }
.sm-focus-scale-100:focus { transform: scale(1.0); }
.sm-active-scale-100:active { transform: scale(1.0); }
.sm-disabled-scale-100:disabled { transform: scale(1.0); }
.sm-scale-105 { transform: scale(1.05); }
.sm-hover-scale-105:hover { transform: scale(1.05); }
.sm-focus-scale-105:focus { transform: scale(1.05); }
.sm-active-scale-105:active { transform: scale(1.05); }
.sm-disabled-scale-105:disabled { transform: scale(1.05); }
.sm-scale-110 { transform: scale(1.1); }
.sm-hover-scale-110:hover { transform: scale(1.1); }
.sm-focus-scale-110:focus { transform: scale(1.1); }
.sm-active-scale-110:active { transform: scale(1.1); }
.sm-disabled-scale-110:disabled { transform: scale(1.1); }
.sm-scale-125 { transform: scale(1.25); }
.sm-hover-scale-125:hover { transform: scale(1.25); }
.sm-focus-scale-125:focus { transform: scale(1.25); }
.sm-active-scale-125:active { transform: scale(1.25); }
.sm-disabled-scale-125:disabled { transform: scale(1.25); }
.sm-scale-150 { transform: scale(1.5); }
.sm-hover-scale-150:hover { transform: scale(1.5); }
.sm-focus-scale-150:focus { transform: scale(1.5); }
.sm-active-scale-150:active { transform: scale(1.5); }
.sm-disabled-scale-150:disabled { transform: scale(1.5); }
.sm-skew-x-n45 { transform: skewX(-45deg); }
.sm-hover-skew-x-n45:hover { transform: skewX(-45deg); }
.sm-focus-skew-x-n45:focus { transform: skewX(-45deg); }
.sm-active-skew-x-n45:active { transform: skewX(-45deg); }
.sm-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
.sm-skew-y-n45 { transform: skewY(-45deg); }
.sm-hover-skew-y-n45:hover { transform: skewY(-45deg); }
.sm-focus-skew-y-n45:focus { transform: skewY(-45deg); }
.sm-active-skew-y-n45:active { transform: skewY(-45deg); }
.sm-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
.sm-skew-x-n30 { transform: skewX(-30deg); }
.sm-hover-skew-x-n30:hover { transform: skewX(-30deg); }
.sm-focus-skew-x-n30:focus { transform: skewX(-30deg); }
.sm-active-skew-x-n30:active { transform: skewX(-30deg); }
.sm-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
.sm-skew-y-n30 { transform: skewY(-30deg); }
.sm-hover-skew-y-n30:hover { transform: skewY(-30deg); }
.sm-focus-skew-y-n30:focus { transform: skewY(-30deg); }
.sm-active-skew-y-n30:active { transform: skewY(-30deg); }
.sm-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
.sm-skew-x-n15 { transform: skewX(-15deg); }
.sm-hover-skew-x-n15:hover { transform: skewX(-15deg); }
.sm-focus-skew-x-n15:focus { transform: skewX(-15deg); }
.sm-active-skew-x-n15:active { transform: skewX(-15deg); }
.sm-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
.sm-skew-y-n15 { transform: skewY(-15deg); }
.sm-hover-skew-y-n15:hover { transform: skewY(-15deg); }
.sm-focus-skew-y-n15:focus { transform: skewY(-15deg); }
.sm-active-skew-y-n15:active { transform: skewY(-15deg); }
.sm-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
.sm-skew-x-0 { transform: skewX(0deg); }
.sm-hover-skew-x-0:hover { transform: skewX(0deg); }
.sm-focus-skew-x-0:focus { transform: skewX(0deg); }
.sm-active-skew-x-0:active { transform: skewX(0deg); }
.sm-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.sm-skew-y-0 { transform: skewY(0deg); }
.sm-hover-skew-y-0:hover { transform: skewY(0deg); }
.sm-focus-skew-y-0:focus { transform: skewY(0deg); }
.sm-active-skew-y-0:active { transform: skewY(0deg); }
.sm-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.sm-skew-x-15 { transform: skewX(15deg); }
.sm-hover-skew-x-15:hover { transform: skewX(15deg); }
.sm-focus-skew-x-15:focus { transform: skewX(15deg); }
.sm-active-skew-x-15:active { transform: skewX(15deg); }
.sm-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.sm-skew-y-15 { transform: skewY(15deg); }
.sm-hover-skew-y-15:hover { transform: skewY(15deg); }
.sm-focus-skew-y-15:focus { transform: skewY(15deg); }
.sm-active-skew-y-15:active { transform: skewY(15deg); }
.sm-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.sm-skew-x-30 { transform: skewX(30deg); }
.sm-hover-skew-x-30:hover { transform: skewX(30deg); }
.sm-focus-skew-x-30:focus { transform: skewX(30deg); }
.sm-active-skew-x-30:active { transform: skewX(30deg); }
.sm-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.sm-skew-y-30 { transform: skewY(30deg); }
.sm-hover-skew-y-30:hover { transform: skewY(30deg); }
.sm-focus-skew-y-30:focus { transform: skewY(30deg); }
.sm-active-skew-y-30:active { transform: skewY(30deg); }
.sm-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.sm-skew-x-45 { transform: skewX(45deg); }
.sm-hover-skew-x-45:hover { transform: skewX(45deg); }
.sm-focus-skew-x-45:focus { transform: skewX(45deg); }
.sm-active-skew-x-45:active { transform: skewX(45deg); }
.sm-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.sm-skew-y-45 { transform: skewY(45deg); }
.sm-hover-skew-y-45:hover { transform: skewY(45deg); }
.sm-focus-skew-y-45:focus { transform: skewY(45deg); }
.sm-active-skew-y-45:active { transform: skewY(45deg); }
.sm-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.sm-translate-x-0 { transform: translateX(0rem); }
.sm-hover-translate-x-0:hover { transform: translateX(0rem); }
.sm-focus-translate-x-0:focus { transform: translateX(0rem); }
.sm-active-translate-x-0:active { transform: translateX(0rem); }
.sm-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.sm-translate-y-0 { transform: translateY(0rem); }
.sm-hover-translate-y-0:hover { transform: translateY(0rem); }
.sm-focus-translate-y-0:focus { transform: translateY(0rem); }
.sm-active-translate-y-0:active { transform: translateY(0rem); }
.sm-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.sm-translate-x-0_125 { transform: translateX(0.125rem); }
.sm-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
.sm-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
.sm-active-translate-x-0_125:active { transform: translateX(0.125rem); }
.sm-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
.sm-translate-y-0_125 { transform: translateY(0.125rem); }
.sm-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
.sm-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
.sm-active-translate-y-0_125:active { transform: translateY(0.125rem); }
.sm-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
.sm-translate-x-0_25 { transform: translateX(0.25rem); }
.sm-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.sm-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.sm-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.sm-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.sm-translate-y-0_25 { transform: translateY(0.25rem); }
.sm-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.sm-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.sm-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.sm-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.sm-translate-x-0_5 { transform: translateX(0.5rem); }
.sm-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.sm-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.sm-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.sm-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.sm-translate-y-0_5 { transform: translateY(0.5rem); }
.sm-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.sm-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.sm-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.sm-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.sm-translate-x-0_75 { transform: translateX(0.75rem); }
.sm-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
.sm-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
.sm-active-translate-x-0_75:active { transform: translateX(0.75rem); }
.sm-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
.sm-translate-y-0_75 { transform: translateY(0.75rem); }
.sm-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
.sm-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
.sm-active-translate-y-0_75:active { transform: translateY(0.75rem); }
.sm-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
.sm-translate-x-1 { transform: translateX(1rem); }
.sm-hover-translate-x-1:hover { transform: translateX(1rem); }
.sm-focus-translate-x-1:focus { transform: translateX(1rem); }
.sm-active-translate-x-1:active { transform: translateX(1rem); }
.sm-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.sm-translate-y-1 { transform: translateY(1rem); }
.sm-hover-translate-y-1:hover { transform: translateY(1rem); }
.sm-focus-translate-y-1:focus { transform: translateY(1rem); }
.sm-active-translate-y-1:active { transform: translateY(1rem); }
.sm-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.sm-translate-x-1_5 { transform: translateX(1.5rem); }
.sm-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.sm-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.sm-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.sm-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.sm-translate-y-1_5 { transform: translateY(1.5rem); }
.sm-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.sm-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.sm-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.sm-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.sm-translate-x-2 { transform: translateX(2rem); }
.sm-hover-translate-x-2:hover { transform: translateX(2rem); }
.sm-focus-translate-x-2:focus { transform: translateX(2rem); }
.sm-active-translate-x-2:active { transform: translateX(2rem); }
.sm-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.sm-translate-y-2 { transform: translateY(2rem); }
.sm-hover-translate-y-2:hover { transform: translateY(2rem); }
.sm-focus-translate-y-2:focus { transform: translateY(2rem); }
.sm-active-translate-y-2:active { transform: translateY(2rem); }
.sm-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.sm-translate-x-3 { transform: translateX(3rem); }
.sm-hover-translate-x-3:hover { transform: translateX(3rem); }
.sm-focus-translate-x-3:focus { transform: translateX(3rem); }
.sm-active-translate-x-3:active { transform: translateX(3rem); }
.sm-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.sm-translate-y-3 { transform: translateY(3rem); }
.sm-hover-translate-y-3:hover { transform: translateY(3rem); }
.sm-focus-translate-y-3:focus { transform: translateY(3rem); }
.sm-active-translate-y-3:active { transform: translateY(3rem); }
.sm-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.sm-translate-x-4 { transform: translateX(4rem); }
.sm-hover-translate-x-4:hover { transform: translateX(4rem); }
.sm-focus-translate-x-4:focus { transform: translateX(4rem); }
.sm-active-translate-x-4:active { transform: translateX(4rem); }
.sm-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.sm-translate-y-4 { transform: translateY(4rem); }
.sm-hover-translate-y-4:hover { transform: translateY(4rem); }
.sm-focus-translate-y-4:focus { transform: translateY(4rem); }
.sm-active-translate-y-4:active { transform: translateY(4rem); }
.sm-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.sm-origin-center { transform-origin: center; }
.sm-hover-origin-center:hover { transform-origin: center; }
.sm-focus-origin-center:focus { transform-origin: center; }
.sm-active-origin-center:active { transform-origin: center; }
.sm-disabled-origin-center:disabled { transform-origin: center; }
.sm-origin-top { transform-origin: top; }
.sm-hover-origin-top:hover { transform-origin: top; }
.sm-focus-origin-top:focus { transform-origin: top; }
.sm-active-origin-top:active { transform-origin: top; }
.sm-disabled-origin-top:disabled { transform-origin: top; }
.sm-origin-bottom { transform-origin: bottom; }
.sm-hover-origin-bottom:hover { transform-origin: bottom; }
.sm-focus-origin-bottom:focus { transform-origin: bottom; }
.sm-active-origin-bottom:active { transform-origin: bottom; }
.sm-disabled-origin-bottom:disabled { transform-origin: bottom; }
.sm-origin-left { transform-origin: left; }
.sm-hover-origin-left:hover { transform-origin: left; }
.sm-focus-origin-left:focus { transform-origin: left; }
.sm-active-origin-left:active { transform-origin: left; }
.sm-disabled-origin-left:disabled { transform-origin: left; }
.sm-origin-right { transform-origin: right; }
.sm-hover-origin-right:hover { transform-origin: right; }
.sm-focus-origin-right:focus { transform-origin: right; }
.sm-active-origin-right:active { transform-origin: right; }
.sm-disabled-origin-right:disabled { transform-origin: right; }
.sm-origin-top_left { transform-origin: top left; }
.sm-hover-origin-top_left:hover { transform-origin: top left; }
.sm-focus-origin-top_left:focus { transform-origin: top left; }
.sm-active-origin-top_left:active { transform-origin: top left; }
.sm-disabled-origin-top_left:disabled { transform-origin: top left; }
.sm-origin-top_right { transform-origin: top right; }
.sm-hover-origin-top_right:hover { transform-origin: top right; }
.sm-focus-origin-top_right:focus { transform-origin: top right; }
.sm-active-origin-top_right:active { transform-origin: top right; }
.sm-disabled-origin-top_right:disabled { transform-origin: top right; }
.sm-origin-bottom_left { transform-origin: bottom left; }
.sm-hover-origin-bottom_left:hover { transform-origin: bottom left; }
.sm-focus-origin-bottom_left:focus { transform-origin: bottom left; }
.sm-active-origin-bottom_left:active { transform-origin: bottom left; }
.sm-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
.sm-origin-bottom_right { transform-origin: bottom right; }
.sm-hover-origin-bottom_right:hover { transform-origin: bottom right; }
.sm-focus-origin-bottom_right:focus { transform-origin: bottom right; }
.sm-active-origin-bottom_right:active { transform-origin: bottom right; }
.sm-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
.sm-transform-style-flat { transform-style: flat; }
.sm-hover-transform-style-flat:hover { transform-style: flat; }
.sm-focus-transform-style-flat:focus { transform-style: flat; }
.sm-active-transform-style-flat:active { transform-style: flat; }
.sm-disabled-transform-style-flat:disabled { transform-style: flat; }
.sm-transform-style-preserve-3d { transform-style: preserve-3d; }
.sm-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
.sm-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
.sm-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
.sm-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
.sm-accent-auto { accent-color: auto; }
.sm-hover-accent-auto:hover { accent-color: auto; }
.sm-focus-accent-auto:focus { accent-color: auto; }
.sm-active-accent-auto:active { accent-color: auto; }
.sm-disabled-accent-auto:disabled { accent-color: auto; }
.sm-accent-transparent { accent-color: transparent; }
.sm-hover-accent-transparent:hover { accent-color: transparent; }
.sm-focus-accent-transparent:focus { accent-color: transparent; }
.sm-active-accent-transparent:active { accent-color: transparent; }
.sm-disabled-accent-transparent:disabled { accent-color: transparent; }
.sm-accent-red-50 { accent-color: var(--quanta-red-50); }
.sm-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
.sm-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
.sm-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
.sm-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
.sm-accent-red-100 { accent-color: var(--quanta-red-100); }
.sm-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
.sm-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
.sm-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
.sm-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
.sm-accent-red-200 { accent-color: var(--quanta-red-200); }
.sm-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
.sm-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
.sm-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
.sm-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
.sm-accent-red-300 { accent-color: var(--quanta-red-300); }
.sm-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
.sm-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
.sm-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
.sm-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
.sm-accent-red-400 { accent-color: var(--quanta-red-400); }
.sm-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
.sm-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
.sm-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
.sm-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
.sm-accent-red-500 { accent-color: var(--quanta-red-500); }
.sm-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
.sm-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
.sm-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
.sm-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
.sm-accent-red-600 { accent-color: var(--quanta-red-600); }
.sm-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
.sm-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
.sm-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
.sm-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
.sm-accent-red-700 { accent-color: var(--quanta-red-700); }
.sm-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
.sm-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
.sm-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
.sm-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
.sm-accent-red-800 { accent-color: var(--quanta-red-800); }
.sm-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
.sm-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
.sm-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
.sm-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
.sm-accent-red-900 { accent-color: var(--quanta-red-900); }
.sm-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
.sm-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
.sm-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
.sm-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
.sm-accent-orange-50 { accent-color: var(--quanta-orange-50); }
.sm-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
.sm-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
.sm-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
.sm-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
.sm-accent-orange-100 { accent-color: var(--quanta-orange-100); }
.sm-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
.sm-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
.sm-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
.sm-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
.sm-accent-orange-200 { accent-color: var(--quanta-orange-200); }
.sm-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
.sm-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
.sm-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
.sm-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
.sm-accent-orange-300 { accent-color: var(--quanta-orange-300); }
.sm-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
.sm-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
.sm-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
.sm-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
.sm-accent-orange-400 { accent-color: var(--quanta-orange-400); }
.sm-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
.sm-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
.sm-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
.sm-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
.sm-accent-orange-500 { accent-color: var(--quanta-orange-500); }
.sm-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
.sm-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
.sm-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
.sm-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
.sm-accent-orange-600 { accent-color: var(--quanta-orange-600); }
.sm-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
.sm-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
.sm-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
.sm-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
.sm-accent-orange-700 { accent-color: var(--quanta-orange-700); }
.sm-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
.sm-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
.sm-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
.sm-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
.sm-accent-orange-800 { accent-color: var(--quanta-orange-800); }
.sm-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
.sm-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
.sm-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
.sm-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
.sm-accent-orange-900 { accent-color: var(--quanta-orange-900); }
.sm-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
.sm-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
.sm-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
.sm-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
.sm-accent-teal-50 { accent-color: var(--quanta-teal-50); }
.sm-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
.sm-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
.sm-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
.sm-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
.sm-accent-teal-100 { accent-color: var(--quanta-teal-100); }
.sm-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
.sm-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
.sm-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
.sm-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
.sm-accent-teal-200 { accent-color: var(--quanta-teal-200); }
.sm-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
.sm-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
.sm-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
.sm-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
.sm-accent-teal-300 { accent-color: var(--quanta-teal-300); }
.sm-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
.sm-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
.sm-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
.sm-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
.sm-accent-teal-400 { accent-color: var(--quanta-teal-400); }
.sm-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
.sm-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
.sm-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
.sm-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
.sm-accent-teal-500 { accent-color: var(--quanta-teal-500); }
.sm-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
.sm-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
.sm-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
.sm-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
.sm-accent-teal-600 { accent-color: var(--quanta-teal-600); }
.sm-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
.sm-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
.sm-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
.sm-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
.sm-accent-teal-700 { accent-color: var(--quanta-teal-700); }
.sm-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
.sm-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
.sm-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
.sm-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
.sm-accent-teal-800 { accent-color: var(--quanta-teal-800); }
.sm-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
.sm-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
.sm-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
.sm-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
.sm-accent-teal-900 { accent-color: var(--quanta-teal-900); }
.sm-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
.sm-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
.sm-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
.sm-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
.sm-accent-purple-50 { accent-color: var(--quanta-purple-50); }
.sm-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
.sm-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
.sm-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
.sm-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
.sm-accent-purple-100 { accent-color: var(--quanta-purple-100); }
.sm-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
.sm-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
.sm-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
.sm-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
.sm-accent-purple-200 { accent-color: var(--quanta-purple-200); }
.sm-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
.sm-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
.sm-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
.sm-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
.sm-accent-purple-300 { accent-color: var(--quanta-purple-300); }
.sm-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
.sm-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
.sm-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
.sm-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
.sm-accent-purple-400 { accent-color: var(--quanta-purple-400); }
.sm-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
.sm-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
.sm-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
.sm-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
.sm-accent-purple-500 { accent-color: var(--quanta-purple-500); }
.sm-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
.sm-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
.sm-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
.sm-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
.sm-accent-purple-600 { accent-color: var(--quanta-purple-600); }
.sm-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
.sm-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
.sm-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
.sm-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
.sm-accent-purple-700 { accent-color: var(--quanta-purple-700); }
.sm-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
.sm-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
.sm-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
.sm-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
.sm-accent-purple-800 { accent-color: var(--quanta-purple-800); }
.sm-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
.sm-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
.sm-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
.sm-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
.sm-accent-purple-900 { accent-color: var(--quanta-purple-900); }
.sm-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
.sm-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
.sm-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
.sm-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
.sm-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.sm-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
.sm-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
.sm-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
.sm-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
.sm-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.sm-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
.sm-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
.sm-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
.sm-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
.sm-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.sm-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
.sm-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
.sm-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
.sm-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
.sm-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.sm-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
.sm-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
.sm-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
.sm-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
.sm-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.sm-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
.sm-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
.sm-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
.sm-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
.sm-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.sm-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
.sm-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
.sm-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
.sm-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
.sm-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.sm-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
.sm-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
.sm-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
.sm-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
.sm-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.sm-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
.sm-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
.sm-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
.sm-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
.sm-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.sm-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
.sm-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
.sm-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
.sm-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
.sm-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.sm-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
.sm-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
.sm-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
.sm-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
.sm-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.sm-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
.sm-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
.sm-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
.sm-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
.sm-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.sm-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
.sm-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
.sm-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
.sm-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
.sm-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.sm-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
.sm-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
.sm-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
.sm-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
.sm-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.sm-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
.sm-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
.sm-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
.sm-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
.sm-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.sm-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
.sm-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
.sm-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
.sm-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
.sm-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.sm-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
.sm-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
.sm-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
.sm-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
.sm-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.sm-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
.sm-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
.sm-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
.sm-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
.sm-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.sm-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
.sm-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
.sm-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
.sm-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
.sm-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.sm-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
.sm-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
.sm-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
.sm-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
.sm-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.sm-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
.sm-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
.sm-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
.sm-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
.sm-accent-pink-50 { accent-color: var(--quanta-pink-50); }
.sm-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
.sm-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
.sm-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
.sm-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
.sm-accent-pink-100 { accent-color: var(--quanta-pink-100); }
.sm-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
.sm-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
.sm-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
.sm-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
.sm-accent-pink-200 { accent-color: var(--quanta-pink-200); }
.sm-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
.sm-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
.sm-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
.sm-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
.sm-accent-pink-300 { accent-color: var(--quanta-pink-300); }
.sm-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
.sm-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
.sm-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
.sm-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
.sm-accent-pink-400 { accent-color: var(--quanta-pink-400); }
.sm-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
.sm-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
.sm-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
.sm-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
.sm-accent-pink-500 { accent-color: var(--quanta-pink-500); }
.sm-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
.sm-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
.sm-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
.sm-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
.sm-accent-pink-600 { accent-color: var(--quanta-pink-600); }
.sm-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
.sm-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
.sm-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
.sm-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
.sm-accent-pink-700 { accent-color: var(--quanta-pink-700); }
.sm-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
.sm-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
.sm-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
.sm-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
.sm-accent-pink-800 { accent-color: var(--quanta-pink-800); }
.sm-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
.sm-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
.sm-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
.sm-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
.sm-accent-pink-900 { accent-color: var(--quanta-pink-900); }
.sm-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
.sm-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
.sm-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
.sm-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
.sm-accent-grey-50 { accent-color: var(--quanta-grey-50); }
.sm-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
.sm-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
.sm-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
.sm-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
.sm-accent-grey-100 { accent-color: var(--quanta-grey-100); }
.sm-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
.sm-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
.sm-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
.sm-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
.sm-accent-grey-200 { accent-color: var(--quanta-grey-200); }
.sm-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
.sm-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
.sm-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
.sm-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
.sm-accent-grey-300 { accent-color: var(--quanta-grey-300); }
.sm-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
.sm-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
.sm-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
.sm-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
.sm-accent-grey-400 { accent-color: var(--quanta-grey-400); }
.sm-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
.sm-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
.sm-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
.sm-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
.sm-accent-grey-500 { accent-color: var(--quanta-grey-500); }
.sm-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
.sm-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
.sm-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
.sm-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
.sm-accent-grey-600 { accent-color: var(--quanta-grey-600); }
.sm-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
.sm-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
.sm-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
.sm-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
.sm-accent-grey-700 { accent-color: var(--quanta-grey-700); }
.sm-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
.sm-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
.sm-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
.sm-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
.sm-accent-grey-800 { accent-color: var(--quanta-grey-800); }
.sm-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
.sm-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
.sm-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
.sm-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
.sm-accent-grey-900 { accent-color: var(--quanta-grey-900); }
.sm-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
.sm-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
.sm-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
.sm-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
.sm-accent-lime-50 { accent-color: var(--quanta-lime-50); }
.sm-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
.sm-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
.sm-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
.sm-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
.sm-accent-lime-100 { accent-color: var(--quanta-lime-100); }
.sm-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
.sm-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
.sm-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
.sm-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
.sm-accent-lime-200 { accent-color: var(--quanta-lime-200); }
.sm-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
.sm-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
.sm-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
.sm-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
.sm-accent-lime-300 { accent-color: var(--quanta-lime-300); }
.sm-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
.sm-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
.sm-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
.sm-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
.sm-accent-lime-400 { accent-color: var(--quanta-lime-400); }
.sm-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
.sm-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
.sm-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
.sm-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
.sm-accent-lime-500 { accent-color: var(--quanta-lime-500); }
.sm-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
.sm-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
.sm-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
.sm-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
.sm-accent-lime-600 { accent-color: var(--quanta-lime-600); }
.sm-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
.sm-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
.sm-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
.sm-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
.sm-accent-lime-700 { accent-color: var(--quanta-lime-700); }
.sm-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
.sm-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
.sm-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
.sm-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
.sm-accent-lime-800 { accent-color: var(--quanta-lime-800); }
.sm-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
.sm-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
.sm-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
.sm-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
.sm-accent-lime-900 { accent-color: var(--quanta-lime-900); }
.sm-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
.sm-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
.sm-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
.sm-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
.sm-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.sm-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
.sm-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
.sm-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
.sm-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
.sm-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.sm-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
.sm-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
.sm-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
.sm-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
.sm-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.sm-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
.sm-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
.sm-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
.sm-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
.sm-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.sm-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
.sm-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
.sm-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
.sm-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
.sm-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.sm-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
.sm-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
.sm-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
.sm-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
.sm-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.sm-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
.sm-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
.sm-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
.sm-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
.sm-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.sm-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
.sm-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
.sm-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
.sm-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
.sm-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.sm-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
.sm-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
.sm-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
.sm-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
.sm-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.sm-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
.sm-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
.sm-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
.sm-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
.sm-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.sm-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
.sm-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
.sm-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
.sm-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
.sm-accent-sky-50 { accent-color: var(--quanta-sky-50); }
.sm-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
.sm-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
.sm-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
.sm-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
.sm-accent-sky-100 { accent-color: var(--quanta-sky-100); }
.sm-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
.sm-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
.sm-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
.sm-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
.sm-accent-sky-200 { accent-color: var(--quanta-sky-200); }
.sm-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
.sm-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
.sm-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
.sm-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
.sm-accent-sky-300 { accent-color: var(--quanta-sky-300); }
.sm-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
.sm-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
.sm-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
.sm-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
.sm-accent-sky-400 { accent-color: var(--quanta-sky-400); }
.sm-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
.sm-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
.sm-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
.sm-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
.sm-accent-sky-500 { accent-color: var(--quanta-sky-500); }
.sm-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
.sm-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
.sm-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
.sm-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
.sm-accent-sky-600 { accent-color: var(--quanta-sky-600); }
.sm-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
.sm-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
.sm-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
.sm-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
.sm-accent-sky-700 { accent-color: var(--quanta-sky-700); }
.sm-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
.sm-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
.sm-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
.sm-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
.sm-accent-sky-800 { accent-color: var(--quanta-sky-800); }
.sm-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
.sm-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
.sm-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
.sm-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
.sm-accent-sky-900 { accent-color: var(--quanta-sky-900); }
.sm-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
.sm-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
.sm-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
.sm-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
.sm-accent-violet-50 { accent-color: var(--quanta-violet-50); }
.sm-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
.sm-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
.sm-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
.sm-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
.sm-accent-violet-100 { accent-color: var(--quanta-violet-100); }
.sm-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
.sm-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
.sm-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
.sm-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
.sm-accent-violet-200 { accent-color: var(--quanta-violet-200); }
.sm-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
.sm-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
.sm-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
.sm-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
.sm-accent-violet-300 { accent-color: var(--quanta-violet-300); }
.sm-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
.sm-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
.sm-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
.sm-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
.sm-accent-violet-400 { accent-color: var(--quanta-violet-400); }
.sm-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
.sm-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
.sm-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
.sm-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
.sm-accent-violet-500 { accent-color: var(--quanta-violet-500); }
.sm-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
.sm-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
.sm-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
.sm-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
.sm-accent-violet-600 { accent-color: var(--quanta-violet-600); }
.sm-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
.sm-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
.sm-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
.sm-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
.sm-accent-violet-700 { accent-color: var(--quanta-violet-700); }
.sm-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
.sm-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
.sm-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
.sm-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
.sm-accent-violet-800 { accent-color: var(--quanta-violet-800); }
.sm-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
.sm-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
.sm-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
.sm-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
.sm-accent-violet-900 { accent-color: var(--quanta-violet-900); }
.sm-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
.sm-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
.sm-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
.sm-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
.sm-accent-rose-50 { accent-color: var(--quanta-rose-50); }
.sm-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
.sm-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
.sm-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
.sm-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
.sm-accent-rose-100 { accent-color: var(--quanta-rose-100); }
.sm-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
.sm-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
.sm-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
.sm-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
.sm-accent-rose-200 { accent-color: var(--quanta-rose-200); }
.sm-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
.sm-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
.sm-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
.sm-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
.sm-accent-rose-300 { accent-color: var(--quanta-rose-300); }
.sm-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
.sm-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
.sm-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
.sm-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
.sm-accent-rose-400 { accent-color: var(--quanta-rose-400); }
.sm-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
.sm-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
.sm-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
.sm-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
.sm-accent-rose-500 { accent-color: var(--quanta-rose-500); }
.sm-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
.sm-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
.sm-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
.sm-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
.sm-accent-rose-600 { accent-color: var(--quanta-rose-600); }
.sm-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
.sm-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
.sm-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
.sm-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
.sm-accent-rose-700 { accent-color: var(--quanta-rose-700); }
.sm-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
.sm-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
.sm-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
.sm-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
.sm-accent-rose-800 { accent-color: var(--quanta-rose-800); }
.sm-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
.sm-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
.sm-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
.sm-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
.sm-accent-rose-900 { accent-color: var(--quanta-rose-900); }
.sm-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
.sm-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
.sm-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
.sm-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
.sm-accent-slate-50 { accent-color: var(--quanta-slate-50); }
.sm-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
.sm-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
.sm-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
.sm-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
.sm-accent-slate-100 { accent-color: var(--quanta-slate-100); }
.sm-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
.sm-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
.sm-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
.sm-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
.sm-accent-slate-200 { accent-color: var(--quanta-slate-200); }
.sm-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
.sm-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
.sm-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
.sm-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
.sm-accent-slate-300 { accent-color: var(--quanta-slate-300); }
.sm-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
.sm-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
.sm-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
.sm-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
.sm-accent-slate-400 { accent-color: var(--quanta-slate-400); }
.sm-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
.sm-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
.sm-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
.sm-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
.sm-accent-slate-500 { accent-color: var(--quanta-slate-500); }
.sm-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
.sm-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
.sm-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
.sm-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
.sm-accent-slate-600 { accent-color: var(--quanta-slate-600); }
.sm-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
.sm-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
.sm-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
.sm-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
.sm-accent-slate-700 { accent-color: var(--quanta-slate-700); }
.sm-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
.sm-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
.sm-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
.sm-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
.sm-accent-slate-800 { accent-color: var(--quanta-slate-800); }
.sm-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
.sm-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
.sm-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
.sm-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
.sm-accent-slate-900 { accent-color: var(--quanta-slate-900); }
.sm-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
.sm-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
.sm-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
.sm-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
.sm-accent-blue-50 { accent-color: var(--quanta-blue-50); }
.sm-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
.sm-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
.sm-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
.sm-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
.sm-accent-blue-100 { accent-color: var(--quanta-blue-100); }
.sm-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
.sm-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
.sm-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
.sm-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
.sm-accent-blue-200 { accent-color: var(--quanta-blue-200); }
.sm-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
.sm-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
.sm-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
.sm-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
.sm-accent-blue-300 { accent-color: var(--quanta-blue-300); }
.sm-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
.sm-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
.sm-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
.sm-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
.sm-accent-blue-400 { accent-color: var(--quanta-blue-400); }
.sm-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
.sm-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
.sm-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
.sm-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
.sm-accent-blue-500 { accent-color: var(--quanta-blue-500); }
.sm-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
.sm-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
.sm-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
.sm-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
.sm-accent-blue-600 { accent-color: var(--quanta-blue-600); }
.sm-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
.sm-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
.sm-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
.sm-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
.sm-accent-blue-700 { accent-color: var(--quanta-blue-700); }
.sm-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
.sm-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
.sm-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
.sm-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
.sm-accent-blue-800 { accent-color: var(--quanta-blue-800); }
.sm-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
.sm-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
.sm-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
.sm-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
.sm-accent-blue-900 { accent-color: var(--quanta-blue-900); }
.sm-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
.sm-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
.sm-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
.sm-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
.sm-accent-green-50 { accent-color: var(--quanta-green-50); }
.sm-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
.sm-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
.sm-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
.sm-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
.sm-accent-green-100 { accent-color: var(--quanta-green-100); }
.sm-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
.sm-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
.sm-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
.sm-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
.sm-accent-green-200 { accent-color: var(--quanta-green-200); }
.sm-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
.sm-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
.sm-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
.sm-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
.sm-accent-green-300 { accent-color: var(--quanta-green-300); }
.sm-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
.sm-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
.sm-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
.sm-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
.sm-accent-green-400 { accent-color: var(--quanta-green-400); }
.sm-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
.sm-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
.sm-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
.sm-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
.sm-accent-green-500 { accent-color: var(--quanta-green-500); }
.sm-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
.sm-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
.sm-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
.sm-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
.sm-accent-green-600 { accent-color: var(--quanta-green-600); }
.sm-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
.sm-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
.sm-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
.sm-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
.sm-accent-green-700 { accent-color: var(--quanta-green-700); }
.sm-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
.sm-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
.sm-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
.sm-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
.sm-accent-green-800 { accent-color: var(--quanta-green-800); }
.sm-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
.sm-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
.sm-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
.sm-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
.sm-accent-green-900 { accent-color: var(--quanta-green-900); }
.sm-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
.sm-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
.sm-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
.sm-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
.sm-appearance-none { appearance: none; }
.sm-hover-appearance-none:hover { appearance: none; }
.sm-focus-appearance-none:focus { appearance: none; }
.sm-active-appearance-none:active { appearance: none; }
.sm-disabled-appearance-none:disabled { appearance: none; }
.sm-appearance-auto { appearance: auto; }
.sm-hover-appearance-auto:hover { appearance: auto; }
.sm-focus-appearance-auto:focus { appearance: auto; }
.sm-active-appearance-auto:active { appearance: auto; }
.sm-disabled-appearance-auto:disabled { appearance: auto; }
.sm-caret-red-50 { caret-color: var(--quanta-red-50); }
.sm-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
.sm-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
.sm-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
.sm-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
.sm-caret-red-100 { caret-color: var(--quanta-red-100); }
.sm-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
.sm-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
.sm-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
.sm-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
.sm-caret-red-200 { caret-color: var(--quanta-red-200); }
.sm-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
.sm-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
.sm-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
.sm-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
.sm-caret-red-300 { caret-color: var(--quanta-red-300); }
.sm-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
.sm-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
.sm-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
.sm-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
.sm-caret-red-400 { caret-color: var(--quanta-red-400); }
.sm-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
.sm-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
.sm-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
.sm-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
.sm-caret-red-500 { caret-color: var(--quanta-red-500); }
.sm-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
.sm-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
.sm-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
.sm-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
.sm-caret-red-600 { caret-color: var(--quanta-red-600); }
.sm-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
.sm-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
.sm-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
.sm-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
.sm-caret-red-700 { caret-color: var(--quanta-red-700); }
.sm-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
.sm-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
.sm-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
.sm-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
.sm-caret-red-800 { caret-color: var(--quanta-red-800); }
.sm-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
.sm-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
.sm-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
.sm-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
.sm-caret-red-900 { caret-color: var(--quanta-red-900); }
.sm-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
.sm-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
.sm-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
.sm-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
.sm-caret-orange-50 { caret-color: var(--quanta-orange-50); }
.sm-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
.sm-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
.sm-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
.sm-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
.sm-caret-orange-100 { caret-color: var(--quanta-orange-100); }
.sm-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
.sm-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
.sm-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
.sm-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
.sm-caret-orange-200 { caret-color: var(--quanta-orange-200); }
.sm-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
.sm-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
.sm-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
.sm-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
.sm-caret-orange-300 { caret-color: var(--quanta-orange-300); }
.sm-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
.sm-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
.sm-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
.sm-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
.sm-caret-orange-400 { caret-color: var(--quanta-orange-400); }
.sm-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
.sm-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
.sm-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
.sm-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
.sm-caret-orange-500 { caret-color: var(--quanta-orange-500); }
.sm-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
.sm-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
.sm-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
.sm-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
.sm-caret-orange-600 { caret-color: var(--quanta-orange-600); }
.sm-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
.sm-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
.sm-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
.sm-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
.sm-caret-orange-700 { caret-color: var(--quanta-orange-700); }
.sm-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
.sm-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
.sm-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
.sm-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
.sm-caret-orange-800 { caret-color: var(--quanta-orange-800); }
.sm-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
.sm-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
.sm-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
.sm-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
.sm-caret-orange-900 { caret-color: var(--quanta-orange-900); }
.sm-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
.sm-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
.sm-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
.sm-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
.sm-caret-teal-50 { caret-color: var(--quanta-teal-50); }
.sm-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
.sm-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
.sm-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
.sm-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
.sm-caret-teal-100 { caret-color: var(--quanta-teal-100); }
.sm-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
.sm-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
.sm-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
.sm-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
.sm-caret-teal-200 { caret-color: var(--quanta-teal-200); }
.sm-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
.sm-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
.sm-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
.sm-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
.sm-caret-teal-300 { caret-color: var(--quanta-teal-300); }
.sm-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
.sm-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
.sm-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
.sm-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
.sm-caret-teal-400 { caret-color: var(--quanta-teal-400); }
.sm-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
.sm-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
.sm-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
.sm-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
.sm-caret-teal-500 { caret-color: var(--quanta-teal-500); }
.sm-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
.sm-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
.sm-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
.sm-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
.sm-caret-teal-600 { caret-color: var(--quanta-teal-600); }
.sm-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
.sm-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
.sm-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
.sm-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
.sm-caret-teal-700 { caret-color: var(--quanta-teal-700); }
.sm-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
.sm-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
.sm-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
.sm-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
.sm-caret-teal-800 { caret-color: var(--quanta-teal-800); }
.sm-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
.sm-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
.sm-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
.sm-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
.sm-caret-teal-900 { caret-color: var(--quanta-teal-900); }
.sm-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
.sm-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
.sm-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
.sm-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
.sm-caret-purple-50 { caret-color: var(--quanta-purple-50); }
.sm-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
.sm-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
.sm-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
.sm-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
.sm-caret-purple-100 { caret-color: var(--quanta-purple-100); }
.sm-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
.sm-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
.sm-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
.sm-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
.sm-caret-purple-200 { caret-color: var(--quanta-purple-200); }
.sm-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
.sm-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
.sm-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
.sm-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
.sm-caret-purple-300 { caret-color: var(--quanta-purple-300); }
.sm-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
.sm-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
.sm-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
.sm-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
.sm-caret-purple-400 { caret-color: var(--quanta-purple-400); }
.sm-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
.sm-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
.sm-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
.sm-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
.sm-caret-purple-500 { caret-color: var(--quanta-purple-500); }
.sm-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
.sm-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
.sm-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
.sm-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
.sm-caret-purple-600 { caret-color: var(--quanta-purple-600); }
.sm-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
.sm-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
.sm-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
.sm-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
.sm-caret-purple-700 { caret-color: var(--quanta-purple-700); }
.sm-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
.sm-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
.sm-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
.sm-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
.sm-caret-purple-800 { caret-color: var(--quanta-purple-800); }
.sm-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
.sm-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
.sm-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
.sm-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
.sm-caret-purple-900 { caret-color: var(--quanta-purple-900); }
.sm-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
.sm-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
.sm-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
.sm-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
.sm-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.sm-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
.sm-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
.sm-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
.sm-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
.sm-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.sm-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
.sm-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
.sm-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
.sm-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
.sm-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.sm-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
.sm-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
.sm-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
.sm-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
.sm-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.sm-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
.sm-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
.sm-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
.sm-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
.sm-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.sm-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
.sm-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
.sm-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
.sm-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
.sm-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.sm-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
.sm-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
.sm-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
.sm-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
.sm-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.sm-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
.sm-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
.sm-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
.sm-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
.sm-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.sm-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
.sm-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
.sm-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
.sm-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
.sm-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.sm-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
.sm-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
.sm-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
.sm-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
.sm-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.sm-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
.sm-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
.sm-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
.sm-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
.sm-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.sm-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
.sm-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
.sm-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
.sm-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
.sm-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.sm-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
.sm-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
.sm-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
.sm-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
.sm-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.sm-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
.sm-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
.sm-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
.sm-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
.sm-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.sm-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
.sm-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
.sm-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
.sm-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
.sm-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.sm-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
.sm-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
.sm-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
.sm-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
.sm-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.sm-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
.sm-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
.sm-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
.sm-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
.sm-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.sm-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
.sm-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
.sm-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
.sm-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
.sm-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.sm-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
.sm-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
.sm-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
.sm-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
.sm-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.sm-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
.sm-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
.sm-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
.sm-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
.sm-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.sm-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
.sm-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
.sm-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
.sm-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
.sm-caret-pink-50 { caret-color: var(--quanta-pink-50); }
.sm-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
.sm-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
.sm-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
.sm-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
.sm-caret-pink-100 { caret-color: var(--quanta-pink-100); }
.sm-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
.sm-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
.sm-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
.sm-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
.sm-caret-pink-200 { caret-color: var(--quanta-pink-200); }
.sm-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
.sm-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
.sm-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
.sm-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
.sm-caret-pink-300 { caret-color: var(--quanta-pink-300); }
.sm-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
.sm-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
.sm-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
.sm-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
.sm-caret-pink-400 { caret-color: var(--quanta-pink-400); }
.sm-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
.sm-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
.sm-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
.sm-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
.sm-caret-pink-500 { caret-color: var(--quanta-pink-500); }
.sm-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
.sm-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
.sm-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
.sm-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
.sm-caret-pink-600 { caret-color: var(--quanta-pink-600); }
.sm-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
.sm-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
.sm-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
.sm-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
.sm-caret-pink-700 { caret-color: var(--quanta-pink-700); }
.sm-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
.sm-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
.sm-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
.sm-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
.sm-caret-pink-800 { caret-color: var(--quanta-pink-800); }
.sm-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
.sm-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
.sm-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
.sm-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
.sm-caret-pink-900 { caret-color: var(--quanta-pink-900); }
.sm-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
.sm-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
.sm-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
.sm-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
.sm-caret-grey-50 { caret-color: var(--quanta-grey-50); }
.sm-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
.sm-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
.sm-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
.sm-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
.sm-caret-grey-100 { caret-color: var(--quanta-grey-100); }
.sm-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
.sm-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
.sm-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
.sm-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
.sm-caret-grey-200 { caret-color: var(--quanta-grey-200); }
.sm-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
.sm-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
.sm-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
.sm-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
.sm-caret-grey-300 { caret-color: var(--quanta-grey-300); }
.sm-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
.sm-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
.sm-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
.sm-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
.sm-caret-grey-400 { caret-color: var(--quanta-grey-400); }
.sm-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
.sm-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
.sm-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
.sm-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
.sm-caret-grey-500 { caret-color: var(--quanta-grey-500); }
.sm-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
.sm-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
.sm-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
.sm-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
.sm-caret-grey-600 { caret-color: var(--quanta-grey-600); }
.sm-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
.sm-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
.sm-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
.sm-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
.sm-caret-grey-700 { caret-color: var(--quanta-grey-700); }
.sm-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
.sm-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
.sm-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
.sm-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
.sm-caret-grey-800 { caret-color: var(--quanta-grey-800); }
.sm-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
.sm-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
.sm-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
.sm-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
.sm-caret-grey-900 { caret-color: var(--quanta-grey-900); }
.sm-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
.sm-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
.sm-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
.sm-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
.sm-caret-lime-50 { caret-color: var(--quanta-lime-50); }
.sm-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
.sm-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
.sm-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
.sm-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
.sm-caret-lime-100 { caret-color: var(--quanta-lime-100); }
.sm-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
.sm-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
.sm-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
.sm-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
.sm-caret-lime-200 { caret-color: var(--quanta-lime-200); }
.sm-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
.sm-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
.sm-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
.sm-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
.sm-caret-lime-300 { caret-color: var(--quanta-lime-300); }
.sm-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
.sm-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
.sm-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
.sm-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
.sm-caret-lime-400 { caret-color: var(--quanta-lime-400); }
.sm-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
.sm-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
.sm-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
.sm-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
.sm-caret-lime-500 { caret-color: var(--quanta-lime-500); }
.sm-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
.sm-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
.sm-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
.sm-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
.sm-caret-lime-600 { caret-color: var(--quanta-lime-600); }
.sm-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
.sm-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
.sm-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
.sm-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
.sm-caret-lime-700 { caret-color: var(--quanta-lime-700); }
.sm-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
.sm-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
.sm-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
.sm-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
.sm-caret-lime-800 { caret-color: var(--quanta-lime-800); }
.sm-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
.sm-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
.sm-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
.sm-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
.sm-caret-lime-900 { caret-color: var(--quanta-lime-900); }
.sm-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
.sm-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
.sm-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
.sm-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
.sm-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.sm-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
.sm-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
.sm-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
.sm-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
.sm-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.sm-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
.sm-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
.sm-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
.sm-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
.sm-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.sm-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
.sm-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
.sm-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
.sm-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
.sm-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.sm-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
.sm-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
.sm-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
.sm-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
.sm-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.sm-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
.sm-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
.sm-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
.sm-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
.sm-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.sm-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
.sm-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
.sm-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
.sm-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
.sm-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.sm-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
.sm-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
.sm-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
.sm-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
.sm-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.sm-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
.sm-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
.sm-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
.sm-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
.sm-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.sm-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
.sm-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
.sm-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
.sm-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
.sm-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.sm-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
.sm-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
.sm-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
.sm-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
.sm-caret-sky-50 { caret-color: var(--quanta-sky-50); }
.sm-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
.sm-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
.sm-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
.sm-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
.sm-caret-sky-100 { caret-color: var(--quanta-sky-100); }
.sm-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
.sm-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
.sm-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
.sm-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
.sm-caret-sky-200 { caret-color: var(--quanta-sky-200); }
.sm-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
.sm-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
.sm-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
.sm-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
.sm-caret-sky-300 { caret-color: var(--quanta-sky-300); }
.sm-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
.sm-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
.sm-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
.sm-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
.sm-caret-sky-400 { caret-color: var(--quanta-sky-400); }
.sm-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
.sm-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
.sm-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
.sm-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
.sm-caret-sky-500 { caret-color: var(--quanta-sky-500); }
.sm-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
.sm-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
.sm-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
.sm-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
.sm-caret-sky-600 { caret-color: var(--quanta-sky-600); }
.sm-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
.sm-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
.sm-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
.sm-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
.sm-caret-sky-700 { caret-color: var(--quanta-sky-700); }
.sm-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
.sm-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
.sm-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
.sm-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
.sm-caret-sky-800 { caret-color: var(--quanta-sky-800); }
.sm-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
.sm-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
.sm-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
.sm-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
.sm-caret-sky-900 { caret-color: var(--quanta-sky-900); }
.sm-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
.sm-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
.sm-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
.sm-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
.sm-caret-violet-50 { caret-color: var(--quanta-violet-50); }
.sm-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
.sm-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
.sm-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
.sm-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
.sm-caret-violet-100 { caret-color: var(--quanta-violet-100); }
.sm-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
.sm-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
.sm-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
.sm-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
.sm-caret-violet-200 { caret-color: var(--quanta-violet-200); }
.sm-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
.sm-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
.sm-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
.sm-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
.sm-caret-violet-300 { caret-color: var(--quanta-violet-300); }
.sm-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
.sm-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
.sm-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
.sm-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
.sm-caret-violet-400 { caret-color: var(--quanta-violet-400); }
.sm-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
.sm-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
.sm-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
.sm-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
.sm-caret-violet-500 { caret-color: var(--quanta-violet-500); }
.sm-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
.sm-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
.sm-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
.sm-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
.sm-caret-violet-600 { caret-color: var(--quanta-violet-600); }
.sm-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
.sm-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
.sm-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
.sm-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
.sm-caret-violet-700 { caret-color: var(--quanta-violet-700); }
.sm-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
.sm-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
.sm-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
.sm-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
.sm-caret-violet-800 { caret-color: var(--quanta-violet-800); }
.sm-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
.sm-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
.sm-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
.sm-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
.sm-caret-violet-900 { caret-color: var(--quanta-violet-900); }
.sm-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
.sm-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
.sm-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
.sm-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
.sm-caret-rose-50 { caret-color: var(--quanta-rose-50); }
.sm-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
.sm-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
.sm-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
.sm-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
.sm-caret-rose-100 { caret-color: var(--quanta-rose-100); }
.sm-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
.sm-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
.sm-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
.sm-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
.sm-caret-rose-200 { caret-color: var(--quanta-rose-200); }
.sm-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
.sm-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
.sm-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
.sm-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
.sm-caret-rose-300 { caret-color: var(--quanta-rose-300); }
.sm-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
.sm-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
.sm-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
.sm-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
.sm-caret-rose-400 { caret-color: var(--quanta-rose-400); }
.sm-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
.sm-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
.sm-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
.sm-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
.sm-caret-rose-500 { caret-color: var(--quanta-rose-500); }
.sm-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
.sm-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
.sm-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
.sm-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
.sm-caret-rose-600 { caret-color: var(--quanta-rose-600); }
.sm-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
.sm-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
.sm-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
.sm-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
.sm-caret-rose-700 { caret-color: var(--quanta-rose-700); }
.sm-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
.sm-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
.sm-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
.sm-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
.sm-caret-rose-800 { caret-color: var(--quanta-rose-800); }
.sm-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
.sm-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
.sm-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
.sm-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
.sm-caret-rose-900 { caret-color: var(--quanta-rose-900); }
.sm-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
.sm-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
.sm-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
.sm-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
.sm-caret-slate-50 { caret-color: var(--quanta-slate-50); }
.sm-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
.sm-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
.sm-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
.sm-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
.sm-caret-slate-100 { caret-color: var(--quanta-slate-100); }
.sm-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
.sm-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
.sm-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
.sm-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
.sm-caret-slate-200 { caret-color: var(--quanta-slate-200); }
.sm-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
.sm-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
.sm-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
.sm-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
.sm-caret-slate-300 { caret-color: var(--quanta-slate-300); }
.sm-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
.sm-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
.sm-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
.sm-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
.sm-caret-slate-400 { caret-color: var(--quanta-slate-400); }
.sm-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
.sm-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
.sm-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
.sm-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
.sm-caret-slate-500 { caret-color: var(--quanta-slate-500); }
.sm-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
.sm-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
.sm-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
.sm-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
.sm-caret-slate-600 { caret-color: var(--quanta-slate-600); }
.sm-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
.sm-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
.sm-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
.sm-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
.sm-caret-slate-700 { caret-color: var(--quanta-slate-700); }
.sm-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
.sm-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
.sm-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
.sm-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
.sm-caret-slate-800 { caret-color: var(--quanta-slate-800); }
.sm-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
.sm-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
.sm-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
.sm-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
.sm-caret-slate-900 { caret-color: var(--quanta-slate-900); }
.sm-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
.sm-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
.sm-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
.sm-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
.sm-caret-blue-50 { caret-color: var(--quanta-blue-50); }
.sm-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
.sm-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
.sm-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
.sm-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
.sm-caret-blue-100 { caret-color: var(--quanta-blue-100); }
.sm-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
.sm-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
.sm-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
.sm-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
.sm-caret-blue-200 { caret-color: var(--quanta-blue-200); }
.sm-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
.sm-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
.sm-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
.sm-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
.sm-caret-blue-300 { caret-color: var(--quanta-blue-300); }
.sm-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
.sm-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
.sm-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
.sm-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
.sm-caret-blue-400 { caret-color: var(--quanta-blue-400); }
.sm-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
.sm-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
.sm-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
.sm-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
.sm-caret-blue-500 { caret-color: var(--quanta-blue-500); }
.sm-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
.sm-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
.sm-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
.sm-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
.sm-caret-blue-600 { caret-color: var(--quanta-blue-600); }
.sm-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
.sm-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
.sm-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
.sm-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
.sm-caret-blue-700 { caret-color: var(--quanta-blue-700); }
.sm-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
.sm-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
.sm-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
.sm-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
.sm-caret-blue-800 { caret-color: var(--quanta-blue-800); }
.sm-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
.sm-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
.sm-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
.sm-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
.sm-caret-blue-900 { caret-color: var(--quanta-blue-900); }
.sm-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
.sm-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
.sm-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
.sm-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
.sm-caret-green-50 { caret-color: var(--quanta-green-50); }
.sm-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
.sm-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
.sm-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
.sm-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
.sm-caret-green-100 { caret-color: var(--quanta-green-100); }
.sm-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
.sm-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
.sm-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
.sm-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
.sm-caret-green-200 { caret-color: var(--quanta-green-200); }
.sm-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
.sm-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
.sm-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
.sm-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
.sm-caret-green-300 { caret-color: var(--quanta-green-300); }
.sm-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
.sm-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
.sm-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
.sm-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
.sm-caret-green-400 { caret-color: var(--quanta-green-400); }
.sm-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
.sm-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
.sm-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
.sm-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
.sm-caret-green-500 { caret-color: var(--quanta-green-500); }
.sm-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
.sm-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
.sm-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
.sm-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
.sm-caret-green-600 { caret-color: var(--quanta-green-600); }
.sm-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
.sm-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
.sm-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
.sm-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
.sm-caret-green-700 { caret-color: var(--quanta-green-700); }
.sm-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
.sm-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
.sm-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
.sm-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
.sm-caret-green-800 { caret-color: var(--quanta-green-800); }
.sm-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
.sm-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
.sm-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
.sm-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
.sm-caret-green-900 { caret-color: var(--quanta-green-900); }
.sm-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
.sm-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
.sm-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
.sm-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
.sm-caret-black { caret-color: var(--black); }
.sm-hover-caret-black:hover { caret-color: var(--black); }
.sm-focus-caret-black:focus { caret-color: var(--black); }
.sm-active-caret-black:active { caret-color: var(--black); }
.sm-disabled-caret-black:disabled { caret-color: var(--black); }
.sm-caret-white { caret-color: var(--white); }
.sm-hover-caret-white:hover { caret-color: var(--white); }
.sm-focus-caret-white:focus { caret-color: var(--white); }
.sm-active-caret-white:active { caret-color: var(--white); }
.sm-disabled-caret-white:disabled { caret-color: var(--white); }
.sm-color-scheme-light { color-scheme: light; }
.sm-hover-color-scheme-light:hover { color-scheme: light; }
.sm-focus-color-scheme-light:focus { color-scheme: light; }
.sm-active-color-scheme-light:active { color-scheme: light; }
.sm-disabled-color-scheme-light:disabled { color-scheme: light; }
.sm-color-scheme-dark { color-scheme: dark; }
.sm-hover-color-scheme-dark:hover { color-scheme: dark; }
.sm-focus-color-scheme-dark:focus { color-scheme: dark; }
.sm-active-color-scheme-dark:active { color-scheme: dark; }
.sm-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.sm-color-scheme-normal { color-scheme: normal; }
.sm-hover-color-scheme-normal:hover { color-scheme: normal; }
.sm-focus-color-scheme-normal:focus { color-scheme: normal; }
.sm-active-color-scheme-normal:active { color-scheme: normal; }
.sm-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.sm-cursor-auto { cursor: auto; }
.sm-hover-cursor-auto:hover { cursor: auto; }
.sm-focus-cursor-auto:focus { cursor: auto; }
.sm-active-cursor-auto:active { cursor: auto; }
.sm-disabled-cursor-auto:disabled { cursor: auto; }
.sm-cursor-default { cursor: default; }
.sm-hover-cursor-default:hover { cursor: default; }
.sm-focus-cursor-default:focus { cursor: default; }
.sm-active-cursor-default:active { cursor: default; }
.sm-disabled-cursor-default:disabled { cursor: default; }
.sm-cursor-pointer { cursor: pointer; }
.sm-hover-cursor-pointer:hover { cursor: pointer; }
.sm-focus-cursor-pointer:focus { cursor: pointer; }
.sm-active-cursor-pointer:active { cursor: pointer; }
.sm-disabled-cursor-pointer:disabled { cursor: pointer; }
.sm-cursor-wait { cursor: wait; }
.sm-hover-cursor-wait:hover { cursor: wait; }
.sm-focus-cursor-wait:focus { cursor: wait; }
.sm-active-cursor-wait:active { cursor: wait; }
.sm-disabled-cursor-wait:disabled { cursor: wait; }
.sm-cursor-text { cursor: text; }
.sm-hover-cursor-text:hover { cursor: text; }
.sm-focus-cursor-text:focus { cursor: text; }
.sm-active-cursor-text:active { cursor: text; }
.sm-disabled-cursor-text:disabled { cursor: text; }
.sm-cursor-move { cursor: move; }
.sm-hover-cursor-move:hover { cursor: move; }
.sm-focus-cursor-move:focus { cursor: move; }
.sm-active-cursor-move:active { cursor: move; }
.sm-disabled-cursor-move:disabled { cursor: move; }
.sm-cursor-not-allowed { cursor: not-allowed; }
.sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.sm-active-cursor-not-allowed:active { cursor: not-allowed; }
.sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.sm-cursor-none { cursor: none; }
.sm-hover-cursor-none:hover { cursor: none; }
.sm-focus-cursor-none:focus { cursor: none; }
.sm-active-cursor-none:active { cursor: none; }
.sm-disabled-cursor-none:disabled { cursor: none; }
.sm-pointer-events-none { pointer-events: none; }
.sm-hover-pointer-events-none:hover { pointer-events: none; }
.sm-focus-pointer-events-none:focus { pointer-events: none; }
.sm-active-pointer-events-none:active { pointer-events: none; }
.sm-disabled-pointer-events-none:disabled { pointer-events: none; }
.sm-pointer-events-auto { pointer-events: auto; }
.sm-hover-pointer-events-auto:hover { pointer-events: auto; }
.sm-focus-pointer-events-auto:focus { pointer-events: auto; }
.sm-active-pointer-events-auto:active { pointer-events: auto; }
.sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.sm-resize-none { resize: none; }
.sm-hover-resize-none:hover { resize: none; }
.sm-focus-resize-none:focus { resize: none; }
.sm-active-resize-none:active { resize: none; }
.sm-disabled-resize-none:disabled { resize: none; }
.sm-resize-x { resize: horizontal; }
.sm-hover-resize-x:hover { resize: horizontal; }
.sm-focus-resize-x:focus { resize: horizontal; }
.sm-active-resize-x:active { resize: horizontal; }
.sm-disabled-resize-x:disabled { resize: horizontal; }
.sm-resize-y { resize: vertical; }
.sm-hover-resize-y:hover { resize: vertical; }
.sm-focus-resize-y:focus { resize: vertical; }
.sm-active-resize-y:active { resize: vertical; }
.sm-disabled-resize-y:disabled { resize: vertical; }
.sm-resize { resize: both; }
.sm-hover-resize:hover { resize: both; }
.sm-focus-resize:focus { resize: both; }
.sm-active-resize:active { resize: both; }
.sm-disabled-resize:disabled { resize: both; }
.sm-scroll-auto { scroll-behavior: auto; }
.sm-hover-scroll-auto:hover { scroll-behavior: auto; }
.sm-focus-scroll-auto:focus { scroll-behavior: auto; }
.sm-active-scroll-auto:active { scroll-behavior: auto; }
.sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.sm-scroll-smooth { scroll-behavior: smooth; }
.sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.sm-active-scroll-smooth:active { scroll-behavior: smooth; }
.sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.sm-scroll-m-0 { scroll-margin: 0rem; }
.sm-hover-scroll-m-0:hover { scroll-margin: 0rem; }
.sm-focus-scroll-m-0:focus { scroll-margin: 0rem; }
.sm-active-scroll-m-0:active { scroll-margin: 0rem; }
.sm-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
.sm-scroll-p-0 { scroll-padding: 0rem; }
.sm-hover-scroll-p-0:hover { scroll-padding: 0rem; }
.sm-focus-scroll-p-0:focus { scroll-padding: 0rem; }
.sm-active-scroll-p-0:active { scroll-padding: 0rem; }
.sm-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
.sm-scroll-m-0_125 { scroll-margin: 0.125rem; }
.sm-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
.sm-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
.sm-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
.sm-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
.sm-scroll-p-0_125 { scroll-padding: 0.125rem; }
.sm-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
.sm-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
.sm-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
.sm-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
.sm-scroll-m-0_25 { scroll-margin: 0.25rem; }
.sm-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
.sm-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
.sm-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
.sm-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
.sm-scroll-p-0_25 { scroll-padding: 0.25rem; }
.sm-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
.sm-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
.sm-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
.sm-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
.sm-scroll-m-0_5 { scroll-margin: 0.5rem; }
.sm-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
.sm-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
.sm-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
.sm-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
.sm-scroll-p-0_5 { scroll-padding: 0.5rem; }
.sm-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
.sm-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
.sm-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
.sm-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
.sm-scroll-m-0_75 { scroll-margin: 0.75rem; }
.sm-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
.sm-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
.sm-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
.sm-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
.sm-scroll-p-0_75 { scroll-padding: 0.75rem; }
.sm-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
.sm-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
.sm-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
.sm-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
.sm-scroll-m-1 { scroll-margin: 1rem; }
.sm-hover-scroll-m-1:hover { scroll-margin: 1rem; }
.sm-focus-scroll-m-1:focus { scroll-margin: 1rem; }
.sm-active-scroll-m-1:active { scroll-margin: 1rem; }
.sm-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
.sm-scroll-p-1 { scroll-padding: 1rem; }
.sm-hover-scroll-p-1:hover { scroll-padding: 1rem; }
.sm-focus-scroll-p-1:focus { scroll-padding: 1rem; }
.sm-active-scroll-p-1:active { scroll-padding: 1rem; }
.sm-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
.sm-scroll-m-1_5 { scroll-margin: 1.5rem; }
.sm-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
.sm-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
.sm-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
.sm-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
.sm-scroll-p-1_5 { scroll-padding: 1.5rem; }
.sm-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
.sm-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
.sm-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
.sm-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
.sm-scroll-m-2 { scroll-margin: 2rem; }
.sm-hover-scroll-m-2:hover { scroll-margin: 2rem; }
.sm-focus-scroll-m-2:focus { scroll-margin: 2rem; }
.sm-active-scroll-m-2:active { scroll-margin: 2rem; }
.sm-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
.sm-scroll-p-2 { scroll-padding: 2rem; }
.sm-hover-scroll-p-2:hover { scroll-padding: 2rem; }
.sm-focus-scroll-p-2:focus { scroll-padding: 2rem; }
.sm-active-scroll-p-2:active { scroll-padding: 2rem; }
.sm-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
.sm-scroll-m-3 { scroll-margin: 3rem; }
.sm-hover-scroll-m-3:hover { scroll-margin: 3rem; }
.sm-focus-scroll-m-3:focus { scroll-margin: 3rem; }
.sm-active-scroll-m-3:active { scroll-margin: 3rem; }
.sm-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
.sm-scroll-p-3 { scroll-padding: 3rem; }
.sm-hover-scroll-p-3:hover { scroll-padding: 3rem; }
.sm-focus-scroll-p-3:focus { scroll-padding: 3rem; }
.sm-active-scroll-p-3:active { scroll-padding: 3rem; }
.sm-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
.sm-scroll-m-4 { scroll-margin: 4rem; }
.sm-hover-scroll-m-4:hover { scroll-margin: 4rem; }
.sm-focus-scroll-m-4:focus { scroll-margin: 4rem; }
.sm-active-scroll-m-4:active { scroll-margin: 4rem; }
.sm-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
.sm-scroll-p-4 { scroll-padding: 4rem; }
.sm-hover-scroll-p-4:hover { scroll-padding: 4rem; }
.sm-focus-scroll-p-4:focus { scroll-padding: 4rem; }
.sm-active-scroll-p-4:active { scroll-padding: 4rem; }
.sm-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
.sm-snap-x { scroll-snap-type: x mandatory; }
.sm-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.sm-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.sm-active-snap-x:active { scroll-snap-type: x mandatory; }
.sm-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.sm-snap-y { scroll-snap-type: y mandatory; }
.sm-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.sm-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.sm-active-snap-y:active { scroll-snap-type: y mandatory; }
.sm-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.sm-snap-both { scroll-snap-type: both mandatory; }
.sm-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.sm-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.sm-active-snap-both:active { scroll-snap-type: both mandatory; }
.sm-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.sm-snap-align-start { scroll-snap-align: start; }
.sm-hover-snap-align-start:hover { scroll-snap-align: start; }
.sm-focus-snap-align-start:focus { scroll-snap-align: start; }
.sm-active-snap-align-start:active { scroll-snap-align: start; }
.sm-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.sm-snap-align-end { scroll-snap-align: end; }
.sm-hover-snap-align-end:hover { scroll-snap-align: end; }
.sm-focus-snap-align-end:focus { scroll-snap-align: end; }
.sm-active-snap-align-end:active { scroll-snap-align: end; }
.sm-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.sm-snap-align-center { scroll-snap-align: center; }
.sm-hover-snap-align-center:hover { scroll-snap-align: center; }
.sm-focus-snap-align-center:focus { scroll-snap-align: center; }
.sm-active-snap-align-center:active { scroll-snap-align: center; }
.sm-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.sm-snap-align-none { scroll-snap-align: none; }
.sm-hover-snap-align-none:hover { scroll-snap-align: none; }
.sm-focus-snap-align-none:focus { scroll-snap-align: none; }
.sm-active-snap-align-none:active { scroll-snap-align: none; }
.sm-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.sm-snap-stop-normal { scroll-snap-stop: normal; }
.sm-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.sm-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.sm-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.sm-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.sm-snap-stop-always { scroll-snap-stop: always; }
.sm-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.sm-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.sm-active-snap-stop-always:active { scroll-snap-stop: always; }
.sm-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.sm-touch-auto { touch-action: auto; }
.sm-hover-touch-auto:hover { touch-action: auto; }
.sm-focus-touch-auto:focus { touch-action: auto; }
.sm-active-touch-auto:active { touch-action: auto; }
.sm-disabled-touch-auto:disabled { touch-action: auto; }
.sm-touch-none { touch-action: none; }
.sm-hover-touch-none:hover { touch-action: none; }
.sm-focus-touch-none:focus { touch-action: none; }
.sm-active-touch-none:active { touch-action: none; }
.sm-disabled-touch-none:disabled { touch-action: none; }
.sm-touch-pan_x { touch-action: pan-x; }
.sm-hover-touch-pan_x:hover { touch-action: pan-x; }
.sm-focus-touch-pan_x:focus { touch-action: pan-x; }
.sm-active-touch-pan_x:active { touch-action: pan-x; }
.sm-disabled-touch-pan_x:disabled { touch-action: pan-x; }
.sm-touch-pan_y { touch-action: pan-y; }
.sm-hover-touch-pan_y:hover { touch-action: pan-y; }
.sm-focus-touch-pan_y:focus { touch-action: pan-y; }
.sm-active-touch-pan_y:active { touch-action: pan-y; }
.sm-disabled-touch-pan_y:disabled { touch-action: pan-y; }
.sm-touch-manipulation { touch-action: manipulation; }
.sm-hover-touch-manipulation:hover { touch-action: manipulation; }
.sm-focus-touch-manipulation:focus { touch-action: manipulation; }
.sm-active-touch-manipulation:active { touch-action: manipulation; }
.sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.sm-select-auto { user-select: auto; }
.sm-hover-select-auto:hover { user-select: auto; }
.sm-focus-select-auto:focus { user-select: auto; }
.sm-active-select-auto:active { user-select: auto; }
.sm-disabled-select-auto:disabled { user-select: auto; }
.sm-select-none { user-select: none; }
.sm-hover-select-none:hover { user-select: none; }
.sm-focus-select-none:focus { user-select: none; }
.sm-active-select-none:active { user-select: none; }
.sm-disabled-select-none:disabled { user-select: none; }
.sm-select-text { user-select: text; }
.sm-hover-select-text:hover { user-select: text; }
.sm-focus-select-text:focus { user-select: text; }
.sm-active-select-text:active { user-select: text; }
.sm-disabled-select-text:disabled { user-select: text; }
.sm-select-all { user-select: all; }
.sm-hover-select-all:hover { user-select: all; }
.sm-focus-select-all:focus { user-select: all; }
.sm-active-select-all:active { user-select: all; }
.sm-disabled-select-all:disabled { user-select: all; }
.sm-select-contain { user-select: contain; }
.sm-hover-select-contain:hover { user-select: contain; }
.sm-focus-select-contain:focus { user-select: contain; }
.sm-active-select-contain:active { user-select: contain; }
.sm-disabled-select-contain:disabled { user-select: contain; }
.sm-will-change-auto { will-change: auto; }
.sm-hover-will-change-auto:hover { will-change: auto; }
.sm-focus-will-change-auto:focus { will-change: auto; }
.sm-active-will-change-auto:active { will-change: auto; }
.sm-disabled-will-change-auto:disabled { will-change: auto; }
.sm-will-change-scroll { will-change: scroll; }
.sm-hover-will-change-scroll:hover { will-change: scroll; }
.sm-focus-will-change-scroll:focus { will-change: scroll; }
.sm-active-will-change-scroll:active { will-change: scroll; }
.sm-disabled-will-change-scroll:disabled { will-change: scroll; }
.sm-will-change-transform { will-change: transform; }
.sm-hover-will-change-transform:hover { will-change: transform; }
.sm-focus-will-change-transform:focus { will-change: transform; }
.sm-active-will-change-transform:active { will-change: transform; }
.sm-disabled-will-change-transform:disabled { will-change: transform; }
.sm-will-change-opacity { will-change: opacity; }
.sm-hover-will-change-opacity:hover { will-change: opacity; }
.sm-focus-will-change-opacity:focus { will-change: opacity; }
.sm-active-will-change-opacity:active { will-change: opacity; }
.sm-disabled-will-change-opacity:disabled { will-change: opacity; }
.sm-will-change-contents { will-change: contents; }
.sm-hover-will-change-contents:hover { will-change: contents; }
.sm-focus-will-change-contents:focus { will-change: contents; }
.sm-active-will-change-contents:active { will-change: contents; }
.sm-disabled-will-change-contents:disabled { will-change: contents; }
.sm-color-scheme-light { color-scheme: light; }
.sm-hover-color-scheme-light:hover { color-scheme: light; }
.sm-focus-color-scheme-light:focus { color-scheme: light; }
.sm-active-color-scheme-light:active { color-scheme: light; }
.sm-disabled-color-scheme-light:disabled { color-scheme: light; }
.sm-color-scheme-dark { color-scheme: dark; }
.sm-hover-color-scheme-dark:hover { color-scheme: dark; }
.sm-focus-color-scheme-dark:focus { color-scheme: dark; }
.sm-active-color-scheme-dark:active { color-scheme: dark; }
.sm-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.sm-color-scheme-normal { color-scheme: normal; }
.sm-hover-color-scheme-normal:hover { color-scheme: normal; }
.sm-focus-color-scheme-normal:focus { color-scheme: normal; }
.sm-active-color-scheme-normal:active { color-scheme: normal; }
.sm-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.sm-cursor-auto { cursor: auto; }
.sm-hover-cursor-auto:hover { cursor: auto; }
.sm-focus-cursor-auto:focus { cursor: auto; }
.sm-active-cursor-auto:active { cursor: auto; }
.sm-disabled-cursor-auto:disabled { cursor: auto; }
.sm-cursor-default { cursor: default; }
.sm-hover-cursor-default:hover { cursor: default; }
.sm-focus-cursor-default:focus { cursor: default; }
.sm-active-cursor-default:active { cursor: default; }
.sm-disabled-cursor-default:disabled { cursor: default; }
.sm-cursor-pointer { cursor: pointer; }
.sm-hover-cursor-pointer:hover { cursor: pointer; }
.sm-focus-cursor-pointer:focus { cursor: pointer; }
.sm-active-cursor-pointer:active { cursor: pointer; }
.sm-disabled-cursor-pointer:disabled { cursor: pointer; }
.sm-cursor-wait { cursor: wait; }
.sm-hover-cursor-wait:hover { cursor: wait; }
.sm-focus-cursor-wait:focus { cursor: wait; }
.sm-active-cursor-wait:active { cursor: wait; }
.sm-disabled-cursor-wait:disabled { cursor: wait; }
.sm-cursor-text { cursor: text; }
.sm-hover-cursor-text:hover { cursor: text; }
.sm-focus-cursor-text:focus { cursor: text; }
.sm-active-cursor-text:active { cursor: text; }
.sm-disabled-cursor-text:disabled { cursor: text; }
.sm-cursor-move { cursor: move; }
.sm-hover-cursor-move:hover { cursor: move; }
.sm-focus-cursor-move:focus { cursor: move; }
.sm-active-cursor-move:active { cursor: move; }
.sm-disabled-cursor-move:disabled { cursor: move; }
.sm-cursor-not-allowed { cursor: not-allowed; }
.sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.sm-active-cursor-not-allowed:active { cursor: not-allowed; }
.sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.sm-cursor-none { cursor: none; }
.sm-hover-cursor-none:hover { cursor: none; }
.sm-focus-cursor-none:focus { cursor: none; }
.sm-active-cursor-none:active { cursor: none; }
.sm-disabled-cursor-none:disabled { cursor: none; }
.sm-pointer-events-none { pointer-events: none; }
.sm-hover-pointer-events-none:hover { pointer-events: none; }
.sm-focus-pointer-events-none:focus { pointer-events: none; }
.sm-active-pointer-events-none:active { pointer-events: none; }
.sm-disabled-pointer-events-none:disabled { pointer-events: none; }
.sm-pointer-events-auto { pointer-events: auto; }
.sm-hover-pointer-events-auto:hover { pointer-events: auto; }
.sm-focus-pointer-events-auto:focus { pointer-events: auto; }
.sm-active-pointer-events-auto:active { pointer-events: auto; }
.sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.sm-resize-none { resize: none; }
.sm-hover-resize-none:hover { resize: none; }
.sm-focus-resize-none:focus { resize: none; }
.sm-active-resize-none:active { resize: none; }
.sm-disabled-resize-none:disabled { resize: none; }
.sm-resize-x { resize: horizontal; }
.sm-hover-resize-x:hover { resize: horizontal; }
.sm-focus-resize-x:focus { resize: horizontal; }
.sm-active-resize-x:active { resize: horizontal; }
.sm-disabled-resize-x:disabled { resize: horizontal; }
.sm-resize-y { resize: vertical; }
.sm-hover-resize-y:hover { resize: vertical; }
.sm-focus-resize-y:focus { resize: vertical; }
.sm-active-resize-y:active { resize: vertical; }
.sm-disabled-resize-y:disabled { resize: vertical; }
.sm-resize { resize: both; }
.sm-hover-resize:hover { resize: both; }
.sm-focus-resize:focus { resize: both; }
.sm-active-resize:active { resize: both; }
.sm-disabled-resize:disabled { resize: both; }
.sm-scroll-auto { scroll-behavior: auto; }
.sm-hover-scroll-auto:hover { scroll-behavior: auto; }
.sm-focus-scroll-auto:focus { scroll-behavior: auto; }
.sm-active-scroll-auto:active { scroll-behavior: auto; }
.sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.sm-scroll-smooth { scroll-behavior: smooth; }
.sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.sm-active-scroll-smooth:active { scroll-behavior: smooth; }
.sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.sm-scroll-m-0 { scroll-margin: 0; }
.sm-hover-scroll-m-0:hover { scroll-margin: 0; }
.sm-focus-scroll-m-0:focus { scroll-margin: 0; }
.sm-active-scroll-m-0:active { scroll-margin: 0; }
.sm-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.sm-scroll-m-1 { scroll-margin: 0.25rem; }
.sm-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.sm-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.sm-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.sm-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.sm-scroll-m-2 { scroll-margin: 0.5rem; }
.sm-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.sm-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.sm-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.sm-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.sm-scroll-m-4 { scroll-margin: 1rem; }
.sm-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.sm-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.sm-active-scroll-m-4:active { scroll-margin: 1rem; }
.sm-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.sm-scroll-m-8 { scroll-margin: 2rem; }
.sm-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.sm-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.sm-active-scroll-m-8:active { scroll-margin: 2rem; }
.sm-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.sm-scroll-p-0 { scroll-padding: 0; }
.sm-hover-scroll-p-0:hover { scroll-padding: 0; }
.sm-focus-scroll-p-0:focus { scroll-padding: 0; }
.sm-active-scroll-p-0:active { scroll-padding: 0; }
.sm-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.sm-scroll-p-1 { scroll-padding: 0.25rem; }
.sm-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.sm-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.sm-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.sm-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.sm-scroll-p-2 { scroll-padding: 0.5rem; }
.sm-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.sm-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.sm-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.sm-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.sm-scroll-p-4 { scroll-padding: 1rem; }
.sm-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.sm-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.sm-active-scroll-p-4:active { scroll-padding: 1rem; }
.sm-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.sm-scroll-p-8 { scroll-padding: 2rem; }
.sm-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.sm-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.sm-active-scroll-p-8:active { scroll-padding: 2rem; }
.sm-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.sm-snap-x { scroll-snap-type: x mandatory; }
.sm-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.sm-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.sm-active-snap-x:active { scroll-snap-type: x mandatory; }
.sm-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.sm-snap-y { scroll-snap-type: y mandatory; }
.sm-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.sm-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.sm-active-snap-y:active { scroll-snap-type: y mandatory; }
.sm-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.sm-snap-both { scroll-snap-type: both mandatory; }
.sm-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.sm-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.sm-active-snap-both:active { scroll-snap-type: both mandatory; }
.sm-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.sm-snap-align-start { scroll-snap-align: start; }
.sm-hover-snap-align-start:hover { scroll-snap-align: start; }
.sm-focus-snap-align-start:focus { scroll-snap-align: start; }
.sm-active-snap-align-start:active { scroll-snap-align: start; }
.sm-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.sm-snap-align-center { scroll-snap-align: center; }
.sm-hover-snap-align-center:hover { scroll-snap-align: center; }
.sm-focus-snap-align-center:focus { scroll-snap-align: center; }
.sm-active-snap-align-center:active { scroll-snap-align: center; }
.sm-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.sm-snap-align-end { scroll-snap-align: end; }
.sm-hover-snap-align-end:hover { scroll-snap-align: end; }
.sm-focus-snap-align-end:focus { scroll-snap-align: end; }
.sm-active-snap-align-end:active { scroll-snap-align: end; }
.sm-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.sm-snap-align-none { scroll-snap-align: none; }
.sm-hover-snap-align-none:hover { scroll-snap-align: none; }
.sm-focus-snap-align-none:focus { scroll-snap-align: none; }
.sm-active-snap-align-none:active { scroll-snap-align: none; }
.sm-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.sm-snap-stop-normal { scroll-snap-stop: normal; }
.sm-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.sm-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.sm-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.sm-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.sm-snap-stop-always { scroll-snap-stop: always; }
.sm-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.sm-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.sm-active-snap-stop-always:active { scroll-snap-stop: always; }
.sm-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.sm-touch-auto { touch-action: auto; }
.sm-hover-touch-auto:hover { touch-action: auto; }
.sm-focus-touch-auto:focus { touch-action: auto; }
.sm-active-touch-auto:active { touch-action: auto; }
.sm-disabled-touch-auto:disabled { touch-action: auto; }
.sm-touch-none { touch-action: none; }
.sm-hover-touch-none:hover { touch-action: none; }
.sm-focus-touch-none:focus { touch-action: none; }
.sm-active-touch-none:active { touch-action: none; }
.sm-disabled-touch-none:disabled { touch-action: none; }
.sm-touch-pan-x { touch-action: pan-x; }
.sm-hover-touch-pan-x:hover { touch-action: pan-x; }
.sm-focus-touch-pan-x:focus { touch-action: pan-x; }
.sm-active-touch-pan-x:active { touch-action: pan-x; }
.sm-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.sm-touch-pan-y { touch-action: pan-y; }
.sm-hover-touch-pan-y:hover { touch-action: pan-y; }
.sm-focus-touch-pan-y:focus { touch-action: pan-y; }
.sm-active-touch-pan-y:active { touch-action: pan-y; }
.sm-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.sm-touch-manipulation { touch-action: manipulation; }
.sm-hover-touch-manipulation:hover { touch-action: manipulation; }
.sm-focus-touch-manipulation:focus { touch-action: manipulation; }
.sm-active-touch-manipulation:active { touch-action: manipulation; }
.sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.sm-select-auto { user-select: auto; }
.sm-hover-select-auto:hover { user-select: auto; }
.sm-focus-select-auto:focus { user-select: auto; }
.sm-active-select-auto:active { user-select: auto; }
.sm-disabled-select-auto:disabled { user-select: auto; }
.sm-select-none { user-select: none; }
.sm-hover-select-none:hover { user-select: none; }
.sm-focus-select-none:focus { user-select: none; }
.sm-active-select-none:active { user-select: none; }
.sm-disabled-select-none:disabled { user-select: none; }
.sm-select-text { user-select: text; }
.sm-hover-select-text:hover { user-select: text; }
.sm-focus-select-text:focus { user-select: text; }
.sm-active-select-text:active { user-select: text; }
.sm-disabled-select-text:disabled { user-select: text; }
.sm-select-all { user-select: all; }
.sm-hover-select-all:hover { user-select: all; }
.sm-focus-select-all:focus { user-select: all; }
.sm-active-select-all:active { user-select: all; }
.sm-disabled-select-all:disabled { user-select: all; }
.sm-select-contain { user-select: contain; }
.sm-hover-select-contain:hover { user-select: contain; }
.sm-focus-select-contain:focus { user-select: contain; }
.sm-active-select-contain:active { user-select: contain; }
.sm-disabled-select-contain:disabled { user-select: contain; }
.sm-will-change-auto { will-change: auto; }
.sm-hover-will-change-auto:hover { will-change: auto; }
.sm-focus-will-change-auto:focus { will-change: auto; }
.sm-active-will-change-auto:active { will-change: auto; }
.sm-disabled-will-change-auto:disabled { will-change: auto; }
.sm-will-change-scroll { will-change: scroll; }
.sm-hover-will-change-scroll:hover { will-change: scroll; }
.sm-focus-will-change-scroll:focus { will-change: scroll; }
.sm-active-will-change-scroll:active { will-change: scroll; }
.sm-disabled-will-change-scroll:disabled { will-change: scroll; }
.sm-will-change-transform { will-change: transform; }
.sm-hover-will-change-transform:hover { will-change: transform; }
.sm-focus-will-change-transform:focus { will-change: transform; }
.sm-active-will-change-transform:active { will-change: transform; }
.sm-disabled-will-change-transform:disabled { will-change: transform; }
.sm-will-change-opacity { will-change: opacity; }
.sm-hover-will-change-opacity:hover { will-change: opacity; }
.sm-focus-will-change-opacity:focus { will-change: opacity; }
.sm-active-will-change-opacity:active { will-change: opacity; }
.sm-disabled-will-change-opacity:disabled { will-change: opacity; }
.sm-will-change-contents { will-change: contents; }
.sm-hover-will-change-contents:hover { will-change: contents; }
.sm-focus-will-change-contents:focus { will-change: contents; }
.sm-active-will-change-contents:active { will-change: contents; }
.sm-disabled-will-change-contents:disabled { will-change: contents; }
.sm-field-sizing-auto { block-size: auto; inline-size: auto; }
.sm-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
.sm-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
.sm-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
.sm-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
.sm-field-sizing-fill { block-size: 100%; inline-size: 100%; }
.sm-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
.sm-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
.sm-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
.sm-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
.sm-field-sizing-min { block-size: min-content; inline-size: min-content; }
.sm-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
.sm-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
.sm-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
.sm-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
.sm-field-sizing-max { block-size: max-content; inline-size: max-content; }
.sm-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
.sm-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
.sm-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
.sm-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
.sm-aspect-auto { aspect-ratio: auto; }
.sm-hover-aspect-auto:hover { aspect-ratio: auto; }
.sm-focus-aspect-auto:focus { aspect-ratio: auto; }
.sm-active-aspect-auto:active { aspect-ratio: auto; }
.sm-disabled-aspect-auto:disabled { aspect-ratio: auto; }
.sm-aspect-square { aspect-ratio: 1 / 1; }
.sm-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
.sm-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
.sm-active-aspect-square:active { aspect-ratio: 1 / 1; }
.sm-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
.sm-aspect-video { aspect-ratio: 16 / 9; }
.sm-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
.sm-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
.sm-active-aspect-video:active { aspect-ratio: 16 / 9; }
.sm-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
.sm-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
.sm-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
.sm-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
.sm-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
.sm-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
.sm-isolation-auto { isolation: auto; }
.sm-hover-isolation-auto:hover { isolation: auto; }
.sm-focus-isolation-auto:focus { isolation: auto; }
.sm-active-isolation-auto:active { isolation: auto; }
.sm-disabled-isolation-auto:disabled { isolation: auto; }
.sm-isolation-isolate { isolation: isolate; }
.sm-hover-isolation-isolate:hover { isolation: isolate; }
.sm-focus-isolation-isolate:focus { isolation: isolate; }
.sm-active-isolation-isolate:active { isolation: isolate; }
.sm-disabled-isolation-isolate:disabled { isolation: isolate; }
.sm-contain-none { contain: none; }
.sm-hover-contain-none:hover { contain: none; }
.sm-focus-contain-none:focus { contain: none; }
.sm-active-contain-none:active { contain: none; }
.sm-disabled-contain-none:disabled { contain: none; }
.sm-contain-layout { contain: layout; }
.sm-hover-contain-layout:hover { contain: layout; }
.sm-focus-contain-layout:focus { contain: layout; }
.sm-active-contain-layout:active { contain: layout; }
.sm-disabled-contain-layout:disabled { contain: layout; }
.sm-contain-size { contain: size; }
.sm-hover-contain-size:hover { contain: size; }
.sm-focus-contain-size:focus { contain: size; }
.sm-active-contain-size:active { contain: size; }
.sm-disabled-contain-size:disabled { contain: size; }
.sm-contain-style { contain: style; }
.sm-hover-contain-style:hover { contain: style; }
.sm-focus-contain-style:focus { contain: style; }
.sm-active-contain-style:active { contain: style; }
.sm-disabled-contain-style:disabled { contain: style; }
.sm-contain-paint { contain: paint; }
.sm-hover-contain-paint:hover { contain: paint; }
.sm-focus-contain-paint:focus { contain: paint; }
.sm-active-contain-paint:active { contain: paint; }
.sm-disabled-contain-paint:disabled { contain: paint; }
.sm-contain-content { contain: content; }
.sm-hover-contain-content:hover { contain: content; }
.sm-focus-contain-content:focus { contain: content; }
.sm-active-contain-content:active { contain: content; }
.sm-disabled-contain-content:disabled { contain: content; }
.sm-content-auto { content-visibility: auto; }
.sm-hover-content-auto:hover { content-visibility: auto; }
.sm-focus-content-auto:focus { content-visibility: auto; }
.sm-active-content-auto:active { content-visibility: auto; }
.sm-disabled-content-auto:disabled { content-visibility: auto; }
.sm-content-hidden { content-visibility: hidden; }
.sm-hover-content-hidden:hover { content-visibility: hidden; }
.sm-focus-content-hidden:focus { content-visibility: hidden; }
.sm-active-content-hidden:active { content-visibility: hidden; }
.sm-disabled-content-hidden:disabled { content-visibility: hidden; }
.sm-content-visible { content-visibility: visible; }
.sm-hover-content-visible:hover { content-visibility: visible; }
.sm-focus-content-visible:focus { content-visibility: visible; }
.sm-active-content-visible:active { content-visibility: visible; }
.sm-disabled-content-visible:disabled { content-visibility: visible; }
.sm-box-border { box-sizing: border-box; }
.sm-hover-box-border:hover { box-sizing: border-box; }
.sm-focus-box-border:focus { box-sizing: border-box; }
.sm-active-box-border:active { box-sizing: border-box; }
.sm-disabled-box-border:disabled { box-sizing: border-box; }
.sm-box-content { box-sizing: content-box; }
.sm-hover-box-content:hover { box-sizing: content-box; }
.sm-focus-box-content:focus { box-sizing: content-box; }
.sm-active-box-content:active { box-sizing: content-box; }
.sm-disabled-box-content:disabled { box-sizing: content-box; }
.sm-clip-none { clip-path: none; }
.sm-hover-clip-none:hover { clip-path: none; }
.sm-focus-clip-none:focus { clip-path: none; }
.sm-active-clip-none:active { clip-path: none; }
.sm-disabled-clip-none:disabled { clip-path: none; }
.sm-clip-circle { clip-path: circle(50% at 50% 50%); }
.sm-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
.sm-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
.sm-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
.sm-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
.sm-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
.sm-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
.sm-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
.sm-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
.sm-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
.sm-clip-inset { clip-path: inset(0); }
.sm-hover-clip-inset:hover { clip-path: inset(0); }
.sm-focus-clip-inset:focus { clip-path: inset(0); }
.sm-active-clip-inset:active { clip-path: inset(0); }
.sm-disabled-clip-inset:disabled { clip-path: inset(0); }
.sm-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.sm-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.sm-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.sm-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.sm-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.sm-margin-block-start-1 { margin-block-start: 1rem; }
.sm-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
.sm-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
.sm-active-margin-block-start-1:active { margin-block-start: 1rem; }
.sm-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
.sm-margin-block-end-1 { margin-block-end: 1rem; }
.sm-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
.sm-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
.sm-active-margin-block-end-1:active { margin-block-end: 1rem; }
.sm-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
.sm-margin-inline-start-1 { margin-inline-start: 1rem; }
.sm-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
.sm-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
.sm-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
.sm-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
.sm-margin-inline-end-1 { margin-inline-end: 1rem; }
.sm-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
.sm-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
.sm-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
.sm-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
.sm-padding-block-start-1 { padding-block-start: 1rem; }
.sm-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
.sm-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
.sm-active-padding-block-start-1:active { padding-block-start: 1rem; }
.sm-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
.sm-padding-block-end-1 { padding-block-end: 1rem; }
.sm-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
.sm-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
.sm-active-padding-block-end-1:active { padding-block-end: 1rem; }
.sm-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
.sm-padding-inline-start-1 { padding-inline-start: 1rem; }
.sm-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
.sm-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
.sm-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
.sm-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
.sm-padding-inline-end-1 { padding-inline-end: 1rem; }
.sm-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
.sm-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
.sm-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
.sm-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
.sm-transition-all { transition-property: all; }
.sm-hover-transition-all:hover { transition-property: all; }
.sm-focus-transition-all:focus { transition-property: all; }
.sm-active-transition-all:active { transition-property: all; }
.sm-disabled-transition-all:disabled { transition-property: all; }
.sm-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
.sm-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
.sm-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
.sm-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
.sm-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
.sm-transition-opacity { transition-property: opacity; }
.sm-hover-transition-opacity:hover { transition-property: opacity; }
.sm-focus-transition-opacity:focus { transition-property: opacity; }
.sm-active-transition-opacity:active { transition-property: opacity; }
.sm-disabled-transition-opacity:disabled { transition-property: opacity; }
.sm-transition-shadow { transition-property: box-shadow; }
.sm-hover-transition-shadow:hover { transition-property: box-shadow; }
.sm-focus-transition-shadow:focus { transition-property: box-shadow; }
.sm-active-transition-shadow:active { transition-property: box-shadow; }
.sm-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.sm-transition-transform { transition-property: transform; }
.sm-hover-transition-transform:hover { transition-property: transform; }
.sm-focus-transition-transform:focus { transition-property: transform; }
.sm-active-transition-transform:active { transition-property: transform; }
.sm-disabled-transition-transform:disabled { transition-property: transform; }
.sm-duration-75 { transition-duration: 75ms; }
.sm-hover-duration-75:hover { transition-duration: 75ms; }
.sm-focus-duration-75:focus { transition-duration: 75ms; }
.sm-active-duration-75:active { transition-duration: 75ms; }
.sm-disabled-duration-75:disabled { transition-duration: 75ms; }
.sm-duration-100 { transition-duration: 100ms; }
.sm-hover-duration-100:hover { transition-duration: 100ms; }
.sm-focus-duration-100:focus { transition-duration: 100ms; }
.sm-active-duration-100:active { transition-duration: 100ms; }
.sm-disabled-duration-100:disabled { transition-duration: 100ms; }
.sm-duration-150 { transition-duration: 150ms; }
.sm-hover-duration-150:hover { transition-duration: 150ms; }
.sm-focus-duration-150:focus { transition-duration: 150ms; }
.sm-active-duration-150:active { transition-duration: 150ms; }
.sm-disabled-duration-150:disabled { transition-duration: 150ms; }
.sm-duration-200 { transition-duration: 200ms; }
.sm-hover-duration-200:hover { transition-duration: 200ms; }
.sm-focus-duration-200:focus { transition-duration: 200ms; }
.sm-active-duration-200:active { transition-duration: 200ms; }
.sm-disabled-duration-200:disabled { transition-duration: 200ms; }
.sm-duration-300 { transition-duration: 300ms; }
.sm-hover-duration-300:hover { transition-duration: 300ms; }
.sm-focus-duration-300:focus { transition-duration: 300ms; }
.sm-active-duration-300:active { transition-duration: 300ms; }
.sm-disabled-duration-300:disabled { transition-duration: 300ms; }
.sm-duration-500 { transition-duration: 500ms; }
.sm-hover-duration-500:hover { transition-duration: 500ms; }
.sm-focus-duration-500:focus { transition-duration: 500ms; }
.sm-active-duration-500:active { transition-duration: 500ms; }
.sm-disabled-duration-500:disabled { transition-duration: 500ms; }
.sm-duration-700 { transition-duration: 700ms; }
.sm-hover-duration-700:hover { transition-duration: 700ms; }
.sm-focus-duration-700:focus { transition-duration: 700ms; }
.sm-active-duration-700:active { transition-duration: 700ms; }
.sm-disabled-duration-700:disabled { transition-duration: 700ms; }
.sm-duration-1000 { transition-duration: 1000ms; }
.sm-hover-duration-1000:hover { transition-duration: 1000ms; }
.sm-focus-duration-1000:focus { transition-duration: 1000ms; }
.sm-active-duration-1000:active { transition-duration: 1000ms; }
.sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.sm-ease-linear { transition-timing-function: linear; }
.sm-hover-ease-linear:hover { transition-timing-function: linear; }
.sm-focus-ease-linear:focus { transition-timing-function: linear; }
.sm-active-ease-linear:active { transition-timing-function: linear; }
.sm-disabled-ease-linear:disabled { transition-timing-function: linear; }
.sm-ease-in { transition-timing-function: ease-in; }
.sm-hover-ease-in:hover { transition-timing-function: ease-in; }
.sm-focus-ease-in:focus { transition-timing-function: ease-in; }
.sm-active-ease-in:active { transition-timing-function: ease-in; }
.sm-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.sm-ease-out { transition-timing-function: ease-out; }
.sm-hover-ease-out:hover { transition-timing-function: ease-out; }
.sm-focus-ease-out:focus { transition-timing-function: ease-out; }
.sm-active-ease-out:active { transition-timing-function: ease-out; }
.sm-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.sm-ease-in-out { transition-timing-function: ease-in-out; }
.sm-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.sm-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.sm-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.sm-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.sm-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
.sm-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
.sm-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
.sm-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
.sm-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
.sm-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
.sm-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
.sm-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
.sm-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
.sm-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
.sm-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
.sm-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
.sm-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
.sm-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
.sm-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
.sm-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
.sm-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
.sm-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
.sm-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
.sm-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
.sm-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
.sm-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
.sm-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
.sm-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
.sm-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
.sm-animate-bounce { animation: quanta-bounce 1s infinite; }
.sm-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
.sm-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
.sm-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
.sm-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
.sm-animate-spin { animation: quanta-spin 1s linear infinite; }
.sm-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
.sm-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
.sm-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
.sm-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
.sm-filter-none { filter: none; }
.sm-hover-filter-none:hover { filter: none; }
.sm-focus-filter-none:focus { filter: none; }
.sm-active-filter-none:active { filter: none; }
.sm-disabled-filter-none:disabled { filter: none; }
.sm-blur-sm { filter: blur(2px); }
.sm-hover-blur-sm:hover { filter: blur(2px); }
.sm-focus-blur-sm:focus { filter: blur(2px); }
.sm-active-blur-sm:active { filter: blur(2px); }
.sm-disabled-blur-sm:disabled { filter: blur(2px); }
.sm-blur { filter: blur(4px); }
.sm-hover-blur:hover { filter: blur(4px); }
.sm-focus-blur:focus { filter: blur(4px); }
.sm-active-blur:active { filter: blur(4px); }
.sm-disabled-blur:disabled { filter: blur(4px); }
.sm-blur-md { filter: blur(8px); }
.sm-hover-blur-md:hover { filter: blur(8px); }
.sm-focus-blur-md:focus { filter: blur(8px); }
.sm-active-blur-md:active { filter: blur(8px); }
.sm-disabled-blur-md:disabled { filter: blur(8px); }
.sm-blur-lg { filter: blur(12px); }
.sm-hover-blur-lg:hover { filter: blur(12px); }
.sm-focus-blur-lg:focus { filter: blur(12px); }
.sm-active-blur-lg:active { filter: blur(12px); }
.sm-disabled-blur-lg:disabled { filter: blur(12px); }
.sm-blur-xl { filter: blur(20px); }
.sm-hover-blur-xl:hover { filter: blur(20px); }
.sm-focus-blur-xl:focus { filter: blur(20px); }
.sm-active-blur-xl:active { filter: blur(20px); }
.sm-disabled-blur-xl:disabled { filter: blur(20px); }
.sm-brightness-50 { filter: brightness(0.5); }
.sm-hover-brightness-50:hover { filter: brightness(0.5); }
.sm-focus-brightness-50:focus { filter: brightness(0.5); }
.sm-active-brightness-50:active { filter: brightness(0.5); }
.sm-disabled-brightness-50:disabled { filter: brightness(0.5); }
.sm-brightness-100 { filter: brightness(1); }
.sm-hover-brightness-100:hover { filter: brightness(1); }
.sm-focus-brightness-100:focus { filter: brightness(1); }
.sm-active-brightness-100:active { filter: brightness(1); }
.sm-disabled-brightness-100:disabled { filter: brightness(1); }
.sm-brightness-150 { filter: brightness(1.5); }
.sm-hover-brightness-150:hover { filter: brightness(1.5); }
.sm-focus-brightness-150:focus { filter: brightness(1.5); }
.sm-active-brightness-150:active { filter: brightness(1.5); }
.sm-disabled-brightness-150:disabled { filter: brightness(1.5); }
.sm-contrast-50 { filter: contrast(0.5); }
.sm-hover-contrast-50:hover { filter: contrast(0.5); }
.sm-focus-contrast-50:focus { filter: contrast(0.5); }
.sm-active-contrast-50:active { filter: contrast(0.5); }
.sm-disabled-contrast-50:disabled { filter: contrast(0.5); }
.sm-contrast-100 { filter: contrast(1); }
.sm-hover-contrast-100:hover { filter: contrast(1); }
.sm-focus-contrast-100:focus { filter: contrast(1); }
.sm-active-contrast-100:active { filter: contrast(1); }
.sm-disabled-contrast-100:disabled { filter: contrast(1); }
.sm-grayscale { filter: grayscale(1); }
.sm-hover-grayscale:hover { filter: grayscale(1); }
.sm-focus-grayscale:focus { filter: grayscale(1); }
.sm-active-grayscale:active { filter: grayscale(1); }
.sm-disabled-grayscale:disabled { filter: grayscale(1); }
.sm-sepia { filter: sepia(1); }
.sm-hover-sepia:hover { filter: sepia(1); }
.sm-focus-sepia:focus { filter: sepia(1); }
.sm-active-sepia:active { filter: sepia(1); }
.sm-disabled-sepia:disabled { filter: sepia(1); }
.sm-saturate-150 { filter: saturate(1.5); }
.sm-hover-saturate-150:hover { filter: saturate(1.5); }
.sm-focus-saturate-150:focus { filter: saturate(1.5); }
.sm-active-saturate-150:active { filter: saturate(1.5); }
.sm-disabled-saturate-150:disabled { filter: saturate(1.5); }
.sm-hue-rotate-90 { filter: hue-rotate(90deg); }
.sm-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.sm-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.sm-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.sm-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.sm-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.sm-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.sm-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.sm-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.sm-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.sm-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.sm-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.sm-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.sm-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.sm-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.sm-grid-flow-row { grid-auto-flow: row; }
.sm-hover-grid-flow-row:hover { grid-auto-flow: row; }
.sm-focus-grid-flow-row:focus { grid-auto-flow: row; }
.sm-active-grid-flow-row:active { grid-auto-flow: row; }
.sm-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
.sm-grid-flow-col { grid-auto-flow: column; }
.sm-hover-grid-flow-col:hover { grid-auto-flow: column; }
.sm-focus-grid-flow-col:focus { grid-auto-flow: column; }
.sm-active-grid-flow-col:active { grid-auto-flow: column; }
.sm-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
.sm-grid-flow-row-dense { grid-auto-flow: row dense; }
.sm-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
.sm-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
.sm-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
.sm-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
.sm-grid-flow-col-dense { grid-auto-flow: column dense; }
.sm-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
.sm-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
.sm-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
.sm-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
.sm-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.sm-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.sm-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.sm-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.sm-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.sm-transition-none { transition-property: none; }
.sm-hover-transition-none:hover { transition-property: none; }
.sm-focus-transition-none:focus { transition-property: none; }
.sm-active-transition-none:active { transition-property: none; }
.sm-disabled-transition-none:disabled { transition-property: none; }
.sm-transition-all { transition-property: all; }
.sm-hover-transition-all:hover { transition-property: all; }
.sm-focus-transition-all:focus { transition-property: all; }
.sm-active-transition-all:active { transition-property: all; }
.sm-disabled-transition-all:disabled { transition-property: all; }
.sm-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.sm-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.sm-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.sm-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.sm-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.sm-transition-opacity { transition-property: opacity; }
.sm-hover-transition-opacity:hover { transition-property: opacity; }
.sm-focus-transition-opacity:focus { transition-property: opacity; }
.sm-active-transition-opacity:active { transition-property: opacity; }
.sm-disabled-transition-opacity:disabled { transition-property: opacity; }
.sm-transition-shadow { transition-property: box-shadow; }
.sm-hover-transition-shadow:hover { transition-property: box-shadow; }
.sm-focus-transition-shadow:focus { transition-property: box-shadow; }
.sm-active-transition-shadow:active { transition-property: box-shadow; }
.sm-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.sm-transition-transform { transition-property: transform; }
.sm-hover-transition-transform:hover { transition-property: transform; }
.sm-focus-transition-transform:focus { transition-property: transform; }
.sm-active-transition-transform:active { transition-property: transform; }
.sm-disabled-transition-transform:disabled { transition-property: transform; }
.sm-duration-75 { transition-duration: 75ms; }
.sm-hover-duration-75:hover { transition-duration: 75ms; }
.sm-focus-duration-75:focus { transition-duration: 75ms; }
.sm-active-duration-75:active { transition-duration: 75ms; }
.sm-disabled-duration-75:disabled { transition-duration: 75ms; }
.sm-duration-150 { transition-duration: 150ms; }
.sm-hover-duration-150:hover { transition-duration: 150ms; }
.sm-focus-duration-150:focus { transition-duration: 150ms; }
.sm-active-duration-150:active { transition-duration: 150ms; }
.sm-disabled-duration-150:disabled { transition-duration: 150ms; }
.sm-duration-300 { transition-duration: 300ms; }
.sm-hover-duration-300:hover { transition-duration: 300ms; }
.sm-focus-duration-300:focus { transition-duration: 300ms; }
.sm-active-duration-300:active { transition-duration: 300ms; }
.sm-disabled-duration-300:disabled { transition-duration: 300ms; }
.sm-duration-500 { transition-duration: 500ms; }
.sm-hover-duration-500:hover { transition-duration: 500ms; }
.sm-focus-duration-500:focus { transition-duration: 500ms; }
.sm-active-duration-500:active { transition-duration: 500ms; }
.sm-disabled-duration-500:disabled { transition-duration: 500ms; }
.sm-duration-700 { transition-duration: 700ms; }
.sm-hover-duration-700:hover { transition-duration: 700ms; }
.sm-focus-duration-700:focus { transition-duration: 700ms; }
.sm-active-duration-700:active { transition-duration: 700ms; }
.sm-disabled-duration-700:disabled { transition-duration: 700ms; }
.sm-duration-1000 { transition-duration: 1000ms; }
.sm-hover-duration-1000:hover { transition-duration: 1000ms; }
.sm-focus-duration-1000:focus { transition-duration: 1000ms; }
.sm-active-duration-1000:active { transition-duration: 1000ms; }
.sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.sm-ease-linear { transition-timing-function: linear; }
.sm-hover-ease-linear:hover { transition-timing-function: linear; }
.sm-focus-ease-linear:focus { transition-timing-function: linear; }
.sm-active-ease-linear:active { transition-timing-function: linear; }
.sm-disabled-ease-linear:disabled { transition-timing-function: linear; }
.sm-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.sm-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.sm-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.sm-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.sm-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.sm-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.sm-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.sm-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.sm-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.sm-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.sm-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.sm-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.sm-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.sm-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.sm-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.sm-animate-none { animation: none; }
.sm-hover-animate-none:hover { animation: none; }
.sm-focus-animate-none:focus { animation: none; }
.sm-active-animate-none:active { animation: none; }
.sm-disabled-animate-none:disabled { animation: none; }
.sm-animate-fade { animation: fade 300ms ease-out both; }
.sm-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
.sm-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
.sm-active-animate-fade:active { animation: fade 300ms ease-out both; }
.sm-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
.sm-animate-slide-in { animation: slide-in 500ms ease-out both; }
.sm-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
.sm-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
.sm-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
.sm-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
.sm-animate-spin { animation: spin 1s linear infinite; }
.sm-hover-animate-spin:hover { animation: spin 1s linear infinite; }
.sm-focus-animate-spin:focus { animation: spin 1s linear infinite; }
.sm-active-animate-spin:active { animation: spin 1s linear infinite; }
.sm-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
.sm-transform { transform: var(--tw-transform, none); }
.sm-hover-transform:hover { transform: var(--tw-transform, none); }
.sm-focus-transform:focus { transform: var(--tw-transform, none); }
.sm-active-transform:active { transform: var(--tw-transform, none); }
.sm-disabled-transform:disabled { transform: var(--tw-transform, none); }
.sm-transform-none { transform: none; }
.sm-hover-transform-none:hover { transform: none; }
.sm-focus-transform-none:focus { transform: none; }
.sm-active-transform-none:active { transform: none; }
.sm-disabled-transform-none:disabled { transform: none; }
.sm-scale-50 { --tw-transform: scale(0.5); }
.sm-hover-scale-50:hover { --tw-transform: scale(0.5); }
.sm-focus-scale-50:focus { --tw-transform: scale(0.5); }
.sm-active-scale-50:active { --tw-transform: scale(0.5); }
.sm-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
.sm-scale-75 { --tw-transform: scale(0.75); }
.sm-hover-scale-75:hover { --tw-transform: scale(0.75); }
.sm-focus-scale-75:focus { --tw-transform: scale(0.75); }
.sm-active-scale-75:active { --tw-transform: scale(0.75); }
.sm-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
.sm-scale-90 { --tw-transform: scale(0.9); }
.sm-hover-scale-90:hover { --tw-transform: scale(0.9); }
.sm-focus-scale-90:focus { --tw-transform: scale(0.9); }
.sm-active-scale-90:active { --tw-transform: scale(0.9); }
.sm-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
.sm-scale-100 { --tw-transform: scale(1); }
.sm-hover-scale-100:hover { --tw-transform: scale(1); }
.sm-focus-scale-100:focus { --tw-transform: scale(1); }
.sm-active-scale-100:active { --tw-transform: scale(1); }
.sm-disabled-scale-100:disabled { --tw-transform: scale(1); }
.sm-scale-105 { --tw-transform: scale(1.05); }
.sm-hover-scale-105:hover { --tw-transform: scale(1.05); }
.sm-focus-scale-105:focus { --tw-transform: scale(1.05); }
.sm-active-scale-105:active { --tw-transform: scale(1.05); }
.sm-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
.sm-scale-110 { --tw-transform: scale(1.1); }
.sm-hover-scale-110:hover { --tw-transform: scale(1.1); }
.sm-focus-scale-110:focus { --tw-transform: scale(1.1); }
.sm-active-scale-110:active { --tw-transform: scale(1.1); }
.sm-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
.sm-scale-125 { --tw-transform: scale(1.25); }
.sm-hover-scale-125:hover { --tw-transform: scale(1.25); }
.sm-focus-scale-125:focus { --tw-transform: scale(1.25); }
.sm-active-scale-125:active { --tw-transform: scale(1.25); }
.sm-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
.sm-scale-150 { --tw-transform: scale(1.5); }
.sm-hover-scale-150:hover { --tw-transform: scale(1.5); }
.sm-focus-scale-150:focus { --tw-transform: scale(1.5); }
.sm-active-scale-150:active { --tw-transform: scale(1.5); }
.sm-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
.sm-translate-x-0 { --tw-transform: translateX(0); }
.sm-hover-translate-x-0:hover { --tw-transform: translateX(0); }
.sm-focus-translate-x-0:focus { --tw-transform: translateX(0); }
.sm-active-translate-x-0:active { --tw-transform: translateX(0); }
.sm-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
.sm-translate-x-1 { --tw-transform: translateX(0.25rem); }
.sm-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
.sm-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
.sm-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
.sm-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
.sm-translate-x-2 { --tw-transform: translateX(0.5rem); }
.sm-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
.sm-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
.sm-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
.sm-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
.sm-translate-x-4 { --tw-transform: translateX(1rem); }
.sm-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
.sm-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
.sm-active-translate-x-4:active { --tw-transform: translateX(1rem); }
.sm-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
.sm-translate-x-8 { --tw-transform: translateX(2rem); }
.sm-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
.sm-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
.sm-active-translate-x-8:active { --tw-transform: translateX(2rem); }
.sm-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
.sm-translate-y-0 { --tw-transform: translateY(0); }
.sm-hover-translate-y-0:hover { --tw-transform: translateY(0); }
.sm-focus-translate-y-0:focus { --tw-transform: translateY(0); }
.sm-active-translate-y-0:active { --tw-transform: translateY(0); }
.sm-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
.sm-translate-y-1 { --tw-transform: translateY(0.25rem); }
.sm-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
.sm-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
.sm-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
.sm-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
.sm-translate-y-2 { --tw-transform: translateY(0.5rem); }
.sm-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
.sm-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
.sm-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
.sm-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
.sm-translate-y-4 { --tw-transform: translateY(1rem); }
.sm-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
.sm-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
.sm-active-translate-y-4:active { --tw-transform: translateY(1rem); }
.sm-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
.sm-translate-y-8 { --tw-transform: translateY(2rem); }
.sm-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
.sm-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
.sm-active-translate-y-8:active { --tw-transform: translateY(2rem); }
.sm-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
.sm-rotate-0 { --tw-transform: rotate(0deg); }
.sm-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
.sm-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
.sm-active-rotate-0:active { --tw-transform: rotate(0deg); }
.sm-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
.sm-rotate-45 { --tw-transform: rotate(45deg); }
.sm-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
.sm-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
.sm-active-rotate-45:active { --tw-transform: rotate(45deg); }
.sm-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
.sm-rotate-90 { --tw-transform: rotate(90deg); }
.sm-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
.sm-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
.sm-active-rotate-90:active { --tw-transform: rotate(90deg); }
.sm-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
.sm-rotate-180 { --tw-transform: rotate(180deg); }
.sm-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
.sm-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
.sm-active-rotate-180:active { --tw-transform: rotate(180deg); }
.sm-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
.sm-skew-x-0 { --tw-transform: skewX(0); }
.sm-hover-skew-x-0:hover { --tw-transform: skewX(0); }
.sm-focus-skew-x-0:focus { --tw-transform: skewX(0); }
.sm-active-skew-x-0:active { --tw-transform: skewX(0); }
.sm-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
.sm-skew-x-3 { --tw-transform: skewX(3deg); }
.sm-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
.sm-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
.sm-active-skew-x-3:active { --tw-transform: skewX(3deg); }
.sm-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
.sm-skew-x-6 { --tw-transform: skewX(6deg); }
.sm-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
.sm-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
.sm-active-skew-x-6:active { --tw-transform: skewX(6deg); }
.sm-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
.sm-skew-y-0 { --tw-transform: skewY(0); }
.sm-hover-skew-y-0:hover { --tw-transform: skewY(0); }
.sm-focus-skew-y-0:focus { --tw-transform: skewY(0); }
.sm-active-skew-y-0:active { --tw-transform: skewY(0); }
.sm-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
.sm-skew-y-3 { --tw-transform: skewY(3deg); }
.sm-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
.sm-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
.sm-active-skew-y-3:active { --tw-transform: skewY(3deg); }
.sm-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
.sm-skew-y-6 { --tw-transform: skewY(6deg); }
.sm-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
.sm-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
.sm-active-skew-y-6:active { --tw-transform: skewY(6deg); }
.sm-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
.sm-origin-center { transform-origin: center; }
.sm-hover-origin-center:hover { transform-origin: center; }
.sm-focus-origin-center:focus { transform-origin: center; }
.sm-active-origin-center:active { transform-origin: center; }
.sm-disabled-origin-center:disabled { transform-origin: center; }
.sm-origin-top { transform-origin: top; }
.sm-hover-origin-top:hover { transform-origin: top; }
.sm-focus-origin-top:focus { transform-origin: top; }
.sm-active-origin-top:active { transform-origin: top; }
.sm-disabled-origin-top:disabled { transform-origin: top; }
.sm-origin-right { transform-origin: right; }
.sm-hover-origin-right:hover { transform-origin: right; }
.sm-focus-origin-right:focus { transform-origin: right; }
.sm-active-origin-right:active { transform-origin: right; }
.sm-disabled-origin-right:disabled { transform-origin: right; }
.sm-origin-bottom { transform-origin: bottom; }
.sm-hover-origin-bottom:hover { transform-origin: bottom; }
.sm-focus-origin-bottom:focus { transform-origin: bottom; }
.sm-active-origin-bottom:active { transform-origin: bottom; }
.sm-disabled-origin-bottom:disabled { transform-origin: bottom; }
.sm-origin-left { transform-origin: left; }
.sm-hover-origin-left:hover { transform-origin: left; }
.sm-focus-origin-left:focus { transform-origin: left; }
.sm-active-origin-left:active { transform-origin: left; }
.sm-disabled-origin-left:disabled { transform-origin: left; }
.sm-perspective-none { perspective: none; }
.sm-hover-perspective-none:hover { perspective: none; }
.sm-focus-perspective-none:focus { perspective: none; }
.sm-active-perspective-none:active { perspective: none; }
.sm-disabled-perspective-none:disabled { perspective: none; }
.sm-perspective-sm { perspective: 400px; }
.sm-hover-perspective-sm:hover { perspective: 400px; }
.sm-focus-perspective-sm:focus { perspective: 400px; }
.sm-active-perspective-sm:active { perspective: 400px; }
.sm-disabled-perspective-sm:disabled { perspective: 400px; }
.sm-perspective-md { perspective: 800px; }
.sm-hover-perspective-md:hover { perspective: 800px; }
.sm-focus-perspective-md:focus { perspective: 800px; }
.sm-active-perspective-md:active { perspective: 800px; }
.sm-disabled-perspective-md:disabled { perspective: 800px; }
.sm-perspective-lg { perspective: 1200px; }
.sm-hover-perspective-lg:hover { perspective: 1200px; }
.sm-focus-perspective-lg:focus { perspective: 1200px; }
.sm-active-perspective-lg:active { perspective: 1200px; }
.sm-disabled-perspective-lg:disabled { perspective: 1200px; }
.sm-perspective-xl { perspective: 1600px; }
.sm-hover-perspective-xl:hover { perspective: 1600px; }
.sm-focus-perspective-xl:focus { perspective: 1600px; }
.sm-active-perspective-xl:active { perspective: 1600px; }
.sm-disabled-perspective-xl:disabled { perspective: 1600px; }
.sm-perspective-origin-center { perspective-origin: center; }
.sm-hover-perspective-origin-center:hover { perspective-origin: center; }
.sm-focus-perspective-origin-center:focus { perspective-origin: center; }
.sm-active-perspective-origin-center:active { perspective-origin: center; }
.sm-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.sm-perspective-origin-top { perspective-origin: top; }
.sm-hover-perspective-origin-top:hover { perspective-origin: top; }
.sm-focus-perspective-origin-top:focus { perspective-origin: top; }
.sm-active-perspective-origin-top:active { perspective-origin: top; }
.sm-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.sm-perspective-origin-left { perspective-origin: left; }
.sm-hover-perspective-origin-left:hover { perspective-origin: left; }
.sm-focus-perspective-origin-left:focus { perspective-origin: left; }
.sm-active-perspective-origin-left:active { perspective-origin: left; }
.sm-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.sm-perspective-origin-right { perspective-origin: right; }
.sm-hover-perspective-origin-right:hover { perspective-origin: right; }
.sm-focus-perspective-origin-right:focus { perspective-origin: right; }
.sm-active-perspective-origin-right:active { perspective-origin: right; }
.sm-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.sm-perspective-origin-bottom { perspective-origin: bottom; }
.sm-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.sm-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.sm-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.sm-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.sm-backface-visible { backface-visibility: visible; }
.sm-hover-backface-visible:hover { backface-visibility: visible; }
.sm-focus-backface-visible:focus { backface-visibility: visible; }
.sm-active-backface-visible:active { backface-visibility: visible; }
.sm-disabled-backface-visible:disabled { backface-visibility: visible; }
.sm-backface-hidden { backface-visibility: hidden; }
.sm-hover-backface-hidden:hover { backface-visibility: hidden; }
.sm-focus-backface-hidden:focus { backface-visibility: hidden; }
.sm-active-backface-hidden:active { backface-visibility: hidden; }
.sm-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.sm-transform-style-flat { transform-style: flat; }
.sm-hover-transform-style-flat:hover { transform-style: flat; }
.sm-focus-transform-style-flat:focus { transform-style: flat; }
.sm-active-transform-style-flat:active { transform-style: flat; }
.sm-disabled-transform-style-flat:disabled { transform-style: flat; }
.sm-transform-style-preserve { transform-style: preserve-3d; }
.sm-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
.sm-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
.sm-active-transform-style-preserve:active { transform-style: preserve-3d; }
.sm-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
.sm-filter-none { filter: none; }
.sm-hover-filter-none:hover { filter: none; }
.sm-focus-filter-none:focus { filter: none; }
.sm-active-filter-none:active { filter: none; }
.sm-disabled-filter-none:disabled { filter: none; }
.sm-filter-grayscale { filter: grayscale(100%); }
.sm-hover-filter-grayscale:hover { filter: grayscale(100%); }
.sm-focus-filter-grayscale:focus { filter: grayscale(100%); }
.sm-active-filter-grayscale:active { filter: grayscale(100%); }
.sm-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
.sm-filter-blur { filter: blur(4px); }
.sm-hover-filter-blur:hover { filter: blur(4px); }
.sm-focus-filter-blur:focus { filter: blur(4px); }
.sm-active-filter-blur:active { filter: blur(4px); }
.sm-disabled-filter-blur:disabled { filter: blur(4px); }
.sm-filter-brightness-50 { filter: brightness(0.5); }
.sm-hover-filter-brightness-50:hover { filter: brightness(0.5); }
.sm-focus-filter-brightness-50:focus { filter: brightness(0.5); }
.sm-active-filter-brightness-50:active { filter: brightness(0.5); }
.sm-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
.sm-filter-contrast-125 { filter: contrast(1.25); }
.sm-hover-filter-contrast-125:hover { filter: contrast(1.25); }
.sm-focus-filter-contrast-125:focus { filter: contrast(1.25); }
.sm-active-filter-contrast-125:active { filter: contrast(1.25); }
.sm-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
.sm-filter-saturate-150 { filter: saturate(1.5); }
.sm-hover-filter-saturate-150:hover { filter: saturate(1.5); }
.sm-focus-filter-saturate-150:focus { filter: saturate(1.5); }
.sm-active-filter-saturate-150:active { filter: saturate(1.5); }
.sm-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
.sm-filter-sepia { filter: sepia(100%); }
.sm-hover-filter-sepia:hover { filter: sepia(100%); }
.sm-focus-filter-sepia:focus { filter: sepia(100%); }
.sm-active-filter-sepia:active { filter: sepia(100%); }
.sm-disabled-filter-sepia:disabled { filter: sepia(100%); }
.sm-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
.sm-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.sm-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.sm-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
.sm-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.sm-backdrop-filter-none { backdrop-filter: none; }
.sm-hover-backdrop-filter-none:hover { backdrop-filter: none; }
.sm-focus-backdrop-filter-none:focus { backdrop-filter: none; }
.sm-active-backdrop-filter-none:active { backdrop-filter: none; }
.sm-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
.sm-backdrop-blur { backdrop-filter: blur(4px); }
.sm-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
.sm-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
.sm-active-backdrop-blur:active { backdrop-filter: blur(4px); }
.sm-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
.sm-bg-blend-normal { background-blend-mode: normal; }
.sm-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.sm-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.sm-active-bg-blend-normal:active { background-blend-mode: normal; }
.sm-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.sm-bg-blend-multiply { background-blend-mode: multiply; }
.sm-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.sm-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.sm-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.sm-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.sm-bg-blend-screen { background-blend-mode: screen; }
.sm-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.sm-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.sm-active-bg-blend-screen:active { background-blend-mode: screen; }
.sm-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.sm-bg-blend-overlay { background-blend-mode: overlay; }
.sm-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.sm-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.sm-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.sm-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.sm-bg-blend-darken { background-blend-mode: darken; }
.sm-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.sm-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.sm-active-bg-blend-darken:active { background-blend-mode: darken; }
.sm-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.sm-bg-blend-lighten { background-blend-mode: lighten; }
.sm-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.sm-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.sm-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.sm-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.sm-mix-blend-normal { mix-blend-mode: normal; }
.sm-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
.sm-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
.sm-active-mix-blend-normal:active { mix-blend-mode: normal; }
.sm-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
.sm-mix-blend-multiply { mix-blend-mode: multiply; }
.sm-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
.sm-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
.sm-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
.sm-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
.sm-mix-blend-screen { mix-blend-mode: screen; }
.sm-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
.sm-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
.sm-active-mix-blend-screen:active { mix-blend-mode: screen; }
.sm-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
.sm-mix-blend-overlay { mix-blend-mode: overlay; }
.sm-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
.sm-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
.sm-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
.sm-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
.sm-decoration-slice { box-decoration-break: slice; }
.sm-hover-decoration-slice:hover { box-decoration-break: slice; }
.sm-focus-decoration-slice:focus { box-decoration-break: slice; }
.sm-active-decoration-slice:active { box-decoration-break: slice; }
.sm-disabled-decoration-slice:disabled { box-decoration-break: slice; }
.sm-decoration-clone { box-decoration-break: clone; }
.sm-hover-decoration-clone:hover { box-decoration-break: clone; }
.sm-focus-decoration-clone:focus { box-decoration-break: clone; }
.sm-active-decoration-clone:active { box-decoration-break: clone; }
.sm-disabled-decoration-clone:disabled { box-decoration-break: clone; }
.sm-box-border { box-sizing: border-box; }
.sm-hover-box-border:hover { box-sizing: border-box; }
.sm-focus-box-border:focus { box-sizing: border-box; }
.sm-active-box-border:active { box-sizing: border-box; }
.sm-disabled-box-border:disabled { box-sizing: border-box; }
.sm-box-content { box-sizing: content-box; }
.sm-hover-box-content:hover { box-sizing: content-box; }
.sm-focus-box-content:focus { box-sizing: content-box; }
.sm-active-box-content:active { box-sizing: content-box; }
.sm-disabled-box-content:disabled { box-sizing: content-box; }
.sm-clip-none { clip-path: none; }
.sm-hover-clip-none:hover { clip-path: none; }
.sm-focus-clip-none:focus { clip-path: none; }
.sm-active-clip-none:active { clip-path: none; }
.sm-disabled-clip-none:disabled { clip-path: none; }
.sm-clip-circle { clip-path: circle(50%); }
.sm-hover-clip-circle:hover { clip-path: circle(50%); }
.sm-focus-clip-circle:focus { clip-path: circle(50%); }
.sm-active-clip-circle:active { clip-path: circle(50%); }
.sm-disabled-clip-circle:disabled { clip-path: circle(50%); }
.sm-clip-ellipse { clip-path: ellipse(50% 75%); }
.sm-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
.sm-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
.sm-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
.sm-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
.sm-clip-inset { clip-path: inset(10%); }
.sm-hover-clip-inset:hover { clip-path: inset(10%); }
.sm-focus-clip-inset:focus { clip-path: inset(10%); }
.sm-active-clip-inset:active { clip-path: inset(10%); }
.sm-disabled-clip-inset:disabled { clip-path: inset(10%); }
.sm-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.sm-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.sm-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.sm-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.sm-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.sm-outline-none { outline: none; }
.sm-hover-outline-none:hover { outline: none; }
.sm-focus-outline-none:focus { outline: none; }
.sm-active-outline-none:active { outline: none; }
.sm-disabled-outline-none:disabled { outline: none; }
.sm-outline-solid { outline-style: solid; }
.sm-hover-outline-solid:hover { outline-style: solid; }
.sm-focus-outline-solid:focus { outline-style: solid; }
.sm-active-outline-solid:active { outline-style: solid; }
.sm-disabled-outline-solid:disabled { outline-style: solid; }
.sm-outline-dashed { outline-style: dashed; }
.sm-hover-outline-dashed:hover { outline-style: dashed; }
.sm-focus-outline-dashed:focus { outline-style: dashed; }
.sm-active-outline-dashed:active { outline-style: dashed; }
.sm-disabled-outline-dashed:disabled { outline-style: dashed; }
.sm-outline-offset-0 { outline-offset: 0; }
.sm-hover-outline-offset-0:hover { outline-offset: 0; }
.sm-focus-outline-offset-0:focus { outline-offset: 0; }
.sm-active-outline-offset-0:active { outline-offset: 0; }
.sm-disabled-outline-offset-0:disabled { outline-offset: 0; }
.sm-outline-offset-2 { outline-offset: 2px; }
.sm-hover-outline-offset-2:hover { outline-offset: 2px; }
.sm-focus-outline-offset-2:focus { outline-offset: 2px; }
.sm-active-outline-offset-2:active { outline-offset: 2px; }
.sm-disabled-outline-offset-2:disabled { outline-offset: 2px; }
.sm-outline-offset-4 { outline-offset: 4px; }
.sm-hover-outline-offset-4:hover { outline-offset: 4px; }
.sm-focus-outline-offset-4:focus { outline-offset: 4px; }
.sm-active-outline-offset-4:active { outline-offset: 4px; }
.sm-disabled-outline-offset-4:disabled { outline-offset: 4px; }
.sm-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.sm-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.sm-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.sm-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.sm-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.sm-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.sm-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.sm-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.sm-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.sm-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.sm-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.sm-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.sm-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.sm-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.sm-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.sm-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.sm-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.sm-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.sm-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.sm-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.sm-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.sm-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.sm-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.sm-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.sm-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.sm-shadow-none { box-shadow: none; }
.sm-hover-shadow-none:hover { box-shadow: none; }
.sm-focus-shadow-none:focus { box-shadow: none; }
.sm-active-shadow-none:active { box-shadow: none; }
.sm-disabled-shadow-none:disabled { box-shadow: none; }
.sm-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.sm-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.sm-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.sm-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.sm-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.sm-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.sm-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.sm-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.sm-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.sm-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.sm-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.sm-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.sm-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.sm-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.sm-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.sm-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.sm-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.sm-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.sm-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.sm-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.sm-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.sm-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.sm-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.sm-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.sm-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.sm-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.sm-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.sm-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.sm-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.sm-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.sm-accent-auto { accent-color: auto; }
.sm-hover-accent-auto:hover { accent-color: auto; }
.sm-focus-accent-auto:focus { accent-color: auto; }
.sm-active-accent-auto:active { accent-color: auto; }
.sm-disabled-accent-auto:disabled { accent-color: auto; }
.sm-accent-current { accent-color: currentColor; }
.sm-hover-accent-current:hover { accent-color: currentColor; }
.sm-focus-accent-current:focus { accent-color: currentColor; }
.sm-active-accent-current:active { accent-color: currentColor; }
.sm-disabled-accent-current:disabled { accent-color: currentColor; }
.sm-appearance-none { appearance: none; }
.sm-hover-appearance-none:hover { appearance: none; }
.sm-focus-appearance-none:focus { appearance: none; }
.sm-active-appearance-none:active { appearance: none; }
.sm-disabled-appearance-none:disabled { appearance: none; }
.sm-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.sm-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.sm-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.sm-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.sm-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.sm-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.sm-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.sm-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.sm-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.sm-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.sm-cursor-auto { cursor: auto; }
.sm-hover-cursor-auto:hover { cursor: auto; }
.sm-focus-cursor-auto:focus { cursor: auto; }
.sm-active-cursor-auto:active { cursor: auto; }
.sm-disabled-cursor-auto:disabled { cursor: auto; }
.sm-cursor-pointer { cursor: pointer; }
.sm-hover-cursor-pointer:hover { cursor: pointer; }
.sm-focus-cursor-pointer:focus { cursor: pointer; }
.sm-active-cursor-pointer:active { cursor: pointer; }
.sm-disabled-cursor-pointer:disabled { cursor: pointer; }
.sm-cursor-default { cursor: default; }
.sm-hover-cursor-default:hover { cursor: default; }
.sm-focus-cursor-default:focus { cursor: default; }
.sm-active-cursor-default:active { cursor: default; }
.sm-disabled-cursor-default:disabled { cursor: default; }
.sm-cursor-wait { cursor: wait; }
.sm-hover-cursor-wait:hover { cursor: wait; }
.sm-focus-cursor-wait:focus { cursor: wait; }
.sm-active-cursor-wait:active { cursor: wait; }
.sm-disabled-cursor-wait:disabled { cursor: wait; }
.sm-cursor-text { cursor: text; }
.sm-hover-cursor-text:hover { cursor: text; }
.sm-focus-cursor-text:focus { cursor: text; }
.sm-active-cursor-text:active { cursor: text; }
.sm-disabled-cursor-text:disabled { cursor: text; }
.sm-cursor-move { cursor: move; }
.sm-hover-cursor-move:hover { cursor: move; }
.sm-focus-cursor-move:focus { cursor: move; }
.sm-active-cursor-move:active { cursor: move; }
.sm-disabled-cursor-move:disabled { cursor: move; }
.sm-cursor-not-allowed { cursor: not-allowed; }
.sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.sm-active-cursor-not-allowed:active { cursor: not-allowed; }
.sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.sm-pointer-events-auto { pointer-events: auto; }
.sm-hover-pointer-events-auto:hover { pointer-events: auto; }
.sm-focus-pointer-events-auto:focus { pointer-events: auto; }
.sm-active-pointer-events-auto:active { pointer-events: auto; }
.sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.sm-pointer-events-none { pointer-events: none; }
.sm-hover-pointer-events-none:hover { pointer-events: none; }
.sm-focus-pointer-events-none:focus { pointer-events: none; }
.sm-active-pointer-events-none:active { pointer-events: none; }
.sm-disabled-pointer-events-none:disabled { pointer-events: none; }
.sm-resize-none { resize: none; }
.sm-hover-resize-none:hover { resize: none; }
.sm-focus-resize-none:focus { resize: none; }
.sm-active-resize-none:active { resize: none; }
.sm-disabled-resize-none:disabled { resize: none; }
.sm-resize-y { resize: vertical; }
.sm-hover-resize-y:hover { resize: vertical; }
.sm-focus-resize-y:focus { resize: vertical; }
.sm-active-resize-y:active { resize: vertical; }
.sm-disabled-resize-y:disabled { resize: vertical; }
.sm-resize-x { resize: horizontal; }
.sm-hover-resize-x:hover { resize: horizontal; }
.sm-focus-resize-x:focus { resize: horizontal; }
.sm-active-resize-x:active { resize: horizontal; }
.sm-disabled-resize-x:disabled { resize: horizontal; }
.sm-resize { resize: both; }
.sm-hover-resize:hover { resize: both; }
.sm-focus-resize:focus { resize: both; }
.sm-active-resize:active { resize: both; }
.sm-disabled-resize:disabled { resize: both; }
.sm-scroll-auto { scroll-behavior: auto; }
.sm-hover-scroll-auto:hover { scroll-behavior: auto; }
.sm-focus-scroll-auto:focus { scroll-behavior: auto; }
.sm-active-scroll-auto:active { scroll-behavior: auto; }
.sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.sm-scroll-smooth { scroll-behavior: smooth; }
.sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.sm-active-scroll-smooth:active { scroll-behavior: smooth; }
.sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.sm-scroll-m-0 { scroll-margin: 0; }
.sm-hover-scroll-m-0:hover { scroll-margin: 0; }
.sm-focus-scroll-m-0:focus { scroll-margin: 0; }
.sm-active-scroll-m-0:active { scroll-margin: 0; }
.sm-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.sm-scroll-m-1 { scroll-margin: 0.25rem; }
.sm-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.sm-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.sm-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.sm-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.sm-scroll-m-2 { scroll-margin: 0.5rem; }
.sm-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.sm-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.sm-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.sm-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.sm-scroll-m-4 { scroll-margin: 1rem; }
.sm-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.sm-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.sm-active-scroll-m-4:active { scroll-margin: 1rem; }
.sm-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.sm-scroll-m-8 { scroll-margin: 2rem; }
.sm-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.sm-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.sm-active-scroll-m-8:active { scroll-margin: 2rem; }
.sm-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.sm-scroll-p-0 { scroll-padding: 0; }
.sm-hover-scroll-p-0:hover { scroll-padding: 0; }
.sm-focus-scroll-p-0:focus { scroll-padding: 0; }
.sm-active-scroll-p-0:active { scroll-padding: 0; }
.sm-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.sm-scroll-p-1 { scroll-padding: 0.25rem; }
.sm-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.sm-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.sm-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.sm-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.sm-scroll-p-2 { scroll-padding: 0.5rem; }
.sm-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.sm-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.sm-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.sm-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.sm-scroll-p-4 { scroll-padding: 1rem; }
.sm-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.sm-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.sm-active-scroll-p-4:active { scroll-padding: 1rem; }
.sm-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.sm-scroll-p-8 { scroll-padding: 2rem; }
.sm-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.sm-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.sm-active-scroll-p-8:active { scroll-padding: 2rem; }
.sm-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.sm-touch-auto { touch-action: auto; }
.sm-hover-touch-auto:hover { touch-action: auto; }
.sm-focus-touch-auto:focus { touch-action: auto; }
.sm-active-touch-auto:active { touch-action: auto; }
.sm-disabled-touch-auto:disabled { touch-action: auto; }
.sm-touch-none { touch-action: none; }
.sm-hover-touch-none:hover { touch-action: none; }
.sm-focus-touch-none:focus { touch-action: none; }
.sm-active-touch-none:active { touch-action: none; }
.sm-disabled-touch-none:disabled { touch-action: none; }
.sm-touch-pan-x { touch-action: pan-x; }
.sm-hover-touch-pan-x:hover { touch-action: pan-x; }
.sm-focus-touch-pan-x:focus { touch-action: pan-x; }
.sm-active-touch-pan-x:active { touch-action: pan-x; }
.sm-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.sm-touch-pan-y { touch-action: pan-y; }
.sm-hover-touch-pan-y:hover { touch-action: pan-y; }
.sm-focus-touch-pan-y:focus { touch-action: pan-y; }
.sm-active-touch-pan-y:active { touch-action: pan-y; }
.sm-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.sm-touch-manipulation { touch-action: manipulation; }
.sm-hover-touch-manipulation:hover { touch-action: manipulation; }
.sm-focus-touch-manipulation:focus { touch-action: manipulation; }
.sm-active-touch-manipulation:active { touch-action: manipulation; }
.sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.sm-select-none { user-select: none; }
.sm-hover-select-none:hover { user-select: none; }
.sm-focus-select-none:focus { user-select: none; }
.sm-active-select-none:active { user-select: none; }
.sm-disabled-select-none:disabled { user-select: none; }
.sm-select-text { user-select: text; }
.sm-hover-select-text:hover { user-select: text; }
.sm-focus-select-text:focus { user-select: text; }
.sm-active-select-text:active { user-select: text; }
.sm-disabled-select-text:disabled { user-select: text; }
.sm-select-all { user-select: all; }
.sm-hover-select-all:hover { user-select: all; }
.sm-focus-select-all:focus { user-select: all; }
.sm-active-select-all:active { user-select: all; }
.sm-disabled-select-all:disabled { user-select: all; }
.sm-select-auto { user-select: auto; }
.sm-hover-select-auto:hover { user-select: auto; }
.sm-focus-select-auto:focus { user-select: auto; }
.sm-active-select-auto:active { user-select: auto; }
.sm-disabled-select-auto:disabled { user-select: auto; }
.sm-will-change-auto { will-change: auto; }
.sm-hover-will-change-auto:hover { will-change: auto; }
.sm-focus-will-change-auto:focus { will-change: auto; }
.sm-active-will-change-auto:active { will-change: auto; }
.sm-disabled-will-change-auto:disabled { will-change: auto; }
.sm-will-change-scroll { will-change: scroll-position; }
.sm-hover-will-change-scroll:hover { will-change: scroll-position; }
.sm-focus-will-change-scroll:focus { will-change: scroll-position; }
.sm-active-will-change-scroll:active { will-change: scroll-position; }
.sm-disabled-will-change-scroll:disabled { will-change: scroll-position; }
.sm-will-change-transform { will-change: transform; }
.sm-hover-will-change-transform:hover { will-change: transform; }
.sm-focus-will-change-transform:focus { will-change: transform; }
.sm-active-will-change-transform:active { will-change: transform; }
.sm-disabled-will-change-transform:disabled { will-change: transform; }
.sm-will-change-opacity { will-change: opacity; }
.sm-hover-will-change-opacity:hover { will-change: opacity; }
.sm-focus-will-change-opacity:focus { will-change: opacity; }
.sm-active-will-change-opacity:active { will-change: opacity; }
.sm-disabled-will-change-opacity:disabled { will-change: opacity; }
.sm-bg-primary { background-color: var(--quanta-primary); }
.sm-hover-bg-primary:hover { background-color: var(--quanta-primary); }
.sm-focus-bg-primary:focus { background-color: var(--quanta-primary); }
.sm-active-bg-primary:active { background-color: var(--quanta-primary); }
.sm-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
.sm-bg-secondary { background-color: var(--quanta-bg-secondary); }
.sm-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
.sm-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
.sm-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
.sm-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
.sm-bg-success { background-color: var(--quanta-bg-success); }
.sm-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
.sm-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
.sm-active-bg-success:active { background-color: var(--quanta-bg-success); }
.sm-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
.sm-bg-warning { background-color: var(--quanta-bg-warning); }
.sm-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
.sm-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
.sm-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
.sm-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
.sm-bg-danger { background-color: var(--quanta-bg-danger); }
.sm-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
.sm-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
.sm-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
.sm-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
.sm-bg-info { background-color: var(--quanta-bg-info); }
.sm-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
.sm-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
.sm-active-bg-info:active { background-color: var(--quanta-bg-info); }
.sm-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
.sm-text-primary { color: var(--quanta-primary); }
.sm-hover-text-primary:hover { color: var(--quanta-primary); }
.sm-focus-text-primary:focus { color: var(--quanta-primary); }
.sm-active-text-primary:active { color: var(--quanta-primary); }
.sm-disabled-text-primary:disabled { color: var(--quanta-primary); }
.sm-text-secondary { color: var(--quanta-text-secondary); }
.sm-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
.sm-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
.sm-active-text-secondary:active { color: var(--quanta-text-secondary); }
.sm-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
.sm-text-success { color: var(--quanta-text-success); }
.sm-hover-text-success:hover { color: var(--quanta-text-success); }
.sm-focus-text-success:focus { color: var(--quanta-text-success); }
.sm-active-text-success:active { color: var(--quanta-text-success); }
.sm-disabled-text-success:disabled { color: var(--quanta-text-success); }
.sm-text-warning { color: var(--quanta-text-warning); }
.sm-hover-text-warning:hover { color: var(--quanta-text-warning); }
.sm-focus-text-warning:focus { color: var(--quanta-text-warning); }
.sm-active-text-warning:active { color: var(--quanta-text-warning); }
.sm-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
.sm-text-danger { color: var(--quanta-text-danger); }
.sm-hover-text-danger:hover { color: var(--quanta-text-danger); }
.sm-focus-text-danger:focus { color: var(--quanta-text-danger); }
.sm-active-text-danger:active { color: var(--quanta-text-danger); }
.sm-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
.sm-text-info { color: var(--quanta-text-info); }
.sm-hover-text-info:hover { color: var(--quanta-text-info); }
.sm-focus-text-info:focus { color: var(--quanta-text-info); }
.sm-active-text-info:active { color: var(--quanta-text-info); }
.sm-disabled-text-info:disabled { color: var(--quanta-text-info); }
.sm-border-primary { border-color: var(--quanta-primary); }
.sm-hover-border-primary:hover { border-color: var(--quanta-primary); }
.sm-focus-border-primary:focus { border-color: var(--quanta-primary); }
.sm-active-border-primary:active { border-color: var(--quanta-primary); }
.sm-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
.sm-border-secondary { border-color: var(--quanta-border-secondary); }
.sm-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
.sm-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
.sm-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
.sm-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
.sm-border-success { border-color: var(--quanta-border-success); }
.sm-hover-border-success:hover { border-color: var(--quanta-border-success); }
.sm-focus-border-success:focus { border-color: var(--quanta-border-success); }
.sm-active-border-success:active { border-color: var(--quanta-border-success); }
.sm-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
.sm-border-warning { border-color: var(--quanta-border-warning); }
.sm-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
.sm-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
.sm-active-border-warning:active { border-color: var(--quanta-border-warning); }
.sm-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
.sm-border-danger { border-color: var(--quanta-border-danger); }
.sm-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
.sm-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
.sm-active-border-danger:active { border-color: var(--quanta-border-danger); }
.sm-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
.sm-border-info { border-color: var(--quanta-border-info); }
.sm-hover-border-info:hover { border-color: var(--quanta-border-info); }
.sm-focus-border-info:focus { border-color: var(--quanta-border-info); }
.sm-active-border-info:active { border-color: var(--quanta-border-info); }
.sm-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
}
@media (min-width: 768px) {
.md-p-auto { padding: auto; }
.md-hover-p-auto:hover { padding: auto; }
.md-focus-p-auto:focus { padding: auto; }
.md-active-p-auto:active { padding: auto; }
.md-disabled-p-auto:disabled { padding: auto; }
.md-p-0 { padding: 0; }
.md-hover-p-0:hover { padding: 0; }
.md-focus-p-0:focus { padding: 0; }
.md-active-p-0:active { padding: 0; }
.md-disabled-p-0:disabled { padding: 0; }
.md-p-1 { padding: 0.25rem; }
.md-hover-p-1:hover { padding: 0.25rem; }
.md-focus-p-1:focus { padding: 0.25rem; }
.md-active-p-1:active { padding: 0.25rem; }
.md-disabled-p-1:disabled { padding: 0.25rem; }
.md-p-2 { padding: 0.5rem; }
.md-hover-p-2:hover { padding: 0.5rem; }
.md-focus-p-2:focus { padding: 0.5rem; }
.md-active-p-2:active { padding: 0.5rem; }
.md-disabled-p-2:disabled { padding: 0.5rem; }
.md-p-3 { padding: 0.75rem; }
.md-hover-p-3:hover { padding: 0.75rem; }
.md-focus-p-3:focus { padding: 0.75rem; }
.md-active-p-3:active { padding: 0.75rem; }
.md-disabled-p-3:disabled { padding: 0.75rem; }
.md-p-4 { padding: 1rem; }
.md-hover-p-4:hover { padding: 1rem; }
.md-focus-p-4:focus { padding: 1rem; }
.md-active-p-4:active { padding: 1rem; }
.md-disabled-p-4:disabled { padding: 1rem; }
.md-p-5 { padding: 1.25rem; }
.md-hover-p-5:hover { padding: 1.25rem; }
.md-focus-p-5:focus { padding: 1.25rem; }
.md-active-p-5:active { padding: 1.25rem; }
.md-disabled-p-5:disabled { padding: 1.25rem; }
.md-p-6 { padding: 1.5rem; }
.md-hover-p-6:hover { padding: 1.5rem; }
.md-focus-p-6:focus { padding: 1.5rem; }
.md-active-p-6:active { padding: 1.5rem; }
.md-disabled-p-6:disabled { padding: 1.5rem; }
.md-p-8 { padding: 2rem; }
.md-hover-p-8:hover { padding: 2rem; }
.md-focus-p-8:focus { padding: 2rem; }
.md-active-p-8:active { padding: 2rem; }
.md-disabled-p-8:disabled { padding: 2rem; }
.md-p-10 { padding: 2.5rem; }
.md-hover-p-10:hover { padding: 2.5rem; }
.md-focus-p-10:focus { padding: 2.5rem; }
.md-active-p-10:active { padding: 2.5rem; }
.md-disabled-p-10:disabled { padding: 2.5rem; }
.md-p-12 { padding: 3rem; }
.md-hover-p-12:hover { padding: 3rem; }
.md-focus-p-12:focus { padding: 3rem; }
.md-active-p-12:active { padding: 3rem; }
.md-disabled-p-12:disabled { padding: 3rem; }
.md-p-16 { padding: 4rem; }
.md-hover-p-16:hover { padding: 4rem; }
.md-focus-p-16:focus { padding: 4rem; }
.md-active-p-16:active { padding: 4rem; }
.md-disabled-p-16:disabled { padding: 4rem; }
.md-p-20 { padding: 5rem; }
.md-hover-p-20:hover { padding: 5rem; }
.md-focus-p-20:focus { padding: 5rem; }
.md-active-p-20:active { padding: 5rem; }
.md-disabled-p-20:disabled { padding: 5rem; }
.md-p-24 { padding: 6rem; }
.md-hover-p-24:hover { padding: 6rem; }
.md-focus-p-24:focus { padding: 6rem; }
.md-active-p-24:active { padding: 6rem; }
.md-disabled-p-24:disabled { padding: 6rem; }
.md-p-28 { padding: 7rem; }
.md-hover-p-28:hover { padding: 7rem; }
.md-focus-p-28:focus { padding: 7rem; }
.md-active-p-28:active { padding: 7rem; }
.md-disabled-p-28:disabled { padding: 7rem; }
.md-p-32 { padding: 8rem; }
.md-hover-p-32:hover { padding: 8rem; }
.md-focus-p-32:focus { padding: 8rem; }
.md-active-p-32:active { padding: 8rem; }
.md-disabled-p-32:disabled { padding: 8rem; }
.md-pt-auto { padding-top: auto; }
.md-hover-pt-auto:hover { padding-top: auto; }
.md-focus-pt-auto:focus { padding-top: auto; }
.md-active-pt-auto:active { padding-top: auto; }
.md-disabled-pt-auto:disabled { padding-top: auto; }
.md-pt-0 { padding-top: 0; }
.md-hover-pt-0:hover { padding-top: 0; }
.md-focus-pt-0:focus { padding-top: 0; }
.md-active-pt-0:active { padding-top: 0; }
.md-disabled-pt-0:disabled { padding-top: 0; }
.md-pt-1 { padding-top: 0.25rem; }
.md-hover-pt-1:hover { padding-top: 0.25rem; }
.md-focus-pt-1:focus { padding-top: 0.25rem; }
.md-active-pt-1:active { padding-top: 0.25rem; }
.md-disabled-pt-1:disabled { padding-top: 0.25rem; }
.md-pt-2 { padding-top: 0.5rem; }
.md-hover-pt-2:hover { padding-top: 0.5rem; }
.md-focus-pt-2:focus { padding-top: 0.5rem; }
.md-active-pt-2:active { padding-top: 0.5rem; }
.md-disabled-pt-2:disabled { padding-top: 0.5rem; }
.md-pt-3 { padding-top: 0.75rem; }
.md-hover-pt-3:hover { padding-top: 0.75rem; }
.md-focus-pt-3:focus { padding-top: 0.75rem; }
.md-active-pt-3:active { padding-top: 0.75rem; }
.md-disabled-pt-3:disabled { padding-top: 0.75rem; }
.md-pt-4 { padding-top: 1rem; }
.md-hover-pt-4:hover { padding-top: 1rem; }
.md-focus-pt-4:focus { padding-top: 1rem; }
.md-active-pt-4:active { padding-top: 1rem; }
.md-disabled-pt-4:disabled { padding-top: 1rem; }
.md-pt-5 { padding-top: 1.25rem; }
.md-hover-pt-5:hover { padding-top: 1.25rem; }
.md-focus-pt-5:focus { padding-top: 1.25rem; }
.md-active-pt-5:active { padding-top: 1.25rem; }
.md-disabled-pt-5:disabled { padding-top: 1.25rem; }
.md-pt-6 { padding-top: 1.5rem; }
.md-hover-pt-6:hover { padding-top: 1.5rem; }
.md-focus-pt-6:focus { padding-top: 1.5rem; }
.md-active-pt-6:active { padding-top: 1.5rem; }
.md-disabled-pt-6:disabled { padding-top: 1.5rem; }
.md-pt-8 { padding-top: 2rem; }
.md-hover-pt-8:hover { padding-top: 2rem; }
.md-focus-pt-8:focus { padding-top: 2rem; }
.md-active-pt-8:active { padding-top: 2rem; }
.md-disabled-pt-8:disabled { padding-top: 2rem; }
.md-pt-10 { padding-top: 2.5rem; }
.md-hover-pt-10:hover { padding-top: 2.5rem; }
.md-focus-pt-10:focus { padding-top: 2.5rem; }
.md-active-pt-10:active { padding-top: 2.5rem; }
.md-disabled-pt-10:disabled { padding-top: 2.5rem; }
.md-pt-12 { padding-top: 3rem; }
.md-hover-pt-12:hover { padding-top: 3rem; }
.md-focus-pt-12:focus { padding-top: 3rem; }
.md-active-pt-12:active { padding-top: 3rem; }
.md-disabled-pt-12:disabled { padding-top: 3rem; }
.md-pt-16 { padding-top: 4rem; }
.md-hover-pt-16:hover { padding-top: 4rem; }
.md-focus-pt-16:focus { padding-top: 4rem; }
.md-active-pt-16:active { padding-top: 4rem; }
.md-disabled-pt-16:disabled { padding-top: 4rem; }
.md-pt-20 { padding-top: 5rem; }
.md-hover-pt-20:hover { padding-top: 5rem; }
.md-focus-pt-20:focus { padding-top: 5rem; }
.md-active-pt-20:active { padding-top: 5rem; }
.md-disabled-pt-20:disabled { padding-top: 5rem; }
.md-pt-24 { padding-top: 6rem; }
.md-hover-pt-24:hover { padding-top: 6rem; }
.md-focus-pt-24:focus { padding-top: 6rem; }
.md-active-pt-24:active { padding-top: 6rem; }
.md-disabled-pt-24:disabled { padding-top: 6rem; }
.md-pt-28 { padding-top: 7rem; }
.md-hover-pt-28:hover { padding-top: 7rem; }
.md-focus-pt-28:focus { padding-top: 7rem; }
.md-active-pt-28:active { padding-top: 7rem; }
.md-disabled-pt-28:disabled { padding-top: 7rem; }
.md-pt-32 { padding-top: 8rem; }
.md-hover-pt-32:hover { padding-top: 8rem; }
.md-focus-pt-32:focus { padding-top: 8rem; }
.md-active-pt-32:active { padding-top: 8rem; }
.md-disabled-pt-32:disabled { padding-top: 8rem; }
.md-pb-auto { padding-bottom: auto; }
.md-hover-pb-auto:hover { padding-bottom: auto; }
.md-focus-pb-auto:focus { padding-bottom: auto; }
.md-active-pb-auto:active { padding-bottom: auto; }
.md-disabled-pb-auto:disabled { padding-bottom: auto; }
.md-pb-0 { padding-bottom: 0; }
.md-hover-pb-0:hover { padding-bottom: 0; }
.md-focus-pb-0:focus { padding-bottom: 0; }
.md-active-pb-0:active { padding-bottom: 0; }
.md-disabled-pb-0:disabled { padding-bottom: 0; }
.md-pb-1 { padding-bottom: 0.25rem; }
.md-hover-pb-1:hover { padding-bottom: 0.25rem; }
.md-focus-pb-1:focus { padding-bottom: 0.25rem; }
.md-active-pb-1:active { padding-bottom: 0.25rem; }
.md-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
.md-pb-2 { padding-bottom: 0.5rem; }
.md-hover-pb-2:hover { padding-bottom: 0.5rem; }
.md-focus-pb-2:focus { padding-bottom: 0.5rem; }
.md-active-pb-2:active { padding-bottom: 0.5rem; }
.md-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
.md-pb-3 { padding-bottom: 0.75rem; }
.md-hover-pb-3:hover { padding-bottom: 0.75rem; }
.md-focus-pb-3:focus { padding-bottom: 0.75rem; }
.md-active-pb-3:active { padding-bottom: 0.75rem; }
.md-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
.md-pb-4 { padding-bottom: 1rem; }
.md-hover-pb-4:hover { padding-bottom: 1rem; }
.md-focus-pb-4:focus { padding-bottom: 1rem; }
.md-active-pb-4:active { padding-bottom: 1rem; }
.md-disabled-pb-4:disabled { padding-bottom: 1rem; }
.md-pb-5 { padding-bottom: 1.25rem; }
.md-hover-pb-5:hover { padding-bottom: 1.25rem; }
.md-focus-pb-5:focus { padding-bottom: 1.25rem; }
.md-active-pb-5:active { padding-bottom: 1.25rem; }
.md-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
.md-pb-6 { padding-bottom: 1.5rem; }
.md-hover-pb-6:hover { padding-bottom: 1.5rem; }
.md-focus-pb-6:focus { padding-bottom: 1.5rem; }
.md-active-pb-6:active { padding-bottom: 1.5rem; }
.md-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
.md-pb-8 { padding-bottom: 2rem; }
.md-hover-pb-8:hover { padding-bottom: 2rem; }
.md-focus-pb-8:focus { padding-bottom: 2rem; }
.md-active-pb-8:active { padding-bottom: 2rem; }
.md-disabled-pb-8:disabled { padding-bottom: 2rem; }
.md-pb-10 { padding-bottom: 2.5rem; }
.md-hover-pb-10:hover { padding-bottom: 2.5rem; }
.md-focus-pb-10:focus { padding-bottom: 2.5rem; }
.md-active-pb-10:active { padding-bottom: 2.5rem; }
.md-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
.md-pb-12 { padding-bottom: 3rem; }
.md-hover-pb-12:hover { padding-bottom: 3rem; }
.md-focus-pb-12:focus { padding-bottom: 3rem; }
.md-active-pb-12:active { padding-bottom: 3rem; }
.md-disabled-pb-12:disabled { padding-bottom: 3rem; }
.md-pb-16 { padding-bottom: 4rem; }
.md-hover-pb-16:hover { padding-bottom: 4rem; }
.md-focus-pb-16:focus { padding-bottom: 4rem; }
.md-active-pb-16:active { padding-bottom: 4rem; }
.md-disabled-pb-16:disabled { padding-bottom: 4rem; }
.md-pb-20 { padding-bottom: 5rem; }
.md-hover-pb-20:hover { padding-bottom: 5rem; }
.md-focus-pb-20:focus { padding-bottom: 5rem; }
.md-active-pb-20:active { padding-bottom: 5rem; }
.md-disabled-pb-20:disabled { padding-bottom: 5rem; }
.md-pb-24 { padding-bottom: 6rem; }
.md-hover-pb-24:hover { padding-bottom: 6rem; }
.md-focus-pb-24:focus { padding-bottom: 6rem; }
.md-active-pb-24:active { padding-bottom: 6rem; }
.md-disabled-pb-24:disabled { padding-bottom: 6rem; }
.md-pb-28 { padding-bottom: 7rem; }
.md-hover-pb-28:hover { padding-bottom: 7rem; }
.md-focus-pb-28:focus { padding-bottom: 7rem; }
.md-active-pb-28:active { padding-bottom: 7rem; }
.md-disabled-pb-28:disabled { padding-bottom: 7rem; }
.md-pb-32 { padding-bottom: 8rem; }
.md-hover-pb-32:hover { padding-bottom: 8rem; }
.md-focus-pb-32:focus { padding-bottom: 8rem; }
.md-active-pb-32:active { padding-bottom: 8rem; }
.md-disabled-pb-32:disabled { padding-bottom: 8rem; }
.md-pl-auto { padding-left: auto; }
.md-hover-pl-auto:hover { padding-left: auto; }
.md-focus-pl-auto:focus { padding-left: auto; }
.md-active-pl-auto:active { padding-left: auto; }
.md-disabled-pl-auto:disabled { padding-left: auto; }
.md-pl-0 { padding-left: 0; }
.md-hover-pl-0:hover { padding-left: 0; }
.md-focus-pl-0:focus { padding-left: 0; }
.md-active-pl-0:active { padding-left: 0; }
.md-disabled-pl-0:disabled { padding-left: 0; }
.md-pl-1 { padding-left: 0.25rem; }
.md-hover-pl-1:hover { padding-left: 0.25rem; }
.md-focus-pl-1:focus { padding-left: 0.25rem; }
.md-active-pl-1:active { padding-left: 0.25rem; }
.md-disabled-pl-1:disabled { padding-left: 0.25rem; }
.md-pl-2 { padding-left: 0.5rem; }
.md-hover-pl-2:hover { padding-left: 0.5rem; }
.md-focus-pl-2:focus { padding-left: 0.5rem; }
.md-active-pl-2:active { padding-left: 0.5rem; }
.md-disabled-pl-2:disabled { padding-left: 0.5rem; }
.md-pl-3 { padding-left: 0.75rem; }
.md-hover-pl-3:hover { padding-left: 0.75rem; }
.md-focus-pl-3:focus { padding-left: 0.75rem; }
.md-active-pl-3:active { padding-left: 0.75rem; }
.md-disabled-pl-3:disabled { padding-left: 0.75rem; }
.md-pl-4 { padding-left: 1rem; }
.md-hover-pl-4:hover { padding-left: 1rem; }
.md-focus-pl-4:focus { padding-left: 1rem; }
.md-active-pl-4:active { padding-left: 1rem; }
.md-disabled-pl-4:disabled { padding-left: 1rem; }
.md-pl-5 { padding-left: 1.25rem; }
.md-hover-pl-5:hover { padding-left: 1.25rem; }
.md-focus-pl-5:focus { padding-left: 1.25rem; }
.md-active-pl-5:active { padding-left: 1.25rem; }
.md-disabled-pl-5:disabled { padding-left: 1.25rem; }
.md-pl-6 { padding-left: 1.5rem; }
.md-hover-pl-6:hover { padding-left: 1.5rem; }
.md-focus-pl-6:focus { padding-left: 1.5rem; }
.md-active-pl-6:active { padding-left: 1.5rem; }
.md-disabled-pl-6:disabled { padding-left: 1.5rem; }
.md-pl-8 { padding-left: 2rem; }
.md-hover-pl-8:hover { padding-left: 2rem; }
.md-focus-pl-8:focus { padding-left: 2rem; }
.md-active-pl-8:active { padding-left: 2rem; }
.md-disabled-pl-8:disabled { padding-left: 2rem; }
.md-pl-10 { padding-left: 2.5rem; }
.md-hover-pl-10:hover { padding-left: 2.5rem; }
.md-focus-pl-10:focus { padding-left: 2.5rem; }
.md-active-pl-10:active { padding-left: 2.5rem; }
.md-disabled-pl-10:disabled { padding-left: 2.5rem; }
.md-pl-12 { padding-left: 3rem; }
.md-hover-pl-12:hover { padding-left: 3rem; }
.md-focus-pl-12:focus { padding-left: 3rem; }
.md-active-pl-12:active { padding-left: 3rem; }
.md-disabled-pl-12:disabled { padding-left: 3rem; }
.md-pl-16 { padding-left: 4rem; }
.md-hover-pl-16:hover { padding-left: 4rem; }
.md-focus-pl-16:focus { padding-left: 4rem; }
.md-active-pl-16:active { padding-left: 4rem; }
.md-disabled-pl-16:disabled { padding-left: 4rem; }
.md-pl-20 { padding-left: 5rem; }
.md-hover-pl-20:hover { padding-left: 5rem; }
.md-focus-pl-20:focus { padding-left: 5rem; }
.md-active-pl-20:active { padding-left: 5rem; }
.md-disabled-pl-20:disabled { padding-left: 5rem; }
.md-pl-24 { padding-left: 6rem; }
.md-hover-pl-24:hover { padding-left: 6rem; }
.md-focus-pl-24:focus { padding-left: 6rem; }
.md-active-pl-24:active { padding-left: 6rem; }
.md-disabled-pl-24:disabled { padding-left: 6rem; }
.md-pl-28 { padding-left: 7rem; }
.md-hover-pl-28:hover { padding-left: 7rem; }
.md-focus-pl-28:focus { padding-left: 7rem; }
.md-active-pl-28:active { padding-left: 7rem; }
.md-disabled-pl-28:disabled { padding-left: 7rem; }
.md-pl-32 { padding-left: 8rem; }
.md-hover-pl-32:hover { padding-left: 8rem; }
.md-focus-pl-32:focus { padding-left: 8rem; }
.md-active-pl-32:active { padding-left: 8rem; }
.md-disabled-pl-32:disabled { padding-left: 8rem; }
.md-pr-auto { padding-right: auto; }
.md-hover-pr-auto:hover { padding-right: auto; }
.md-focus-pr-auto:focus { padding-right: auto; }
.md-active-pr-auto:active { padding-right: auto; }
.md-disabled-pr-auto:disabled { padding-right: auto; }
.md-pr-0 { padding-right: 0; }
.md-hover-pr-0:hover { padding-right: 0; }
.md-focus-pr-0:focus { padding-right: 0; }
.md-active-pr-0:active { padding-right: 0; }
.md-disabled-pr-0:disabled { padding-right: 0; }
.md-pr-1 { padding-right: 0.25rem; }
.md-hover-pr-1:hover { padding-right: 0.25rem; }
.md-focus-pr-1:focus { padding-right: 0.25rem; }
.md-active-pr-1:active { padding-right: 0.25rem; }
.md-disabled-pr-1:disabled { padding-right: 0.25rem; }
.md-pr-2 { padding-right: 0.5rem; }
.md-hover-pr-2:hover { padding-right: 0.5rem; }
.md-focus-pr-2:focus { padding-right: 0.5rem; }
.md-active-pr-2:active { padding-right: 0.5rem; }
.md-disabled-pr-2:disabled { padding-right: 0.5rem; }
.md-pr-3 { padding-right: 0.75rem; }
.md-hover-pr-3:hover { padding-right: 0.75rem; }
.md-focus-pr-3:focus { padding-right: 0.75rem; }
.md-active-pr-3:active { padding-right: 0.75rem; }
.md-disabled-pr-3:disabled { padding-right: 0.75rem; }
.md-pr-4 { padding-right: 1rem; }
.md-hover-pr-4:hover { padding-right: 1rem; }
.md-focus-pr-4:focus { padding-right: 1rem; }
.md-active-pr-4:active { padding-right: 1rem; }
.md-disabled-pr-4:disabled { padding-right: 1rem; }
.md-pr-5 { padding-right: 1.25rem; }
.md-hover-pr-5:hover { padding-right: 1.25rem; }
.md-focus-pr-5:focus { padding-right: 1.25rem; }
.md-active-pr-5:active { padding-right: 1.25rem; }
.md-disabled-pr-5:disabled { padding-right: 1.25rem; }
.md-pr-6 { padding-right: 1.5rem; }
.md-hover-pr-6:hover { padding-right: 1.5rem; }
.md-focus-pr-6:focus { padding-right: 1.5rem; }
.md-active-pr-6:active { padding-right: 1.5rem; }
.md-disabled-pr-6:disabled { padding-right: 1.5rem; }
.md-pr-8 { padding-right: 2rem; }
.md-hover-pr-8:hover { padding-right: 2rem; }
.md-focus-pr-8:focus { padding-right: 2rem; }
.md-active-pr-8:active { padding-right: 2rem; }
.md-disabled-pr-8:disabled { padding-right: 2rem; }
.md-pr-10 { padding-right: 2.5rem; }
.md-hover-pr-10:hover { padding-right: 2.5rem; }
.md-focus-pr-10:focus { padding-right: 2.5rem; }
.md-active-pr-10:active { padding-right: 2.5rem; }
.md-disabled-pr-10:disabled { padding-right: 2.5rem; }
.md-pr-12 { padding-right: 3rem; }
.md-hover-pr-12:hover { padding-right: 3rem; }
.md-focus-pr-12:focus { padding-right: 3rem; }
.md-active-pr-12:active { padding-right: 3rem; }
.md-disabled-pr-12:disabled { padding-right: 3rem; }
.md-pr-16 { padding-right: 4rem; }
.md-hover-pr-16:hover { padding-right: 4rem; }
.md-focus-pr-16:focus { padding-right: 4rem; }
.md-active-pr-16:active { padding-right: 4rem; }
.md-disabled-pr-16:disabled { padding-right: 4rem; }
.md-pr-20 { padding-right: 5rem; }
.md-hover-pr-20:hover { padding-right: 5rem; }
.md-focus-pr-20:focus { padding-right: 5rem; }
.md-active-pr-20:active { padding-right: 5rem; }
.md-disabled-pr-20:disabled { padding-right: 5rem; }
.md-pr-24 { padding-right: 6rem; }
.md-hover-pr-24:hover { padding-right: 6rem; }
.md-focus-pr-24:focus { padding-right: 6rem; }
.md-active-pr-24:active { padding-right: 6rem; }
.md-disabled-pr-24:disabled { padding-right: 6rem; }
.md-pr-28 { padding-right: 7rem; }
.md-hover-pr-28:hover { padding-right: 7rem; }
.md-focus-pr-28:focus { padding-right: 7rem; }
.md-active-pr-28:active { padding-right: 7rem; }
.md-disabled-pr-28:disabled { padding-right: 7rem; }
.md-pr-32 { padding-right: 8rem; }
.md-hover-pr-32:hover { padding-right: 8rem; }
.md-focus-pr-32:focus { padding-right: 8rem; }
.md-active-pr-32:active { padding-right: 8rem; }
.md-disabled-pr-32:disabled { padding-right: 8rem; }
.md-px-auto { padding-left: auto; padding-right: auto; }
.md-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
.md-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
.md-active-px-auto:active { padding-left: auto; padding-right: auto; }
.md-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
.md-px-0 { padding-left: 0; padding-right: 0; }
.md-hover-px-0:hover { padding-left: 0; padding-right: 0; }
.md-focus-px-0:focus { padding-left: 0; padding-right: 0; }
.md-active-px-0:active { padding-left: 0; padding-right: 0; }
.md-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
.md-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.md-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
.md-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
.md-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
.md-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
.md-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.md-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
.md-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
.md-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
.md-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
.md-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.md-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
.md-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
.md-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
.md-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
.md-px-4 { padding-left: 1rem; padding-right: 1rem; }
.md-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
.md-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
.md-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
.md-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
.md-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.md-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
.md-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
.md-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
.md-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
.md-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.md-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
.md-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
.md-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
.md-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
.md-px-8 { padding-left: 2rem; padding-right: 2rem; }
.md-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
.md-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
.md-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
.md-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
.md-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.md-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
.md-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
.md-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
.md-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
.md-px-12 { padding-left: 3rem; padding-right: 3rem; }
.md-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
.md-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
.md-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
.md-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
.md-px-16 { padding-left: 4rem; padding-right: 4rem; }
.md-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
.md-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
.md-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
.md-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
.md-px-20 { padding-left: 5rem; padding-right: 5rem; }
.md-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
.md-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
.md-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
.md-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
.md-px-24 { padding-left: 6rem; padding-right: 6rem; }
.md-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
.md-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
.md-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
.md-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
.md-px-28 { padding-left: 7rem; padding-right: 7rem; }
.md-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
.md-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
.md-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
.md-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
.md-px-32 { padding-left: 8rem; padding-right: 8rem; }
.md-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
.md-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
.md-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
.md-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
.md-py-auto { padding-top: auto; padding-bottom: auto; }
.md-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
.md-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
.md-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
.md-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
.md-py-0 { padding-top: 0; padding-bottom: 0; }
.md-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
.md-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
.md-active-py-0:active { padding-top: 0; padding-bottom: 0; }
.md-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
.md-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.md-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.md-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.md-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.md-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.md-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.md-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.md-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.md-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.md-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.md-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.md-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.md-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.md-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.md-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.md-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.md-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
.md-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
.md-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
.md-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
.md-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.md-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.md-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.md-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.md-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.md-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.md-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.md-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.md-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.md-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.md-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.md-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
.md-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
.md-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
.md-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
.md-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.md-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.md-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.md-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.md-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.md-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.md-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
.md-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
.md-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
.md-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
.md-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.md-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
.md-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
.md-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
.md-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
.md-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.md-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
.md-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
.md-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
.md-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
.md-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.md-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
.md-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
.md-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
.md-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
.md-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.md-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
.md-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
.md-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
.md-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
.md-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.md-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
.md-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
.md-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
.md-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
.md-m-auto { margin: auto; }
.md-hover-m-auto:hover { margin: auto; }
.md-focus-m-auto:focus { margin: auto; }
.md-active-m-auto:active { margin: auto; }
.md-disabled-m-auto:disabled { margin: auto; }
.md-m-0 { margin: 0; }
.md-hover-m-0:hover { margin: 0; }
.md-focus-m-0:focus { margin: 0; }
.md-active-m-0:active { margin: 0; }
.md-disabled-m-0:disabled { margin: 0; }
.md-m-1 { margin: 0.25rem; }
.md-hover-m-1:hover { margin: 0.25rem; }
.md-focus-m-1:focus { margin: 0.25rem; }
.md-active-m-1:active { margin: 0.25rem; }
.md-disabled-m-1:disabled { margin: 0.25rem; }
.md-m-2 { margin: 0.5rem; }
.md-hover-m-2:hover { margin: 0.5rem; }
.md-focus-m-2:focus { margin: 0.5rem; }
.md-active-m-2:active { margin: 0.5rem; }
.md-disabled-m-2:disabled { margin: 0.5rem; }
.md-m-3 { margin: 0.75rem; }
.md-hover-m-3:hover { margin: 0.75rem; }
.md-focus-m-3:focus { margin: 0.75rem; }
.md-active-m-3:active { margin: 0.75rem; }
.md-disabled-m-3:disabled { margin: 0.75rem; }
.md-m-4 { margin: 1rem; }
.md-hover-m-4:hover { margin: 1rem; }
.md-focus-m-4:focus { margin: 1rem; }
.md-active-m-4:active { margin: 1rem; }
.md-disabled-m-4:disabled { margin: 1rem; }
.md-m-5 { margin: 1.25rem; }
.md-hover-m-5:hover { margin: 1.25rem; }
.md-focus-m-5:focus { margin: 1.25rem; }
.md-active-m-5:active { margin: 1.25rem; }
.md-disabled-m-5:disabled { margin: 1.25rem; }
.md-m-6 { margin: 1.5rem; }
.md-hover-m-6:hover { margin: 1.5rem; }
.md-focus-m-6:focus { margin: 1.5rem; }
.md-active-m-6:active { margin: 1.5rem; }
.md-disabled-m-6:disabled { margin: 1.5rem; }
.md-m-8 { margin: 2rem; }
.md-hover-m-8:hover { margin: 2rem; }
.md-focus-m-8:focus { margin: 2rem; }
.md-active-m-8:active { margin: 2rem; }
.md-disabled-m-8:disabled { margin: 2rem; }
.md-m-10 { margin: 2.5rem; }
.md-hover-m-10:hover { margin: 2.5rem; }
.md-focus-m-10:focus { margin: 2.5rem; }
.md-active-m-10:active { margin: 2.5rem; }
.md-disabled-m-10:disabled { margin: 2.5rem; }
.md-m-12 { margin: 3rem; }
.md-hover-m-12:hover { margin: 3rem; }
.md-focus-m-12:focus { margin: 3rem; }
.md-active-m-12:active { margin: 3rem; }
.md-disabled-m-12:disabled { margin: 3rem; }
.md-m-16 { margin: 4rem; }
.md-hover-m-16:hover { margin: 4rem; }
.md-focus-m-16:focus { margin: 4rem; }
.md-active-m-16:active { margin: 4rem; }
.md-disabled-m-16:disabled { margin: 4rem; }
.md-m-20 { margin: 5rem; }
.md-hover-m-20:hover { margin: 5rem; }
.md-focus-m-20:focus { margin: 5rem; }
.md-active-m-20:active { margin: 5rem; }
.md-disabled-m-20:disabled { margin: 5rem; }
.md-m-24 { margin: 6rem; }
.md-hover-m-24:hover { margin: 6rem; }
.md-focus-m-24:focus { margin: 6rem; }
.md-active-m-24:active { margin: 6rem; }
.md-disabled-m-24:disabled { margin: 6rem; }
.md-m-28 { margin: 7rem; }
.md-hover-m-28:hover { margin: 7rem; }
.md-focus-m-28:focus { margin: 7rem; }
.md-active-m-28:active { margin: 7rem; }
.md-disabled-m-28:disabled { margin: 7rem; }
.md-m-32 { margin: 8rem; }
.md-hover-m-32:hover { margin: 8rem; }
.md-focus-m-32:focus { margin: 8rem; }
.md-active-m-32:active { margin: 8rem; }
.md-disabled-m-32:disabled { margin: 8rem; }
.md-mt-auto { margin-top: auto; }
.md-hover-mt-auto:hover { margin-top: auto; }
.md-focus-mt-auto:focus { margin-top: auto; }
.md-active-mt-auto:active { margin-top: auto; }
.md-disabled-mt-auto:disabled { margin-top: auto; }
.md-mt-0 { margin-top: 0; }
.md-hover-mt-0:hover { margin-top: 0; }
.md-focus-mt-0:focus { margin-top: 0; }
.md-active-mt-0:active { margin-top: 0; }
.md-disabled-mt-0:disabled { margin-top: 0; }
.md-mt-1 { margin-top: 0.25rem; }
.md-hover-mt-1:hover { margin-top: 0.25rem; }
.md-focus-mt-1:focus { margin-top: 0.25rem; }
.md-active-mt-1:active { margin-top: 0.25rem; }
.md-disabled-mt-1:disabled { margin-top: 0.25rem; }
.md-mt-2 { margin-top: 0.5rem; }
.md-hover-mt-2:hover { margin-top: 0.5rem; }
.md-focus-mt-2:focus { margin-top: 0.5rem; }
.md-active-mt-2:active { margin-top: 0.5rem; }
.md-disabled-mt-2:disabled { margin-top: 0.5rem; }
.md-mt-3 { margin-top: 0.75rem; }
.md-hover-mt-3:hover { margin-top: 0.75rem; }
.md-focus-mt-3:focus { margin-top: 0.75rem; }
.md-active-mt-3:active { margin-top: 0.75rem; }
.md-disabled-mt-3:disabled { margin-top: 0.75rem; }
.md-mt-4 { margin-top: 1rem; }
.md-hover-mt-4:hover { margin-top: 1rem; }
.md-focus-mt-4:focus { margin-top: 1rem; }
.md-active-mt-4:active { margin-top: 1rem; }
.md-disabled-mt-4:disabled { margin-top: 1rem; }
.md-mt-5 { margin-top: 1.25rem; }
.md-hover-mt-5:hover { margin-top: 1.25rem; }
.md-focus-mt-5:focus { margin-top: 1.25rem; }
.md-active-mt-5:active { margin-top: 1.25rem; }
.md-disabled-mt-5:disabled { margin-top: 1.25rem; }
.md-mt-6 { margin-top: 1.5rem; }
.md-hover-mt-6:hover { margin-top: 1.5rem; }
.md-focus-mt-6:focus { margin-top: 1.5rem; }
.md-active-mt-6:active { margin-top: 1.5rem; }
.md-disabled-mt-6:disabled { margin-top: 1.5rem; }
.md-mt-8 { margin-top: 2rem; }
.md-hover-mt-8:hover { margin-top: 2rem; }
.md-focus-mt-8:focus { margin-top: 2rem; }
.md-active-mt-8:active { margin-top: 2rem; }
.md-disabled-mt-8:disabled { margin-top: 2rem; }
.md-mt-10 { margin-top: 2.5rem; }
.md-hover-mt-10:hover { margin-top: 2.5rem; }
.md-focus-mt-10:focus { margin-top: 2.5rem; }
.md-active-mt-10:active { margin-top: 2.5rem; }
.md-disabled-mt-10:disabled { margin-top: 2.5rem; }
.md-mt-12 { margin-top: 3rem; }
.md-hover-mt-12:hover { margin-top: 3rem; }
.md-focus-mt-12:focus { margin-top: 3rem; }
.md-active-mt-12:active { margin-top: 3rem; }
.md-disabled-mt-12:disabled { margin-top: 3rem; }
.md-mt-16 { margin-top: 4rem; }
.md-hover-mt-16:hover { margin-top: 4rem; }
.md-focus-mt-16:focus { margin-top: 4rem; }
.md-active-mt-16:active { margin-top: 4rem; }
.md-disabled-mt-16:disabled { margin-top: 4rem; }
.md-mt-20 { margin-top: 5rem; }
.md-hover-mt-20:hover { margin-top: 5rem; }
.md-focus-mt-20:focus { margin-top: 5rem; }
.md-active-mt-20:active { margin-top: 5rem; }
.md-disabled-mt-20:disabled { margin-top: 5rem; }
.md-mt-24 { margin-top: 6rem; }
.md-hover-mt-24:hover { margin-top: 6rem; }
.md-focus-mt-24:focus { margin-top: 6rem; }
.md-active-mt-24:active { margin-top: 6rem; }
.md-disabled-mt-24:disabled { margin-top: 6rem; }
.md-mt-28 { margin-top: 7rem; }
.md-hover-mt-28:hover { margin-top: 7rem; }
.md-focus-mt-28:focus { margin-top: 7rem; }
.md-active-mt-28:active { margin-top: 7rem; }
.md-disabled-mt-28:disabled { margin-top: 7rem; }
.md-mt-32 { margin-top: 8rem; }
.md-hover-mt-32:hover { margin-top: 8rem; }
.md-focus-mt-32:focus { margin-top: 8rem; }
.md-active-mt-32:active { margin-top: 8rem; }
.md-disabled-mt-32:disabled { margin-top: 8rem; }
.md-mb-auto { margin-bottom: auto; }
.md-hover-mb-auto:hover { margin-bottom: auto; }
.md-focus-mb-auto:focus { margin-bottom: auto; }
.md-active-mb-auto:active { margin-bottom: auto; }
.md-disabled-mb-auto:disabled { margin-bottom: auto; }
.md-mb-0 { margin-bottom: 0; }
.md-hover-mb-0:hover { margin-bottom: 0; }
.md-focus-mb-0:focus { margin-bottom: 0; }
.md-active-mb-0:active { margin-bottom: 0; }
.md-disabled-mb-0:disabled { margin-bottom: 0; }
.md-mb-1 { margin-bottom: 0.25rem; }
.md-hover-mb-1:hover { margin-bottom: 0.25rem; }
.md-focus-mb-1:focus { margin-bottom: 0.25rem; }
.md-active-mb-1:active { margin-bottom: 0.25rem; }
.md-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
.md-mb-2 { margin-bottom: 0.5rem; }
.md-hover-mb-2:hover { margin-bottom: 0.5rem; }
.md-focus-mb-2:focus { margin-bottom: 0.5rem; }
.md-active-mb-2:active { margin-bottom: 0.5rem; }
.md-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
.md-mb-3 { margin-bottom: 0.75rem; }
.md-hover-mb-3:hover { margin-bottom: 0.75rem; }
.md-focus-mb-3:focus { margin-bottom: 0.75rem; }
.md-active-mb-3:active { margin-bottom: 0.75rem; }
.md-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
.md-mb-4 { margin-bottom: 1rem; }
.md-hover-mb-4:hover { margin-bottom: 1rem; }
.md-focus-mb-4:focus { margin-bottom: 1rem; }
.md-active-mb-4:active { margin-bottom: 1rem; }
.md-disabled-mb-4:disabled { margin-bottom: 1rem; }
.md-mb-5 { margin-bottom: 1.25rem; }
.md-hover-mb-5:hover { margin-bottom: 1.25rem; }
.md-focus-mb-5:focus { margin-bottom: 1.25rem; }
.md-active-mb-5:active { margin-bottom: 1.25rem; }
.md-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
.md-mb-6 { margin-bottom: 1.5rem; }
.md-hover-mb-6:hover { margin-bottom: 1.5rem; }
.md-focus-mb-6:focus { margin-bottom: 1.5rem; }
.md-active-mb-6:active { margin-bottom: 1.5rem; }
.md-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
.md-mb-8 { margin-bottom: 2rem; }
.md-hover-mb-8:hover { margin-bottom: 2rem; }
.md-focus-mb-8:focus { margin-bottom: 2rem; }
.md-active-mb-8:active { margin-bottom: 2rem; }
.md-disabled-mb-8:disabled { margin-bottom: 2rem; }
.md-mb-10 { margin-bottom: 2.5rem; }
.md-hover-mb-10:hover { margin-bottom: 2.5rem; }
.md-focus-mb-10:focus { margin-bottom: 2.5rem; }
.md-active-mb-10:active { margin-bottom: 2.5rem; }
.md-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
.md-mb-12 { margin-bottom: 3rem; }
.md-hover-mb-12:hover { margin-bottom: 3rem; }
.md-focus-mb-12:focus { margin-bottom: 3rem; }
.md-active-mb-12:active { margin-bottom: 3rem; }
.md-disabled-mb-12:disabled { margin-bottom: 3rem; }
.md-mb-16 { margin-bottom: 4rem; }
.md-hover-mb-16:hover { margin-bottom: 4rem; }
.md-focus-mb-16:focus { margin-bottom: 4rem; }
.md-active-mb-16:active { margin-bottom: 4rem; }
.md-disabled-mb-16:disabled { margin-bottom: 4rem; }
.md-mb-20 { margin-bottom: 5rem; }
.md-hover-mb-20:hover { margin-bottom: 5rem; }
.md-focus-mb-20:focus { margin-bottom: 5rem; }
.md-active-mb-20:active { margin-bottom: 5rem; }
.md-disabled-mb-20:disabled { margin-bottom: 5rem; }
.md-mb-24 { margin-bottom: 6rem; }
.md-hover-mb-24:hover { margin-bottom: 6rem; }
.md-focus-mb-24:focus { margin-bottom: 6rem; }
.md-active-mb-24:active { margin-bottom: 6rem; }
.md-disabled-mb-24:disabled { margin-bottom: 6rem; }
.md-mb-28 { margin-bottom: 7rem; }
.md-hover-mb-28:hover { margin-bottom: 7rem; }
.md-focus-mb-28:focus { margin-bottom: 7rem; }
.md-active-mb-28:active { margin-bottom: 7rem; }
.md-disabled-mb-28:disabled { margin-bottom: 7rem; }
.md-mb-32 { margin-bottom: 8rem; }
.md-hover-mb-32:hover { margin-bottom: 8rem; }
.md-focus-mb-32:focus { margin-bottom: 8rem; }
.md-active-mb-32:active { margin-bottom: 8rem; }
.md-disabled-mb-32:disabled { margin-bottom: 8rem; }
.md-ml-auto { margin-left: auto; }
.md-hover-ml-auto:hover { margin-left: auto; }
.md-focus-ml-auto:focus { margin-left: auto; }
.md-active-ml-auto:active { margin-left: auto; }
.md-disabled-ml-auto:disabled { margin-left: auto; }
.md-ml-0 { margin-left: 0; }
.md-hover-ml-0:hover { margin-left: 0; }
.md-focus-ml-0:focus { margin-left: 0; }
.md-active-ml-0:active { margin-left: 0; }
.md-disabled-ml-0:disabled { margin-left: 0; }
.md-ml-1 { margin-left: 0.25rem; }
.md-hover-ml-1:hover { margin-left: 0.25rem; }
.md-focus-ml-1:focus { margin-left: 0.25rem; }
.md-active-ml-1:active { margin-left: 0.25rem; }
.md-disabled-ml-1:disabled { margin-left: 0.25rem; }
.md-ml-2 { margin-left: 0.5rem; }
.md-hover-ml-2:hover { margin-left: 0.5rem; }
.md-focus-ml-2:focus { margin-left: 0.5rem; }
.md-active-ml-2:active { margin-left: 0.5rem; }
.md-disabled-ml-2:disabled { margin-left: 0.5rem; }
.md-ml-3 { margin-left: 0.75rem; }
.md-hover-ml-3:hover { margin-left: 0.75rem; }
.md-focus-ml-3:focus { margin-left: 0.75rem; }
.md-active-ml-3:active { margin-left: 0.75rem; }
.md-disabled-ml-3:disabled { margin-left: 0.75rem; }
.md-ml-4 { margin-left: 1rem; }
.md-hover-ml-4:hover { margin-left: 1rem; }
.md-focus-ml-4:focus { margin-left: 1rem; }
.md-active-ml-4:active { margin-left: 1rem; }
.md-disabled-ml-4:disabled { margin-left: 1rem; }
.md-ml-5 { margin-left: 1.25rem; }
.md-hover-ml-5:hover { margin-left: 1.25rem; }
.md-focus-ml-5:focus { margin-left: 1.25rem; }
.md-active-ml-5:active { margin-left: 1.25rem; }
.md-disabled-ml-5:disabled { margin-left: 1.25rem; }
.md-ml-6 { margin-left: 1.5rem; }
.md-hover-ml-6:hover { margin-left: 1.5rem; }
.md-focus-ml-6:focus { margin-left: 1.5rem; }
.md-active-ml-6:active { margin-left: 1.5rem; }
.md-disabled-ml-6:disabled { margin-left: 1.5rem; }
.md-ml-8 { margin-left: 2rem; }
.md-hover-ml-8:hover { margin-left: 2rem; }
.md-focus-ml-8:focus { margin-left: 2rem; }
.md-active-ml-8:active { margin-left: 2rem; }
.md-disabled-ml-8:disabled { margin-left: 2rem; }
.md-ml-10 { margin-left: 2.5rem; }
.md-hover-ml-10:hover { margin-left: 2.5rem; }
.md-focus-ml-10:focus { margin-left: 2.5rem; }
.md-active-ml-10:active { margin-left: 2.5rem; }
.md-disabled-ml-10:disabled { margin-left: 2.5rem; }
.md-ml-12 { margin-left: 3rem; }
.md-hover-ml-12:hover { margin-left: 3rem; }
.md-focus-ml-12:focus { margin-left: 3rem; }
.md-active-ml-12:active { margin-left: 3rem; }
.md-disabled-ml-12:disabled { margin-left: 3rem; }
.md-ml-16 { margin-left: 4rem; }
.md-hover-ml-16:hover { margin-left: 4rem; }
.md-focus-ml-16:focus { margin-left: 4rem; }
.md-active-ml-16:active { margin-left: 4rem; }
.md-disabled-ml-16:disabled { margin-left: 4rem; }
.md-ml-20 { margin-left: 5rem; }
.md-hover-ml-20:hover { margin-left: 5rem; }
.md-focus-ml-20:focus { margin-left: 5rem; }
.md-active-ml-20:active { margin-left: 5rem; }
.md-disabled-ml-20:disabled { margin-left: 5rem; }
.md-ml-24 { margin-left: 6rem; }
.md-hover-ml-24:hover { margin-left: 6rem; }
.md-focus-ml-24:focus { margin-left: 6rem; }
.md-active-ml-24:active { margin-left: 6rem; }
.md-disabled-ml-24:disabled { margin-left: 6rem; }
.md-ml-28 { margin-left: 7rem; }
.md-hover-ml-28:hover { margin-left: 7rem; }
.md-focus-ml-28:focus { margin-left: 7rem; }
.md-active-ml-28:active { margin-left: 7rem; }
.md-disabled-ml-28:disabled { margin-left: 7rem; }
.md-ml-32 { margin-left: 8rem; }
.md-hover-ml-32:hover { margin-left: 8rem; }
.md-focus-ml-32:focus { margin-left: 8rem; }
.md-active-ml-32:active { margin-left: 8rem; }
.md-disabled-ml-32:disabled { margin-left: 8rem; }
.md-mr-auto { margin-right: auto; }
.md-hover-mr-auto:hover { margin-right: auto; }
.md-focus-mr-auto:focus { margin-right: auto; }
.md-active-mr-auto:active { margin-right: auto; }
.md-disabled-mr-auto:disabled { margin-right: auto; }
.md-mr-0 { margin-right: 0; }
.md-hover-mr-0:hover { margin-right: 0; }
.md-focus-mr-0:focus { margin-right: 0; }
.md-active-mr-0:active { margin-right: 0; }
.md-disabled-mr-0:disabled { margin-right: 0; }
.md-mr-1 { margin-right: 0.25rem; }
.md-hover-mr-1:hover { margin-right: 0.25rem; }
.md-focus-mr-1:focus { margin-right: 0.25rem; }
.md-active-mr-1:active { margin-right: 0.25rem; }
.md-disabled-mr-1:disabled { margin-right: 0.25rem; }
.md-mr-2 { margin-right: 0.5rem; }
.md-hover-mr-2:hover { margin-right: 0.5rem; }
.md-focus-mr-2:focus { margin-right: 0.5rem; }
.md-active-mr-2:active { margin-right: 0.5rem; }
.md-disabled-mr-2:disabled { margin-right: 0.5rem; }
.md-mr-3 { margin-right: 0.75rem; }
.md-hover-mr-3:hover { margin-right: 0.75rem; }
.md-focus-mr-3:focus { margin-right: 0.75rem; }
.md-active-mr-3:active { margin-right: 0.75rem; }
.md-disabled-mr-3:disabled { margin-right: 0.75rem; }
.md-mr-4 { margin-right: 1rem; }
.md-hover-mr-4:hover { margin-right: 1rem; }
.md-focus-mr-4:focus { margin-right: 1rem; }
.md-active-mr-4:active { margin-right: 1rem; }
.md-disabled-mr-4:disabled { margin-right: 1rem; }
.md-mr-5 { margin-right: 1.25rem; }
.md-hover-mr-5:hover { margin-right: 1.25rem; }
.md-focus-mr-5:focus { margin-right: 1.25rem; }
.md-active-mr-5:active { margin-right: 1.25rem; }
.md-disabled-mr-5:disabled { margin-right: 1.25rem; }
.md-mr-6 { margin-right: 1.5rem; }
.md-hover-mr-6:hover { margin-right: 1.5rem; }
.md-focus-mr-6:focus { margin-right: 1.5rem; }
.md-active-mr-6:active { margin-right: 1.5rem; }
.md-disabled-mr-6:disabled { margin-right: 1.5rem; }
.md-mr-8 { margin-right: 2rem; }
.md-hover-mr-8:hover { margin-right: 2rem; }
.md-focus-mr-8:focus { margin-right: 2rem; }
.md-active-mr-8:active { margin-right: 2rem; }
.md-disabled-mr-8:disabled { margin-right: 2rem; }
.md-mr-10 { margin-right: 2.5rem; }
.md-hover-mr-10:hover { margin-right: 2.5rem; }
.md-focus-mr-10:focus { margin-right: 2.5rem; }
.md-active-mr-10:active { margin-right: 2.5rem; }
.md-disabled-mr-10:disabled { margin-right: 2.5rem; }
.md-mr-12 { margin-right: 3rem; }
.md-hover-mr-12:hover { margin-right: 3rem; }
.md-focus-mr-12:focus { margin-right: 3rem; }
.md-active-mr-12:active { margin-right: 3rem; }
.md-disabled-mr-12:disabled { margin-right: 3rem; }
.md-mr-16 { margin-right: 4rem; }
.md-hover-mr-16:hover { margin-right: 4rem; }
.md-focus-mr-16:focus { margin-right: 4rem; }
.md-active-mr-16:active { margin-right: 4rem; }
.md-disabled-mr-16:disabled { margin-right: 4rem; }
.md-mr-20 { margin-right: 5rem; }
.md-hover-mr-20:hover { margin-right: 5rem; }
.md-focus-mr-20:focus { margin-right: 5rem; }
.md-active-mr-20:active { margin-right: 5rem; }
.md-disabled-mr-20:disabled { margin-right: 5rem; }
.md-mr-24 { margin-right: 6rem; }
.md-hover-mr-24:hover { margin-right: 6rem; }
.md-focus-mr-24:focus { margin-right: 6rem; }
.md-active-mr-24:active { margin-right: 6rem; }
.md-disabled-mr-24:disabled { margin-right: 6rem; }
.md-mr-28 { margin-right: 7rem; }
.md-hover-mr-28:hover { margin-right: 7rem; }
.md-focus-mr-28:focus { margin-right: 7rem; }
.md-active-mr-28:active { margin-right: 7rem; }
.md-disabled-mr-28:disabled { margin-right: 7rem; }
.md-mr-32 { margin-right: 8rem; }
.md-hover-mr-32:hover { margin-right: 8rem; }
.md-focus-mr-32:focus { margin-right: 8rem; }
.md-active-mr-32:active { margin-right: 8rem; }
.md-disabled-mr-32:disabled { margin-right: 8rem; }
.md-space-x-auto { --space-x: auto; }
.md-hover-space-x-auto:hover { --space-x: auto; }
.md-focus-space-x-auto:focus { --space-x: auto; }
.md-active-space-x-auto:active { --space-x: auto; }
.md-disabled-space-x-auto:disabled { --space-x: auto; }
.md-space-x-0 { --space-x: 0; }
.md-hover-space-x-0:hover { --space-x: 0; }
.md-focus-space-x-0:focus { --space-x: 0; }
.md-active-space-x-0:active { --space-x: 0; }
.md-disabled-space-x-0:disabled { --space-x: 0; }
.md-space-x-1 { --space-x: 0.25rem; }
.md-hover-space-x-1:hover { --space-x: 0.25rem; }
.md-focus-space-x-1:focus { --space-x: 0.25rem; }
.md-active-space-x-1:active { --space-x: 0.25rem; }
.md-disabled-space-x-1:disabled { --space-x: 0.25rem; }
.md-space-x-2 { --space-x: 0.5rem; }
.md-hover-space-x-2:hover { --space-x: 0.5rem; }
.md-focus-space-x-2:focus { --space-x: 0.5rem; }
.md-active-space-x-2:active { --space-x: 0.5rem; }
.md-disabled-space-x-2:disabled { --space-x: 0.5rem; }
.md-space-x-3 { --space-x: 0.75rem; }
.md-hover-space-x-3:hover { --space-x: 0.75rem; }
.md-focus-space-x-3:focus { --space-x: 0.75rem; }
.md-active-space-x-3:active { --space-x: 0.75rem; }
.md-disabled-space-x-3:disabled { --space-x: 0.75rem; }
.md-space-x-4 { --space-x: 1rem; }
.md-hover-space-x-4:hover { --space-x: 1rem; }
.md-focus-space-x-4:focus { --space-x: 1rem; }
.md-active-space-x-4:active { --space-x: 1rem; }
.md-disabled-space-x-4:disabled { --space-x: 1rem; }
.md-space-x-5 { --space-x: 1.25rem; }
.md-hover-space-x-5:hover { --space-x: 1.25rem; }
.md-focus-space-x-5:focus { --space-x: 1.25rem; }
.md-active-space-x-5:active { --space-x: 1.25rem; }
.md-disabled-space-x-5:disabled { --space-x: 1.25rem; }
.md-space-x-6 { --space-x: 1.5rem; }
.md-hover-space-x-6:hover { --space-x: 1.5rem; }
.md-focus-space-x-6:focus { --space-x: 1.5rem; }
.md-active-space-x-6:active { --space-x: 1.5rem; }
.md-disabled-space-x-6:disabled { --space-x: 1.5rem; }
.md-space-x-8 { --space-x: 2rem; }
.md-hover-space-x-8:hover { --space-x: 2rem; }
.md-focus-space-x-8:focus { --space-x: 2rem; }
.md-active-space-x-8:active { --space-x: 2rem; }
.md-disabled-space-x-8:disabled { --space-x: 2rem; }
.md-space-x-10 { --space-x: 2.5rem; }
.md-hover-space-x-10:hover { --space-x: 2.5rem; }
.md-focus-space-x-10:focus { --space-x: 2.5rem; }
.md-active-space-x-10:active { --space-x: 2.5rem; }
.md-disabled-space-x-10:disabled { --space-x: 2.5rem; }
.md-space-x-12 { --space-x: 3rem; }
.md-hover-space-x-12:hover { --space-x: 3rem; }
.md-focus-space-x-12:focus { --space-x: 3rem; }
.md-active-space-x-12:active { --space-x: 3rem; }
.md-disabled-space-x-12:disabled { --space-x: 3rem; }
.md-space-x-16 { --space-x: 4rem; }
.md-hover-space-x-16:hover { --space-x: 4rem; }
.md-focus-space-x-16:focus { --space-x: 4rem; }
.md-active-space-x-16:active { --space-x: 4rem; }
.md-disabled-space-x-16:disabled { --space-x: 4rem; }
.md-space-x-20 { --space-x: 5rem; }
.md-hover-space-x-20:hover { --space-x: 5rem; }
.md-focus-space-x-20:focus { --space-x: 5rem; }
.md-active-space-x-20:active { --space-x: 5rem; }
.md-disabled-space-x-20:disabled { --space-x: 5rem; }
.md-space-x-24 { --space-x: 6rem; }
.md-hover-space-x-24:hover { --space-x: 6rem; }
.md-focus-space-x-24:focus { --space-x: 6rem; }
.md-active-space-x-24:active { --space-x: 6rem; }
.md-disabled-space-x-24:disabled { --space-x: 6rem; }
.md-space-x-28 { --space-x: 7rem; }
.md-hover-space-x-28:hover { --space-x: 7rem; }
.md-focus-space-x-28:focus { --space-x: 7rem; }
.md-active-space-x-28:active { --space-x: 7rem; }
.md-disabled-space-x-28:disabled { --space-x: 7rem; }
.md-space-x-32 { --space-x: 8rem; }
.md-hover-space-x-32:hover { --space-x: 8rem; }
.md-focus-space-x-32:focus { --space-x: 8rem; }
.md-active-space-x-32:active { --space-x: 8rem; }
.md-disabled-space-x-32:disabled { --space-x: 8rem; }
.md-space-y-auto { --space-y: auto; }
.md-hover-space-y-auto:hover { --space-y: auto; }
.md-focus-space-y-auto:focus { --space-y: auto; }
.md-active-space-y-auto:active { --space-y: auto; }
.md-disabled-space-y-auto:disabled { --space-y: auto; }
.md-space-y-0 { --space-y: 0; }
.md-hover-space-y-0:hover { --space-y: 0; }
.md-focus-space-y-0:focus { --space-y: 0; }
.md-active-space-y-0:active { --space-y: 0; }
.md-disabled-space-y-0:disabled { --space-y: 0; }
.md-space-y-1 { --space-y: 0.25rem; }
.md-hover-space-y-1:hover { --space-y: 0.25rem; }
.md-focus-space-y-1:focus { --space-y: 0.25rem; }
.md-active-space-y-1:active { --space-y: 0.25rem; }
.md-disabled-space-y-1:disabled { --space-y: 0.25rem; }
.md-space-y-2 { --space-y: 0.5rem; }
.md-hover-space-y-2:hover { --space-y: 0.5rem; }
.md-focus-space-y-2:focus { --space-y: 0.5rem; }
.md-active-space-y-2:active { --space-y: 0.5rem; }
.md-disabled-space-y-2:disabled { --space-y: 0.5rem; }
.md-space-y-3 { --space-y: 0.75rem; }
.md-hover-space-y-3:hover { --space-y: 0.75rem; }
.md-focus-space-y-3:focus { --space-y: 0.75rem; }
.md-active-space-y-3:active { --space-y: 0.75rem; }
.md-disabled-space-y-3:disabled { --space-y: 0.75rem; }
.md-space-y-4 { --space-y: 1rem; }
.md-hover-space-y-4:hover { --space-y: 1rem; }
.md-focus-space-y-4:focus { --space-y: 1rem; }
.md-active-space-y-4:active { --space-y: 1rem; }
.md-disabled-space-y-4:disabled { --space-y: 1rem; }
.md-space-y-5 { --space-y: 1.25rem; }
.md-hover-space-y-5:hover { --space-y: 1.25rem; }
.md-focus-space-y-5:focus { --space-y: 1.25rem; }
.md-active-space-y-5:active { --space-y: 1.25rem; }
.md-disabled-space-y-5:disabled { --space-y: 1.25rem; }
.md-space-y-6 { --space-y: 1.5rem; }
.md-hover-space-y-6:hover { --space-y: 1.5rem; }
.md-focus-space-y-6:focus { --space-y: 1.5rem; }
.md-active-space-y-6:active { --space-y: 1.5rem; }
.md-disabled-space-y-6:disabled { --space-y: 1.5rem; }
.md-space-y-8 { --space-y: 2rem; }
.md-hover-space-y-8:hover { --space-y: 2rem; }
.md-focus-space-y-8:focus { --space-y: 2rem; }
.md-active-space-y-8:active { --space-y: 2rem; }
.md-disabled-space-y-8:disabled { --space-y: 2rem; }
.md-space-y-10 { --space-y: 2.5rem; }
.md-hover-space-y-10:hover { --space-y: 2.5rem; }
.md-focus-space-y-10:focus { --space-y: 2.5rem; }
.md-active-space-y-10:active { --space-y: 2.5rem; }
.md-disabled-space-y-10:disabled { --space-y: 2.5rem; }
.md-space-y-12 { --space-y: 3rem; }
.md-hover-space-y-12:hover { --space-y: 3rem; }
.md-focus-space-y-12:focus { --space-y: 3rem; }
.md-active-space-y-12:active { --space-y: 3rem; }
.md-disabled-space-y-12:disabled { --space-y: 3rem; }
.md-space-y-16 { --space-y: 4rem; }
.md-hover-space-y-16:hover { --space-y: 4rem; }
.md-focus-space-y-16:focus { --space-y: 4rem; }
.md-active-space-y-16:active { --space-y: 4rem; }
.md-disabled-space-y-16:disabled { --space-y: 4rem; }
.md-space-y-20 { --space-y: 5rem; }
.md-hover-space-y-20:hover { --space-y: 5rem; }
.md-focus-space-y-20:focus { --space-y: 5rem; }
.md-active-space-y-20:active { --space-y: 5rem; }
.md-disabled-space-y-20:disabled { --space-y: 5rem; }
.md-space-y-24 { --space-y: 6rem; }
.md-hover-space-y-24:hover { --space-y: 6rem; }
.md-focus-space-y-24:focus { --space-y: 6rem; }
.md-active-space-y-24:active { --space-y: 6rem; }
.md-disabled-space-y-24:disabled { --space-y: 6rem; }
.md-space-y-28 { --space-y: 7rem; }
.md-hover-space-y-28:hover { --space-y: 7rem; }
.md-focus-space-y-28:focus { --space-y: 7rem; }
.md-active-space-y-28:active { --space-y: 7rem; }
.md-disabled-space-y-28:disabled { --space-y: 7rem; }
.md-space-y-32 { --space-y: 8rem; }
.md-hover-space-y-32:hover { --space-y: 8rem; }
.md-focus-space-y-32:focus { --space-y: 8rem; }
.md-active-space-y-32:active { --space-y: 8rem; }
.md-disabled-space-y-32:disabled { --space-y: 8rem; }
.md-d-block { display: block; }
.md-hover-d-block:hover { display: block; }
.md-focus-d-block:focus { display: block; }
.md-active-d-block:active { display: block; }
.md-disabled-d-block:disabled { display: block; }
.md-d-inline { display: inline; }
.md-hover-d-inline:hover { display: inline; }
.md-focus-d-inline:focus { display: inline; }
.md-active-d-inline:active { display: inline; }
.md-disabled-d-inline:disabled { display: inline; }
.md-d-inline-block { display: inline-block; }
.md-hover-d-inline-block:hover { display: inline-block; }
.md-focus-d-inline-block:focus { display: inline-block; }
.md-active-d-inline-block:active { display: inline-block; }
.md-disabled-d-inline-block:disabled { display: inline-block; }
.md-d-flex { display: flex; }
.md-hover-d-flex:hover { display: flex; }
.md-focus-d-flex:focus { display: flex; }
.md-active-d-flex:active { display: flex; }
.md-disabled-d-flex:disabled { display: flex; }
.md-d-inline-flex { display: inline-flex; }
.md-hover-d-inline-flex:hover { display: inline-flex; }
.md-focus-d-inline-flex:focus { display: inline-flex; }
.md-active-d-inline-flex:active { display: inline-flex; }
.md-disabled-d-inline-flex:disabled { display: inline-flex; }
.md-d-grid { display: grid; }
.md-hover-d-grid:hover { display: grid; }
.md-focus-d-grid:focus { display: grid; }
.md-active-d-grid:active { display: grid; }
.md-disabled-d-grid:disabled { display: grid; }
.md-d-inline-grid { display: inline-grid; }
.md-hover-d-inline-grid:hover { display: inline-grid; }
.md-focus-d-inline-grid:focus { display: inline-grid; }
.md-active-d-inline-grid:active { display: inline-grid; }
.md-disabled-d-inline-grid:disabled { display: inline-grid; }
.md-d-none { display: none; }
.md-hover-d-none:hover { display: none; }
.md-focus-d-none:focus { display: none; }
.md-active-d-none:active { display: none; }
.md-disabled-d-none:disabled { display: none; }
.md-position-static { position: static; }
.md-hover-position-static:hover { position: static; }
.md-focus-position-static:focus { position: static; }
.md-active-position-static:active { position: static; }
.md-disabled-position-static:disabled { position: static; }
.md-position-relative { position: relative; }
.md-hover-position-relative:hover { position: relative; }
.md-focus-position-relative:focus { position: relative; }
.md-active-position-relative:active { position: relative; }
.md-disabled-position-relative:disabled { position: relative; }
.md-position-absolute { position: absolute; }
.md-hover-position-absolute:hover { position: absolute; }
.md-focus-position-absolute:focus { position: absolute; }
.md-active-position-absolute:active { position: absolute; }
.md-disabled-position-absolute:disabled { position: absolute; }
.md-position-fixed { position: fixed; }
.md-hover-position-fixed:hover { position: fixed; }
.md-focus-position-fixed:focus { position: fixed; }
.md-active-position-fixed:active { position: fixed; }
.md-disabled-position-fixed:disabled { position: fixed; }
.md-position-sticky { position: sticky; }
.md-hover-position-sticky:hover { position: sticky; }
.md-focus-position-sticky:focus { position: sticky; }
.md-active-position-sticky:active { position: sticky; }
.md-disabled-position-sticky:disabled { position: sticky; }
.md-inset-0 { inset: 0; }
.md-hover-inset-0:hover { inset: 0; }
.md-focus-inset-0:focus { inset: 0; }
.md-active-inset-0:active { inset: 0; }
.md-disabled-inset-0:disabled { inset: 0; }
.md-inset-1 { inset: 0.25rem; }
.md-hover-inset-1:hover { inset: 0.25rem; }
.md-focus-inset-1:focus { inset: 0.25rem; }
.md-active-inset-1:active { inset: 0.25rem; }
.md-disabled-inset-1:disabled { inset: 0.25rem; }
.md-inset-2 { inset: 0.5rem; }
.md-hover-inset-2:hover { inset: 0.5rem; }
.md-focus-inset-2:focus { inset: 0.5rem; }
.md-active-inset-2:active { inset: 0.5rem; }
.md-disabled-inset-2:disabled { inset: 0.5rem; }
.md-inset-3 { inset: 0.75rem; }
.md-hover-inset-3:hover { inset: 0.75rem; }
.md-focus-inset-3:focus { inset: 0.75rem; }
.md-active-inset-3:active { inset: 0.75rem; }
.md-disabled-inset-3:disabled { inset: 0.75rem; }
.md-inset-4 { inset: 1rem; }
.md-hover-inset-4:hover { inset: 1rem; }
.md-focus-inset-4:focus { inset: 1rem; }
.md-active-inset-4:active { inset: 1rem; }
.md-disabled-inset-4:disabled { inset: 1rem; }
.md-inset-5 { inset: 1.25rem; }
.md-hover-inset-5:hover { inset: 1.25rem; }
.md-focus-inset-5:focus { inset: 1.25rem; }
.md-active-inset-5:active { inset: 1.25rem; }
.md-disabled-inset-5:disabled { inset: 1.25rem; }
.md-inset-6 { inset: 1.5rem; }
.md-hover-inset-6:hover { inset: 1.5rem; }
.md-focus-inset-6:focus { inset: 1.5rem; }
.md-active-inset-6:active { inset: 1.5rem; }
.md-disabled-inset-6:disabled { inset: 1.5rem; }
.md-inset-7 { inset: 1.75rem; }
.md-hover-inset-7:hover { inset: 1.75rem; }
.md-focus-inset-7:focus { inset: 1.75rem; }
.md-active-inset-7:active { inset: 1.75rem; }
.md-disabled-inset-7:disabled { inset: 1.75rem; }
.md-inset-8 { inset: 2rem; }
.md-hover-inset-8:hover { inset: 2rem; }
.md-focus-inset-8:focus { inset: 2rem; }
.md-active-inset-8:active { inset: 2rem; }
.md-disabled-inset-8:disabled { inset: 2rem; }
.md-inset-9 { inset: 2.25rem; }
.md-hover-inset-9:hover { inset: 2.25rem; }
.md-focus-inset-9:focus { inset: 2.25rem; }
.md-active-inset-9:active { inset: 2.25rem; }
.md-disabled-inset-9:disabled { inset: 2.25rem; }
.md-inset-10 { inset: 2.5rem; }
.md-hover-inset-10:hover { inset: 2.5rem; }
.md-focus-inset-10:focus { inset: 2.5rem; }
.md-active-inset-10:active { inset: 2.5rem; }
.md-disabled-inset-10:disabled { inset: 2.5rem; }
.md-inset-12 { inset: 3rem; }
.md-hover-inset-12:hover { inset: 3rem; }
.md-focus-inset-12:focus { inset: 3rem; }
.md-active-inset-12:active { inset: 3rem; }
.md-disabled-inset-12:disabled { inset: 3rem; }
.md-inset-14 { inset: 3.5rem; }
.md-hover-inset-14:hover { inset: 3.5rem; }
.md-focus-inset-14:focus { inset: 3.5rem; }
.md-active-inset-14:active { inset: 3.5rem; }
.md-disabled-inset-14:disabled { inset: 3.5rem; }
.md-inset-16 { inset: 4rem; }
.md-hover-inset-16:hover { inset: 4rem; }
.md-focus-inset-16:focus { inset: 4rem; }
.md-active-inset-16:active { inset: 4rem; }
.md-disabled-inset-16:disabled { inset: 4rem; }
.md-inset-20 { inset: 5rem; }
.md-hover-inset-20:hover { inset: 5rem; }
.md-focus-inset-20:focus { inset: 5rem; }
.md-active-inset-20:active { inset: 5rem; }
.md-disabled-inset-20:disabled { inset: 5rem; }
.md-inset-24 { inset: 6rem; }
.md-hover-inset-24:hover { inset: 6rem; }
.md-focus-inset-24:focus { inset: 6rem; }
.md-active-inset-24:active { inset: 6rem; }
.md-disabled-inset-24:disabled { inset: 6rem; }
.md-inset-28 { inset: 7rem; }
.md-hover-inset-28:hover { inset: 7rem; }
.md-focus-inset-28:focus { inset: 7rem; }
.md-active-inset-28:active { inset: 7rem; }
.md-disabled-inset-28:disabled { inset: 7rem; }
.md-inset-32 { inset: 8rem; }
.md-hover-inset-32:hover { inset: 8rem; }
.md-focus-inset-32:focus { inset: 8rem; }
.md-active-inset-32:active { inset: 8rem; }
.md-disabled-inset-32:disabled { inset: 8rem; }
.md-inset-t-0 { inset-top: 0; }
.md-hover-inset-t-0:hover { inset-top: 0; }
.md-focus-inset-t-0:focus { inset-top: 0; }
.md-active-inset-t-0:active { inset-top: 0; }
.md-disabled-inset-t-0:disabled { inset-top: 0; }
.md-inset-t-1 { inset-top: 0.25rem; }
.md-hover-inset-t-1:hover { inset-top: 0.25rem; }
.md-focus-inset-t-1:focus { inset-top: 0.25rem; }
.md-active-inset-t-1:active { inset-top: 0.25rem; }
.md-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
.md-inset-t-2 { inset-top: 0.5rem; }
.md-hover-inset-t-2:hover { inset-top: 0.5rem; }
.md-focus-inset-t-2:focus { inset-top: 0.5rem; }
.md-active-inset-t-2:active { inset-top: 0.5rem; }
.md-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
.md-inset-t-3 { inset-top: 0.75rem; }
.md-hover-inset-t-3:hover { inset-top: 0.75rem; }
.md-focus-inset-t-3:focus { inset-top: 0.75rem; }
.md-active-inset-t-3:active { inset-top: 0.75rem; }
.md-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
.md-inset-t-4 { inset-top: 1rem; }
.md-hover-inset-t-4:hover { inset-top: 1rem; }
.md-focus-inset-t-4:focus { inset-top: 1rem; }
.md-active-inset-t-4:active { inset-top: 1rem; }
.md-disabled-inset-t-4:disabled { inset-top: 1rem; }
.md-inset-t-5 { inset-top: 1.25rem; }
.md-hover-inset-t-5:hover { inset-top: 1.25rem; }
.md-focus-inset-t-5:focus { inset-top: 1.25rem; }
.md-active-inset-t-5:active { inset-top: 1.25rem; }
.md-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
.md-inset-t-6 { inset-top: 1.5rem; }
.md-hover-inset-t-6:hover { inset-top: 1.5rem; }
.md-focus-inset-t-6:focus { inset-top: 1.5rem; }
.md-active-inset-t-6:active { inset-top: 1.5rem; }
.md-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
.md-inset-t-7 { inset-top: 1.75rem; }
.md-hover-inset-t-7:hover { inset-top: 1.75rem; }
.md-focus-inset-t-7:focus { inset-top: 1.75rem; }
.md-active-inset-t-7:active { inset-top: 1.75rem; }
.md-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
.md-inset-t-8 { inset-top: 2rem; }
.md-hover-inset-t-8:hover { inset-top: 2rem; }
.md-focus-inset-t-8:focus { inset-top: 2rem; }
.md-active-inset-t-8:active { inset-top: 2rem; }
.md-disabled-inset-t-8:disabled { inset-top: 2rem; }
.md-inset-t-9 { inset-top: 2.25rem; }
.md-hover-inset-t-9:hover { inset-top: 2.25rem; }
.md-focus-inset-t-9:focus { inset-top: 2.25rem; }
.md-active-inset-t-9:active { inset-top: 2.25rem; }
.md-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
.md-inset-t-10 { inset-top: 2.5rem; }
.md-hover-inset-t-10:hover { inset-top: 2.5rem; }
.md-focus-inset-t-10:focus { inset-top: 2.5rem; }
.md-active-inset-t-10:active { inset-top: 2.5rem; }
.md-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
.md-inset-t-12 { inset-top: 3rem; }
.md-hover-inset-t-12:hover { inset-top: 3rem; }
.md-focus-inset-t-12:focus { inset-top: 3rem; }
.md-active-inset-t-12:active { inset-top: 3rem; }
.md-disabled-inset-t-12:disabled { inset-top: 3rem; }
.md-inset-t-14 { inset-top: 3.5rem; }
.md-hover-inset-t-14:hover { inset-top: 3.5rem; }
.md-focus-inset-t-14:focus { inset-top: 3.5rem; }
.md-active-inset-t-14:active { inset-top: 3.5rem; }
.md-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
.md-inset-t-16 { inset-top: 4rem; }
.md-hover-inset-t-16:hover { inset-top: 4rem; }
.md-focus-inset-t-16:focus { inset-top: 4rem; }
.md-active-inset-t-16:active { inset-top: 4rem; }
.md-disabled-inset-t-16:disabled { inset-top: 4rem; }
.md-inset-t-20 { inset-top: 5rem; }
.md-hover-inset-t-20:hover { inset-top: 5rem; }
.md-focus-inset-t-20:focus { inset-top: 5rem; }
.md-active-inset-t-20:active { inset-top: 5rem; }
.md-disabled-inset-t-20:disabled { inset-top: 5rem; }
.md-inset-t-24 { inset-top: 6rem; }
.md-hover-inset-t-24:hover { inset-top: 6rem; }
.md-focus-inset-t-24:focus { inset-top: 6rem; }
.md-active-inset-t-24:active { inset-top: 6rem; }
.md-disabled-inset-t-24:disabled { inset-top: 6rem; }
.md-inset-t-28 { inset-top: 7rem; }
.md-hover-inset-t-28:hover { inset-top: 7rem; }
.md-focus-inset-t-28:focus { inset-top: 7rem; }
.md-active-inset-t-28:active { inset-top: 7rem; }
.md-disabled-inset-t-28:disabled { inset-top: 7rem; }
.md-inset-t-32 { inset-top: 8rem; }
.md-hover-inset-t-32:hover { inset-top: 8rem; }
.md-focus-inset-t-32:focus { inset-top: 8rem; }
.md-active-inset-t-32:active { inset-top: 8rem; }
.md-disabled-inset-t-32:disabled { inset-top: 8rem; }
.md-inset-r-0 { inset-right: 0; }
.md-hover-inset-r-0:hover { inset-right: 0; }
.md-focus-inset-r-0:focus { inset-right: 0; }
.md-active-inset-r-0:active { inset-right: 0; }
.md-disabled-inset-r-0:disabled { inset-right: 0; }
.md-inset-r-1 { inset-right: 0.25rem; }
.md-hover-inset-r-1:hover { inset-right: 0.25rem; }
.md-focus-inset-r-1:focus { inset-right: 0.25rem; }
.md-active-inset-r-1:active { inset-right: 0.25rem; }
.md-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
.md-inset-r-2 { inset-right: 0.5rem; }
.md-hover-inset-r-2:hover { inset-right: 0.5rem; }
.md-focus-inset-r-2:focus { inset-right: 0.5rem; }
.md-active-inset-r-2:active { inset-right: 0.5rem; }
.md-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
.md-inset-r-3 { inset-right: 0.75rem; }
.md-hover-inset-r-3:hover { inset-right: 0.75rem; }
.md-focus-inset-r-3:focus { inset-right: 0.75rem; }
.md-active-inset-r-3:active { inset-right: 0.75rem; }
.md-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
.md-inset-r-4 { inset-right: 1rem; }
.md-hover-inset-r-4:hover { inset-right: 1rem; }
.md-focus-inset-r-4:focus { inset-right: 1rem; }
.md-active-inset-r-4:active { inset-right: 1rem; }
.md-disabled-inset-r-4:disabled { inset-right: 1rem; }
.md-inset-r-5 { inset-right: 1.25rem; }
.md-hover-inset-r-5:hover { inset-right: 1.25rem; }
.md-focus-inset-r-5:focus { inset-right: 1.25rem; }
.md-active-inset-r-5:active { inset-right: 1.25rem; }
.md-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
.md-inset-r-6 { inset-right: 1.5rem; }
.md-hover-inset-r-6:hover { inset-right: 1.5rem; }
.md-focus-inset-r-6:focus { inset-right: 1.5rem; }
.md-active-inset-r-6:active { inset-right: 1.5rem; }
.md-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
.md-inset-r-7 { inset-right: 1.75rem; }
.md-hover-inset-r-7:hover { inset-right: 1.75rem; }
.md-focus-inset-r-7:focus { inset-right: 1.75rem; }
.md-active-inset-r-7:active { inset-right: 1.75rem; }
.md-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
.md-inset-r-8 { inset-right: 2rem; }
.md-hover-inset-r-8:hover { inset-right: 2rem; }
.md-focus-inset-r-8:focus { inset-right: 2rem; }
.md-active-inset-r-8:active { inset-right: 2rem; }
.md-disabled-inset-r-8:disabled { inset-right: 2rem; }
.md-inset-r-9 { inset-right: 2.25rem; }
.md-hover-inset-r-9:hover { inset-right: 2.25rem; }
.md-focus-inset-r-9:focus { inset-right: 2.25rem; }
.md-active-inset-r-9:active { inset-right: 2.25rem; }
.md-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
.md-inset-r-10 { inset-right: 2.5rem; }
.md-hover-inset-r-10:hover { inset-right: 2.5rem; }
.md-focus-inset-r-10:focus { inset-right: 2.5rem; }
.md-active-inset-r-10:active { inset-right: 2.5rem; }
.md-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
.md-inset-r-12 { inset-right: 3rem; }
.md-hover-inset-r-12:hover { inset-right: 3rem; }
.md-focus-inset-r-12:focus { inset-right: 3rem; }
.md-active-inset-r-12:active { inset-right: 3rem; }
.md-disabled-inset-r-12:disabled { inset-right: 3rem; }
.md-inset-r-14 { inset-right: 3.5rem; }
.md-hover-inset-r-14:hover { inset-right: 3.5rem; }
.md-focus-inset-r-14:focus { inset-right: 3.5rem; }
.md-active-inset-r-14:active { inset-right: 3.5rem; }
.md-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
.md-inset-r-16 { inset-right: 4rem; }
.md-hover-inset-r-16:hover { inset-right: 4rem; }
.md-focus-inset-r-16:focus { inset-right: 4rem; }
.md-active-inset-r-16:active { inset-right: 4rem; }
.md-disabled-inset-r-16:disabled { inset-right: 4rem; }
.md-inset-r-20 { inset-right: 5rem; }
.md-hover-inset-r-20:hover { inset-right: 5rem; }
.md-focus-inset-r-20:focus { inset-right: 5rem; }
.md-active-inset-r-20:active { inset-right: 5rem; }
.md-disabled-inset-r-20:disabled { inset-right: 5rem; }
.md-inset-r-24 { inset-right: 6rem; }
.md-hover-inset-r-24:hover { inset-right: 6rem; }
.md-focus-inset-r-24:focus { inset-right: 6rem; }
.md-active-inset-r-24:active { inset-right: 6rem; }
.md-disabled-inset-r-24:disabled { inset-right: 6rem; }
.md-inset-r-28 { inset-right: 7rem; }
.md-hover-inset-r-28:hover { inset-right: 7rem; }
.md-focus-inset-r-28:focus { inset-right: 7rem; }
.md-active-inset-r-28:active { inset-right: 7rem; }
.md-disabled-inset-r-28:disabled { inset-right: 7rem; }
.md-inset-r-32 { inset-right: 8rem; }
.md-hover-inset-r-32:hover { inset-right: 8rem; }
.md-focus-inset-r-32:focus { inset-right: 8rem; }
.md-active-inset-r-32:active { inset-right: 8rem; }
.md-disabled-inset-r-32:disabled { inset-right: 8rem; }
.md-inset-b-0 { inset-bottom: 0; }
.md-hover-inset-b-0:hover { inset-bottom: 0; }
.md-focus-inset-b-0:focus { inset-bottom: 0; }
.md-active-inset-b-0:active { inset-bottom: 0; }
.md-disabled-inset-b-0:disabled { inset-bottom: 0; }
.md-inset-b-1 { inset-bottom: 0.25rem; }
.md-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
.md-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
.md-active-inset-b-1:active { inset-bottom: 0.25rem; }
.md-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
.md-inset-b-2 { inset-bottom: 0.5rem; }
.md-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
.md-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
.md-active-inset-b-2:active { inset-bottom: 0.5rem; }
.md-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
.md-inset-b-3 { inset-bottom: 0.75rem; }
.md-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
.md-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
.md-active-inset-b-3:active { inset-bottom: 0.75rem; }
.md-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
.md-inset-b-4 { inset-bottom: 1rem; }
.md-hover-inset-b-4:hover { inset-bottom: 1rem; }
.md-focus-inset-b-4:focus { inset-bottom: 1rem; }
.md-active-inset-b-4:active { inset-bottom: 1rem; }
.md-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
.md-inset-b-5 { inset-bottom: 1.25rem; }
.md-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
.md-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
.md-active-inset-b-5:active { inset-bottom: 1.25rem; }
.md-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
.md-inset-b-6 { inset-bottom: 1.5rem; }
.md-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
.md-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
.md-active-inset-b-6:active { inset-bottom: 1.5rem; }
.md-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
.md-inset-b-7 { inset-bottom: 1.75rem; }
.md-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
.md-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
.md-active-inset-b-7:active { inset-bottom: 1.75rem; }
.md-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
.md-inset-b-8 { inset-bottom: 2rem; }
.md-hover-inset-b-8:hover { inset-bottom: 2rem; }
.md-focus-inset-b-8:focus { inset-bottom: 2rem; }
.md-active-inset-b-8:active { inset-bottom: 2rem; }
.md-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
.md-inset-b-9 { inset-bottom: 2.25rem; }
.md-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
.md-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
.md-active-inset-b-9:active { inset-bottom: 2.25rem; }
.md-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
.md-inset-b-10 { inset-bottom: 2.5rem; }
.md-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
.md-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
.md-active-inset-b-10:active { inset-bottom: 2.5rem; }
.md-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
.md-inset-b-12 { inset-bottom: 3rem; }
.md-hover-inset-b-12:hover { inset-bottom: 3rem; }
.md-focus-inset-b-12:focus { inset-bottom: 3rem; }
.md-active-inset-b-12:active { inset-bottom: 3rem; }
.md-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
.md-inset-b-14 { inset-bottom: 3.5rem; }
.md-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
.md-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
.md-active-inset-b-14:active { inset-bottom: 3.5rem; }
.md-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
.md-inset-b-16 { inset-bottom: 4rem; }
.md-hover-inset-b-16:hover { inset-bottom: 4rem; }
.md-focus-inset-b-16:focus { inset-bottom: 4rem; }
.md-active-inset-b-16:active { inset-bottom: 4rem; }
.md-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
.md-inset-b-20 { inset-bottom: 5rem; }
.md-hover-inset-b-20:hover { inset-bottom: 5rem; }
.md-focus-inset-b-20:focus { inset-bottom: 5rem; }
.md-active-inset-b-20:active { inset-bottom: 5rem; }
.md-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
.md-inset-b-24 { inset-bottom: 6rem; }
.md-hover-inset-b-24:hover { inset-bottom: 6rem; }
.md-focus-inset-b-24:focus { inset-bottom: 6rem; }
.md-active-inset-b-24:active { inset-bottom: 6rem; }
.md-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
.md-inset-b-28 { inset-bottom: 7rem; }
.md-hover-inset-b-28:hover { inset-bottom: 7rem; }
.md-focus-inset-b-28:focus { inset-bottom: 7rem; }
.md-active-inset-b-28:active { inset-bottom: 7rem; }
.md-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
.md-inset-b-32 { inset-bottom: 8rem; }
.md-hover-inset-b-32:hover { inset-bottom: 8rem; }
.md-focus-inset-b-32:focus { inset-bottom: 8rem; }
.md-active-inset-b-32:active { inset-bottom: 8rem; }
.md-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
.md-inset-l-0 { inset-left: 0; }
.md-hover-inset-l-0:hover { inset-left: 0; }
.md-focus-inset-l-0:focus { inset-left: 0; }
.md-active-inset-l-0:active { inset-left: 0; }
.md-disabled-inset-l-0:disabled { inset-left: 0; }
.md-inset-l-1 { inset-left: 0.25rem; }
.md-hover-inset-l-1:hover { inset-left: 0.25rem; }
.md-focus-inset-l-1:focus { inset-left: 0.25rem; }
.md-active-inset-l-1:active { inset-left: 0.25rem; }
.md-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
.md-inset-l-2 { inset-left: 0.5rem; }
.md-hover-inset-l-2:hover { inset-left: 0.5rem; }
.md-focus-inset-l-2:focus { inset-left: 0.5rem; }
.md-active-inset-l-2:active { inset-left: 0.5rem; }
.md-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
.md-inset-l-3 { inset-left: 0.75rem; }
.md-hover-inset-l-3:hover { inset-left: 0.75rem; }
.md-focus-inset-l-3:focus { inset-left: 0.75rem; }
.md-active-inset-l-3:active { inset-left: 0.75rem; }
.md-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
.md-inset-l-4 { inset-left: 1rem; }
.md-hover-inset-l-4:hover { inset-left: 1rem; }
.md-focus-inset-l-4:focus { inset-left: 1rem; }
.md-active-inset-l-4:active { inset-left: 1rem; }
.md-disabled-inset-l-4:disabled { inset-left: 1rem; }
.md-inset-l-5 { inset-left: 1.25rem; }
.md-hover-inset-l-5:hover { inset-left: 1.25rem; }
.md-focus-inset-l-5:focus { inset-left: 1.25rem; }
.md-active-inset-l-5:active { inset-left: 1.25rem; }
.md-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
.md-inset-l-6 { inset-left: 1.5rem; }
.md-hover-inset-l-6:hover { inset-left: 1.5rem; }
.md-focus-inset-l-6:focus { inset-left: 1.5rem; }
.md-active-inset-l-6:active { inset-left: 1.5rem; }
.md-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
.md-inset-l-7 { inset-left: 1.75rem; }
.md-hover-inset-l-7:hover { inset-left: 1.75rem; }
.md-focus-inset-l-7:focus { inset-left: 1.75rem; }
.md-active-inset-l-7:active { inset-left: 1.75rem; }
.md-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
.md-inset-l-8 { inset-left: 2rem; }
.md-hover-inset-l-8:hover { inset-left: 2rem; }
.md-focus-inset-l-8:focus { inset-left: 2rem; }
.md-active-inset-l-8:active { inset-left: 2rem; }
.md-disabled-inset-l-8:disabled { inset-left: 2rem; }
.md-inset-l-9 { inset-left: 2.25rem; }
.md-hover-inset-l-9:hover { inset-left: 2.25rem; }
.md-focus-inset-l-9:focus { inset-left: 2.25rem; }
.md-active-inset-l-9:active { inset-left: 2.25rem; }
.md-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
.md-inset-l-10 { inset-left: 2.5rem; }
.md-hover-inset-l-10:hover { inset-left: 2.5rem; }
.md-focus-inset-l-10:focus { inset-left: 2.5rem; }
.md-active-inset-l-10:active { inset-left: 2.5rem; }
.md-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
.md-inset-l-12 { inset-left: 3rem; }
.md-hover-inset-l-12:hover { inset-left: 3rem; }
.md-focus-inset-l-12:focus { inset-left: 3rem; }
.md-active-inset-l-12:active { inset-left: 3rem; }
.md-disabled-inset-l-12:disabled { inset-left: 3rem; }
.md-inset-l-14 { inset-left: 3.5rem; }
.md-hover-inset-l-14:hover { inset-left: 3.5rem; }
.md-focus-inset-l-14:focus { inset-left: 3.5rem; }
.md-active-inset-l-14:active { inset-left: 3.5rem; }
.md-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
.md-inset-l-16 { inset-left: 4rem; }
.md-hover-inset-l-16:hover { inset-left: 4rem; }
.md-focus-inset-l-16:focus { inset-left: 4rem; }
.md-active-inset-l-16:active { inset-left: 4rem; }
.md-disabled-inset-l-16:disabled { inset-left: 4rem; }
.md-inset-l-20 { inset-left: 5rem; }
.md-hover-inset-l-20:hover { inset-left: 5rem; }
.md-focus-inset-l-20:focus { inset-left: 5rem; }
.md-active-inset-l-20:active { inset-left: 5rem; }
.md-disabled-inset-l-20:disabled { inset-left: 5rem; }
.md-inset-l-24 { inset-left: 6rem; }
.md-hover-inset-l-24:hover { inset-left: 6rem; }
.md-focus-inset-l-24:focus { inset-left: 6rem; }
.md-active-inset-l-24:active { inset-left: 6rem; }
.md-disabled-inset-l-24:disabled { inset-left: 6rem; }
.md-inset-l-28 { inset-left: 7rem; }
.md-hover-inset-l-28:hover { inset-left: 7rem; }
.md-focus-inset-l-28:focus { inset-left: 7rem; }
.md-active-inset-l-28:active { inset-left: 7rem; }
.md-disabled-inset-l-28:disabled { inset-left: 7rem; }
.md-inset-l-32 { inset-left: 8rem; }
.md-hover-inset-l-32:hover { inset-left: 8rem; }
.md-focus-inset-l-32:focus { inset-left: 8rem; }
.md-active-inset-l-32:active { inset-left: 8rem; }
.md-disabled-inset-l-32:disabled { inset-left: 8rem; }
.md-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.md-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
.md-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
.md-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
.md-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
.md-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.md-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
.md-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
.md-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
.md-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
.md-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.md-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
.md-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
.md-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
.md-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
.md-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.md-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
.md-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
.md-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
.md-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
.md-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.md-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
.md-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
.md-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
.md-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
.md-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.md-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
.md-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
.md-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
.md-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
.md-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.md-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
.md-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
.md-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
.md-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
.md-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.md-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
.md-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
.md-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
.md-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
.md-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.md-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
.md-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
.md-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
.md-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
.md-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.md-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
.md-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
.md-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
.md-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
.md-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.md-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
.md-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
.md-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
.md-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
.md-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.md-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
.md-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
.md-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
.md-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
.md-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.md-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
.md-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
.md-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
.md-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
.md-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.md-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
.md-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
.md-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
.md-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
.md-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.md-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
.md-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
.md-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
.md-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
.md-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.md-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
.md-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
.md-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
.md-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
.md-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.md-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
.md-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
.md-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
.md-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
.md-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
.md-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
.md-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
.md-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
.md-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
.md-gap-0 { gap: 0; }
.md-hover-gap-0:hover { gap: 0; }
.md-focus-gap-0:focus { gap: 0; }
.md-active-gap-0:active { gap: 0; }
.md-disabled-gap-0:disabled { gap: 0; }
.md-gap-1 { gap: 0.25rem; }
.md-hover-gap-1:hover { gap: 0.25rem; }
.md-focus-gap-1:focus { gap: 0.25rem; }
.md-active-gap-1:active { gap: 0.25rem; }
.md-disabled-gap-1:disabled { gap: 0.25rem; }
.md-gap-2 { gap: 0.5rem; }
.md-hover-gap-2:hover { gap: 0.5rem; }
.md-focus-gap-2:focus { gap: 0.5rem; }
.md-active-gap-2:active { gap: 0.5rem; }
.md-disabled-gap-2:disabled { gap: 0.5rem; }
.md-gap-3 { gap: 0.75rem; }
.md-hover-gap-3:hover { gap: 0.75rem; }
.md-focus-gap-3:focus { gap: 0.75rem; }
.md-active-gap-3:active { gap: 0.75rem; }
.md-disabled-gap-3:disabled { gap: 0.75rem; }
.md-gap-4 { gap: 1rem; }
.md-hover-gap-4:hover { gap: 1rem; }
.md-focus-gap-4:focus { gap: 1rem; }
.md-active-gap-4:active { gap: 1rem; }
.md-disabled-gap-4:disabled { gap: 1rem; }
.md-gap-5 { gap: 1.25rem; }
.md-hover-gap-5:hover { gap: 1.25rem; }
.md-focus-gap-5:focus { gap: 1.25rem; }
.md-active-gap-5:active { gap: 1.25rem; }
.md-disabled-gap-5:disabled { gap: 1.25rem; }
.md-gap-6 { gap: 1.5rem; }
.md-hover-gap-6:hover { gap: 1.5rem; }
.md-focus-gap-6:focus { gap: 1.5rem; }
.md-active-gap-6:active { gap: 1.5rem; }
.md-disabled-gap-6:disabled { gap: 1.5rem; }
.md-gap-7 { gap: 1.75rem; }
.md-hover-gap-7:hover { gap: 1.75rem; }
.md-focus-gap-7:focus { gap: 1.75rem; }
.md-active-gap-7:active { gap: 1.75rem; }
.md-disabled-gap-7:disabled { gap: 1.75rem; }
.md-gap-8 { gap: 2rem; }
.md-hover-gap-8:hover { gap: 2rem; }
.md-focus-gap-8:focus { gap: 2rem; }
.md-active-gap-8:active { gap: 2rem; }
.md-disabled-gap-8:disabled { gap: 2rem; }
.md-gap-9 { gap: 2.25rem; }
.md-hover-gap-9:hover { gap: 2.25rem; }
.md-focus-gap-9:focus { gap: 2.25rem; }
.md-active-gap-9:active { gap: 2.25rem; }
.md-disabled-gap-9:disabled { gap: 2.25rem; }
.md-gap-10 { gap: 2.5rem; }
.md-hover-gap-10:hover { gap: 2.5rem; }
.md-focus-gap-10:focus { gap: 2.5rem; }
.md-active-gap-10:active { gap: 2.5rem; }
.md-disabled-gap-10:disabled { gap: 2.5rem; }
.md-gap-12 { gap: 3rem; }
.md-hover-gap-12:hover { gap: 3rem; }
.md-focus-gap-12:focus { gap: 3rem; }
.md-active-gap-12:active { gap: 3rem; }
.md-disabled-gap-12:disabled { gap: 3rem; }
.md-gap-14 { gap: 3.5rem; }
.md-hover-gap-14:hover { gap: 3.5rem; }
.md-focus-gap-14:focus { gap: 3.5rem; }
.md-active-gap-14:active { gap: 3.5rem; }
.md-disabled-gap-14:disabled { gap: 3.5rem; }
.md-gap-16 { gap: 4rem; }
.md-hover-gap-16:hover { gap: 4rem; }
.md-focus-gap-16:focus { gap: 4rem; }
.md-active-gap-16:active { gap: 4rem; }
.md-disabled-gap-16:disabled { gap: 4rem; }
.md-gap-20 { gap: 5rem; }
.md-hover-gap-20:hover { gap: 5rem; }
.md-focus-gap-20:focus { gap: 5rem; }
.md-active-gap-20:active { gap: 5rem; }
.md-disabled-gap-20:disabled { gap: 5rem; }
.md-gap-24 { gap: 6rem; }
.md-hover-gap-24:hover { gap: 6rem; }
.md-focus-gap-24:focus { gap: 6rem; }
.md-active-gap-24:active { gap: 6rem; }
.md-disabled-gap-24:disabled { gap: 6rem; }
.md-gap-28 { gap: 7rem; }
.md-hover-gap-28:hover { gap: 7rem; }
.md-focus-gap-28:focus { gap: 7rem; }
.md-active-gap-28:active { gap: 7rem; }
.md-disabled-gap-28:disabled { gap: 7rem; }
.md-gap-32 { gap: 8rem; }
.md-hover-gap-32:hover { gap: 8rem; }
.md-focus-gap-32:focus { gap: 8rem; }
.md-active-gap-32:active { gap: 8rem; }
.md-disabled-gap-32:disabled { gap: 8rem; }
.md-flex-row { flex-direction: row; }
.md-hover-flex-row:hover { flex-direction: row; }
.md-focus-flex-row:focus { flex-direction: row; }
.md-active-flex-row:active { flex-direction: row; }
.md-disabled-flex-row:disabled { flex-direction: row; }
.md-flex-col { flex-direction: column; }
.md-hover-flex-col:hover { flex-direction: column; }
.md-focus-flex-col:focus { flex-direction: column; }
.md-active-flex-col:active { flex-direction: column; }
.md-disabled-flex-col:disabled { flex-direction: column; }
.md-flex-row-reverse { flex-direction: row-reverse; }
.md-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
.md-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
.md-active-flex-row-reverse:active { flex-direction: row-reverse; }
.md-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
.md-flex-col-reverse { flex-direction: column-reverse; }
.md-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
.md-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
.md-active-flex-col-reverse:active { flex-direction: column-reverse; }
.md-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
.md-flex-wrap { flex-wrap: wrap; }
.md-hover-flex-wrap:hover { flex-wrap: wrap; }
.md-focus-flex-wrap:focus { flex-wrap: wrap; }
.md-active-flex-wrap:active { flex-wrap: wrap; }
.md-disabled-flex-wrap:disabled { flex-wrap: wrap; }
.md-flex-nowrap { flex-wrap: nowrap; }
.md-hover-flex-nowrap:hover { flex-wrap: nowrap; }
.md-focus-flex-nowrap:focus { flex-wrap: nowrap; }
.md-active-flex-nowrap:active { flex-wrap: nowrap; }
.md-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
.md-flex-wrap-reverse { flex-wrap: wrap-reverse; }
.md-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
.md-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
.md-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
.md-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
.md-flex-1 { flex: 1; }
.md-hover-flex-1:hover { flex: 1; }
.md-focus-flex-1:focus { flex: 1; }
.md-active-flex-1:active { flex: 1; }
.md-disabled-flex-1:disabled { flex: 1; }
.md-flex-auto { flex: auto; }
.md-hover-flex-auto:hover { flex: auto; }
.md-focus-flex-auto:focus { flex: auto; }
.md-active-flex-auto:active { flex: auto; }
.md-disabled-flex-auto:disabled { flex: auto; }
.md-flex-initial { flex: initial; }
.md-hover-flex-initial:hover { flex: initial; }
.md-focus-flex-initial:focus { flex: initial; }
.md-active-flex-initial:active { flex: initial; }
.md-disabled-flex-initial:disabled { flex: initial; }
.md-flex-none { flex: none; }
.md-hover-flex-none:hover { flex: none; }
.md-focus-flex-none:focus { flex: none; }
.md-active-flex-none:active { flex: none; }
.md-disabled-flex-none:disabled { flex: none; }
.md-flex-grow-0 { flex-grow: 0; }
.md-hover-flex-grow-0:hover { flex-grow: 0; }
.md-focus-flex-grow-0:focus { flex-grow: 0; }
.md-active-flex-grow-0:active { flex-grow: 0; }
.md-disabled-flex-grow-0:disabled { flex-grow: 0; }
.md-flex-grow-1 { flex-grow: 1; }
.md-hover-flex-grow-1:hover { flex-grow: 1; }
.md-focus-flex-grow-1:focus { flex-grow: 1; }
.md-active-flex-grow-1:active { flex-grow: 1; }
.md-disabled-flex-grow-1:disabled { flex-grow: 1; }
.md-flex-shrink-0 { flex-shrink: 0; }
.md-hover-flex-shrink-0:hover { flex-shrink: 0; }
.md-focus-flex-shrink-0:focus { flex-shrink: 0; }
.md-active-flex-shrink-0:active { flex-shrink: 0; }
.md-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
.md-flex-shrink-1 { flex-shrink: 1; }
.md-hover-flex-shrink-1:hover { flex-shrink: 1; }
.md-focus-flex-shrink-1:focus { flex-shrink: 1; }
.md-active-flex-shrink-1:active { flex-shrink: 1; }
.md-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
.md-overflow-auto { overflow: auto; }
.md-hover-overflow-auto:hover { overflow: auto; }
.md-focus-overflow-auto:focus { overflow: auto; }
.md-active-overflow-auto:active { overflow: auto; }
.md-disabled-overflow-auto:disabled { overflow: auto; }
.md-overflow-hidden { overflow: hidden; }
.md-hover-overflow-hidden:hover { overflow: hidden; }
.md-focus-overflow-hidden:focus { overflow: hidden; }
.md-active-overflow-hidden:active { overflow: hidden; }
.md-disabled-overflow-hidden:disabled { overflow: hidden; }
.md-overflow-visible { overflow: visible; }
.md-hover-overflow-visible:hover { overflow: visible; }
.md-focus-overflow-visible:focus { overflow: visible; }
.md-active-overflow-visible:active { overflow: visible; }
.md-disabled-overflow-visible:disabled { overflow: visible; }
.md-overflow-scroll { overflow: scroll; }
.md-hover-overflow-scroll:hover { overflow: scroll; }
.md-focus-overflow-scroll:focus { overflow: scroll; }
.md-active-overflow-scroll:active { overflow: scroll; }
.md-disabled-overflow-scroll:disabled { overflow: scroll; }
.md-overflow-x-auto { overflow-x: auto; }
.md-hover-overflow-x-auto:hover { overflow-x: auto; }
.md-focus-overflow-x-auto:focus { overflow-x: auto; }
.md-active-overflow-x-auto:active { overflow-x: auto; }
.md-disabled-overflow-x-auto:disabled { overflow-x: auto; }
.md-overflow-x-hidden { overflow-x: hidden; }
.md-hover-overflow-x-hidden:hover { overflow-x: hidden; }
.md-focus-overflow-x-hidden:focus { overflow-x: hidden; }
.md-active-overflow-x-hidden:active { overflow-x: hidden; }
.md-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
.md-overflow-x-visible { overflow-x: visible; }
.md-hover-overflow-x-visible:hover { overflow-x: visible; }
.md-focus-overflow-x-visible:focus { overflow-x: visible; }
.md-active-overflow-x-visible:active { overflow-x: visible; }
.md-disabled-overflow-x-visible:disabled { overflow-x: visible; }
.md-overflow-x-scroll { overflow-x: scroll; }
.md-hover-overflow-x-scroll:hover { overflow-x: scroll; }
.md-focus-overflow-x-scroll:focus { overflow-x: scroll; }
.md-active-overflow-x-scroll:active { overflow-x: scroll; }
.md-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
.md-overflow-y-auto { overflow-y: auto; }
.md-hover-overflow-y-auto:hover { overflow-y: auto; }
.md-focus-overflow-y-auto:focus { overflow-y: auto; }
.md-active-overflow-y-auto:active { overflow-y: auto; }
.md-disabled-overflow-y-auto:disabled { overflow-y: auto; }
.md-overflow-y-hidden { overflow-y: hidden; }
.md-hover-overflow-y-hidden:hover { overflow-y: hidden; }
.md-focus-overflow-y-hidden:focus { overflow-y: hidden; }
.md-active-overflow-y-hidden:active { overflow-y: hidden; }
.md-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
.md-overflow-y-visible { overflow-y: visible; }
.md-hover-overflow-y-visible:hover { overflow-y: visible; }
.md-focus-overflow-y-visible:focus { overflow-y: visible; }
.md-active-overflow-y-visible:active { overflow-y: visible; }
.md-disabled-overflow-y-visible:disabled { overflow-y: visible; }
.md-overflow-y-scroll { overflow-y: scroll; }
.md-hover-overflow-y-scroll:hover { overflow-y: scroll; }
.md-focus-overflow-y-scroll:focus { overflow-y: scroll; }
.md-active-overflow-y-scroll:active { overflow-y: scroll; }
.md-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
.md-visible { visibility: visible; }
.md-hover-visible:hover { visibility: visible; }
.md-focus-visible:focus { visibility: visible; }
.md-active-visible:active { visibility: visible; }
.md-disabled-visible:disabled { visibility: visible; }
.md-hidden { visibility: hidden; }
.md-hover-hidden:hover { visibility: hidden; }
.md-focus-hidden:focus { visibility: hidden; }
.md-active-hidden:active { visibility: hidden; }
.md-disabled-hidden:disabled { visibility: hidden; }
.md-clear-left { clear: left; }
.md-hover-clear-left:hover { clear: left; }
.md-focus-clear-left:focus { clear: left; }
.md-active-clear-left:active { clear: left; }
.md-disabled-clear-left:disabled { clear: left; }
.md-clear-right { clear: right; }
.md-hover-clear-right:hover { clear: right; }
.md-focus-clear-right:focus { clear: right; }
.md-active-clear-right:active { clear: right; }
.md-disabled-clear-right:disabled { clear: right; }
.md-clear-both { clear: both; }
.md-hover-clear-both:hover { clear: both; }
.md-focus-clear-both:focus { clear: both; }
.md-active-clear-both:active { clear: both; }
.md-disabled-clear-both:disabled { clear: both; }
.md-float-left { float: left; }
.md-hover-float-left:hover { float: left; }
.md-focus-float-left:focus { float: left; }
.md-active-float-left:active { float: left; }
.md-disabled-float-left:disabled { float: left; }
.md-float-right { float: right; }
.md-hover-float-right:hover { float: right; }
.md-focus-float-right:focus { float: right; }
.md-active-float-right:active { float: right; }
.md-disabled-float-right:disabled { float: right; }
.md-float-none { float: none; }
.md-hover-float-none:hover { float: none; }
.md-focus-float-none:focus { float: none; }
.md-active-float-none:active { float: none; }
.md-disabled-float-none:disabled { float: none; }
.md-w-auto { width: auto; }
.md-hover-w-auto:hover { width: auto; }
.md-focus-w-auto:focus { width: auto; }
.md-active-w-auto:active { width: auto; }
.md-disabled-w-auto:disabled { width: auto; }
.md-w-full { width: 100%; }
.md-hover-w-full:hover { width: 100%; }
.md-focus-w-full:focus { width: 100%; }
.md-active-w-full:active { width: 100%; }
.md-disabled-w-full:disabled { width: 100%; }
.md-w-fit { width: fit-content; }
.md-hover-w-fit:hover { width: fit-content; }
.md-focus-w-fit:focus { width: fit-content; }
.md-active-w-fit:active { width: fit-content; }
.md-disabled-w-fit:disabled { width: fit-content; }
.md-w-max { width: max-content; }
.md-hover-w-max:hover { width: max-content; }
.md-focus-w-max:focus { width: max-content; }
.md-active-w-max:active { width: max-content; }
.md-disabled-w-max:disabled { width: max-content; }
.md-w-min { width: min-content; }
.md-hover-w-min:hover { width: min-content; }
.md-focus-w-min:focus { width: min-content; }
.md-active-w-min:active { width: min-content; }
.md-disabled-w-min:disabled { width: min-content; }
.md-w-stretch { width: stretch; }
.md-hover-w-stretch:hover { width: stretch; }
.md-focus-w-stretch:focus { width: stretch; }
.md-active-w-stretch:active { width: stretch; }
.md-disabled-w-stretch:disabled { width: stretch; }
.md-w-10p { width: 10%; }
.md-hover-w-10p:hover { width: 10%; }
.md-focus-w-10p:focus { width: 10%; }
.md-active-w-10p:active { width: 10%; }
.md-disabled-w-10p:disabled { width: 10%; }
.md-w-20p { width: 20%; }
.md-hover-w-20p:hover { width: 20%; }
.md-focus-w-20p:focus { width: 20%; }
.md-active-w-20p:active { width: 20%; }
.md-disabled-w-20p:disabled { width: 20%; }
.md-w-25p { width: 25%; }
.md-hover-w-25p:hover { width: 25%; }
.md-focus-w-25p:focus { width: 25%; }
.md-active-w-25p:active { width: 25%; }
.md-disabled-w-25p:disabled { width: 25%; }
.md-w-30p { width: 30%; }
.md-hover-w-30p:hover { width: 30%; }
.md-focus-w-30p:focus { width: 30%; }
.md-active-w-30p:active { width: 30%; }
.md-disabled-w-30p:disabled { width: 30%; }
.md-w-33p { width: 33.3333%; }
.md-hover-w-33p:hover { width: 33.3333%; }
.md-focus-w-33p:focus { width: 33.3333%; }
.md-active-w-33p:active { width: 33.3333%; }
.md-disabled-w-33p:disabled { width: 33.3333%; }
.md-w-40p { width: 40%; }
.md-hover-w-40p:hover { width: 40%; }
.md-focus-w-40p:focus { width: 40%; }
.md-active-w-40p:active { width: 40%; }
.md-disabled-w-40p:disabled { width: 40%; }
.md-w-50p { width: 50%; }
.md-hover-w-50p:hover { width: 50%; }
.md-focus-w-50p:focus { width: 50%; }
.md-active-w-50p:active { width: 50%; }
.md-disabled-w-50p:disabled { width: 50%; }
.md-w-60p { width: 60%; }
.md-hover-w-60p:hover { width: 60%; }
.md-focus-w-60p:focus { width: 60%; }
.md-active-w-60p:active { width: 60%; }
.md-disabled-w-60p:disabled { width: 60%; }
.md-w-66p { width: 66.6667%; }
.md-hover-w-66p:hover { width: 66.6667%; }
.md-focus-w-66p:focus { width: 66.6667%; }
.md-active-w-66p:active { width: 66.6667%; }
.md-disabled-w-66p:disabled { width: 66.6667%; }
.md-w-70p { width: 70%; }
.md-hover-w-70p:hover { width: 70%; }
.md-focus-w-70p:focus { width: 70%; }
.md-active-w-70p:active { width: 70%; }
.md-disabled-w-70p:disabled { width: 70%; }
.md-w-75p { width: 75%; }
.md-hover-w-75p:hover { width: 75%; }
.md-focus-w-75p:focus { width: 75%; }
.md-active-w-75p:active { width: 75%; }
.md-disabled-w-75p:disabled { width: 75%; }
.md-w-80p { width: 80%; }
.md-hover-w-80p:hover { width: 80%; }
.md-focus-w-80p:focus { width: 80%; }
.md-active-w-80p:active { width: 80%; }
.md-disabled-w-80p:disabled { width: 80%; }
.md-w-90p { width: 90%; }
.md-hover-w-90p:hover { width: 90%; }
.md-focus-w-90p:focus { width: 90%; }
.md-active-w-90p:active { width: 90%; }
.md-disabled-w-90p:disabled { width: 90%; }
.md-w-100p { width: 100%; }
.md-hover-w-100p:hover { width: 100%; }
.md-focus-w-100p:focus { width: 100%; }
.md-active-w-100p:active { width: 100%; }
.md-disabled-w-100p:disabled { width: 100%; }
.md-w-10vw { width: 10vw; }
.md-hover-w-10vw:hover { width: 10vw; }
.md-focus-w-10vw:focus { width: 10vw; }
.md-active-w-10vw:active { width: 10vw; }
.md-disabled-w-10vw:disabled { width: 10vw; }
.md-w-20vw { width: 20vw; }
.md-hover-w-20vw:hover { width: 20vw; }
.md-focus-w-20vw:focus { width: 20vw; }
.md-active-w-20vw:active { width: 20vw; }
.md-disabled-w-20vw:disabled { width: 20vw; }
.md-w-30vw { width: 30vw; }
.md-hover-w-30vw:hover { width: 30vw; }
.md-focus-w-30vw:focus { width: 30vw; }
.md-active-w-30vw:active { width: 30vw; }
.md-disabled-w-30vw:disabled { width: 30vw; }
.md-w-40vw { width: 40vw; }
.md-hover-w-40vw:hover { width: 40vw; }
.md-focus-w-40vw:focus { width: 40vw; }
.md-active-w-40vw:active { width: 40vw; }
.md-disabled-w-40vw:disabled { width: 40vw; }
.md-w-50vw { width: 50vw; }
.md-hover-w-50vw:hover { width: 50vw; }
.md-focus-w-50vw:focus { width: 50vw; }
.md-active-w-50vw:active { width: 50vw; }
.md-disabled-w-50vw:disabled { width: 50vw; }
.md-w-60vw { width: 60vw; }
.md-hover-w-60vw:hover { width: 60vw; }
.md-focus-w-60vw:focus { width: 60vw; }
.md-active-w-60vw:active { width: 60vw; }
.md-disabled-w-60vw:disabled { width: 60vw; }
.md-w-70vw { width: 70vw; }
.md-hover-w-70vw:hover { width: 70vw; }
.md-focus-w-70vw:focus { width: 70vw; }
.md-active-w-70vw:active { width: 70vw; }
.md-disabled-w-70vw:disabled { width: 70vw; }
.md-w-80vw { width: 80vw; }
.md-hover-w-80vw:hover { width: 80vw; }
.md-focus-w-80vw:focus { width: 80vw; }
.md-active-w-80vw:active { width: 80vw; }
.md-disabled-w-80vw:disabled { width: 80vw; }
.md-w-90vw { width: 90vw; }
.md-hover-w-90vw:hover { width: 90vw; }
.md-focus-w-90vw:focus { width: 90vw; }
.md-active-w-90vw:active { width: 90vw; }
.md-disabled-w-90vw:disabled { width: 90vw; }
.md-w-100vw { width: 100vw; }
.md-hover-w-100vw:hover { width: 100vw; }
.md-focus-w-100vw:focus { width: 100vw; }
.md-active-w-100vw:active { width: 100vw; }
.md-disabled-w-100vw:disabled { width: 100vw; }
.md-w-lvw { width: 100lvw; }
.md-hover-w-lvw:hover { width: 100lvw; }
.md-focus-w-lvw:focus { width: 100lvw; }
.md-active-w-lvw:active { width: 100lvw; }
.md-disabled-w-lvw:disabled { width: 100lvw; }
.md-w-svw { width: 100svw; }
.md-hover-w-svw:hover { width: 100svw; }
.md-focus-w-svw:focus { width: 100svw; }
.md-active-w-svw:active { width: 100svw; }
.md-disabled-w-svw:disabled { width: 100svw; }
.md-w-mvw { width: 100mvw; }
.md-hover-w-mvw:hover { width: 100mvw; }
.md-focus-w-mvw:focus { width: 100mvw; }
.md-active-w-mvw:active { width: 100mvw; }
.md-disabled-w-mvw:disabled { width: 100mvw; }
.md-w-vmin { width: 100vmin; }
.md-hover-w-vmin:hover { width: 100vmin; }
.md-focus-w-vmin:focus { width: 100vmin; }
.md-active-w-vmin:active { width: 100vmin; }
.md-disabled-w-vmin:disabled { width: 100vmin; }
.md-w-vmax { width: 100vmax; }
.md-hover-w-vmax:hover { width: 100vmax; }
.md-focus-w-vmax:focus { width: 100vmax; }
.md-active-w-vmax:active { width: 100vmax; }
.md-disabled-w-vmax:disabled { width: 100vmax; }
.md-h-auto { height: auto; }
.md-hover-h-auto:hover { height: auto; }
.md-focus-h-auto:focus { height: auto; }
.md-active-h-auto:active { height: auto; }
.md-disabled-h-auto:disabled { height: auto; }
.md-h-full { height: 100%; }
.md-hover-h-full:hover { height: 100%; }
.md-focus-h-full:focus { height: 100%; }
.md-active-h-full:active { height: 100%; }
.md-disabled-h-full:disabled { height: 100%; }
.md-h-fit { height: fit-content; }
.md-hover-h-fit:hover { height: fit-content; }
.md-focus-h-fit:focus { height: fit-content; }
.md-active-h-fit:active { height: fit-content; }
.md-disabled-h-fit:disabled { height: fit-content; }
.md-h-max { height: max-content; }
.md-hover-h-max:hover { height: max-content; }
.md-focus-h-max:focus { height: max-content; }
.md-active-h-max:active { height: max-content; }
.md-disabled-h-max:disabled { height: max-content; }
.md-h-min { height: min-content; }
.md-hover-h-min:hover { height: min-content; }
.md-focus-h-min:focus { height: min-content; }
.md-active-h-min:active { height: min-content; }
.md-disabled-h-min:disabled { height: min-content; }
.md-h-stretch { height: stretch; }
.md-hover-h-stretch:hover { height: stretch; }
.md-focus-h-stretch:focus { height: stretch; }
.md-active-h-stretch:active { height: stretch; }
.md-disabled-h-stretch:disabled { height: stretch; }
.md-h-10p { height: 10%; }
.md-hover-h-10p:hover { height: 10%; }
.md-focus-h-10p:focus { height: 10%; }
.md-active-h-10p:active { height: 10%; }
.md-disabled-h-10p:disabled { height: 10%; }
.md-h-20p { height: 20%; }
.md-hover-h-20p:hover { height: 20%; }
.md-focus-h-20p:focus { height: 20%; }
.md-active-h-20p:active { height: 20%; }
.md-disabled-h-20p:disabled { height: 20%; }
.md-h-25p { height: 25%; }
.md-hover-h-25p:hover { height: 25%; }
.md-focus-h-25p:focus { height: 25%; }
.md-active-h-25p:active { height: 25%; }
.md-disabled-h-25p:disabled { height: 25%; }
.md-h-30p { height: 30%; }
.md-hover-h-30p:hover { height: 30%; }
.md-focus-h-30p:focus { height: 30%; }
.md-active-h-30p:active { height: 30%; }
.md-disabled-h-30p:disabled { height: 30%; }
.md-h-33p { height: 33.3333%; }
.md-hover-h-33p:hover { height: 33.3333%; }
.md-focus-h-33p:focus { height: 33.3333%; }
.md-active-h-33p:active { height: 33.3333%; }
.md-disabled-h-33p:disabled { height: 33.3333%; }
.md-h-40p { height: 40%; }
.md-hover-h-40p:hover { height: 40%; }
.md-focus-h-40p:focus { height: 40%; }
.md-active-h-40p:active { height: 40%; }
.md-disabled-h-40p:disabled { height: 40%; }
.md-h-50p { height: 50%; }
.md-hover-h-50p:hover { height: 50%; }
.md-focus-h-50p:focus { height: 50%; }
.md-active-h-50p:active { height: 50%; }
.md-disabled-h-50p:disabled { height: 50%; }
.md-h-60p { height: 60%; }
.md-hover-h-60p:hover { height: 60%; }
.md-focus-h-60p:focus { height: 60%; }
.md-active-h-60p:active { height: 60%; }
.md-disabled-h-60p:disabled { height: 60%; }
.md-h-66p { height: 66.6667%; }
.md-hover-h-66p:hover { height: 66.6667%; }
.md-focus-h-66p:focus { height: 66.6667%; }
.md-active-h-66p:active { height: 66.6667%; }
.md-disabled-h-66p:disabled { height: 66.6667%; }
.md-h-70p { height: 70%; }
.md-hover-h-70p:hover { height: 70%; }
.md-focus-h-70p:focus { height: 70%; }
.md-active-h-70p:active { height: 70%; }
.md-disabled-h-70p:disabled { height: 70%; }
.md-h-75p { height: 75%; }
.md-hover-h-75p:hover { height: 75%; }
.md-focus-h-75p:focus { height: 75%; }
.md-active-h-75p:active { height: 75%; }
.md-disabled-h-75p:disabled { height: 75%; }
.md-h-80p { height: 80%; }
.md-hover-h-80p:hover { height: 80%; }
.md-focus-h-80p:focus { height: 80%; }
.md-active-h-80p:active { height: 80%; }
.md-disabled-h-80p:disabled { height: 80%; }
.md-h-90p { height: 90%; }
.md-hover-h-90p:hover { height: 90%; }
.md-focus-h-90p:focus { height: 90%; }
.md-active-h-90p:active { height: 90%; }
.md-disabled-h-90p:disabled { height: 90%; }
.md-h-100p { height: 100%; }
.md-hover-h-100p:hover { height: 100%; }
.md-focus-h-100p:focus { height: 100%; }
.md-active-h-100p:active { height: 100%; }
.md-disabled-h-100p:disabled { height: 100%; }
.md-h-10vh { height: 10vh; }
.md-hover-h-10vh:hover { height: 10vh; }
.md-focus-h-10vh:focus { height: 10vh; }
.md-active-h-10vh:active { height: 10vh; }
.md-disabled-h-10vh:disabled { height: 10vh; }
.md-h-20vh { height: 20vh; }
.md-hover-h-20vh:hover { height: 20vh; }
.md-focus-h-20vh:focus { height: 20vh; }
.md-active-h-20vh:active { height: 20vh; }
.md-disabled-h-20vh:disabled { height: 20vh; }
.md-h-30vh { height: 30vh; }
.md-hover-h-30vh:hover { height: 30vh; }
.md-focus-h-30vh:focus { height: 30vh; }
.md-active-h-30vh:active { height: 30vh; }
.md-disabled-h-30vh:disabled { height: 30vh; }
.md-h-40vh { height: 40vh; }
.md-hover-h-40vh:hover { height: 40vh; }
.md-focus-h-40vh:focus { height: 40vh; }
.md-active-h-40vh:active { height: 40vh; }
.md-disabled-h-40vh:disabled { height: 40vh; }
.md-h-50vh { height: 50vh; }
.md-hover-h-50vh:hover { height: 50vh; }
.md-focus-h-50vh:focus { height: 50vh; }
.md-active-h-50vh:active { height: 50vh; }
.md-disabled-h-50vh:disabled { height: 50vh; }
.md-h-60vh { height: 60vh; }
.md-hover-h-60vh:hover { height: 60vh; }
.md-focus-h-60vh:focus { height: 60vh; }
.md-active-h-60vh:active { height: 60vh; }
.md-disabled-h-60vh:disabled { height: 60vh; }
.md-h-70vh { height: 70vh; }
.md-hover-h-70vh:hover { height: 70vh; }
.md-focus-h-70vh:focus { height: 70vh; }
.md-active-h-70vh:active { height: 70vh; }
.md-disabled-h-70vh:disabled { height: 70vh; }
.md-h-80vh { height: 80vh; }
.md-hover-h-80vh:hover { height: 80vh; }
.md-focus-h-80vh:focus { height: 80vh; }
.md-active-h-80vh:active { height: 80vh; }
.md-disabled-h-80vh:disabled { height: 80vh; }
.md-h-90vh { height: 90vh; }
.md-hover-h-90vh:hover { height: 90vh; }
.md-focus-h-90vh:focus { height: 90vh; }
.md-active-h-90vh:active { height: 90vh; }
.md-disabled-h-90vh:disabled { height: 90vh; }
.md-h-100vh { height: 100vh; }
.md-hover-h-100vh:hover { height: 100vh; }
.md-focus-h-100vh:focus { height: 100vh; }
.md-active-h-100vh:active { height: 100vh; }
.md-disabled-h-100vh:disabled { height: 100vh; }
.md-h-lvh { height: 100lvh; }
.md-hover-h-lvh:hover { height: 100lvh; }
.md-focus-h-lvh:focus { height: 100lvh; }
.md-active-h-lvh:active { height: 100lvh; }
.md-disabled-h-lvh:disabled { height: 100lvh; }
.md-h-svh { height: 100svh; }
.md-hover-h-svh:hover { height: 100svh; }
.md-focus-h-svh:focus { height: 100svh; }
.md-active-h-svh:active { height: 100svh; }
.md-disabled-h-svh:disabled { height: 100svh; }
.md-h-mvh { height: 100mvh; }
.md-hover-h-mvh:hover { height: 100mvh; }
.md-focus-h-mvh:focus { height: 100mvh; }
.md-active-h-mvh:active { height: 100mvh; }
.md-disabled-h-mvh:disabled { height: 100mvh; }
.md-h-vmin { height: 100vmin; }
.md-hover-h-vmin:hover { height: 100vmin; }
.md-focus-h-vmin:focus { height: 100vmin; }
.md-active-h-vmin:active { height: 100vmin; }
.md-disabled-h-vmin:disabled { height: 100vmin; }
.md-h-vmax { height: 100vmax; }
.md-hover-h-vmax:hover { height: 100vmax; }
.md-focus-h-vmax:focus { height: 100vmax; }
.md-active-h-vmax:active { height: 100vmax; }
.md-disabled-h-vmax:disabled { height: 100vmax; }
.md-min-w-auto { min-width: auto; }
.md-hover-min-w-auto:hover { min-width: auto; }
.md-focus-min-w-auto:focus { min-width: auto; }
.md-active-min-w-auto:active { min-width: auto; }
.md-disabled-min-w-auto:disabled { min-width: auto; }
.md-min-w-full { min-width: 100%; }
.md-hover-min-w-full:hover { min-width: 100%; }
.md-focus-min-w-full:focus { min-width: 100%; }
.md-active-min-w-full:active { min-width: 100%; }
.md-disabled-min-w-full:disabled { min-width: 100%; }
.md-min-w-fit { min-width: fit-content; }
.md-hover-min-w-fit:hover { min-width: fit-content; }
.md-focus-min-w-fit:focus { min-width: fit-content; }
.md-active-min-w-fit:active { min-width: fit-content; }
.md-disabled-min-w-fit:disabled { min-width: fit-content; }
.md-min-w-max { min-width: max-content; }
.md-hover-min-w-max:hover { min-width: max-content; }
.md-focus-min-w-max:focus { min-width: max-content; }
.md-active-min-w-max:active { min-width: max-content; }
.md-disabled-min-w-max:disabled { min-width: max-content; }
.md-min-w-min { min-width: min-content; }
.md-hover-min-w-min:hover { min-width: min-content; }
.md-focus-min-w-min:focus { min-width: min-content; }
.md-active-min-w-min:active { min-width: min-content; }
.md-disabled-min-w-min:disabled { min-width: min-content; }
.md-min-w-10vw { min-width: 10vw; }
.md-hover-min-w-10vw:hover { min-width: 10vw; }
.md-focus-min-w-10vw:focus { min-width: 10vw; }
.md-active-min-w-10vw:active { min-width: 10vw; }
.md-disabled-min-w-10vw:disabled { min-width: 10vw; }
.md-min-w-50vw { min-width: 50vw; }
.md-hover-min-w-50vw:hover { min-width: 50vw; }
.md-focus-min-w-50vw:focus { min-width: 50vw; }
.md-active-min-w-50vw:active { min-width: 50vw; }
.md-disabled-min-w-50vw:disabled { min-width: 50vw; }
.md-min-w-100vw { min-width: 100vw; }
.md-hover-min-w-100vw:hover { min-width: 100vw; }
.md-focus-min-w-100vw:focus { min-width: 100vw; }
.md-active-min-w-100vw:active { min-width: 100vw; }
.md-disabled-min-w-100vw:disabled { min-width: 100vw; }
.md-max-w-auto { max-width: auto; }
.md-hover-max-w-auto:hover { max-width: auto; }
.md-focus-max-w-auto:focus { max-width: auto; }
.md-active-max-w-auto:active { max-width: auto; }
.md-disabled-max-w-auto:disabled { max-width: auto; }
.md-max-w-full { max-width: 100%; }
.md-hover-max-w-full:hover { max-width: 100%; }
.md-focus-max-w-full:focus { max-width: 100%; }
.md-active-max-w-full:active { max-width: 100%; }
.md-disabled-max-w-full:disabled { max-width: 100%; }
.md-max-w-fit { max-width: fit-content; }
.md-hover-max-w-fit:hover { max-width: fit-content; }
.md-focus-max-w-fit:focus { max-width: fit-content; }
.md-active-max-w-fit:active { max-width: fit-content; }
.md-disabled-max-w-fit:disabled { max-width: fit-content; }
.md-max-w-max { max-width: max-content; }
.md-hover-max-w-max:hover { max-width: max-content; }
.md-focus-max-w-max:focus { max-width: max-content; }
.md-active-max-w-max:active { max-width: max-content; }
.md-disabled-max-w-max:disabled { max-width: max-content; }
.md-max-w-min { max-width: min-content; }
.md-hover-max-w-min:hover { max-width: min-content; }
.md-focus-max-w-min:focus { max-width: min-content; }
.md-active-max-w-min:active { max-width: min-content; }
.md-disabled-max-w-min:disabled { max-width: min-content; }
.md-max-w-10vw { max-width: 10vw; }
.md-hover-max-w-10vw:hover { max-width: 10vw; }
.md-focus-max-w-10vw:focus { max-width: 10vw; }
.md-active-max-w-10vw:active { max-width: 10vw; }
.md-disabled-max-w-10vw:disabled { max-width: 10vw; }
.md-max-w-50vw { max-width: 50vw; }
.md-hover-max-w-50vw:hover { max-width: 50vw; }
.md-focus-max-w-50vw:focus { max-width: 50vw; }
.md-active-max-w-50vw:active { max-width: 50vw; }
.md-disabled-max-w-50vw:disabled { max-width: 50vw; }
.md-max-w-100vw { max-width: 100vw; }
.md-hover-max-w-100vw:hover { max-width: 100vw; }
.md-focus-max-w-100vw:focus { max-width: 100vw; }
.md-active-max-w-100vw:active { max-width: 100vw; }
.md-disabled-max-w-100vw:disabled { max-width: 100vw; }
.md-min-h-auto { min-height: auto; }
.md-hover-min-h-auto:hover { min-height: auto; }
.md-focus-min-h-auto:focus { min-height: auto; }
.md-active-min-h-auto:active { min-height: auto; }
.md-disabled-min-h-auto:disabled { min-height: auto; }
.md-min-h-full { min-height: 100%; }
.md-hover-min-h-full:hover { min-height: 100%; }
.md-focus-min-h-full:focus { min-height: 100%; }
.md-active-min-h-full:active { min-height: 100%; }
.md-disabled-min-h-full:disabled { min-height: 100%; }
.md-min-h-fit { min-height: fit-content; }
.md-hover-min-h-fit:hover { min-height: fit-content; }
.md-focus-min-h-fit:focus { min-height: fit-content; }
.md-active-min-h-fit:active { min-height: fit-content; }
.md-disabled-min-h-fit:disabled { min-height: fit-content; }
.md-min-h-max { min-height: max-content; }
.md-hover-min-h-max:hover { min-height: max-content; }
.md-focus-min-h-max:focus { min-height: max-content; }
.md-active-min-h-max:active { min-height: max-content; }
.md-disabled-min-h-max:disabled { min-height: max-content; }
.md-min-h-min { min-height: min-content; }
.md-hover-min-h-min:hover { min-height: min-content; }
.md-focus-min-h-min:focus { min-height: min-content; }
.md-active-min-h-min:active { min-height: min-content; }
.md-disabled-min-h-min:disabled { min-height: min-content; }
.md-min-h-10vh { min-height: 10vh; }
.md-hover-min-h-10vh:hover { min-height: 10vh; }
.md-focus-min-h-10vh:focus { min-height: 10vh; }
.md-active-min-h-10vh:active { min-height: 10vh; }
.md-disabled-min-h-10vh:disabled { min-height: 10vh; }
.md-min-h-50vh { min-height: 50vh; }
.md-hover-min-h-50vh:hover { min-height: 50vh; }
.md-focus-min-h-50vh:focus { min-height: 50vh; }
.md-active-min-h-50vh:active { min-height: 50vh; }
.md-disabled-min-h-50vh:disabled { min-height: 50vh; }
.md-min-h-100vh { min-height: 100vh; }
.md-hover-min-h-100vh:hover { min-height: 100vh; }
.md-focus-min-h-100vh:focus { min-height: 100vh; }
.md-active-min-h-100vh:active { min-height: 100vh; }
.md-disabled-min-h-100vh:disabled { min-height: 100vh; }
.md-max-h-auto { max-height: auto; }
.md-hover-max-h-auto:hover { max-height: auto; }
.md-focus-max-h-auto:focus { max-height: auto; }
.md-active-max-h-auto:active { max-height: auto; }
.md-disabled-max-h-auto:disabled { max-height: auto; }
.md-max-h-full { max-height: 100%; }
.md-hover-max-h-full:hover { max-height: 100%; }
.md-focus-max-h-full:focus { max-height: 100%; }
.md-active-max-h-full:active { max-height: 100%; }
.md-disabled-max-h-full:disabled { max-height: 100%; }
.md-max-h-fit { max-height: fit-content; }
.md-hover-max-h-fit:hover { max-height: fit-content; }
.md-focus-max-h-fit:focus { max-height: fit-content; }
.md-active-max-h-fit:active { max-height: fit-content; }
.md-disabled-max-h-fit:disabled { max-height: fit-content; }
.md-max-h-max { max-height: max-content; }
.md-hover-max-h-max:hover { max-height: max-content; }
.md-focus-max-h-max:focus { max-height: max-content; }
.md-active-max-h-max:active { max-height: max-content; }
.md-disabled-max-h-max:disabled { max-height: max-content; }
.md-max-h-min { max-height: min-content; }
.md-hover-max-h-min:hover { max-height: min-content; }
.md-focus-max-h-min:focus { max-height: min-content; }
.md-active-max-h-min:active { max-height: min-content; }
.md-disabled-max-h-min:disabled { max-height: min-content; }
.md-max-h-10vh { max-height: 10vh; }
.md-hover-max-h-10vh:hover { max-height: 10vh; }
.md-focus-max-h-10vh:focus { max-height: 10vh; }
.md-active-max-h-10vh:active { max-height: 10vh; }
.md-disabled-max-h-10vh:disabled { max-height: 10vh; }
.md-max-h-50vh { max-height: 50vh; }
.md-hover-max-h-50vh:hover { max-height: 50vh; }
.md-focus-max-h-50vh:focus { max-height: 50vh; }
.md-active-max-h-50vh:active { max-height: 50vh; }
.md-disabled-max-h-50vh:disabled { max-height: 50vh; }
.md-max-h-100vh { max-height: 100vh; }
.md-hover-max-h-100vh:hover { max-height: 100vh; }
.md-focus-max-h-100vh:focus { max-height: 100vh; }
.md-active-max-h-100vh:active { max-height: 100vh; }
.md-disabled-max-h-100vh:disabled { max-height: 100vh; }
.md-font-size-auto { font-size: auto; }
.md-hover-font-size-auto:hover { font-size: auto; }
.md-focus-font-size-auto:focus { font-size: auto; }
.md-active-font-size-auto:active { font-size: auto; }
.md-disabled-font-size-auto:disabled { font-size: auto; }
.md-font-size-0 { font-size: 0; }
.md-hover-font-size-0:hover { font-size: 0; }
.md-focus-font-size-0:focus { font-size: 0; }
.md-active-font-size-0:active { font-size: 0; }
.md-disabled-font-size-0:disabled { font-size: 0; }
.md-font-size-1 { font-size: 0.25rem; }
.md-hover-font-size-1:hover { font-size: 0.25rem; }
.md-focus-font-size-1:focus { font-size: 0.25rem; }
.md-active-font-size-1:active { font-size: 0.25rem; }
.md-disabled-font-size-1:disabled { font-size: 0.25rem; }
.md-font-size-2 { font-size: 0.5rem; }
.md-hover-font-size-2:hover { font-size: 0.5rem; }
.md-focus-font-size-2:focus { font-size: 0.5rem; }
.md-active-font-size-2:active { font-size: 0.5rem; }
.md-disabled-font-size-2:disabled { font-size: 0.5rem; }
.md-font-size-3 { font-size: 0.75rem; }
.md-hover-font-size-3:hover { font-size: 0.75rem; }
.md-focus-font-size-3:focus { font-size: 0.75rem; }
.md-active-font-size-3:active { font-size: 0.75rem; }
.md-disabled-font-size-3:disabled { font-size: 0.75rem; }
.md-font-size-4 { font-size: 1rem; }
.md-hover-font-size-4:hover { font-size: 1rem; }
.md-focus-font-size-4:focus { font-size: 1rem; }
.md-active-font-size-4:active { font-size: 1rem; }
.md-disabled-font-size-4:disabled { font-size: 1rem; }
.md-font-size-5 { font-size: 1.25rem; }
.md-hover-font-size-5:hover { font-size: 1.25rem; }
.md-focus-font-size-5:focus { font-size: 1.25rem; }
.md-active-font-size-5:active { font-size: 1.25rem; }
.md-disabled-font-size-5:disabled { font-size: 1.25rem; }
.md-font-size-6 { font-size: 1.5rem; }
.md-hover-font-size-6:hover { font-size: 1.5rem; }
.md-focus-font-size-6:focus { font-size: 1.5rem; }
.md-active-font-size-6:active { font-size: 1.5rem; }
.md-disabled-font-size-6:disabled { font-size: 1.5rem; }
.md-font-size-7 { font-size: 1.75rem; }
.md-hover-font-size-7:hover { font-size: 1.75rem; }
.md-focus-font-size-7:focus { font-size: 1.75rem; }
.md-active-font-size-7:active { font-size: 1.75rem; }
.md-disabled-font-size-7:disabled { font-size: 1.75rem; }
.md-font-size-8 { font-size: 2rem; }
.md-hover-font-size-8:hover { font-size: 2rem; }
.md-focus-font-size-8:focus { font-size: 2rem; }
.md-active-font-size-8:active { font-size: 2rem; }
.md-disabled-font-size-8:disabled { font-size: 2rem; }
.md-font-size-9 { font-size: 2.25rem; }
.md-hover-font-size-9:hover { font-size: 2.25rem; }
.md-focus-font-size-9:focus { font-size: 2.25rem; }
.md-active-font-size-9:active { font-size: 2.25rem; }
.md-disabled-font-size-9:disabled { font-size: 2.25rem; }
.md-font-size-10 { font-size: 2.5rem; }
.md-hover-font-size-10:hover { font-size: 2.5rem; }
.md-focus-font-size-10:focus { font-size: 2.5rem; }
.md-active-font-size-10:active { font-size: 2.5rem; }
.md-disabled-font-size-10:disabled { font-size: 2.5rem; }
.md-font-size-12 { font-size: 3rem; }
.md-hover-font-size-12:hover { font-size: 3rem; }
.md-focus-font-size-12:focus { font-size: 3rem; }
.md-active-font-size-12:active { font-size: 3rem; }
.md-disabled-font-size-12:disabled { font-size: 3rem; }
.md-font-size-14 { font-size: 3.5rem; }
.md-hover-font-size-14:hover { font-size: 3.5rem; }
.md-focus-font-size-14:focus { font-size: 3.5rem; }
.md-active-font-size-14:active { font-size: 3.5rem; }
.md-disabled-font-size-14:disabled { font-size: 3.5rem; }
.md-font-size-16 { font-size: 4rem; }
.md-hover-font-size-16:hover { font-size: 4rem; }
.md-focus-font-size-16:focus { font-size: 4rem; }
.md-active-font-size-16:active { font-size: 4rem; }
.md-disabled-font-size-16:disabled { font-size: 4rem; }
.md-font-size-18 { font-size: 4.5rem; }
.md-hover-font-size-18:hover { font-size: 4.5rem; }
.md-focus-font-size-18:focus { font-size: 4.5rem; }
.md-active-font-size-18:active { font-size: 4.5rem; }
.md-disabled-font-size-18:disabled { font-size: 4.5rem; }
.md-font-size-20 { font-size: 5rem; }
.md-hover-font-size-20:hover { font-size: 5rem; }
.md-focus-font-size-20:focus { font-size: 5rem; }
.md-active-font-size-20:active { font-size: 5rem; }
.md-disabled-font-size-20:disabled { font-size: 5rem; }
.md-font-size-24 { font-size: 6rem; }
.md-hover-font-size-24:hover { font-size: 6rem; }
.md-focus-font-size-24:focus { font-size: 6rem; }
.md-active-font-size-24:active { font-size: 6rem; }
.md-disabled-font-size-24:disabled { font-size: 6rem; }
.md-font-size-28 { font-size: 7rem; }
.md-hover-font-size-28:hover { font-size: 7rem; }
.md-focus-font-size-28:focus { font-size: 7rem; }
.md-active-font-size-28:active { font-size: 7rem; }
.md-disabled-font-size-28:disabled { font-size: 7rem; }
.md-font-size-32 { font-size: 8rem; }
.md-hover-font-size-32:hover { font-size: 8rem; }
.md-focus-font-size-32:focus { font-size: 8rem; }
.md-active-font-size-32:active { font-size: 8rem; }
.md-disabled-font-size-32:disabled { font-size: 8rem; }
.md-font-weight-normal { font-weight: normal; }
.md-hover-font-weight-normal:hover { font-weight: normal; }
.md-focus-font-weight-normal:focus { font-weight: normal; }
.md-active-font-weight-normal:active { font-weight: normal; }
.md-disabled-font-weight-normal:disabled { font-weight: normal; }
.md-font-weight-light { font-weight: 300; }
.md-hover-font-weight-light:hover { font-weight: 300; }
.md-focus-font-weight-light:focus { font-weight: 300; }
.md-active-font-weight-light:active { font-weight: 300; }
.md-disabled-font-weight-light:disabled { font-weight: 300; }
.md-font-weight-medium { font-weight: 500; }
.md-hover-font-weight-medium:hover { font-weight: 500; }
.md-focus-font-weight-medium:focus { font-weight: 500; }
.md-active-font-weight-medium:active { font-weight: 500; }
.md-disabled-font-weight-medium:disabled { font-weight: 500; }
.md-font-weight-bold { font-weight: 700; }
.md-hover-font-weight-bold:hover { font-weight: 700; }
.md-focus-font-weight-bold:focus { font-weight: 700; }
.md-active-font-weight-bold:active { font-weight: 700; }
.md-disabled-font-weight-bold:disabled { font-weight: 700; }
.md-font-weight-bolder { font-weight: bolder; }
.md-hover-font-weight-bolder:hover { font-weight: bolder; }
.md-focus-font-weight-bolder:focus { font-weight: bolder; }
.md-active-font-weight-bolder:active { font-weight: bolder; }
.md-disabled-font-weight-bolder:disabled { font-weight: bolder; }
.md-line-height-1 { line-height: 1; }
.md-hover-line-height-1:hover { line-height: 1; }
.md-focus-line-height-1:focus { line-height: 1; }
.md-active-line-height-1:active { line-height: 1; }
.md-disabled-line-height-1:disabled { line-height: 1; }
.md-line-height-2 { line-height: 1.25; }
.md-hover-line-height-2:hover { line-height: 1.25; }
.md-focus-line-height-2:focus { line-height: 1.25; }
.md-active-line-height-2:active { line-height: 1.25; }
.md-disabled-line-height-2:disabled { line-height: 1.25; }
.md-line-height-3 { line-height: 1.375; }
.md-hover-line-height-3:hover { line-height: 1.375; }
.md-focus-line-height-3:focus { line-height: 1.375; }
.md-active-line-height-3:active { line-height: 1.375; }
.md-disabled-line-height-3:disabled { line-height: 1.375; }
.md-line-height-4 { line-height: 1.5; }
.md-hover-line-height-4:hover { line-height: 1.5; }
.md-focus-line-height-4:focus { line-height: 1.5; }
.md-active-line-height-4:active { line-height: 1.5; }
.md-disabled-line-height-4:disabled { line-height: 1.5; }
.md-line-height-5 { line-height: 1.625; }
.md-hover-line-height-5:hover { line-height: 1.625; }
.md-focus-line-height-5:focus { line-height: 1.625; }
.md-active-line-height-5:active { line-height: 1.625; }
.md-disabled-line-height-5:disabled { line-height: 1.625; }
.md-line-height-6 { line-height: 1.75; }
.md-hover-line-height-6:hover { line-height: 1.75; }
.md-focus-line-height-6:focus { line-height: 1.75; }
.md-active-line-height-6:active { line-height: 1.75; }
.md-disabled-line-height-6:disabled { line-height: 1.75; }
.md-line-height-7 { line-height: 2; }
.md-hover-line-height-7:hover { line-height: 2; }
.md-focus-line-height-7:focus { line-height: 2; }
.md-active-line-height-7:active { line-height: 2; }
.md-disabled-line-height-7:disabled { line-height: 2; }
.md-text-left { text-align: left; }
.md-hover-text-left:hover { text-align: left; }
.md-focus-text-left:focus { text-align: left; }
.md-active-text-left:active { text-align: left; }
.md-disabled-text-left:disabled { text-align: left; }
.md-text-center { text-align: center; }
.md-hover-text-center:hover { text-align: center; }
.md-focus-text-center:focus { text-align: center; }
.md-active-text-center:active { text-align: center; }
.md-disabled-text-center:disabled { text-align: center; }
.md-text-right { text-align: right; }
.md-hover-text-right:hover { text-align: right; }
.md-focus-text-right:focus { text-align: right; }
.md-active-text-right:active { text-align: right; }
.md-disabled-text-right:disabled { text-align: right; }
.md-text-justify { text-align: justify; }
.md-hover-text-justify:hover { text-align: justify; }
.md-focus-text-justify:focus { text-align: justify; }
.md-active-text-justify:active { text-align: justify; }
.md-disabled-text-justify:disabled { text-align: justify; }
.md-justify-start { justify-content: flex-start; }
.md-hover-justify-start:hover { justify-content: flex-start; }
.md-focus-justify-start:focus { justify-content: flex-start; }
.md-active-justify-start:active { justify-content: flex-start; }
.md-disabled-justify-start:disabled { justify-content: flex-start; }
.md-justify-center { justify-content: center; }
.md-hover-justify-center:hover { justify-content: center; }
.md-focus-justify-center:focus { justify-content: center; }
.md-active-justify-center:active { justify-content: center; }
.md-disabled-justify-center:disabled { justify-content: center; }
.md-justify-end { justify-content: flex-end; }
.md-hover-justify-end:hover { justify-content: flex-end; }
.md-focus-justify-end:focus { justify-content: flex-end; }
.md-active-justify-end:active { justify-content: flex-end; }
.md-disabled-justify-end:disabled { justify-content: flex-end; }
.md-justify-between { justify-content: space-between; }
.md-hover-justify-between:hover { justify-content: space-between; }
.md-focus-justify-between:focus { justify-content: space-between; }
.md-active-justify-between:active { justify-content: space-between; }
.md-disabled-justify-between:disabled { justify-content: space-between; }
.md-justify-around { justify-content: space-around; }
.md-hover-justify-around:hover { justify-content: space-around; }
.md-focus-justify-around:focus { justify-content: space-around; }
.md-active-justify-around:active { justify-content: space-around; }
.md-disabled-justify-around:disabled { justify-content: space-around; }
.md-justify-evenly { justify-content: space-evenly; }
.md-hover-justify-evenly:hover { justify-content: space-evenly; }
.md-focus-justify-evenly:focus { justify-content: space-evenly; }
.md-active-justify-evenly:active { justify-content: space-evenly; }
.md-disabled-justify-evenly:disabled { justify-content: space-evenly; }
.md-items-start { align-items: flex-start; }
.md-hover-items-start:hover { align-items: flex-start; }
.md-focus-items-start:focus { align-items: flex-start; }
.md-active-items-start:active { align-items: flex-start; }
.md-disabled-items-start:disabled { align-items: flex-start; }
.md-items-center { align-items: center; }
.md-hover-items-center:hover { align-items: center; }
.md-focus-items-center:focus { align-items: center; }
.md-active-items-center:active { align-items: center; }
.md-disabled-items-center:disabled { align-items: center; }
.md-items-end { align-items: flex-end; }
.md-hover-items-end:hover { align-items: flex-end; }
.md-focus-items-end:focus { align-items: flex-end; }
.md-active-items-end:active { align-items: flex-end; }
.md-disabled-items-end:disabled { align-items: flex-end; }
.md-items-baseline { align-items: baseline; }
.md-hover-items-baseline:hover { align-items: baseline; }
.md-focus-items-baseline:focus { align-items: baseline; }
.md-active-items-baseline:active { align-items: baseline; }
.md-disabled-items-baseline:disabled { align-items: baseline; }
.md-items-stretch { align-items: stretch; }
.md-hover-items-stretch:hover { align-items: stretch; }
.md-focus-items-stretch:focus { align-items: stretch; }
.md-active-items-stretch:active { align-items: stretch; }
.md-disabled-items-stretch:disabled { align-items: stretch; }
.md-content-start { align-content: flex-start; }
.md-hover-content-start:hover { align-content: flex-start; }
.md-focus-content-start:focus { align-content: flex-start; }
.md-active-content-start:active { align-content: flex-start; }
.md-disabled-content-start:disabled { align-content: flex-start; }
.md-content-center { align-content: center; }
.md-hover-content-center:hover { align-content: center; }
.md-focus-content-center:focus { align-content: center; }
.md-active-content-center:active { align-content: center; }
.md-disabled-content-center:disabled { align-content: center; }
.md-content-end { align-content: flex-end; }
.md-hover-content-end:hover { align-content: flex-end; }
.md-focus-content-end:focus { align-content: flex-end; }
.md-active-content-end:active { align-content: flex-end; }
.md-disabled-content-end:disabled { align-content: flex-end; }
.md-content-between { align-content: space-between; }
.md-hover-content-between:hover { align-content: space-between; }
.md-focus-content-between:focus { align-content: space-between; }
.md-active-content-between:active { align-content: space-between; }
.md-disabled-content-between:disabled { align-content: space-between; }
.md-content-around { align-content: space-around; }
.md-hover-content-around:hover { align-content: space-around; }
.md-focus-content-around:focus { align-content: space-around; }
.md-active-content-around:active { align-content: space-around; }
.md-disabled-content-around:disabled { align-content: space-around; }
.md-content-evenly { align-content: space-evenly; }
.md-hover-content-evenly:hover { align-content: space-evenly; }
.md-focus-content-evenly:focus { align-content: space-evenly; }
.md-active-content-evenly:active { align-content: space-evenly; }
.md-disabled-content-evenly:disabled { align-content: space-evenly; }
.md-self-auto { align-self: auto; }
.md-hover-self-auto:hover { align-self: auto; }
.md-focus-self-auto:focus { align-self: auto; }
.md-active-self-auto:active { align-self: auto; }
.md-disabled-self-auto:disabled { align-self: auto; }
.md-self-start { align-self: flex-start; }
.md-hover-self-start:hover { align-self: flex-start; }
.md-focus-self-start:focus { align-self: flex-start; }
.md-active-self-start:active { align-self: flex-start; }
.md-disabled-self-start:disabled { align-self: flex-start; }
.md-self-center { align-self: center; }
.md-hover-self-center:hover { align-self: center; }
.md-focus-self-center:focus { align-self: center; }
.md-active-self-center:active { align-self: center; }
.md-disabled-self-center:disabled { align-self: center; }
.md-self-end { align-self: flex-end; }
.md-hover-self-end:hover { align-self: flex-end; }
.md-focus-self-end:focus { align-self: flex-end; }
.md-active-self-end:active { align-self: flex-end; }
.md-disabled-self-end:disabled { align-self: flex-end; }
.md-self-stretch { align-self: stretch; }
.md-hover-self-stretch:hover { align-self: stretch; }
.md-focus-self-stretch:focus { align-self: stretch; }
.md-active-self-stretch:active { align-self: stretch; }
.md-disabled-self-stretch:disabled { align-self: stretch; }
.md-place-items-start { place-items: start; }
.md-hover-place-items-start:hover { place-items: start; }
.md-focus-place-items-start:focus { place-items: start; }
.md-active-place-items-start:active { place-items: start; }
.md-disabled-place-items-start:disabled { place-items: start; }
.md-place-items-center { place-items: center; }
.md-hover-place-items-center:hover { place-items: center; }
.md-focus-place-items-center:focus { place-items: center; }
.md-active-place-items-center:active { place-items: center; }
.md-disabled-place-items-center:disabled { place-items: center; }
.md-place-items-end { place-items: end; }
.md-hover-place-items-end:hover { place-items: end; }
.md-focus-place-items-end:focus { place-items: end; }
.md-active-place-items-end:active { place-items: end; }
.md-disabled-place-items-end:disabled { place-items: end; }
.md-place-items-stretch { place-items: stretch; }
.md-hover-place-items-stretch:hover { place-items: stretch; }
.md-focus-place-items-stretch:focus { place-items: stretch; }
.md-active-place-items-stretch:active { place-items: stretch; }
.md-disabled-place-items-stretch:disabled { place-items: stretch; }
.md-place-content-start { place-content: start; }
.md-hover-place-content-start:hover { place-content: start; }
.md-focus-place-content-start:focus { place-content: start; }
.md-active-place-content-start:active { place-content: start; }
.md-disabled-place-content-start:disabled { place-content: start; }
.md-place-content-center { place-content: center; }
.md-hover-place-content-center:hover { place-content: center; }
.md-focus-place-content-center:focus { place-content: center; }
.md-active-place-content-center:active { place-content: center; }
.md-disabled-place-content-center:disabled { place-content: center; }
.md-place-content-end { place-content: end; }
.md-hover-place-content-end:hover { place-content: end; }
.md-focus-place-content-end:focus { place-content: end; }
.md-active-place-content-end:active { place-content: end; }
.md-disabled-place-content-end:disabled { place-content: end; }
.md-place-content-between { place-content: space-between; }
.md-hover-place-content-between:hover { place-content: space-between; }
.md-focus-place-content-between:focus { place-content: space-between; }
.md-active-place-content-between:active { place-content: space-between; }
.md-disabled-place-content-between:disabled { place-content: space-between; }
.md-place-content-around { place-content: space-around; }
.md-hover-place-content-around:hover { place-content: space-around; }
.md-focus-place-content-around:focus { place-content: space-around; }
.md-active-place-content-around:active { place-content: space-around; }
.md-disabled-place-content-around:disabled { place-content: space-around; }
.md-place-self-auto { place-self: auto; }
.md-hover-place-self-auto:hover { place-self: auto; }
.md-focus-place-self-auto:focus { place-self: auto; }
.md-active-place-self-auto:active { place-self: auto; }
.md-disabled-place-self-auto:disabled { place-self: auto; }
.md-place-self-start { place-self: start; }
.md-hover-place-self-start:hover { place-self: start; }
.md-focus-place-self-start:focus { place-self: start; }
.md-active-place-self-start:active { place-self: start; }
.md-disabled-place-self-start:disabled { place-self: start; }
.md-place-self-center { place-self: center; }
.md-hover-place-self-center:hover { place-self: center; }
.md-focus-place-self-center:focus { place-self: center; }
.md-active-place-self-center:active { place-self: center; }
.md-disabled-place-self-center:disabled { place-self: center; }
.md-place-self-end { place-self: end; }
.md-hover-place-self-end:hover { place-self: end; }
.md-focus-place-self-end:focus { place-self: end; }
.md-active-place-self-end:active { place-self: end; }
.md-disabled-place-self-end:disabled { place-self: end; }
.md-text-uppercase { text-transform: uppercase; }
.md-hover-text-uppercase:hover { text-transform: uppercase; }
.md-focus-text-uppercase:focus { text-transform: uppercase; }
.md-active-text-uppercase:active { text-transform: uppercase; }
.md-disabled-text-uppercase:disabled { text-transform: uppercase; }
.md-text-lowercase { text-transform: lowercase; }
.md-hover-text-lowercase:hover { text-transform: lowercase; }
.md-focus-text-lowercase:focus { text-transform: lowercase; }
.md-active-text-lowercase:active { text-transform: lowercase; }
.md-disabled-text-lowercase:disabled { text-transform: lowercase; }
.md-text-capitalize { text-transform: capitalize; }
.md-hover-text-capitalize:hover { text-transform: capitalize; }
.md-focus-text-capitalize:focus { text-transform: capitalize; }
.md-active-text-capitalize:active { text-transform: capitalize; }
.md-disabled-text-capitalize:disabled { text-transform: capitalize; }
.md-tracking-tight { letter-spacing: -0.05em; }
.md-hover-tracking-tight:hover { letter-spacing: -0.05em; }
.md-focus-tracking-tight:focus { letter-spacing: -0.05em; }
.md-active-tracking-tight:active { letter-spacing: -0.05em; }
.md-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
.md-tracking-normal { letter-spacing: 0; }
.md-hover-tracking-normal:hover { letter-spacing: 0; }
.md-focus-tracking-normal:focus { letter-spacing: 0; }
.md-active-tracking-normal:active { letter-spacing: 0; }
.md-disabled-tracking-normal:disabled { letter-spacing: 0; }
.md-tracking-wide { letter-spacing: 0.05em; }
.md-hover-tracking-wide:hover { letter-spacing: 0.05em; }
.md-focus-tracking-wide:focus { letter-spacing: 0.05em; }
.md-active-tracking-wide:active { letter-spacing: 0.05em; }
.md-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
.md-underline { text-decoration: underline; }
.md-hover-underline:hover { text-decoration: underline; }
.md-focus-underline:focus { text-decoration: underline; }
.md-active-underline:active { text-decoration: underline; }
.md-disabled-underline:disabled { text-decoration: underline; }
.md-line-through { text-decoration: line-through; }
.md-hover-line-through:hover { text-decoration: line-through; }
.md-focus-line-through:focus { text-decoration: line-through; }
.md-active-line-through:active { text-decoration: line-through; }
.md-disabled-line-through:disabled { text-decoration: line-through; }
.md-no-underline { text-decoration: none; }
.md-hover-no-underline:hover { text-decoration: none; }
.md-focus-no-underline:focus { text-decoration: none; }
.md-active-no-underline:active { text-decoration: none; }
.md-disabled-no-underline:disabled { text-decoration: none; }
.md-text-black { color: var(--black); }
.md-hover-text-black:hover { color: var(--black); }
.md-focus-text-black:focus { color: var(--black); }
.md-active-text-black:active { color: var(--black); }
.md-disabled-text-black:disabled { color: var(--black); }
.md-text-white { color: var(--white); }
.md-hover-text-white:hover { color: var(--white); }
.md-focus-text-white:focus { color: var(--white); }
.md-active-text-white:active { color: var(--white); }
.md-disabled-text-white:disabled { color: var(--white); }
.md-text-red-50 { color: var(--quanta-red-50); }
.md-hover-text-red-50:hover { color: var(--quanta-red-50); }
.md-focus-text-red-50:focus { color: var(--quanta-red-50); }
.md-active-text-red-50:active { color: var(--quanta-red-50); }
.md-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
.md-text-red-100 { color: var(--quanta-red-100); }
.md-hover-text-red-100:hover { color: var(--quanta-red-100); }
.md-focus-text-red-100:focus { color: var(--quanta-red-100); }
.md-active-text-red-100:active { color: var(--quanta-red-100); }
.md-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
.md-text-red-200 { color: var(--quanta-red-200); }
.md-hover-text-red-200:hover { color: var(--quanta-red-200); }
.md-focus-text-red-200:focus { color: var(--quanta-red-200); }
.md-active-text-red-200:active { color: var(--quanta-red-200); }
.md-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
.md-text-red-300 { color: var(--quanta-red-300); }
.md-hover-text-red-300:hover { color: var(--quanta-red-300); }
.md-focus-text-red-300:focus { color: var(--quanta-red-300); }
.md-active-text-red-300:active { color: var(--quanta-red-300); }
.md-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
.md-text-red-400 { color: var(--quanta-red-400); }
.md-hover-text-red-400:hover { color: var(--quanta-red-400); }
.md-focus-text-red-400:focus { color: var(--quanta-red-400); }
.md-active-text-red-400:active { color: var(--quanta-red-400); }
.md-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
.md-text-red-500 { color: var(--quanta-red-500); }
.md-hover-text-red-500:hover { color: var(--quanta-red-500); }
.md-focus-text-red-500:focus { color: var(--quanta-red-500); }
.md-active-text-red-500:active { color: var(--quanta-red-500); }
.md-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
.md-text-red-600 { color: var(--quanta-red-600); }
.md-hover-text-red-600:hover { color: var(--quanta-red-600); }
.md-focus-text-red-600:focus { color: var(--quanta-red-600); }
.md-active-text-red-600:active { color: var(--quanta-red-600); }
.md-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
.md-text-red-700 { color: var(--quanta-red-700); }
.md-hover-text-red-700:hover { color: var(--quanta-red-700); }
.md-focus-text-red-700:focus { color: var(--quanta-red-700); }
.md-active-text-red-700:active { color: var(--quanta-red-700); }
.md-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
.md-text-red-800 { color: var(--quanta-red-800); }
.md-hover-text-red-800:hover { color: var(--quanta-red-800); }
.md-focus-text-red-800:focus { color: var(--quanta-red-800); }
.md-active-text-red-800:active { color: var(--quanta-red-800); }
.md-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
.md-text-red-900 { color: var(--quanta-red-900); }
.md-hover-text-red-900:hover { color: var(--quanta-red-900); }
.md-focus-text-red-900:focus { color: var(--quanta-red-900); }
.md-active-text-red-900:active { color: var(--quanta-red-900); }
.md-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
.md-text-orange-50 { color: var(--quanta-orange-50); }
.md-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
.md-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
.md-active-text-orange-50:active { color: var(--quanta-orange-50); }
.md-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
.md-text-orange-100 { color: var(--quanta-orange-100); }
.md-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
.md-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
.md-active-text-orange-100:active { color: var(--quanta-orange-100); }
.md-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
.md-text-orange-200 { color: var(--quanta-orange-200); }
.md-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
.md-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
.md-active-text-orange-200:active { color: var(--quanta-orange-200); }
.md-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
.md-text-orange-300 { color: var(--quanta-orange-300); }
.md-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
.md-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
.md-active-text-orange-300:active { color: var(--quanta-orange-300); }
.md-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
.md-text-orange-400 { color: var(--quanta-orange-400); }
.md-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
.md-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
.md-active-text-orange-400:active { color: var(--quanta-orange-400); }
.md-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
.md-text-orange-500 { color: var(--quanta-orange-500); }
.md-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
.md-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
.md-active-text-orange-500:active { color: var(--quanta-orange-500); }
.md-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
.md-text-orange-600 { color: var(--quanta-orange-600); }
.md-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
.md-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
.md-active-text-orange-600:active { color: var(--quanta-orange-600); }
.md-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
.md-text-orange-700 { color: var(--quanta-orange-700); }
.md-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
.md-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
.md-active-text-orange-700:active { color: var(--quanta-orange-700); }
.md-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
.md-text-orange-800 { color: var(--quanta-orange-800); }
.md-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
.md-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
.md-active-text-orange-800:active { color: var(--quanta-orange-800); }
.md-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
.md-text-orange-900 { color: var(--quanta-orange-900); }
.md-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
.md-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
.md-active-text-orange-900:active { color: var(--quanta-orange-900); }
.md-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
.md-text-teal-50 { color: var(--quanta-teal-50); }
.md-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
.md-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
.md-active-text-teal-50:active { color: var(--quanta-teal-50); }
.md-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
.md-text-teal-100 { color: var(--quanta-teal-100); }
.md-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
.md-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
.md-active-text-teal-100:active { color: var(--quanta-teal-100); }
.md-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
.md-text-teal-200 { color: var(--quanta-teal-200); }
.md-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
.md-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
.md-active-text-teal-200:active { color: var(--quanta-teal-200); }
.md-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
.md-text-teal-300 { color: var(--quanta-teal-300); }
.md-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
.md-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
.md-active-text-teal-300:active { color: var(--quanta-teal-300); }
.md-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
.md-text-teal-400 { color: var(--quanta-teal-400); }
.md-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
.md-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
.md-active-text-teal-400:active { color: var(--quanta-teal-400); }
.md-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
.md-text-teal-500 { color: var(--quanta-teal-500); }
.md-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
.md-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
.md-active-text-teal-500:active { color: var(--quanta-teal-500); }
.md-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
.md-text-teal-600 { color: var(--quanta-teal-600); }
.md-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
.md-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
.md-active-text-teal-600:active { color: var(--quanta-teal-600); }
.md-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
.md-text-teal-700 { color: var(--quanta-teal-700); }
.md-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
.md-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
.md-active-text-teal-700:active { color: var(--quanta-teal-700); }
.md-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
.md-text-teal-800 { color: var(--quanta-teal-800); }
.md-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
.md-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
.md-active-text-teal-800:active { color: var(--quanta-teal-800); }
.md-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
.md-text-teal-900 { color: var(--quanta-teal-900); }
.md-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
.md-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
.md-active-text-teal-900:active { color: var(--quanta-teal-900); }
.md-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
.md-text-purple-50 { color: var(--quanta-purple-50); }
.md-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
.md-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
.md-active-text-purple-50:active { color: var(--quanta-purple-50); }
.md-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
.md-text-purple-100 { color: var(--quanta-purple-100); }
.md-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
.md-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
.md-active-text-purple-100:active { color: var(--quanta-purple-100); }
.md-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
.md-text-purple-200 { color: var(--quanta-purple-200); }
.md-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
.md-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
.md-active-text-purple-200:active { color: var(--quanta-purple-200); }
.md-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
.md-text-purple-300 { color: var(--quanta-purple-300); }
.md-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
.md-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
.md-active-text-purple-300:active { color: var(--quanta-purple-300); }
.md-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
.md-text-purple-400 { color: var(--quanta-purple-400); }
.md-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
.md-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
.md-active-text-purple-400:active { color: var(--quanta-purple-400); }
.md-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
.md-text-purple-500 { color: var(--quanta-purple-500); }
.md-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
.md-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
.md-active-text-purple-500:active { color: var(--quanta-purple-500); }
.md-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
.md-text-purple-600 { color: var(--quanta-purple-600); }
.md-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
.md-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
.md-active-text-purple-600:active { color: var(--quanta-purple-600); }
.md-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
.md-text-purple-700 { color: var(--quanta-purple-700); }
.md-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
.md-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
.md-active-text-purple-700:active { color: var(--quanta-purple-700); }
.md-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
.md-text-purple-800 { color: var(--quanta-purple-800); }
.md-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
.md-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
.md-active-text-purple-800:active { color: var(--quanta-purple-800); }
.md-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
.md-text-purple-900 { color: var(--quanta-purple-900); }
.md-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
.md-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
.md-active-text-purple-900:active { color: var(--quanta-purple-900); }
.md-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
.md-text-indigo-50 { color: var(--quanta-indigo-50); }
.md-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
.md-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
.md-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
.md-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
.md-text-indigo-100 { color: var(--quanta-indigo-100); }
.md-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
.md-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
.md-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
.md-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
.md-text-indigo-200 { color: var(--quanta-indigo-200); }
.md-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
.md-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
.md-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
.md-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
.md-text-indigo-300 { color: var(--quanta-indigo-300); }
.md-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
.md-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
.md-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
.md-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
.md-text-indigo-400 { color: var(--quanta-indigo-400); }
.md-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
.md-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
.md-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
.md-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
.md-text-indigo-500 { color: var(--quanta-indigo-500); }
.md-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
.md-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
.md-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
.md-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
.md-text-indigo-600 { color: var(--quanta-indigo-600); }
.md-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
.md-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
.md-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
.md-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
.md-text-indigo-700 { color: var(--quanta-indigo-700); }
.md-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
.md-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
.md-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
.md-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
.md-text-indigo-800 { color: var(--quanta-indigo-800); }
.md-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
.md-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
.md-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
.md-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
.md-text-indigo-900 { color: var(--quanta-indigo-900); }
.md-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
.md-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
.md-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
.md-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
.md-text-yellow-50 { color: var(--quanta-yellow-50); }
.md-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
.md-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
.md-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
.md-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
.md-text-yellow-100 { color: var(--quanta-yellow-100); }
.md-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
.md-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
.md-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
.md-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
.md-text-yellow-200 { color: var(--quanta-yellow-200); }
.md-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
.md-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
.md-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
.md-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
.md-text-yellow-300 { color: var(--quanta-yellow-300); }
.md-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
.md-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
.md-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
.md-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
.md-text-yellow-400 { color: var(--quanta-yellow-400); }
.md-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
.md-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
.md-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
.md-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
.md-text-yellow-500 { color: var(--quanta-yellow-500); }
.md-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
.md-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
.md-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
.md-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
.md-text-yellow-600 { color: var(--quanta-yellow-600); }
.md-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
.md-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
.md-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
.md-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
.md-text-yellow-700 { color: var(--quanta-yellow-700); }
.md-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
.md-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
.md-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
.md-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
.md-text-yellow-800 { color: var(--quanta-yellow-800); }
.md-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
.md-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
.md-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
.md-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
.md-text-yellow-900 { color: var(--quanta-yellow-900); }
.md-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
.md-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
.md-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
.md-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
.md-text-pink-50 { color: var(--quanta-pink-50); }
.md-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
.md-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
.md-active-text-pink-50:active { color: var(--quanta-pink-50); }
.md-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
.md-text-pink-100 { color: var(--quanta-pink-100); }
.md-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
.md-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
.md-active-text-pink-100:active { color: var(--quanta-pink-100); }
.md-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
.md-text-pink-200 { color: var(--quanta-pink-200); }
.md-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
.md-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
.md-active-text-pink-200:active { color: var(--quanta-pink-200); }
.md-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
.md-text-pink-300 { color: var(--quanta-pink-300); }
.md-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
.md-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
.md-active-text-pink-300:active { color: var(--quanta-pink-300); }
.md-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
.md-text-pink-400 { color: var(--quanta-pink-400); }
.md-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
.md-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
.md-active-text-pink-400:active { color: var(--quanta-pink-400); }
.md-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
.md-text-pink-500 { color: var(--quanta-pink-500); }
.md-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
.md-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
.md-active-text-pink-500:active { color: var(--quanta-pink-500); }
.md-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
.md-text-pink-600 { color: var(--quanta-pink-600); }
.md-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
.md-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
.md-active-text-pink-600:active { color: var(--quanta-pink-600); }
.md-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
.md-text-pink-700 { color: var(--quanta-pink-700); }
.md-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
.md-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
.md-active-text-pink-700:active { color: var(--quanta-pink-700); }
.md-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
.md-text-pink-800 { color: var(--quanta-pink-800); }
.md-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
.md-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
.md-active-text-pink-800:active { color: var(--quanta-pink-800); }
.md-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
.md-text-pink-900 { color: var(--quanta-pink-900); }
.md-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
.md-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
.md-active-text-pink-900:active { color: var(--quanta-pink-900); }
.md-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
.md-text-grey-50 { color: var(--quanta-grey-50); }
.md-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
.md-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
.md-active-text-grey-50:active { color: var(--quanta-grey-50); }
.md-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
.md-text-grey-100 { color: var(--quanta-grey-100); }
.md-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
.md-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
.md-active-text-grey-100:active { color: var(--quanta-grey-100); }
.md-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
.md-text-grey-200 { color: var(--quanta-grey-200); }
.md-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
.md-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
.md-active-text-grey-200:active { color: var(--quanta-grey-200); }
.md-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
.md-text-grey-300 { color: var(--quanta-grey-300); }
.md-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
.md-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
.md-active-text-grey-300:active { color: var(--quanta-grey-300); }
.md-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
.md-text-grey-400 { color: var(--quanta-grey-400); }
.md-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
.md-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
.md-active-text-grey-400:active { color: var(--quanta-grey-400); }
.md-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
.md-text-grey-500 { color: var(--quanta-grey-500); }
.md-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
.md-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
.md-active-text-grey-500:active { color: var(--quanta-grey-500); }
.md-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
.md-text-grey-600 { color: var(--quanta-grey-600); }
.md-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
.md-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
.md-active-text-grey-600:active { color: var(--quanta-grey-600); }
.md-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
.md-text-grey-700 { color: var(--quanta-grey-700); }
.md-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
.md-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
.md-active-text-grey-700:active { color: var(--quanta-grey-700); }
.md-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
.md-text-grey-800 { color: var(--quanta-grey-800); }
.md-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
.md-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
.md-active-text-grey-800:active { color: var(--quanta-grey-800); }
.md-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
.md-text-grey-900 { color: var(--quanta-grey-900); }
.md-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
.md-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
.md-active-text-grey-900:active { color: var(--quanta-grey-900); }
.md-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
.md-text-lime-50 { color: var(--quanta-lime-50); }
.md-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
.md-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
.md-active-text-lime-50:active { color: var(--quanta-lime-50); }
.md-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
.md-text-lime-100 { color: var(--quanta-lime-100); }
.md-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
.md-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
.md-active-text-lime-100:active { color: var(--quanta-lime-100); }
.md-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
.md-text-lime-200 { color: var(--quanta-lime-200); }
.md-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
.md-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
.md-active-text-lime-200:active { color: var(--quanta-lime-200); }
.md-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
.md-text-lime-300 { color: var(--quanta-lime-300); }
.md-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
.md-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
.md-active-text-lime-300:active { color: var(--quanta-lime-300); }
.md-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
.md-text-lime-400 { color: var(--quanta-lime-400); }
.md-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
.md-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
.md-active-text-lime-400:active { color: var(--quanta-lime-400); }
.md-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
.md-text-lime-500 { color: var(--quanta-lime-500); }
.md-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
.md-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
.md-active-text-lime-500:active { color: var(--quanta-lime-500); }
.md-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
.md-text-lime-600 { color: var(--quanta-lime-600); }
.md-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
.md-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
.md-active-text-lime-600:active { color: var(--quanta-lime-600); }
.md-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
.md-text-lime-700 { color: var(--quanta-lime-700); }
.md-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
.md-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
.md-active-text-lime-700:active { color: var(--quanta-lime-700); }
.md-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
.md-text-lime-800 { color: var(--quanta-lime-800); }
.md-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
.md-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
.md-active-text-lime-800:active { color: var(--quanta-lime-800); }
.md-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
.md-text-lime-900 { color: var(--quanta-lime-900); }
.md-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
.md-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
.md-active-text-lime-900:active { color: var(--quanta-lime-900); }
.md-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
.md-text-cyan-50 { color: var(--quanta-cyan-50); }
.md-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
.md-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
.md-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
.md-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
.md-text-cyan-100 { color: var(--quanta-cyan-100); }
.md-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
.md-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
.md-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
.md-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
.md-text-cyan-200 { color: var(--quanta-cyan-200); }
.md-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
.md-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
.md-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
.md-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
.md-text-cyan-300 { color: var(--quanta-cyan-300); }
.md-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
.md-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
.md-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
.md-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
.md-text-cyan-400 { color: var(--quanta-cyan-400); }
.md-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
.md-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
.md-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
.md-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
.md-text-cyan-500 { color: var(--quanta-cyan-500); }
.md-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
.md-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
.md-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
.md-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
.md-text-cyan-600 { color: var(--quanta-cyan-600); }
.md-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
.md-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
.md-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
.md-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
.md-text-cyan-700 { color: var(--quanta-cyan-700); }
.md-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
.md-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
.md-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
.md-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
.md-text-cyan-800 { color: var(--quanta-cyan-800); }
.md-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
.md-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
.md-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
.md-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
.md-text-cyan-900 { color: var(--quanta-cyan-900); }
.md-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
.md-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
.md-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
.md-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
.md-text-sky-50 { color: var(--quanta-sky-50); }
.md-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
.md-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
.md-active-text-sky-50:active { color: var(--quanta-sky-50); }
.md-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
.md-text-sky-100 { color: var(--quanta-sky-100); }
.md-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
.md-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
.md-active-text-sky-100:active { color: var(--quanta-sky-100); }
.md-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
.md-text-sky-200 { color: var(--quanta-sky-200); }
.md-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
.md-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
.md-active-text-sky-200:active { color: var(--quanta-sky-200); }
.md-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
.md-text-sky-300 { color: var(--quanta-sky-300); }
.md-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
.md-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
.md-active-text-sky-300:active { color: var(--quanta-sky-300); }
.md-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
.md-text-sky-400 { color: var(--quanta-sky-400); }
.md-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
.md-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
.md-active-text-sky-400:active { color: var(--quanta-sky-400); }
.md-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
.md-text-sky-500 { color: var(--quanta-sky-500); }
.md-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
.md-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
.md-active-text-sky-500:active { color: var(--quanta-sky-500); }
.md-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
.md-text-sky-600 { color: var(--quanta-sky-600); }
.md-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
.md-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
.md-active-text-sky-600:active { color: var(--quanta-sky-600); }
.md-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
.md-text-sky-700 { color: var(--quanta-sky-700); }
.md-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
.md-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
.md-active-text-sky-700:active { color: var(--quanta-sky-700); }
.md-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
.md-text-sky-800 { color: var(--quanta-sky-800); }
.md-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
.md-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
.md-active-text-sky-800:active { color: var(--quanta-sky-800); }
.md-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
.md-text-sky-900 { color: var(--quanta-sky-900); }
.md-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
.md-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
.md-active-text-sky-900:active { color: var(--quanta-sky-900); }
.md-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
.md-text-violet-50 { color: var(--quanta-violet-50); }
.md-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
.md-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
.md-active-text-violet-50:active { color: var(--quanta-violet-50); }
.md-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
.md-text-violet-100 { color: var(--quanta-violet-100); }
.md-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
.md-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
.md-active-text-violet-100:active { color: var(--quanta-violet-100); }
.md-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
.md-text-violet-200 { color: var(--quanta-violet-200); }
.md-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
.md-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
.md-active-text-violet-200:active { color: var(--quanta-violet-200); }
.md-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
.md-text-violet-300 { color: var(--quanta-violet-300); }
.md-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
.md-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
.md-active-text-violet-300:active { color: var(--quanta-violet-300); }
.md-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
.md-text-violet-400 { color: var(--quanta-violet-400); }
.md-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
.md-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
.md-active-text-violet-400:active { color: var(--quanta-violet-400); }
.md-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
.md-text-violet-500 { color: var(--quanta-violet-500); }
.md-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
.md-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
.md-active-text-violet-500:active { color: var(--quanta-violet-500); }
.md-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
.md-text-violet-600 { color: var(--quanta-violet-600); }
.md-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
.md-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
.md-active-text-violet-600:active { color: var(--quanta-violet-600); }
.md-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
.md-text-violet-700 { color: var(--quanta-violet-700); }
.md-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
.md-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
.md-active-text-violet-700:active { color: var(--quanta-violet-700); }
.md-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
.md-text-violet-800 { color: var(--quanta-violet-800); }
.md-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
.md-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
.md-active-text-violet-800:active { color: var(--quanta-violet-800); }
.md-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
.md-text-violet-900 { color: var(--quanta-violet-900); }
.md-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
.md-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
.md-active-text-violet-900:active { color: var(--quanta-violet-900); }
.md-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
.md-text-rose-50 { color: var(--quanta-rose-50); }
.md-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
.md-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
.md-active-text-rose-50:active { color: var(--quanta-rose-50); }
.md-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
.md-text-rose-100 { color: var(--quanta-rose-100); }
.md-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
.md-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
.md-active-text-rose-100:active { color: var(--quanta-rose-100); }
.md-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
.md-text-rose-200 { color: var(--quanta-rose-200); }
.md-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
.md-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
.md-active-text-rose-200:active { color: var(--quanta-rose-200); }
.md-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
.md-text-rose-300 { color: var(--quanta-rose-300); }
.md-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
.md-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
.md-active-text-rose-300:active { color: var(--quanta-rose-300); }
.md-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
.md-text-rose-400 { color: var(--quanta-rose-400); }
.md-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
.md-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
.md-active-text-rose-400:active { color: var(--quanta-rose-400); }
.md-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
.md-text-rose-500 { color: var(--quanta-rose-500); }
.md-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
.md-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
.md-active-text-rose-500:active { color: var(--quanta-rose-500); }
.md-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
.md-text-rose-600 { color: var(--quanta-rose-600); }
.md-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
.md-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
.md-active-text-rose-600:active { color: var(--quanta-rose-600); }
.md-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
.md-text-rose-700 { color: var(--quanta-rose-700); }
.md-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
.md-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
.md-active-text-rose-700:active { color: var(--quanta-rose-700); }
.md-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
.md-text-rose-800 { color: var(--quanta-rose-800); }
.md-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
.md-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
.md-active-text-rose-800:active { color: var(--quanta-rose-800); }
.md-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
.md-text-rose-900 { color: var(--quanta-rose-900); }
.md-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
.md-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
.md-active-text-rose-900:active { color: var(--quanta-rose-900); }
.md-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
.md-text-slate-50 { color: var(--quanta-slate-50); }
.md-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
.md-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
.md-active-text-slate-50:active { color: var(--quanta-slate-50); }
.md-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
.md-text-slate-100 { color: var(--quanta-slate-100); }
.md-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
.md-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
.md-active-text-slate-100:active { color: var(--quanta-slate-100); }
.md-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
.md-text-slate-200 { color: var(--quanta-slate-200); }
.md-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
.md-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
.md-active-text-slate-200:active { color: var(--quanta-slate-200); }
.md-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
.md-text-slate-300 { color: var(--quanta-slate-300); }
.md-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
.md-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
.md-active-text-slate-300:active { color: var(--quanta-slate-300); }
.md-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
.md-text-slate-400 { color: var(--quanta-slate-400); }
.md-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
.md-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
.md-active-text-slate-400:active { color: var(--quanta-slate-400); }
.md-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
.md-text-slate-500 { color: var(--quanta-slate-500); }
.md-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
.md-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
.md-active-text-slate-500:active { color: var(--quanta-slate-500); }
.md-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
.md-text-slate-600 { color: var(--quanta-slate-600); }
.md-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
.md-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
.md-active-text-slate-600:active { color: var(--quanta-slate-600); }
.md-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
.md-text-slate-700 { color: var(--quanta-slate-700); }
.md-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
.md-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
.md-active-text-slate-700:active { color: var(--quanta-slate-700); }
.md-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
.md-text-slate-800 { color: var(--quanta-slate-800); }
.md-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
.md-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
.md-active-text-slate-800:active { color: var(--quanta-slate-800); }
.md-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
.md-text-slate-900 { color: var(--quanta-slate-900); }
.md-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
.md-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
.md-active-text-slate-900:active { color: var(--quanta-slate-900); }
.md-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
.md-text-blue-50 { color: var(--quanta-blue-50); }
.md-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
.md-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
.md-active-text-blue-50:active { color: var(--quanta-blue-50); }
.md-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
.md-text-blue-100 { color: var(--quanta-blue-100); }
.md-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
.md-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
.md-active-text-blue-100:active { color: var(--quanta-blue-100); }
.md-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
.md-text-blue-200 { color: var(--quanta-blue-200); }
.md-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
.md-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
.md-active-text-blue-200:active { color: var(--quanta-blue-200); }
.md-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
.md-text-blue-300 { color: var(--quanta-blue-300); }
.md-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
.md-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
.md-active-text-blue-300:active { color: var(--quanta-blue-300); }
.md-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
.md-text-blue-400 { color: var(--quanta-blue-400); }
.md-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
.md-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
.md-active-text-blue-400:active { color: var(--quanta-blue-400); }
.md-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
.md-text-blue-500 { color: var(--quanta-blue-500); }
.md-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
.md-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
.md-active-text-blue-500:active { color: var(--quanta-blue-500); }
.md-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
.md-text-blue-600 { color: var(--quanta-blue-600); }
.md-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
.md-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
.md-active-text-blue-600:active { color: var(--quanta-blue-600); }
.md-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
.md-text-blue-700 { color: var(--quanta-blue-700); }
.md-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
.md-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
.md-active-text-blue-700:active { color: var(--quanta-blue-700); }
.md-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
.md-text-blue-800 { color: var(--quanta-blue-800); }
.md-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
.md-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
.md-active-text-blue-800:active { color: var(--quanta-blue-800); }
.md-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
.md-text-blue-900 { color: var(--quanta-blue-900); }
.md-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
.md-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
.md-active-text-blue-900:active { color: var(--quanta-blue-900); }
.md-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
.md-text-green-50 { color: var(--quanta-green-50); }
.md-hover-text-green-50:hover { color: var(--quanta-green-50); }
.md-focus-text-green-50:focus { color: var(--quanta-green-50); }
.md-active-text-green-50:active { color: var(--quanta-green-50); }
.md-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
.md-text-green-100 { color: var(--quanta-green-100); }
.md-hover-text-green-100:hover { color: var(--quanta-green-100); }
.md-focus-text-green-100:focus { color: var(--quanta-green-100); }
.md-active-text-green-100:active { color: var(--quanta-green-100); }
.md-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
.md-text-green-200 { color: var(--quanta-green-200); }
.md-hover-text-green-200:hover { color: var(--quanta-green-200); }
.md-focus-text-green-200:focus { color: var(--quanta-green-200); }
.md-active-text-green-200:active { color: var(--quanta-green-200); }
.md-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
.md-text-green-300 { color: var(--quanta-green-300); }
.md-hover-text-green-300:hover { color: var(--quanta-green-300); }
.md-focus-text-green-300:focus { color: var(--quanta-green-300); }
.md-active-text-green-300:active { color: var(--quanta-green-300); }
.md-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
.md-text-green-400 { color: var(--quanta-green-400); }
.md-hover-text-green-400:hover { color: var(--quanta-green-400); }
.md-focus-text-green-400:focus { color: var(--quanta-green-400); }
.md-active-text-green-400:active { color: var(--quanta-green-400); }
.md-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
.md-text-green-500 { color: var(--quanta-green-500); }
.md-hover-text-green-500:hover { color: var(--quanta-green-500); }
.md-focus-text-green-500:focus { color: var(--quanta-green-500); }
.md-active-text-green-500:active { color: var(--quanta-green-500); }
.md-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
.md-text-green-600 { color: var(--quanta-green-600); }
.md-hover-text-green-600:hover { color: var(--quanta-green-600); }
.md-focus-text-green-600:focus { color: var(--quanta-green-600); }
.md-active-text-green-600:active { color: var(--quanta-green-600); }
.md-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
.md-text-green-700 { color: var(--quanta-green-700); }
.md-hover-text-green-700:hover { color: var(--quanta-green-700); }
.md-focus-text-green-700:focus { color: var(--quanta-green-700); }
.md-active-text-green-700:active { color: var(--quanta-green-700); }
.md-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
.md-text-green-800 { color: var(--quanta-green-800); }
.md-hover-text-green-800:hover { color: var(--quanta-green-800); }
.md-focus-text-green-800:focus { color: var(--quanta-green-800); }
.md-active-text-green-800:active { color: var(--quanta-green-800); }
.md-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
.md-text-green-900 { color: var(--quanta-green-900); }
.md-hover-text-green-900:hover { color: var(--quanta-green-900); }
.md-focus-text-green-900:focus { color: var(--quanta-green-900); }
.md-active-text-green-900:active { color: var(--quanta-green-900); }
.md-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
.md-bg-red-50 { background-color: var(--quanta-red-50); }
.md-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
.md-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
.md-active-bg-red-50:active { background-color: var(--quanta-red-50); }
.md-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
.md-bg-red-100 { background-color: var(--quanta-red-100); }
.md-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
.md-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
.md-active-bg-red-100:active { background-color: var(--quanta-red-100); }
.md-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
.md-bg-red-200 { background-color: var(--quanta-red-200); }
.md-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
.md-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
.md-active-bg-red-200:active { background-color: var(--quanta-red-200); }
.md-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
.md-bg-red-300 { background-color: var(--quanta-red-300); }
.md-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
.md-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
.md-active-bg-red-300:active { background-color: var(--quanta-red-300); }
.md-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
.md-bg-red-400 { background-color: var(--quanta-red-400); }
.md-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
.md-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
.md-active-bg-red-400:active { background-color: var(--quanta-red-400); }
.md-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
.md-bg-red-500 { background-color: var(--quanta-red-500); }
.md-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
.md-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
.md-active-bg-red-500:active { background-color: var(--quanta-red-500); }
.md-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
.md-bg-red-600 { background-color: var(--quanta-red-600); }
.md-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
.md-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
.md-active-bg-red-600:active { background-color: var(--quanta-red-600); }
.md-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
.md-bg-red-700 { background-color: var(--quanta-red-700); }
.md-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
.md-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
.md-active-bg-red-700:active { background-color: var(--quanta-red-700); }
.md-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
.md-bg-red-800 { background-color: var(--quanta-red-800); }
.md-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
.md-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
.md-active-bg-red-800:active { background-color: var(--quanta-red-800); }
.md-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
.md-bg-red-900 { background-color: var(--quanta-red-900); }
.md-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
.md-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
.md-active-bg-red-900:active { background-color: var(--quanta-red-900); }
.md-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
.md-bg-orange-50 { background-color: var(--quanta-orange-50); }
.md-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
.md-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
.md-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
.md-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
.md-bg-orange-100 { background-color: var(--quanta-orange-100); }
.md-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
.md-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
.md-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
.md-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
.md-bg-orange-200 { background-color: var(--quanta-orange-200); }
.md-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
.md-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
.md-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
.md-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
.md-bg-orange-300 { background-color: var(--quanta-orange-300); }
.md-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
.md-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
.md-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
.md-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
.md-bg-orange-400 { background-color: var(--quanta-orange-400); }
.md-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
.md-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
.md-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
.md-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
.md-bg-orange-500 { background-color: var(--quanta-orange-500); }
.md-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
.md-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
.md-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
.md-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
.md-bg-orange-600 { background-color: var(--quanta-orange-600); }
.md-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
.md-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
.md-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
.md-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
.md-bg-orange-700 { background-color: var(--quanta-orange-700); }
.md-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
.md-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
.md-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
.md-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
.md-bg-orange-800 { background-color: var(--quanta-orange-800); }
.md-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
.md-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
.md-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
.md-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
.md-bg-orange-900 { background-color: var(--quanta-orange-900); }
.md-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
.md-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
.md-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
.md-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
.md-bg-teal-50 { background-color: var(--quanta-teal-50); }
.md-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
.md-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
.md-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
.md-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
.md-bg-teal-100 { background-color: var(--quanta-teal-100); }
.md-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
.md-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
.md-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
.md-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
.md-bg-teal-200 { background-color: var(--quanta-teal-200); }
.md-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
.md-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
.md-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
.md-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
.md-bg-teal-300 { background-color: var(--quanta-teal-300); }
.md-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
.md-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
.md-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
.md-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
.md-bg-teal-400 { background-color: var(--quanta-teal-400); }
.md-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
.md-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
.md-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
.md-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
.md-bg-teal-500 { background-color: var(--quanta-teal-500); }
.md-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
.md-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
.md-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
.md-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
.md-bg-teal-600 { background-color: var(--quanta-teal-600); }
.md-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
.md-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
.md-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
.md-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
.md-bg-teal-700 { background-color: var(--quanta-teal-700); }
.md-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
.md-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
.md-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
.md-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
.md-bg-teal-800 { background-color: var(--quanta-teal-800); }
.md-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
.md-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
.md-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
.md-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
.md-bg-teal-900 { background-color: var(--quanta-teal-900); }
.md-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
.md-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
.md-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
.md-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
.md-bg-purple-50 { background-color: var(--quanta-purple-50); }
.md-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
.md-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
.md-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
.md-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
.md-bg-purple-100 { background-color: var(--quanta-purple-100); }
.md-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
.md-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
.md-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
.md-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
.md-bg-purple-200 { background-color: var(--quanta-purple-200); }
.md-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
.md-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
.md-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
.md-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
.md-bg-purple-300 { background-color: var(--quanta-purple-300); }
.md-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
.md-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
.md-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
.md-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
.md-bg-purple-400 { background-color: var(--quanta-purple-400); }
.md-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
.md-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
.md-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
.md-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
.md-bg-purple-500 { background-color: var(--quanta-purple-500); }
.md-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
.md-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
.md-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
.md-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
.md-bg-purple-600 { background-color: var(--quanta-purple-600); }
.md-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
.md-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
.md-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
.md-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
.md-bg-purple-700 { background-color: var(--quanta-purple-700); }
.md-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
.md-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
.md-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
.md-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
.md-bg-purple-800 { background-color: var(--quanta-purple-800); }
.md-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
.md-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
.md-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
.md-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
.md-bg-purple-900 { background-color: var(--quanta-purple-900); }
.md-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
.md-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
.md-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
.md-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
.md-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
.md-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
.md-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
.md-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
.md-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
.md-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.md-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
.md-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
.md-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
.md-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
.md-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.md-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
.md-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
.md-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
.md-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
.md-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.md-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
.md-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
.md-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
.md-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
.md-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.md-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
.md-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
.md-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
.md-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
.md-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.md-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
.md-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
.md-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
.md-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
.md-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.md-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
.md-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
.md-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
.md-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
.md-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.md-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
.md-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
.md-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
.md-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
.md-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.md-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
.md-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
.md-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
.md-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
.md-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
.md-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
.md-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
.md-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
.md-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
.md-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
.md-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
.md-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
.md-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
.md-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
.md-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.md-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
.md-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
.md-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
.md-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
.md-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.md-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
.md-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
.md-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
.md-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
.md-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.md-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
.md-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
.md-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
.md-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
.md-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.md-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
.md-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
.md-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
.md-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
.md-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.md-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
.md-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
.md-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
.md-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
.md-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.md-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
.md-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
.md-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
.md-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
.md-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.md-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
.md-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
.md-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
.md-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
.md-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.md-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
.md-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
.md-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
.md-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
.md-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
.md-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
.md-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
.md-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
.md-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
.md-bg-pink-50 { background-color: var(--quanta-pink-50); }
.md-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
.md-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
.md-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
.md-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
.md-bg-pink-100 { background-color: var(--quanta-pink-100); }
.md-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
.md-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
.md-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
.md-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
.md-bg-pink-200 { background-color: var(--quanta-pink-200); }
.md-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
.md-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
.md-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
.md-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
.md-bg-pink-300 { background-color: var(--quanta-pink-300); }
.md-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
.md-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
.md-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
.md-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
.md-bg-pink-400 { background-color: var(--quanta-pink-400); }
.md-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
.md-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
.md-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
.md-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
.md-bg-pink-500 { background-color: var(--quanta-pink-500); }
.md-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
.md-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
.md-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
.md-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
.md-bg-pink-600 { background-color: var(--quanta-pink-600); }
.md-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
.md-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
.md-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
.md-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
.md-bg-pink-700 { background-color: var(--quanta-pink-700); }
.md-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
.md-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
.md-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
.md-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
.md-bg-pink-800 { background-color: var(--quanta-pink-800); }
.md-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
.md-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
.md-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
.md-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
.md-bg-pink-900 { background-color: var(--quanta-pink-900); }
.md-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
.md-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
.md-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
.md-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
.md-bg-grey-50 { background-color: var(--quanta-grey-50); }
.md-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
.md-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
.md-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
.md-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
.md-bg-grey-100 { background-color: var(--quanta-grey-100); }
.md-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
.md-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
.md-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
.md-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
.md-bg-grey-200 { background-color: var(--quanta-grey-200); }
.md-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
.md-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
.md-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
.md-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
.md-bg-grey-300 { background-color: var(--quanta-grey-300); }
.md-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
.md-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
.md-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
.md-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
.md-bg-grey-400 { background-color: var(--quanta-grey-400); }
.md-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
.md-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
.md-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
.md-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
.md-bg-grey-500 { background-color: var(--quanta-grey-500); }
.md-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
.md-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
.md-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
.md-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
.md-bg-grey-600 { background-color: var(--quanta-grey-600); }
.md-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
.md-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
.md-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
.md-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
.md-bg-grey-700 { background-color: var(--quanta-grey-700); }
.md-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
.md-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
.md-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
.md-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
.md-bg-grey-800 { background-color: var(--quanta-grey-800); }
.md-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
.md-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
.md-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
.md-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
.md-bg-grey-900 { background-color: var(--quanta-grey-900); }
.md-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
.md-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
.md-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
.md-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
.md-bg-lime-50 { background-color: var(--quanta-lime-50); }
.md-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
.md-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
.md-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
.md-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
.md-bg-lime-100 { background-color: var(--quanta-lime-100); }
.md-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
.md-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
.md-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
.md-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
.md-bg-lime-200 { background-color: var(--quanta-lime-200); }
.md-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
.md-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
.md-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
.md-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
.md-bg-lime-300 { background-color: var(--quanta-lime-300); }
.md-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
.md-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
.md-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
.md-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
.md-bg-lime-400 { background-color: var(--quanta-lime-400); }
.md-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
.md-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
.md-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
.md-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
.md-bg-lime-500 { background-color: var(--quanta-lime-500); }
.md-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
.md-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
.md-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
.md-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
.md-bg-lime-600 { background-color: var(--quanta-lime-600); }
.md-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
.md-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
.md-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
.md-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
.md-bg-lime-700 { background-color: var(--quanta-lime-700); }
.md-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
.md-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
.md-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
.md-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
.md-bg-lime-800 { background-color: var(--quanta-lime-800); }
.md-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
.md-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
.md-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
.md-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
.md-bg-lime-900 { background-color: var(--quanta-lime-900); }
.md-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
.md-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
.md-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
.md-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
.md-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
.md-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
.md-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
.md-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
.md-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
.md-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.md-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
.md-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
.md-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
.md-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
.md-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.md-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
.md-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
.md-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
.md-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
.md-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.md-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
.md-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
.md-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
.md-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
.md-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.md-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
.md-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
.md-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
.md-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
.md-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.md-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
.md-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
.md-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
.md-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
.md-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.md-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
.md-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
.md-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
.md-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
.md-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.md-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
.md-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
.md-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
.md-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
.md-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.md-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
.md-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
.md-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
.md-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
.md-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
.md-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
.md-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
.md-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
.md-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
.md-bg-sky-50 { background-color: var(--quanta-sky-50); }
.md-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
.md-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
.md-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
.md-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
.md-bg-sky-100 { background-color: var(--quanta-sky-100); }
.md-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
.md-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
.md-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
.md-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
.md-bg-sky-200 { background-color: var(--quanta-sky-200); }
.md-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
.md-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
.md-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
.md-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
.md-bg-sky-300 { background-color: var(--quanta-sky-300); }
.md-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
.md-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
.md-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
.md-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
.md-bg-sky-400 { background-color: var(--quanta-sky-400); }
.md-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
.md-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
.md-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
.md-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
.md-bg-sky-500 { background-color: var(--quanta-sky-500); }
.md-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
.md-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
.md-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
.md-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
.md-bg-sky-600 { background-color: var(--quanta-sky-600); }
.md-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
.md-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
.md-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
.md-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
.md-bg-sky-700 { background-color: var(--quanta-sky-700); }
.md-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
.md-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
.md-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
.md-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
.md-bg-sky-800 { background-color: var(--quanta-sky-800); }
.md-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
.md-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
.md-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
.md-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
.md-bg-sky-900 { background-color: var(--quanta-sky-900); }
.md-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
.md-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
.md-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
.md-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
.md-bg-violet-50 { background-color: var(--quanta-violet-50); }
.md-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
.md-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
.md-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
.md-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
.md-bg-violet-100 { background-color: var(--quanta-violet-100); }
.md-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
.md-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
.md-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
.md-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
.md-bg-violet-200 { background-color: var(--quanta-violet-200); }
.md-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
.md-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
.md-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
.md-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
.md-bg-violet-300 { background-color: var(--quanta-violet-300); }
.md-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
.md-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
.md-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
.md-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
.md-bg-violet-400 { background-color: var(--quanta-violet-400); }
.md-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
.md-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
.md-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
.md-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
.md-bg-violet-500 { background-color: var(--quanta-violet-500); }
.md-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
.md-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
.md-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
.md-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
.md-bg-violet-600 { background-color: var(--quanta-violet-600); }
.md-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
.md-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
.md-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
.md-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
.md-bg-violet-700 { background-color: var(--quanta-violet-700); }
.md-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
.md-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
.md-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
.md-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
.md-bg-violet-800 { background-color: var(--quanta-violet-800); }
.md-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
.md-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
.md-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
.md-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
.md-bg-violet-900 { background-color: var(--quanta-violet-900); }
.md-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
.md-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
.md-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
.md-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
.md-bg-rose-50 { background-color: var(--quanta-rose-50); }
.md-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
.md-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
.md-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
.md-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
.md-bg-rose-100 { background-color: var(--quanta-rose-100); }
.md-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
.md-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
.md-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
.md-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
.md-bg-rose-200 { background-color: var(--quanta-rose-200); }
.md-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
.md-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
.md-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
.md-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
.md-bg-rose-300 { background-color: var(--quanta-rose-300); }
.md-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
.md-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
.md-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
.md-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
.md-bg-rose-400 { background-color: var(--quanta-rose-400); }
.md-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
.md-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
.md-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
.md-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
.md-bg-rose-500 { background-color: var(--quanta-rose-500); }
.md-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
.md-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
.md-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
.md-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
.md-bg-rose-600 { background-color: var(--quanta-rose-600); }
.md-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
.md-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
.md-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
.md-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
.md-bg-rose-700 { background-color: var(--quanta-rose-700); }
.md-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
.md-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
.md-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
.md-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
.md-bg-rose-800 { background-color: var(--quanta-rose-800); }
.md-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
.md-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
.md-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
.md-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
.md-bg-rose-900 { background-color: var(--quanta-rose-900); }
.md-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
.md-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
.md-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
.md-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
.md-bg-slate-50 { background-color: var(--quanta-slate-50); }
.md-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
.md-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
.md-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
.md-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
.md-bg-slate-100 { background-color: var(--quanta-slate-100); }
.md-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
.md-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
.md-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
.md-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
.md-bg-slate-200 { background-color: var(--quanta-slate-200); }
.md-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
.md-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
.md-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
.md-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
.md-bg-slate-300 { background-color: var(--quanta-slate-300); }
.md-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
.md-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
.md-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
.md-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
.md-bg-slate-400 { background-color: var(--quanta-slate-400); }
.md-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
.md-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
.md-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
.md-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
.md-bg-slate-500 { background-color: var(--quanta-slate-500); }
.md-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
.md-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
.md-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
.md-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
.md-bg-slate-600 { background-color: var(--quanta-slate-600); }
.md-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
.md-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
.md-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
.md-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
.md-bg-slate-700 { background-color: var(--quanta-slate-700); }
.md-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
.md-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
.md-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
.md-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
.md-bg-slate-800 { background-color: var(--quanta-slate-800); }
.md-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
.md-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
.md-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
.md-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
.md-bg-slate-900 { background-color: var(--quanta-slate-900); }
.md-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
.md-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
.md-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
.md-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
.md-bg-blue-50 { background-color: var(--quanta-blue-50); }
.md-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
.md-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
.md-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
.md-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
.md-bg-blue-100 { background-color: var(--quanta-blue-100); }
.md-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
.md-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
.md-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
.md-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
.md-bg-blue-200 { background-color: var(--quanta-blue-200); }
.md-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
.md-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
.md-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
.md-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
.md-bg-blue-300 { background-color: var(--quanta-blue-300); }
.md-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
.md-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
.md-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
.md-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
.md-bg-blue-400 { background-color: var(--quanta-blue-400); }
.md-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
.md-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
.md-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
.md-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
.md-bg-blue-500 { background-color: var(--quanta-blue-500); }
.md-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
.md-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
.md-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
.md-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
.md-bg-blue-600 { background-color: var(--quanta-blue-600); }
.md-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
.md-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
.md-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
.md-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
.md-bg-blue-700 { background-color: var(--quanta-blue-700); }
.md-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
.md-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
.md-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
.md-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
.md-bg-blue-800 { background-color: var(--quanta-blue-800); }
.md-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
.md-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
.md-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
.md-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
.md-bg-blue-900 { background-color: var(--quanta-blue-900); }
.md-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
.md-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
.md-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
.md-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
.md-bg-green-50 { background-color: var(--quanta-green-50); }
.md-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
.md-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
.md-active-bg-green-50:active { background-color: var(--quanta-green-50); }
.md-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
.md-bg-green-100 { background-color: var(--quanta-green-100); }
.md-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
.md-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
.md-active-bg-green-100:active { background-color: var(--quanta-green-100); }
.md-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
.md-bg-green-200 { background-color: var(--quanta-green-200); }
.md-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
.md-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
.md-active-bg-green-200:active { background-color: var(--quanta-green-200); }
.md-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
.md-bg-green-300 { background-color: var(--quanta-green-300); }
.md-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
.md-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
.md-active-bg-green-300:active { background-color: var(--quanta-green-300); }
.md-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
.md-bg-green-400 { background-color: var(--quanta-green-400); }
.md-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
.md-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
.md-active-bg-green-400:active { background-color: var(--quanta-green-400); }
.md-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
.md-bg-green-500 { background-color: var(--quanta-green-500); }
.md-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
.md-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
.md-active-bg-green-500:active { background-color: var(--quanta-green-500); }
.md-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
.md-bg-green-600 { background-color: var(--quanta-green-600); }
.md-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
.md-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
.md-active-bg-green-600:active { background-color: var(--quanta-green-600); }
.md-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
.md-bg-green-700 { background-color: var(--quanta-green-700); }
.md-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
.md-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
.md-active-bg-green-700:active { background-color: var(--quanta-green-700); }
.md-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
.md-bg-green-800 { background-color: var(--quanta-green-800); }
.md-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
.md-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
.md-active-bg-green-800:active { background-color: var(--quanta-green-800); }
.md-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
.md-bg-green-900 { background-color: var(--quanta-green-900); }
.md-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
.md-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
.md-active-bg-green-900:active { background-color: var(--quanta-green-900); }
.md-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
.md-bg-black { background-color: var(--black); }
.md-hover-bg-black:hover { background-color: var(--black); }
.md-focus-bg-black:focus { background-color: var(--black); }
.md-active-bg-black:active { background-color: var(--black); }
.md-disabled-bg-black:disabled { background-color: var(--black); }
.md-bg-white { background-color: var(--white); }
.md-hover-bg-white:hover { background-color: var(--white); }
.md-focus-bg-white:focus { background-color: var(--white); }
.md-active-bg-white:active { background-color: var(--white); }
.md-disabled-bg-white:disabled { background-color: var(--white); }
.md-border-red-50 { border-color: var(--quanta-red-50); }
.md-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
.md-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
.md-active-border-red-50:active { border-color: var(--quanta-red-50); }
.md-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
.md-border-red-100 { border-color: var(--quanta-red-100); }
.md-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
.md-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
.md-active-border-red-100:active { border-color: var(--quanta-red-100); }
.md-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
.md-border-red-200 { border-color: var(--quanta-red-200); }
.md-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
.md-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
.md-active-border-red-200:active { border-color: var(--quanta-red-200); }
.md-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
.md-border-red-300 { border-color: var(--quanta-red-300); }
.md-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
.md-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
.md-active-border-red-300:active { border-color: var(--quanta-red-300); }
.md-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
.md-border-red-400 { border-color: var(--quanta-red-400); }
.md-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
.md-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
.md-active-border-red-400:active { border-color: var(--quanta-red-400); }
.md-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
.md-border-red-500 { border-color: var(--quanta-red-500); }
.md-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
.md-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
.md-active-border-red-500:active { border-color: var(--quanta-red-500); }
.md-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
.md-border-red-600 { border-color: var(--quanta-red-600); }
.md-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
.md-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
.md-active-border-red-600:active { border-color: var(--quanta-red-600); }
.md-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
.md-border-red-700 { border-color: var(--quanta-red-700); }
.md-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
.md-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
.md-active-border-red-700:active { border-color: var(--quanta-red-700); }
.md-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
.md-border-red-800 { border-color: var(--quanta-red-800); }
.md-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
.md-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
.md-active-border-red-800:active { border-color: var(--quanta-red-800); }
.md-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
.md-border-red-900 { border-color: var(--quanta-red-900); }
.md-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
.md-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
.md-active-border-red-900:active { border-color: var(--quanta-red-900); }
.md-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
.md-border-orange-50 { border-color: var(--quanta-orange-50); }
.md-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
.md-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
.md-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
.md-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
.md-border-orange-100 { border-color: var(--quanta-orange-100); }
.md-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
.md-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
.md-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
.md-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
.md-border-orange-200 { border-color: var(--quanta-orange-200); }
.md-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
.md-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
.md-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
.md-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
.md-border-orange-300 { border-color: var(--quanta-orange-300); }
.md-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
.md-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
.md-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
.md-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
.md-border-orange-400 { border-color: var(--quanta-orange-400); }
.md-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
.md-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
.md-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
.md-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
.md-border-orange-500 { border-color: var(--quanta-orange-500); }
.md-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
.md-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
.md-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
.md-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
.md-border-orange-600 { border-color: var(--quanta-orange-600); }
.md-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
.md-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
.md-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
.md-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
.md-border-orange-700 { border-color: var(--quanta-orange-700); }
.md-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
.md-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
.md-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
.md-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
.md-border-orange-800 { border-color: var(--quanta-orange-800); }
.md-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
.md-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
.md-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
.md-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
.md-border-orange-900 { border-color: var(--quanta-orange-900); }
.md-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
.md-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
.md-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
.md-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
.md-border-teal-50 { border-color: var(--quanta-teal-50); }
.md-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
.md-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
.md-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
.md-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
.md-border-teal-100 { border-color: var(--quanta-teal-100); }
.md-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
.md-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
.md-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
.md-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
.md-border-teal-200 { border-color: var(--quanta-teal-200); }
.md-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
.md-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
.md-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
.md-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
.md-border-teal-300 { border-color: var(--quanta-teal-300); }
.md-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
.md-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
.md-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
.md-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
.md-border-teal-400 { border-color: var(--quanta-teal-400); }
.md-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
.md-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
.md-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
.md-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
.md-border-teal-500 { border-color: var(--quanta-teal-500); }
.md-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
.md-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
.md-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
.md-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
.md-border-teal-600 { border-color: var(--quanta-teal-600); }
.md-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
.md-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
.md-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
.md-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
.md-border-teal-700 { border-color: var(--quanta-teal-700); }
.md-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
.md-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
.md-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
.md-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
.md-border-teal-800 { border-color: var(--quanta-teal-800); }
.md-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
.md-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
.md-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
.md-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
.md-border-teal-900 { border-color: var(--quanta-teal-900); }
.md-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
.md-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
.md-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
.md-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
.md-border-purple-50 { border-color: var(--quanta-purple-50); }
.md-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
.md-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
.md-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
.md-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
.md-border-purple-100 { border-color: var(--quanta-purple-100); }
.md-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
.md-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
.md-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
.md-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
.md-border-purple-200 { border-color: var(--quanta-purple-200); }
.md-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
.md-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
.md-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
.md-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
.md-border-purple-300 { border-color: var(--quanta-purple-300); }
.md-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
.md-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
.md-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
.md-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
.md-border-purple-400 { border-color: var(--quanta-purple-400); }
.md-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
.md-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
.md-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
.md-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
.md-border-purple-500 { border-color: var(--quanta-purple-500); }
.md-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
.md-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
.md-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
.md-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
.md-border-purple-600 { border-color: var(--quanta-purple-600); }
.md-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
.md-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
.md-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
.md-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
.md-border-purple-700 { border-color: var(--quanta-purple-700); }
.md-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
.md-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
.md-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
.md-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
.md-border-purple-800 { border-color: var(--quanta-purple-800); }
.md-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
.md-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
.md-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
.md-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
.md-border-purple-900 { border-color: var(--quanta-purple-900); }
.md-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
.md-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
.md-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
.md-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
.md-border-indigo-50 { border-color: var(--quanta-indigo-50); }
.md-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
.md-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
.md-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
.md-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
.md-border-indigo-100 { border-color: var(--quanta-indigo-100); }
.md-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
.md-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
.md-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
.md-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
.md-border-indigo-200 { border-color: var(--quanta-indigo-200); }
.md-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
.md-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
.md-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
.md-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
.md-border-indigo-300 { border-color: var(--quanta-indigo-300); }
.md-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
.md-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
.md-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
.md-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
.md-border-indigo-400 { border-color: var(--quanta-indigo-400); }
.md-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
.md-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
.md-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
.md-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
.md-border-indigo-500 { border-color: var(--quanta-indigo-500); }
.md-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
.md-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
.md-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
.md-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
.md-border-indigo-600 { border-color: var(--quanta-indigo-600); }
.md-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
.md-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
.md-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
.md-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
.md-border-indigo-700 { border-color: var(--quanta-indigo-700); }
.md-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
.md-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
.md-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
.md-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
.md-border-indigo-800 { border-color: var(--quanta-indigo-800); }
.md-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
.md-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
.md-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
.md-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
.md-border-indigo-900 { border-color: var(--quanta-indigo-900); }
.md-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
.md-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
.md-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
.md-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
.md-border-yellow-50 { border-color: var(--quanta-yellow-50); }
.md-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
.md-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
.md-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
.md-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
.md-border-yellow-100 { border-color: var(--quanta-yellow-100); }
.md-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
.md-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
.md-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
.md-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
.md-border-yellow-200 { border-color: var(--quanta-yellow-200); }
.md-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
.md-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
.md-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
.md-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
.md-border-yellow-300 { border-color: var(--quanta-yellow-300); }
.md-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
.md-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
.md-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
.md-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
.md-border-yellow-400 { border-color: var(--quanta-yellow-400); }
.md-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
.md-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
.md-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
.md-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
.md-border-yellow-500 { border-color: var(--quanta-yellow-500); }
.md-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
.md-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
.md-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
.md-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
.md-border-yellow-600 { border-color: var(--quanta-yellow-600); }
.md-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
.md-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
.md-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
.md-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
.md-border-yellow-700 { border-color: var(--quanta-yellow-700); }
.md-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
.md-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
.md-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
.md-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
.md-border-yellow-800 { border-color: var(--quanta-yellow-800); }
.md-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
.md-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
.md-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
.md-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
.md-border-yellow-900 { border-color: var(--quanta-yellow-900); }
.md-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
.md-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
.md-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
.md-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
.md-border-pink-50 { border-color: var(--quanta-pink-50); }
.md-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
.md-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
.md-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
.md-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
.md-border-pink-100 { border-color: var(--quanta-pink-100); }
.md-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
.md-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
.md-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
.md-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
.md-border-pink-200 { border-color: var(--quanta-pink-200); }
.md-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
.md-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
.md-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
.md-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
.md-border-pink-300 { border-color: var(--quanta-pink-300); }
.md-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
.md-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
.md-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
.md-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
.md-border-pink-400 { border-color: var(--quanta-pink-400); }
.md-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
.md-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
.md-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
.md-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
.md-border-pink-500 { border-color: var(--quanta-pink-500); }
.md-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
.md-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
.md-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
.md-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
.md-border-pink-600 { border-color: var(--quanta-pink-600); }
.md-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
.md-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
.md-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
.md-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
.md-border-pink-700 { border-color: var(--quanta-pink-700); }
.md-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
.md-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
.md-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
.md-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
.md-border-pink-800 { border-color: var(--quanta-pink-800); }
.md-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
.md-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
.md-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
.md-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
.md-border-pink-900 { border-color: var(--quanta-pink-900); }
.md-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
.md-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
.md-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
.md-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
.md-border-grey-50 { border-color: var(--quanta-grey-50); }
.md-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
.md-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
.md-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
.md-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
.md-border-grey-100 { border-color: var(--quanta-grey-100); }
.md-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
.md-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
.md-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
.md-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
.md-border-grey-200 { border-color: var(--quanta-grey-200); }
.md-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
.md-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
.md-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
.md-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
.md-border-grey-300 { border-color: var(--quanta-grey-300); }
.md-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
.md-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
.md-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
.md-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
.md-border-grey-400 { border-color: var(--quanta-grey-400); }
.md-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
.md-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
.md-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
.md-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
.md-border-grey-500 { border-color: var(--quanta-grey-500); }
.md-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
.md-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
.md-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
.md-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
.md-border-grey-600 { border-color: var(--quanta-grey-600); }
.md-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
.md-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
.md-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
.md-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
.md-border-grey-700 { border-color: var(--quanta-grey-700); }
.md-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
.md-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
.md-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
.md-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
.md-border-grey-800 { border-color: var(--quanta-grey-800); }
.md-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
.md-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
.md-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
.md-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
.md-border-grey-900 { border-color: var(--quanta-grey-900); }
.md-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
.md-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
.md-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
.md-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
.md-border-lime-50 { border-color: var(--quanta-lime-50); }
.md-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
.md-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
.md-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
.md-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
.md-border-lime-100 { border-color: var(--quanta-lime-100); }
.md-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
.md-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
.md-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
.md-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
.md-border-lime-200 { border-color: var(--quanta-lime-200); }
.md-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
.md-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
.md-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
.md-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
.md-border-lime-300 { border-color: var(--quanta-lime-300); }
.md-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
.md-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
.md-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
.md-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
.md-border-lime-400 { border-color: var(--quanta-lime-400); }
.md-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
.md-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
.md-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
.md-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
.md-border-lime-500 { border-color: var(--quanta-lime-500); }
.md-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
.md-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
.md-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
.md-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
.md-border-lime-600 { border-color: var(--quanta-lime-600); }
.md-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
.md-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
.md-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
.md-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
.md-border-lime-700 { border-color: var(--quanta-lime-700); }
.md-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
.md-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
.md-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
.md-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
.md-border-lime-800 { border-color: var(--quanta-lime-800); }
.md-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
.md-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
.md-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
.md-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
.md-border-lime-900 { border-color: var(--quanta-lime-900); }
.md-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
.md-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
.md-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
.md-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
.md-border-cyan-50 { border-color: var(--quanta-cyan-50); }
.md-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
.md-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
.md-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
.md-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
.md-border-cyan-100 { border-color: var(--quanta-cyan-100); }
.md-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
.md-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
.md-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
.md-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
.md-border-cyan-200 { border-color: var(--quanta-cyan-200); }
.md-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
.md-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
.md-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
.md-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
.md-border-cyan-300 { border-color: var(--quanta-cyan-300); }
.md-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
.md-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
.md-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
.md-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
.md-border-cyan-400 { border-color: var(--quanta-cyan-400); }
.md-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
.md-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
.md-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
.md-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
.md-border-cyan-500 { border-color: var(--quanta-cyan-500); }
.md-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
.md-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
.md-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
.md-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
.md-border-cyan-600 { border-color: var(--quanta-cyan-600); }
.md-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
.md-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
.md-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
.md-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
.md-border-cyan-700 { border-color: var(--quanta-cyan-700); }
.md-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
.md-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
.md-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
.md-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
.md-border-cyan-800 { border-color: var(--quanta-cyan-800); }
.md-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
.md-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
.md-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
.md-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
.md-border-cyan-900 { border-color: var(--quanta-cyan-900); }
.md-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
.md-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
.md-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
.md-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
.md-border-sky-50 { border-color: var(--quanta-sky-50); }
.md-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
.md-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
.md-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
.md-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
.md-border-sky-100 { border-color: var(--quanta-sky-100); }
.md-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
.md-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
.md-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
.md-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
.md-border-sky-200 { border-color: var(--quanta-sky-200); }
.md-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
.md-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
.md-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
.md-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
.md-border-sky-300 { border-color: var(--quanta-sky-300); }
.md-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
.md-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
.md-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
.md-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
.md-border-sky-400 { border-color: var(--quanta-sky-400); }
.md-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
.md-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
.md-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
.md-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
.md-border-sky-500 { border-color: var(--quanta-sky-500); }
.md-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
.md-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
.md-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
.md-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
.md-border-sky-600 { border-color: var(--quanta-sky-600); }
.md-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
.md-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
.md-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
.md-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
.md-border-sky-700 { border-color: var(--quanta-sky-700); }
.md-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
.md-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
.md-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
.md-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
.md-border-sky-800 { border-color: var(--quanta-sky-800); }
.md-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
.md-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
.md-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
.md-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
.md-border-sky-900 { border-color: var(--quanta-sky-900); }
.md-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
.md-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
.md-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
.md-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
.md-border-violet-50 { border-color: var(--quanta-violet-50); }
.md-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
.md-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
.md-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
.md-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
.md-border-violet-100 { border-color: var(--quanta-violet-100); }
.md-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
.md-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
.md-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
.md-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
.md-border-violet-200 { border-color: var(--quanta-violet-200); }
.md-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
.md-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
.md-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
.md-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
.md-border-violet-300 { border-color: var(--quanta-violet-300); }
.md-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
.md-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
.md-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
.md-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
.md-border-violet-400 { border-color: var(--quanta-violet-400); }
.md-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
.md-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
.md-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
.md-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
.md-border-violet-500 { border-color: var(--quanta-violet-500); }
.md-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
.md-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
.md-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
.md-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
.md-border-violet-600 { border-color: var(--quanta-violet-600); }
.md-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
.md-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
.md-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
.md-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
.md-border-violet-700 { border-color: var(--quanta-violet-700); }
.md-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
.md-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
.md-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
.md-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
.md-border-violet-800 { border-color: var(--quanta-violet-800); }
.md-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
.md-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
.md-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
.md-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
.md-border-violet-900 { border-color: var(--quanta-violet-900); }
.md-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
.md-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
.md-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
.md-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
.md-border-rose-50 { border-color: var(--quanta-rose-50); }
.md-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
.md-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
.md-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
.md-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
.md-border-rose-100 { border-color: var(--quanta-rose-100); }
.md-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
.md-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
.md-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
.md-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
.md-border-rose-200 { border-color: var(--quanta-rose-200); }
.md-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
.md-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
.md-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
.md-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
.md-border-rose-300 { border-color: var(--quanta-rose-300); }
.md-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
.md-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
.md-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
.md-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
.md-border-rose-400 { border-color: var(--quanta-rose-400); }
.md-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
.md-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
.md-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
.md-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
.md-border-rose-500 { border-color: var(--quanta-rose-500); }
.md-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
.md-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
.md-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
.md-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
.md-border-rose-600 { border-color: var(--quanta-rose-600); }
.md-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
.md-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
.md-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
.md-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
.md-border-rose-700 { border-color: var(--quanta-rose-700); }
.md-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
.md-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
.md-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
.md-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
.md-border-rose-800 { border-color: var(--quanta-rose-800); }
.md-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
.md-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
.md-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
.md-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
.md-border-rose-900 { border-color: var(--quanta-rose-900); }
.md-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
.md-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
.md-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
.md-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
.md-border-slate-50 { border-color: var(--quanta-slate-50); }
.md-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
.md-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
.md-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
.md-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
.md-border-slate-100 { border-color: var(--quanta-slate-100); }
.md-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
.md-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
.md-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
.md-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
.md-border-slate-200 { border-color: var(--quanta-slate-200); }
.md-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
.md-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
.md-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
.md-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
.md-border-slate-300 { border-color: var(--quanta-slate-300); }
.md-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
.md-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
.md-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
.md-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
.md-border-slate-400 { border-color: var(--quanta-slate-400); }
.md-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
.md-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
.md-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
.md-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
.md-border-slate-500 { border-color: var(--quanta-slate-500); }
.md-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
.md-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
.md-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
.md-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
.md-border-slate-600 { border-color: var(--quanta-slate-600); }
.md-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
.md-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
.md-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
.md-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
.md-border-slate-700 { border-color: var(--quanta-slate-700); }
.md-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
.md-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
.md-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
.md-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
.md-border-slate-800 { border-color: var(--quanta-slate-800); }
.md-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
.md-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
.md-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
.md-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
.md-border-slate-900 { border-color: var(--quanta-slate-900); }
.md-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
.md-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
.md-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
.md-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
.md-border-blue-50 { border-color: var(--quanta-blue-50); }
.md-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
.md-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
.md-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
.md-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
.md-border-blue-100 { border-color: var(--quanta-blue-100); }
.md-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
.md-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
.md-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
.md-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
.md-border-blue-200 { border-color: var(--quanta-blue-200); }
.md-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
.md-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
.md-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
.md-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
.md-border-blue-300 { border-color: var(--quanta-blue-300); }
.md-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
.md-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
.md-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
.md-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
.md-border-blue-400 { border-color: var(--quanta-blue-400); }
.md-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
.md-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
.md-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
.md-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
.md-border-blue-500 { border-color: var(--quanta-blue-500); }
.md-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
.md-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
.md-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
.md-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
.md-border-blue-600 { border-color: var(--quanta-blue-600); }
.md-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
.md-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
.md-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
.md-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
.md-border-blue-700 { border-color: var(--quanta-blue-700); }
.md-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
.md-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
.md-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
.md-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
.md-border-blue-800 { border-color: var(--quanta-blue-800); }
.md-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
.md-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
.md-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
.md-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
.md-border-blue-900 { border-color: var(--quanta-blue-900); }
.md-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
.md-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
.md-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
.md-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
.md-border-green-50 { border-color: var(--quanta-green-50); }
.md-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
.md-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
.md-active-border-green-50:active { border-color: var(--quanta-green-50); }
.md-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
.md-border-green-100 { border-color: var(--quanta-green-100); }
.md-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
.md-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
.md-active-border-green-100:active { border-color: var(--quanta-green-100); }
.md-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
.md-border-green-200 { border-color: var(--quanta-green-200); }
.md-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
.md-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
.md-active-border-green-200:active { border-color: var(--quanta-green-200); }
.md-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
.md-border-green-300 { border-color: var(--quanta-green-300); }
.md-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
.md-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
.md-active-border-green-300:active { border-color: var(--quanta-green-300); }
.md-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
.md-border-green-400 { border-color: var(--quanta-green-400); }
.md-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
.md-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
.md-active-border-green-400:active { border-color: var(--quanta-green-400); }
.md-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
.md-border-green-500 { border-color: var(--quanta-green-500); }
.md-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
.md-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
.md-active-border-green-500:active { border-color: var(--quanta-green-500); }
.md-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
.md-border-green-600 { border-color: var(--quanta-green-600); }
.md-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
.md-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
.md-active-border-green-600:active { border-color: var(--quanta-green-600); }
.md-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
.md-border-green-700 { border-color: var(--quanta-green-700); }
.md-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
.md-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
.md-active-border-green-700:active { border-color: var(--quanta-green-700); }
.md-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
.md-border-green-800 { border-color: var(--quanta-green-800); }
.md-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
.md-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
.md-active-border-green-800:active { border-color: var(--quanta-green-800); }
.md-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
.md-border-green-900 { border-color: var(--quanta-green-900); }
.md-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
.md-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
.md-active-border-green-900:active { border-color: var(--quanta-green-900); }
.md-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
.md-border-black { border-color: var(--black); }
.md-hover-border-black:hover { border-color: var(--black); }
.md-focus-border-black:focus { border-color: var(--black); }
.md-active-border-black:active { border-color: var(--black); }
.md-disabled-border-black:disabled { border-color: var(--black); }
.md-border-white { border-color: var(--white); }
.md-hover-border-white:hover { border-color: var(--white); }
.md-focus-border-white:focus { border-color: var(--white); }
.md-active-border-white:active { border-color: var(--white); }
.md-disabled-border-white:disabled { border-color: var(--white); }
.md-border-0 { border-width: 0.0rem; }
.md-hover-border-0:hover { border-width: 0.0rem; }
.md-focus-border-0:focus { border-width: 0.0rem; }
.md-active-border-0:active { border-width: 0.0rem; }
.md-disabled-border-0:disabled { border-width: 0.0rem; }
.md-border-0 { border-width: 0.0rem; }
.md-hover-border-0:hover { border-width: 0.0rem; }
.md-focus-border-0:focus { border-width: 0.0rem; }
.md-active-border-0:active { border-width: 0.0rem; }
.md-disabled-border-0:disabled { border-width: 0.0rem; }
.md-border-t-0 { border-top-width: 0.0rem; }
.md-hover-border-t-0:hover { border-top-width: 0.0rem; }
.md-focus-border-t-0:focus { border-top-width: 0.0rem; }
.md-active-border-t-0:active { border-top-width: 0.0rem; }
.md-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
.md-border-r-0 { border-right-width: 0.0rem; }
.md-hover-border-r-0:hover { border-right-width: 0.0rem; }
.md-focus-border-r-0:focus { border-right-width: 0.0rem; }
.md-active-border-r-0:active { border-right-width: 0.0rem; }
.md-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
.md-border-b-0 { border-bottom-width: 0.0rem; }
.md-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
.md-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
.md-active-border-b-0:active { border-bottom-width: 0.0rem; }
.md-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
.md-border-l-0 { border-left-width: 0.0rem; }
.md-hover-border-l-0:hover { border-left-width: 0.0rem; }
.md-focus-border-l-0:focus { border-left-width: 0.0rem; }
.md-active-border-l-0:active { border-left-width: 0.0rem; }
.md-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
.md-border-1 { border-width: 0.0625rem; }
.md-hover-border-1:hover { border-width: 0.0625rem; }
.md-focus-border-1:focus { border-width: 0.0625rem; }
.md-active-border-1:active { border-width: 0.0625rem; }
.md-disabled-border-1:disabled { border-width: 0.0625rem; }
.md-border-1 { border-width: 0.0625rem; }
.md-hover-border-1:hover { border-width: 0.0625rem; }
.md-focus-border-1:focus { border-width: 0.0625rem; }
.md-active-border-1:active { border-width: 0.0625rem; }
.md-disabled-border-1:disabled { border-width: 0.0625rem; }
.md-border-t-1 { border-top-width: 0.0625rem; }
.md-hover-border-t-1:hover { border-top-width: 0.0625rem; }
.md-focus-border-t-1:focus { border-top-width: 0.0625rem; }
.md-active-border-t-1:active { border-top-width: 0.0625rem; }
.md-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
.md-border-r-1 { border-right-width: 0.0625rem; }
.md-hover-border-r-1:hover { border-right-width: 0.0625rem; }
.md-focus-border-r-1:focus { border-right-width: 0.0625rem; }
.md-active-border-r-1:active { border-right-width: 0.0625rem; }
.md-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
.md-border-b-1 { border-bottom-width: 0.0625rem; }
.md-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
.md-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
.md-active-border-b-1:active { border-bottom-width: 0.0625rem; }
.md-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
.md-border-l-1 { border-left-width: 0.0625rem; }
.md-hover-border-l-1:hover { border-left-width: 0.0625rem; }
.md-focus-border-l-1:focus { border-left-width: 0.0625rem; }
.md-active-border-l-1:active { border-left-width: 0.0625rem; }
.md-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
.md-border-2 { border-width: 0.125rem; }
.md-hover-border-2:hover { border-width: 0.125rem; }
.md-focus-border-2:focus { border-width: 0.125rem; }
.md-active-border-2:active { border-width: 0.125rem; }
.md-disabled-border-2:disabled { border-width: 0.125rem; }
.md-border-2 { border-width: 0.125rem; }
.md-hover-border-2:hover { border-width: 0.125rem; }
.md-focus-border-2:focus { border-width: 0.125rem; }
.md-active-border-2:active { border-width: 0.125rem; }
.md-disabled-border-2:disabled { border-width: 0.125rem; }
.md-border-t-2 { border-top-width: 0.125rem; }
.md-hover-border-t-2:hover { border-top-width: 0.125rem; }
.md-focus-border-t-2:focus { border-top-width: 0.125rem; }
.md-active-border-t-2:active { border-top-width: 0.125rem; }
.md-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
.md-border-r-2 { border-right-width: 0.125rem; }
.md-hover-border-r-2:hover { border-right-width: 0.125rem; }
.md-focus-border-r-2:focus { border-right-width: 0.125rem; }
.md-active-border-r-2:active { border-right-width: 0.125rem; }
.md-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
.md-border-b-2 { border-bottom-width: 0.125rem; }
.md-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
.md-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
.md-active-border-b-2:active { border-bottom-width: 0.125rem; }
.md-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
.md-border-l-2 { border-left-width: 0.125rem; }
.md-hover-border-l-2:hover { border-left-width: 0.125rem; }
.md-focus-border-l-2:focus { border-left-width: 0.125rem; }
.md-active-border-l-2:active { border-left-width: 0.125rem; }
.md-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
.md-border-3 { border-width: 0.1875rem; }
.md-hover-border-3:hover { border-width: 0.1875rem; }
.md-focus-border-3:focus { border-width: 0.1875rem; }
.md-active-border-3:active { border-width: 0.1875rem; }
.md-disabled-border-3:disabled { border-width: 0.1875rem; }
.md-border-3 { border-width: 0.1875rem; }
.md-hover-border-3:hover { border-width: 0.1875rem; }
.md-focus-border-3:focus { border-width: 0.1875rem; }
.md-active-border-3:active { border-width: 0.1875rem; }
.md-disabled-border-3:disabled { border-width: 0.1875rem; }
.md-border-t-3 { border-top-width: 0.1875rem; }
.md-hover-border-t-3:hover { border-top-width: 0.1875rem; }
.md-focus-border-t-3:focus { border-top-width: 0.1875rem; }
.md-active-border-t-3:active { border-top-width: 0.1875rem; }
.md-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
.md-border-r-3 { border-right-width: 0.1875rem; }
.md-hover-border-r-3:hover { border-right-width: 0.1875rem; }
.md-focus-border-r-3:focus { border-right-width: 0.1875rem; }
.md-active-border-r-3:active { border-right-width: 0.1875rem; }
.md-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
.md-border-b-3 { border-bottom-width: 0.1875rem; }
.md-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
.md-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
.md-active-border-b-3:active { border-bottom-width: 0.1875rem; }
.md-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
.md-border-l-3 { border-left-width: 0.1875rem; }
.md-hover-border-l-3:hover { border-left-width: 0.1875rem; }
.md-focus-border-l-3:focus { border-left-width: 0.1875rem; }
.md-active-border-l-3:active { border-left-width: 0.1875rem; }
.md-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
.md-border-4 { border-width: 0.25rem; }
.md-hover-border-4:hover { border-width: 0.25rem; }
.md-focus-border-4:focus { border-width: 0.25rem; }
.md-active-border-4:active { border-width: 0.25rem; }
.md-disabled-border-4:disabled { border-width: 0.25rem; }
.md-border-4 { border-width: 0.25rem; }
.md-hover-border-4:hover { border-width: 0.25rem; }
.md-focus-border-4:focus { border-width: 0.25rem; }
.md-active-border-4:active { border-width: 0.25rem; }
.md-disabled-border-4:disabled { border-width: 0.25rem; }
.md-border-t-4 { border-top-width: 0.25rem; }
.md-hover-border-t-4:hover { border-top-width: 0.25rem; }
.md-focus-border-t-4:focus { border-top-width: 0.25rem; }
.md-active-border-t-4:active { border-top-width: 0.25rem; }
.md-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
.md-border-r-4 { border-right-width: 0.25rem; }
.md-hover-border-r-4:hover { border-right-width: 0.25rem; }
.md-focus-border-r-4:focus { border-right-width: 0.25rem; }
.md-active-border-r-4:active { border-right-width: 0.25rem; }
.md-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
.md-border-b-4 { border-bottom-width: 0.25rem; }
.md-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
.md-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
.md-active-border-b-4:active { border-bottom-width: 0.25rem; }
.md-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
.md-border-l-4 { border-left-width: 0.25rem; }
.md-hover-border-l-4:hover { border-left-width: 0.25rem; }
.md-focus-border-l-4:focus { border-left-width: 0.25rem; }
.md-active-border-l-4:active { border-left-width: 0.25rem; }
.md-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
.md-border-5 { border-width: 0.3125rem; }
.md-hover-border-5:hover { border-width: 0.3125rem; }
.md-focus-border-5:focus { border-width: 0.3125rem; }
.md-active-border-5:active { border-width: 0.3125rem; }
.md-disabled-border-5:disabled { border-width: 0.3125rem; }
.md-border-5 { border-width: 0.3125rem; }
.md-hover-border-5:hover { border-width: 0.3125rem; }
.md-focus-border-5:focus { border-width: 0.3125rem; }
.md-active-border-5:active { border-width: 0.3125rem; }
.md-disabled-border-5:disabled { border-width: 0.3125rem; }
.md-border-t-5 { border-top-width: 0.3125rem; }
.md-hover-border-t-5:hover { border-top-width: 0.3125rem; }
.md-focus-border-t-5:focus { border-top-width: 0.3125rem; }
.md-active-border-t-5:active { border-top-width: 0.3125rem; }
.md-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
.md-border-r-5 { border-right-width: 0.3125rem; }
.md-hover-border-r-5:hover { border-right-width: 0.3125rem; }
.md-focus-border-r-5:focus { border-right-width: 0.3125rem; }
.md-active-border-r-5:active { border-right-width: 0.3125rem; }
.md-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
.md-border-b-5 { border-bottom-width: 0.3125rem; }
.md-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
.md-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
.md-active-border-b-5:active { border-bottom-width: 0.3125rem; }
.md-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
.md-border-l-5 { border-left-width: 0.3125rem; }
.md-hover-border-l-5:hover { border-left-width: 0.3125rem; }
.md-focus-border-l-5:focus { border-left-width: 0.3125rem; }
.md-active-border-l-5:active { border-left-width: 0.3125rem; }
.md-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
.md-border-6 { border-width: 0.375rem; }
.md-hover-border-6:hover { border-width: 0.375rem; }
.md-focus-border-6:focus { border-width: 0.375rem; }
.md-active-border-6:active { border-width: 0.375rem; }
.md-disabled-border-6:disabled { border-width: 0.375rem; }
.md-border-6 { border-width: 0.375rem; }
.md-hover-border-6:hover { border-width: 0.375rem; }
.md-focus-border-6:focus { border-width: 0.375rem; }
.md-active-border-6:active { border-width: 0.375rem; }
.md-disabled-border-6:disabled { border-width: 0.375rem; }
.md-border-t-6 { border-top-width: 0.375rem; }
.md-hover-border-t-6:hover { border-top-width: 0.375rem; }
.md-focus-border-t-6:focus { border-top-width: 0.375rem; }
.md-active-border-t-6:active { border-top-width: 0.375rem; }
.md-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
.md-border-r-6 { border-right-width: 0.375rem; }
.md-hover-border-r-6:hover { border-right-width: 0.375rem; }
.md-focus-border-r-6:focus { border-right-width: 0.375rem; }
.md-active-border-r-6:active { border-right-width: 0.375rem; }
.md-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
.md-border-b-6 { border-bottom-width: 0.375rem; }
.md-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
.md-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
.md-active-border-b-6:active { border-bottom-width: 0.375rem; }
.md-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
.md-border-l-6 { border-left-width: 0.375rem; }
.md-hover-border-l-6:hover { border-left-width: 0.375rem; }
.md-focus-border-l-6:focus { border-left-width: 0.375rem; }
.md-active-border-l-6:active { border-left-width: 0.375rem; }
.md-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
.md-border-7 { border-width: 0.4375rem; }
.md-hover-border-7:hover { border-width: 0.4375rem; }
.md-focus-border-7:focus { border-width: 0.4375rem; }
.md-active-border-7:active { border-width: 0.4375rem; }
.md-disabled-border-7:disabled { border-width: 0.4375rem; }
.md-border-7 { border-width: 0.4375rem; }
.md-hover-border-7:hover { border-width: 0.4375rem; }
.md-focus-border-7:focus { border-width: 0.4375rem; }
.md-active-border-7:active { border-width: 0.4375rem; }
.md-disabled-border-7:disabled { border-width: 0.4375rem; }
.md-border-t-7 { border-top-width: 0.4375rem; }
.md-hover-border-t-7:hover { border-top-width: 0.4375rem; }
.md-focus-border-t-7:focus { border-top-width: 0.4375rem; }
.md-active-border-t-7:active { border-top-width: 0.4375rem; }
.md-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
.md-border-r-7 { border-right-width: 0.4375rem; }
.md-hover-border-r-7:hover { border-right-width: 0.4375rem; }
.md-focus-border-r-7:focus { border-right-width: 0.4375rem; }
.md-active-border-r-7:active { border-right-width: 0.4375rem; }
.md-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
.md-border-b-7 { border-bottom-width: 0.4375rem; }
.md-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
.md-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
.md-active-border-b-7:active { border-bottom-width: 0.4375rem; }
.md-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
.md-border-l-7 { border-left-width: 0.4375rem; }
.md-hover-border-l-7:hover { border-left-width: 0.4375rem; }
.md-focus-border-l-7:focus { border-left-width: 0.4375rem; }
.md-active-border-l-7:active { border-left-width: 0.4375rem; }
.md-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
.md-border-8 { border-width: 0.5rem; }
.md-hover-border-8:hover { border-width: 0.5rem; }
.md-focus-border-8:focus { border-width: 0.5rem; }
.md-active-border-8:active { border-width: 0.5rem; }
.md-disabled-border-8:disabled { border-width: 0.5rem; }
.md-border-8 { border-width: 0.5rem; }
.md-hover-border-8:hover { border-width: 0.5rem; }
.md-focus-border-8:focus { border-width: 0.5rem; }
.md-active-border-8:active { border-width: 0.5rem; }
.md-disabled-border-8:disabled { border-width: 0.5rem; }
.md-border-t-8 { border-top-width: 0.5rem; }
.md-hover-border-t-8:hover { border-top-width: 0.5rem; }
.md-focus-border-t-8:focus { border-top-width: 0.5rem; }
.md-active-border-t-8:active { border-top-width: 0.5rem; }
.md-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
.md-border-r-8 { border-right-width: 0.5rem; }
.md-hover-border-r-8:hover { border-right-width: 0.5rem; }
.md-focus-border-r-8:focus { border-right-width: 0.5rem; }
.md-active-border-r-8:active { border-right-width: 0.5rem; }
.md-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
.md-border-b-8 { border-bottom-width: 0.5rem; }
.md-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
.md-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
.md-active-border-b-8:active { border-bottom-width: 0.5rem; }
.md-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
.md-border-l-8 { border-left-width: 0.5rem; }
.md-hover-border-l-8:hover { border-left-width: 0.5rem; }
.md-focus-border-l-8:focus { border-left-width: 0.5rem; }
.md-active-border-l-8:active { border-left-width: 0.5rem; }
.md-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
.md-border-9 { border-width: 0.5625rem; }
.md-hover-border-9:hover { border-width: 0.5625rem; }
.md-focus-border-9:focus { border-width: 0.5625rem; }
.md-active-border-9:active { border-width: 0.5625rem; }
.md-disabled-border-9:disabled { border-width: 0.5625rem; }
.md-border-9 { border-width: 0.5625rem; }
.md-hover-border-9:hover { border-width: 0.5625rem; }
.md-focus-border-9:focus { border-width: 0.5625rem; }
.md-active-border-9:active { border-width: 0.5625rem; }
.md-disabled-border-9:disabled { border-width: 0.5625rem; }
.md-border-t-9 { border-top-width: 0.5625rem; }
.md-hover-border-t-9:hover { border-top-width: 0.5625rem; }
.md-focus-border-t-9:focus { border-top-width: 0.5625rem; }
.md-active-border-t-9:active { border-top-width: 0.5625rem; }
.md-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
.md-border-r-9 { border-right-width: 0.5625rem; }
.md-hover-border-r-9:hover { border-right-width: 0.5625rem; }
.md-focus-border-r-9:focus { border-right-width: 0.5625rem; }
.md-active-border-r-9:active { border-right-width: 0.5625rem; }
.md-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
.md-border-b-9 { border-bottom-width: 0.5625rem; }
.md-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
.md-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
.md-active-border-b-9:active { border-bottom-width: 0.5625rem; }
.md-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
.md-border-l-9 { border-left-width: 0.5625rem; }
.md-hover-border-l-9:hover { border-left-width: 0.5625rem; }
.md-focus-border-l-9:focus { border-left-width: 0.5625rem; }
.md-active-border-l-9:active { border-left-width: 0.5625rem; }
.md-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
.md-border-10 { border-width: 0.625rem; }
.md-hover-border-10:hover { border-width: 0.625rem; }
.md-focus-border-10:focus { border-width: 0.625rem; }
.md-active-border-10:active { border-width: 0.625rem; }
.md-disabled-border-10:disabled { border-width: 0.625rem; }
.md-border-10 { border-width: 0.625rem; }
.md-hover-border-10:hover { border-width: 0.625rem; }
.md-focus-border-10:focus { border-width: 0.625rem; }
.md-active-border-10:active { border-width: 0.625rem; }
.md-disabled-border-10:disabled { border-width: 0.625rem; }
.md-border-t-10 { border-top-width: 0.625rem; }
.md-hover-border-t-10:hover { border-top-width: 0.625rem; }
.md-focus-border-t-10:focus { border-top-width: 0.625rem; }
.md-active-border-t-10:active { border-top-width: 0.625rem; }
.md-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
.md-border-r-10 { border-right-width: 0.625rem; }
.md-hover-border-r-10:hover { border-right-width: 0.625rem; }
.md-focus-border-r-10:focus { border-right-width: 0.625rem; }
.md-active-border-r-10:active { border-right-width: 0.625rem; }
.md-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
.md-border-b-10 { border-bottom-width: 0.625rem; }
.md-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
.md-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
.md-active-border-b-10:active { border-bottom-width: 0.625rem; }
.md-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
.md-border-l-10 { border-left-width: 0.625rem; }
.md-hover-border-l-10:hover { border-left-width: 0.625rem; }
.md-focus-border-l-10:focus { border-left-width: 0.625rem; }
.md-active-border-l-10:active { border-left-width: 0.625rem; }
.md-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
.md-border-11 { border-width: 0.6875rem; }
.md-hover-border-11:hover { border-width: 0.6875rem; }
.md-focus-border-11:focus { border-width: 0.6875rem; }
.md-active-border-11:active { border-width: 0.6875rem; }
.md-disabled-border-11:disabled { border-width: 0.6875rem; }
.md-border-11 { border-width: 0.6875rem; }
.md-hover-border-11:hover { border-width: 0.6875rem; }
.md-focus-border-11:focus { border-width: 0.6875rem; }
.md-active-border-11:active { border-width: 0.6875rem; }
.md-disabled-border-11:disabled { border-width: 0.6875rem; }
.md-border-t-11 { border-top-width: 0.6875rem; }
.md-hover-border-t-11:hover { border-top-width: 0.6875rem; }
.md-focus-border-t-11:focus { border-top-width: 0.6875rem; }
.md-active-border-t-11:active { border-top-width: 0.6875rem; }
.md-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
.md-border-r-11 { border-right-width: 0.6875rem; }
.md-hover-border-r-11:hover { border-right-width: 0.6875rem; }
.md-focus-border-r-11:focus { border-right-width: 0.6875rem; }
.md-active-border-r-11:active { border-right-width: 0.6875rem; }
.md-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
.md-border-b-11 { border-bottom-width: 0.6875rem; }
.md-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
.md-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
.md-active-border-b-11:active { border-bottom-width: 0.6875rem; }
.md-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
.md-border-l-11 { border-left-width: 0.6875rem; }
.md-hover-border-l-11:hover { border-left-width: 0.6875rem; }
.md-focus-border-l-11:focus { border-left-width: 0.6875rem; }
.md-active-border-l-11:active { border-left-width: 0.6875rem; }
.md-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
.md-border-12 { border-width: 0.75rem; }
.md-hover-border-12:hover { border-width: 0.75rem; }
.md-focus-border-12:focus { border-width: 0.75rem; }
.md-active-border-12:active { border-width: 0.75rem; }
.md-disabled-border-12:disabled { border-width: 0.75rem; }
.md-border-12 { border-width: 0.75rem; }
.md-hover-border-12:hover { border-width: 0.75rem; }
.md-focus-border-12:focus { border-width: 0.75rem; }
.md-active-border-12:active { border-width: 0.75rem; }
.md-disabled-border-12:disabled { border-width: 0.75rem; }
.md-border-t-12 { border-top-width: 0.75rem; }
.md-hover-border-t-12:hover { border-top-width: 0.75rem; }
.md-focus-border-t-12:focus { border-top-width: 0.75rem; }
.md-active-border-t-12:active { border-top-width: 0.75rem; }
.md-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
.md-border-r-12 { border-right-width: 0.75rem; }
.md-hover-border-r-12:hover { border-right-width: 0.75rem; }
.md-focus-border-r-12:focus { border-right-width: 0.75rem; }
.md-active-border-r-12:active { border-right-width: 0.75rem; }
.md-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
.md-border-b-12 { border-bottom-width: 0.75rem; }
.md-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
.md-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
.md-active-border-b-12:active { border-bottom-width: 0.75rem; }
.md-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
.md-border-l-12 { border-left-width: 0.75rem; }
.md-hover-border-l-12:hover { border-left-width: 0.75rem; }
.md-focus-border-l-12:focus { border-left-width: 0.75rem; }
.md-active-border-l-12:active { border-left-width: 0.75rem; }
.md-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
.md-border-13 { border-width: 0.8125rem; }
.md-hover-border-13:hover { border-width: 0.8125rem; }
.md-focus-border-13:focus { border-width: 0.8125rem; }
.md-active-border-13:active { border-width: 0.8125rem; }
.md-disabled-border-13:disabled { border-width: 0.8125rem; }
.md-border-13 { border-width: 0.8125rem; }
.md-hover-border-13:hover { border-width: 0.8125rem; }
.md-focus-border-13:focus { border-width: 0.8125rem; }
.md-active-border-13:active { border-width: 0.8125rem; }
.md-disabled-border-13:disabled { border-width: 0.8125rem; }
.md-border-t-13 { border-top-width: 0.8125rem; }
.md-hover-border-t-13:hover { border-top-width: 0.8125rem; }
.md-focus-border-t-13:focus { border-top-width: 0.8125rem; }
.md-active-border-t-13:active { border-top-width: 0.8125rem; }
.md-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
.md-border-r-13 { border-right-width: 0.8125rem; }
.md-hover-border-r-13:hover { border-right-width: 0.8125rem; }
.md-focus-border-r-13:focus { border-right-width: 0.8125rem; }
.md-active-border-r-13:active { border-right-width: 0.8125rem; }
.md-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
.md-border-b-13 { border-bottom-width: 0.8125rem; }
.md-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
.md-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
.md-active-border-b-13:active { border-bottom-width: 0.8125rem; }
.md-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
.md-border-l-13 { border-left-width: 0.8125rem; }
.md-hover-border-l-13:hover { border-left-width: 0.8125rem; }
.md-focus-border-l-13:focus { border-left-width: 0.8125rem; }
.md-active-border-l-13:active { border-left-width: 0.8125rem; }
.md-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
.md-border-14 { border-width: 0.875rem; }
.md-hover-border-14:hover { border-width: 0.875rem; }
.md-focus-border-14:focus { border-width: 0.875rem; }
.md-active-border-14:active { border-width: 0.875rem; }
.md-disabled-border-14:disabled { border-width: 0.875rem; }
.md-border-14 { border-width: 0.875rem; }
.md-hover-border-14:hover { border-width: 0.875rem; }
.md-focus-border-14:focus { border-width: 0.875rem; }
.md-active-border-14:active { border-width: 0.875rem; }
.md-disabled-border-14:disabled { border-width: 0.875rem; }
.md-border-t-14 { border-top-width: 0.875rem; }
.md-hover-border-t-14:hover { border-top-width: 0.875rem; }
.md-focus-border-t-14:focus { border-top-width: 0.875rem; }
.md-active-border-t-14:active { border-top-width: 0.875rem; }
.md-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
.md-border-r-14 { border-right-width: 0.875rem; }
.md-hover-border-r-14:hover { border-right-width: 0.875rem; }
.md-focus-border-r-14:focus { border-right-width: 0.875rem; }
.md-active-border-r-14:active { border-right-width: 0.875rem; }
.md-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
.md-border-b-14 { border-bottom-width: 0.875rem; }
.md-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
.md-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
.md-active-border-b-14:active { border-bottom-width: 0.875rem; }
.md-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
.md-border-l-14 { border-left-width: 0.875rem; }
.md-hover-border-l-14:hover { border-left-width: 0.875rem; }
.md-focus-border-l-14:focus { border-left-width: 0.875rem; }
.md-active-border-l-14:active { border-left-width: 0.875rem; }
.md-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
.md-border-15 { border-width: 0.9375rem; }
.md-hover-border-15:hover { border-width: 0.9375rem; }
.md-focus-border-15:focus { border-width: 0.9375rem; }
.md-active-border-15:active { border-width: 0.9375rem; }
.md-disabled-border-15:disabled { border-width: 0.9375rem; }
.md-border-15 { border-width: 0.9375rem; }
.md-hover-border-15:hover { border-width: 0.9375rem; }
.md-focus-border-15:focus { border-width: 0.9375rem; }
.md-active-border-15:active { border-width: 0.9375rem; }
.md-disabled-border-15:disabled { border-width: 0.9375rem; }
.md-border-t-15 { border-top-width: 0.9375rem; }
.md-hover-border-t-15:hover { border-top-width: 0.9375rem; }
.md-focus-border-t-15:focus { border-top-width: 0.9375rem; }
.md-active-border-t-15:active { border-top-width: 0.9375rem; }
.md-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
.md-border-r-15 { border-right-width: 0.9375rem; }
.md-hover-border-r-15:hover { border-right-width: 0.9375rem; }
.md-focus-border-r-15:focus { border-right-width: 0.9375rem; }
.md-active-border-r-15:active { border-right-width: 0.9375rem; }
.md-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
.md-border-b-15 { border-bottom-width: 0.9375rem; }
.md-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
.md-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
.md-active-border-b-15:active { border-bottom-width: 0.9375rem; }
.md-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
.md-border-l-15 { border-left-width: 0.9375rem; }
.md-hover-border-l-15:hover { border-left-width: 0.9375rem; }
.md-focus-border-l-15:focus { border-left-width: 0.9375rem; }
.md-active-border-l-15:active { border-left-width: 0.9375rem; }
.md-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
.md-border-16 { border-width: 1.0rem; }
.md-hover-border-16:hover { border-width: 1.0rem; }
.md-focus-border-16:focus { border-width: 1.0rem; }
.md-active-border-16:active { border-width: 1.0rem; }
.md-disabled-border-16:disabled { border-width: 1.0rem; }
.md-border-16 { border-width: 1.0rem; }
.md-hover-border-16:hover { border-width: 1.0rem; }
.md-focus-border-16:focus { border-width: 1.0rem; }
.md-active-border-16:active { border-width: 1.0rem; }
.md-disabled-border-16:disabled { border-width: 1.0rem; }
.md-border-t-16 { border-top-width: 1.0rem; }
.md-hover-border-t-16:hover { border-top-width: 1.0rem; }
.md-focus-border-t-16:focus { border-top-width: 1.0rem; }
.md-active-border-t-16:active { border-top-width: 1.0rem; }
.md-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
.md-border-r-16 { border-right-width: 1.0rem; }
.md-hover-border-r-16:hover { border-right-width: 1.0rem; }
.md-focus-border-r-16:focus { border-right-width: 1.0rem; }
.md-active-border-r-16:active { border-right-width: 1.0rem; }
.md-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
.md-border-b-16 { border-bottom-width: 1.0rem; }
.md-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
.md-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
.md-active-border-b-16:active { border-bottom-width: 1.0rem; }
.md-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
.md-border-l-16 { border-left-width: 1.0rem; }
.md-hover-border-l-16:hover { border-left-width: 1.0rem; }
.md-focus-border-l-16:focus { border-left-width: 1.0rem; }
.md-active-border-l-16:active { border-left-width: 1.0rem; }
.md-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
.md-border-17 { border-width: 1.0625rem; }
.md-hover-border-17:hover { border-width: 1.0625rem; }
.md-focus-border-17:focus { border-width: 1.0625rem; }
.md-active-border-17:active { border-width: 1.0625rem; }
.md-disabled-border-17:disabled { border-width: 1.0625rem; }
.md-border-17 { border-width: 1.0625rem; }
.md-hover-border-17:hover { border-width: 1.0625rem; }
.md-focus-border-17:focus { border-width: 1.0625rem; }
.md-active-border-17:active { border-width: 1.0625rem; }
.md-disabled-border-17:disabled { border-width: 1.0625rem; }
.md-border-t-17 { border-top-width: 1.0625rem; }
.md-hover-border-t-17:hover { border-top-width: 1.0625rem; }
.md-focus-border-t-17:focus { border-top-width: 1.0625rem; }
.md-active-border-t-17:active { border-top-width: 1.0625rem; }
.md-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
.md-border-r-17 { border-right-width: 1.0625rem; }
.md-hover-border-r-17:hover { border-right-width: 1.0625rem; }
.md-focus-border-r-17:focus { border-right-width: 1.0625rem; }
.md-active-border-r-17:active { border-right-width: 1.0625rem; }
.md-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
.md-border-b-17 { border-bottom-width: 1.0625rem; }
.md-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
.md-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
.md-active-border-b-17:active { border-bottom-width: 1.0625rem; }
.md-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
.md-border-l-17 { border-left-width: 1.0625rem; }
.md-hover-border-l-17:hover { border-left-width: 1.0625rem; }
.md-focus-border-l-17:focus { border-left-width: 1.0625rem; }
.md-active-border-l-17:active { border-left-width: 1.0625rem; }
.md-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
.md-border-18 { border-width: 1.125rem; }
.md-hover-border-18:hover { border-width: 1.125rem; }
.md-focus-border-18:focus { border-width: 1.125rem; }
.md-active-border-18:active { border-width: 1.125rem; }
.md-disabled-border-18:disabled { border-width: 1.125rem; }
.md-border-18 { border-width: 1.125rem; }
.md-hover-border-18:hover { border-width: 1.125rem; }
.md-focus-border-18:focus { border-width: 1.125rem; }
.md-active-border-18:active { border-width: 1.125rem; }
.md-disabled-border-18:disabled { border-width: 1.125rem; }
.md-border-t-18 { border-top-width: 1.125rem; }
.md-hover-border-t-18:hover { border-top-width: 1.125rem; }
.md-focus-border-t-18:focus { border-top-width: 1.125rem; }
.md-active-border-t-18:active { border-top-width: 1.125rem; }
.md-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
.md-border-r-18 { border-right-width: 1.125rem; }
.md-hover-border-r-18:hover { border-right-width: 1.125rem; }
.md-focus-border-r-18:focus { border-right-width: 1.125rem; }
.md-active-border-r-18:active { border-right-width: 1.125rem; }
.md-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
.md-border-b-18 { border-bottom-width: 1.125rem; }
.md-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
.md-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
.md-active-border-b-18:active { border-bottom-width: 1.125rem; }
.md-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
.md-border-l-18 { border-left-width: 1.125rem; }
.md-hover-border-l-18:hover { border-left-width: 1.125rem; }
.md-focus-border-l-18:focus { border-left-width: 1.125rem; }
.md-active-border-l-18:active { border-left-width: 1.125rem; }
.md-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
.md-border-19 { border-width: 1.1875rem; }
.md-hover-border-19:hover { border-width: 1.1875rem; }
.md-focus-border-19:focus { border-width: 1.1875rem; }
.md-active-border-19:active { border-width: 1.1875rem; }
.md-disabled-border-19:disabled { border-width: 1.1875rem; }
.md-border-19 { border-width: 1.1875rem; }
.md-hover-border-19:hover { border-width: 1.1875rem; }
.md-focus-border-19:focus { border-width: 1.1875rem; }
.md-active-border-19:active { border-width: 1.1875rem; }
.md-disabled-border-19:disabled { border-width: 1.1875rem; }
.md-border-t-19 { border-top-width: 1.1875rem; }
.md-hover-border-t-19:hover { border-top-width: 1.1875rem; }
.md-focus-border-t-19:focus { border-top-width: 1.1875rem; }
.md-active-border-t-19:active { border-top-width: 1.1875rem; }
.md-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
.md-border-r-19 { border-right-width: 1.1875rem; }
.md-hover-border-r-19:hover { border-right-width: 1.1875rem; }
.md-focus-border-r-19:focus { border-right-width: 1.1875rem; }
.md-active-border-r-19:active { border-right-width: 1.1875rem; }
.md-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
.md-border-b-19 { border-bottom-width: 1.1875rem; }
.md-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
.md-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
.md-active-border-b-19:active { border-bottom-width: 1.1875rem; }
.md-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
.md-border-l-19 { border-left-width: 1.1875rem; }
.md-hover-border-l-19:hover { border-left-width: 1.1875rem; }
.md-focus-border-l-19:focus { border-left-width: 1.1875rem; }
.md-active-border-l-19:active { border-left-width: 1.1875rem; }
.md-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
.md-border-20 { border-width: 1.25rem; }
.md-hover-border-20:hover { border-width: 1.25rem; }
.md-focus-border-20:focus { border-width: 1.25rem; }
.md-active-border-20:active { border-width: 1.25rem; }
.md-disabled-border-20:disabled { border-width: 1.25rem; }
.md-border-20 { border-width: 1.25rem; }
.md-hover-border-20:hover { border-width: 1.25rem; }
.md-focus-border-20:focus { border-width: 1.25rem; }
.md-active-border-20:active { border-width: 1.25rem; }
.md-disabled-border-20:disabled { border-width: 1.25rem; }
.md-border-t-20 { border-top-width: 1.25rem; }
.md-hover-border-t-20:hover { border-top-width: 1.25rem; }
.md-focus-border-t-20:focus { border-top-width: 1.25rem; }
.md-active-border-t-20:active { border-top-width: 1.25rem; }
.md-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
.md-border-r-20 { border-right-width: 1.25rem; }
.md-hover-border-r-20:hover { border-right-width: 1.25rem; }
.md-focus-border-r-20:focus { border-right-width: 1.25rem; }
.md-active-border-r-20:active { border-right-width: 1.25rem; }
.md-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
.md-border-b-20 { border-bottom-width: 1.25rem; }
.md-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
.md-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
.md-active-border-b-20:active { border-bottom-width: 1.25rem; }
.md-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
.md-border-l-20 { border-left-width: 1.25rem; }
.md-hover-border-l-20:hover { border-left-width: 1.25rem; }
.md-focus-border-l-20:focus { border-left-width: 1.25rem; }
.md-active-border-l-20:active { border-left-width: 1.25rem; }
.md-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
.md-border-21 { border-width: 1.3125rem; }
.md-hover-border-21:hover { border-width: 1.3125rem; }
.md-focus-border-21:focus { border-width: 1.3125rem; }
.md-active-border-21:active { border-width: 1.3125rem; }
.md-disabled-border-21:disabled { border-width: 1.3125rem; }
.md-border-21 { border-width: 1.3125rem; }
.md-hover-border-21:hover { border-width: 1.3125rem; }
.md-focus-border-21:focus { border-width: 1.3125rem; }
.md-active-border-21:active { border-width: 1.3125rem; }
.md-disabled-border-21:disabled { border-width: 1.3125rem; }
.md-border-t-21 { border-top-width: 1.3125rem; }
.md-hover-border-t-21:hover { border-top-width: 1.3125rem; }
.md-focus-border-t-21:focus { border-top-width: 1.3125rem; }
.md-active-border-t-21:active { border-top-width: 1.3125rem; }
.md-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
.md-border-r-21 { border-right-width: 1.3125rem; }
.md-hover-border-r-21:hover { border-right-width: 1.3125rem; }
.md-focus-border-r-21:focus { border-right-width: 1.3125rem; }
.md-active-border-r-21:active { border-right-width: 1.3125rem; }
.md-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
.md-border-b-21 { border-bottom-width: 1.3125rem; }
.md-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
.md-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
.md-active-border-b-21:active { border-bottom-width: 1.3125rem; }
.md-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
.md-border-l-21 { border-left-width: 1.3125rem; }
.md-hover-border-l-21:hover { border-left-width: 1.3125rem; }
.md-focus-border-l-21:focus { border-left-width: 1.3125rem; }
.md-active-border-l-21:active { border-left-width: 1.3125rem; }
.md-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
.md-border-22 { border-width: 1.375rem; }
.md-hover-border-22:hover { border-width: 1.375rem; }
.md-focus-border-22:focus { border-width: 1.375rem; }
.md-active-border-22:active { border-width: 1.375rem; }
.md-disabled-border-22:disabled { border-width: 1.375rem; }
.md-border-22 { border-width: 1.375rem; }
.md-hover-border-22:hover { border-width: 1.375rem; }
.md-focus-border-22:focus { border-width: 1.375rem; }
.md-active-border-22:active { border-width: 1.375rem; }
.md-disabled-border-22:disabled { border-width: 1.375rem; }
.md-border-t-22 { border-top-width: 1.375rem; }
.md-hover-border-t-22:hover { border-top-width: 1.375rem; }
.md-focus-border-t-22:focus { border-top-width: 1.375rem; }
.md-active-border-t-22:active { border-top-width: 1.375rem; }
.md-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
.md-border-r-22 { border-right-width: 1.375rem; }
.md-hover-border-r-22:hover { border-right-width: 1.375rem; }
.md-focus-border-r-22:focus { border-right-width: 1.375rem; }
.md-active-border-r-22:active { border-right-width: 1.375rem; }
.md-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
.md-border-b-22 { border-bottom-width: 1.375rem; }
.md-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
.md-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
.md-active-border-b-22:active { border-bottom-width: 1.375rem; }
.md-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
.md-border-l-22 { border-left-width: 1.375rem; }
.md-hover-border-l-22:hover { border-left-width: 1.375rem; }
.md-focus-border-l-22:focus { border-left-width: 1.375rem; }
.md-active-border-l-22:active { border-left-width: 1.375rem; }
.md-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
.md-border-23 { border-width: 1.4375rem; }
.md-hover-border-23:hover { border-width: 1.4375rem; }
.md-focus-border-23:focus { border-width: 1.4375rem; }
.md-active-border-23:active { border-width: 1.4375rem; }
.md-disabled-border-23:disabled { border-width: 1.4375rem; }
.md-border-23 { border-width: 1.4375rem; }
.md-hover-border-23:hover { border-width: 1.4375rem; }
.md-focus-border-23:focus { border-width: 1.4375rem; }
.md-active-border-23:active { border-width: 1.4375rem; }
.md-disabled-border-23:disabled { border-width: 1.4375rem; }
.md-border-t-23 { border-top-width: 1.4375rem; }
.md-hover-border-t-23:hover { border-top-width: 1.4375rem; }
.md-focus-border-t-23:focus { border-top-width: 1.4375rem; }
.md-active-border-t-23:active { border-top-width: 1.4375rem; }
.md-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
.md-border-r-23 { border-right-width: 1.4375rem; }
.md-hover-border-r-23:hover { border-right-width: 1.4375rem; }
.md-focus-border-r-23:focus { border-right-width: 1.4375rem; }
.md-active-border-r-23:active { border-right-width: 1.4375rem; }
.md-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
.md-border-b-23 { border-bottom-width: 1.4375rem; }
.md-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
.md-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
.md-active-border-b-23:active { border-bottom-width: 1.4375rem; }
.md-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
.md-border-l-23 { border-left-width: 1.4375rem; }
.md-hover-border-l-23:hover { border-left-width: 1.4375rem; }
.md-focus-border-l-23:focus { border-left-width: 1.4375rem; }
.md-active-border-l-23:active { border-left-width: 1.4375rem; }
.md-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
.md-border-24 { border-width: 1.5rem; }
.md-hover-border-24:hover { border-width: 1.5rem; }
.md-focus-border-24:focus { border-width: 1.5rem; }
.md-active-border-24:active { border-width: 1.5rem; }
.md-disabled-border-24:disabled { border-width: 1.5rem; }
.md-border-24 { border-width: 1.5rem; }
.md-hover-border-24:hover { border-width: 1.5rem; }
.md-focus-border-24:focus { border-width: 1.5rem; }
.md-active-border-24:active { border-width: 1.5rem; }
.md-disabled-border-24:disabled { border-width: 1.5rem; }
.md-border-t-24 { border-top-width: 1.5rem; }
.md-hover-border-t-24:hover { border-top-width: 1.5rem; }
.md-focus-border-t-24:focus { border-top-width: 1.5rem; }
.md-active-border-t-24:active { border-top-width: 1.5rem; }
.md-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
.md-border-r-24 { border-right-width: 1.5rem; }
.md-hover-border-r-24:hover { border-right-width: 1.5rem; }
.md-focus-border-r-24:focus { border-right-width: 1.5rem; }
.md-active-border-r-24:active { border-right-width: 1.5rem; }
.md-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
.md-border-b-24 { border-bottom-width: 1.5rem; }
.md-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
.md-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
.md-active-border-b-24:active { border-bottom-width: 1.5rem; }
.md-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
.md-border-l-24 { border-left-width: 1.5rem; }
.md-hover-border-l-24:hover { border-left-width: 1.5rem; }
.md-focus-border-l-24:focus { border-left-width: 1.5rem; }
.md-active-border-l-24:active { border-left-width: 1.5rem; }
.md-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
.md-border-25 { border-width: 1.5625rem; }
.md-hover-border-25:hover { border-width: 1.5625rem; }
.md-focus-border-25:focus { border-width: 1.5625rem; }
.md-active-border-25:active { border-width: 1.5625rem; }
.md-disabled-border-25:disabled { border-width: 1.5625rem; }
.md-border-25 { border-width: 1.5625rem; }
.md-hover-border-25:hover { border-width: 1.5625rem; }
.md-focus-border-25:focus { border-width: 1.5625rem; }
.md-active-border-25:active { border-width: 1.5625rem; }
.md-disabled-border-25:disabled { border-width: 1.5625rem; }
.md-border-t-25 { border-top-width: 1.5625rem; }
.md-hover-border-t-25:hover { border-top-width: 1.5625rem; }
.md-focus-border-t-25:focus { border-top-width: 1.5625rem; }
.md-active-border-t-25:active { border-top-width: 1.5625rem; }
.md-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
.md-border-r-25 { border-right-width: 1.5625rem; }
.md-hover-border-r-25:hover { border-right-width: 1.5625rem; }
.md-focus-border-r-25:focus { border-right-width: 1.5625rem; }
.md-active-border-r-25:active { border-right-width: 1.5625rem; }
.md-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
.md-border-b-25 { border-bottom-width: 1.5625rem; }
.md-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
.md-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
.md-active-border-b-25:active { border-bottom-width: 1.5625rem; }
.md-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
.md-border-l-25 { border-left-width: 1.5625rem; }
.md-hover-border-l-25:hover { border-left-width: 1.5625rem; }
.md-focus-border-l-25:focus { border-left-width: 1.5625rem; }
.md-active-border-l-25:active { border-left-width: 1.5625rem; }
.md-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
.md-border-26 { border-width: 1.625rem; }
.md-hover-border-26:hover { border-width: 1.625rem; }
.md-focus-border-26:focus { border-width: 1.625rem; }
.md-active-border-26:active { border-width: 1.625rem; }
.md-disabled-border-26:disabled { border-width: 1.625rem; }
.md-border-26 { border-width: 1.625rem; }
.md-hover-border-26:hover { border-width: 1.625rem; }
.md-focus-border-26:focus { border-width: 1.625rem; }
.md-active-border-26:active { border-width: 1.625rem; }
.md-disabled-border-26:disabled { border-width: 1.625rem; }
.md-border-t-26 { border-top-width: 1.625rem; }
.md-hover-border-t-26:hover { border-top-width: 1.625rem; }
.md-focus-border-t-26:focus { border-top-width: 1.625rem; }
.md-active-border-t-26:active { border-top-width: 1.625rem; }
.md-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
.md-border-r-26 { border-right-width: 1.625rem; }
.md-hover-border-r-26:hover { border-right-width: 1.625rem; }
.md-focus-border-r-26:focus { border-right-width: 1.625rem; }
.md-active-border-r-26:active { border-right-width: 1.625rem; }
.md-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
.md-border-b-26 { border-bottom-width: 1.625rem; }
.md-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
.md-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
.md-active-border-b-26:active { border-bottom-width: 1.625rem; }
.md-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
.md-border-l-26 { border-left-width: 1.625rem; }
.md-hover-border-l-26:hover { border-left-width: 1.625rem; }
.md-focus-border-l-26:focus { border-left-width: 1.625rem; }
.md-active-border-l-26:active { border-left-width: 1.625rem; }
.md-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
.md-border-27 { border-width: 1.6875rem; }
.md-hover-border-27:hover { border-width: 1.6875rem; }
.md-focus-border-27:focus { border-width: 1.6875rem; }
.md-active-border-27:active { border-width: 1.6875rem; }
.md-disabled-border-27:disabled { border-width: 1.6875rem; }
.md-border-27 { border-width: 1.6875rem; }
.md-hover-border-27:hover { border-width: 1.6875rem; }
.md-focus-border-27:focus { border-width: 1.6875rem; }
.md-active-border-27:active { border-width: 1.6875rem; }
.md-disabled-border-27:disabled { border-width: 1.6875rem; }
.md-border-t-27 { border-top-width: 1.6875rem; }
.md-hover-border-t-27:hover { border-top-width: 1.6875rem; }
.md-focus-border-t-27:focus { border-top-width: 1.6875rem; }
.md-active-border-t-27:active { border-top-width: 1.6875rem; }
.md-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
.md-border-r-27 { border-right-width: 1.6875rem; }
.md-hover-border-r-27:hover { border-right-width: 1.6875rem; }
.md-focus-border-r-27:focus { border-right-width: 1.6875rem; }
.md-active-border-r-27:active { border-right-width: 1.6875rem; }
.md-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
.md-border-b-27 { border-bottom-width: 1.6875rem; }
.md-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
.md-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
.md-active-border-b-27:active { border-bottom-width: 1.6875rem; }
.md-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
.md-border-l-27 { border-left-width: 1.6875rem; }
.md-hover-border-l-27:hover { border-left-width: 1.6875rem; }
.md-focus-border-l-27:focus { border-left-width: 1.6875rem; }
.md-active-border-l-27:active { border-left-width: 1.6875rem; }
.md-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
.md-border-28 { border-width: 1.75rem; }
.md-hover-border-28:hover { border-width: 1.75rem; }
.md-focus-border-28:focus { border-width: 1.75rem; }
.md-active-border-28:active { border-width: 1.75rem; }
.md-disabled-border-28:disabled { border-width: 1.75rem; }
.md-border-28 { border-width: 1.75rem; }
.md-hover-border-28:hover { border-width: 1.75rem; }
.md-focus-border-28:focus { border-width: 1.75rem; }
.md-active-border-28:active { border-width: 1.75rem; }
.md-disabled-border-28:disabled { border-width: 1.75rem; }
.md-border-t-28 { border-top-width: 1.75rem; }
.md-hover-border-t-28:hover { border-top-width: 1.75rem; }
.md-focus-border-t-28:focus { border-top-width: 1.75rem; }
.md-active-border-t-28:active { border-top-width: 1.75rem; }
.md-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
.md-border-r-28 { border-right-width: 1.75rem; }
.md-hover-border-r-28:hover { border-right-width: 1.75rem; }
.md-focus-border-r-28:focus { border-right-width: 1.75rem; }
.md-active-border-r-28:active { border-right-width: 1.75rem; }
.md-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
.md-border-b-28 { border-bottom-width: 1.75rem; }
.md-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
.md-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
.md-active-border-b-28:active { border-bottom-width: 1.75rem; }
.md-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
.md-border-l-28 { border-left-width: 1.75rem; }
.md-hover-border-l-28:hover { border-left-width: 1.75rem; }
.md-focus-border-l-28:focus { border-left-width: 1.75rem; }
.md-active-border-l-28:active { border-left-width: 1.75rem; }
.md-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
.md-border-29 { border-width: 1.8125rem; }
.md-hover-border-29:hover { border-width: 1.8125rem; }
.md-focus-border-29:focus { border-width: 1.8125rem; }
.md-active-border-29:active { border-width: 1.8125rem; }
.md-disabled-border-29:disabled { border-width: 1.8125rem; }
.md-border-29 { border-width: 1.8125rem; }
.md-hover-border-29:hover { border-width: 1.8125rem; }
.md-focus-border-29:focus { border-width: 1.8125rem; }
.md-active-border-29:active { border-width: 1.8125rem; }
.md-disabled-border-29:disabled { border-width: 1.8125rem; }
.md-border-t-29 { border-top-width: 1.8125rem; }
.md-hover-border-t-29:hover { border-top-width: 1.8125rem; }
.md-focus-border-t-29:focus { border-top-width: 1.8125rem; }
.md-active-border-t-29:active { border-top-width: 1.8125rem; }
.md-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
.md-border-r-29 { border-right-width: 1.8125rem; }
.md-hover-border-r-29:hover { border-right-width: 1.8125rem; }
.md-focus-border-r-29:focus { border-right-width: 1.8125rem; }
.md-active-border-r-29:active { border-right-width: 1.8125rem; }
.md-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
.md-border-b-29 { border-bottom-width: 1.8125rem; }
.md-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
.md-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
.md-active-border-b-29:active { border-bottom-width: 1.8125rem; }
.md-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
.md-border-l-29 { border-left-width: 1.8125rem; }
.md-hover-border-l-29:hover { border-left-width: 1.8125rem; }
.md-focus-border-l-29:focus { border-left-width: 1.8125rem; }
.md-active-border-l-29:active { border-left-width: 1.8125rem; }
.md-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
.md-border-30 { border-width: 1.875rem; }
.md-hover-border-30:hover { border-width: 1.875rem; }
.md-focus-border-30:focus { border-width: 1.875rem; }
.md-active-border-30:active { border-width: 1.875rem; }
.md-disabled-border-30:disabled { border-width: 1.875rem; }
.md-border-30 { border-width: 1.875rem; }
.md-hover-border-30:hover { border-width: 1.875rem; }
.md-focus-border-30:focus { border-width: 1.875rem; }
.md-active-border-30:active { border-width: 1.875rem; }
.md-disabled-border-30:disabled { border-width: 1.875rem; }
.md-border-t-30 { border-top-width: 1.875rem; }
.md-hover-border-t-30:hover { border-top-width: 1.875rem; }
.md-focus-border-t-30:focus { border-top-width: 1.875rem; }
.md-active-border-t-30:active { border-top-width: 1.875rem; }
.md-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
.md-border-r-30 { border-right-width: 1.875rem; }
.md-hover-border-r-30:hover { border-right-width: 1.875rem; }
.md-focus-border-r-30:focus { border-right-width: 1.875rem; }
.md-active-border-r-30:active { border-right-width: 1.875rem; }
.md-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
.md-border-b-30 { border-bottom-width: 1.875rem; }
.md-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
.md-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
.md-active-border-b-30:active { border-bottom-width: 1.875rem; }
.md-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
.md-border-l-30 { border-left-width: 1.875rem; }
.md-hover-border-l-30:hover { border-left-width: 1.875rem; }
.md-focus-border-l-30:focus { border-left-width: 1.875rem; }
.md-active-border-l-30:active { border-left-width: 1.875rem; }
.md-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
.md-border-31 { border-width: 1.9375rem; }
.md-hover-border-31:hover { border-width: 1.9375rem; }
.md-focus-border-31:focus { border-width: 1.9375rem; }
.md-active-border-31:active { border-width: 1.9375rem; }
.md-disabled-border-31:disabled { border-width: 1.9375rem; }
.md-border-31 { border-width: 1.9375rem; }
.md-hover-border-31:hover { border-width: 1.9375rem; }
.md-focus-border-31:focus { border-width: 1.9375rem; }
.md-active-border-31:active { border-width: 1.9375rem; }
.md-disabled-border-31:disabled { border-width: 1.9375rem; }
.md-border-t-31 { border-top-width: 1.9375rem; }
.md-hover-border-t-31:hover { border-top-width: 1.9375rem; }
.md-focus-border-t-31:focus { border-top-width: 1.9375rem; }
.md-active-border-t-31:active { border-top-width: 1.9375rem; }
.md-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
.md-border-r-31 { border-right-width: 1.9375rem; }
.md-hover-border-r-31:hover { border-right-width: 1.9375rem; }
.md-focus-border-r-31:focus { border-right-width: 1.9375rem; }
.md-active-border-r-31:active { border-right-width: 1.9375rem; }
.md-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
.md-border-b-31 { border-bottom-width: 1.9375rem; }
.md-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
.md-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
.md-active-border-b-31:active { border-bottom-width: 1.9375rem; }
.md-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
.md-border-l-31 { border-left-width: 1.9375rem; }
.md-hover-border-l-31:hover { border-left-width: 1.9375rem; }
.md-focus-border-l-31:focus { border-left-width: 1.9375rem; }
.md-active-border-l-31:active { border-left-width: 1.9375rem; }
.md-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
.md-border-32 { border-width: 2.0rem; }
.md-hover-border-32:hover { border-width: 2.0rem; }
.md-focus-border-32:focus { border-width: 2.0rem; }
.md-active-border-32:active { border-width: 2.0rem; }
.md-disabled-border-32:disabled { border-width: 2.0rem; }
.md-border-32 { border-width: 2.0rem; }
.md-hover-border-32:hover { border-width: 2.0rem; }
.md-focus-border-32:focus { border-width: 2.0rem; }
.md-active-border-32:active { border-width: 2.0rem; }
.md-disabled-border-32:disabled { border-width: 2.0rem; }
.md-border-t-32 { border-top-width: 2.0rem; }
.md-hover-border-t-32:hover { border-top-width: 2.0rem; }
.md-focus-border-t-32:focus { border-top-width: 2.0rem; }
.md-active-border-t-32:active { border-top-width: 2.0rem; }
.md-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
.md-border-r-32 { border-right-width: 2.0rem; }
.md-hover-border-r-32:hover { border-right-width: 2.0rem; }
.md-focus-border-r-32:focus { border-right-width: 2.0rem; }
.md-active-border-r-32:active { border-right-width: 2.0rem; }
.md-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
.md-border-b-32 { border-bottom-width: 2.0rem; }
.md-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
.md-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
.md-active-border-b-32:active { border-bottom-width: 2.0rem; }
.md-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
.md-border-l-32 { border-left-width: 2.0rem; }
.md-hover-border-l-32:hover { border-left-width: 2.0rem; }
.md-focus-border-l-32:focus { border-left-width: 2.0rem; }
.md-active-border-l-32:active { border-left-width: 2.0rem; }
.md-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
.md-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.md-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.md-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.md-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.md-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.md-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.md-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.md-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.md-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.md-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.md-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.md-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.md-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.md-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.md-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.md-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.md-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.md-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.md-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.md-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.md-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.md-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.md-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.md-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.md-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.md-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.md-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.md-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.md-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.md-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.md-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.md-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.md-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.md-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.md-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.md-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.md-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.md-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.md-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.md-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.md-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.md-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.md-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.md-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.md-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.md-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.md-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.md-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.md-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.md-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.md-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.md-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.md-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.md-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.md-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.md-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.md-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.md-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.md-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.md-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.md-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.md-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.md-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.md-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.md-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.md-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.md-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.md-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.md-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.md-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.md-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.md-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.md-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.md-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.md-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.md-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.md-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.md-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.md-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.md-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.md-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.md-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.md-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.md-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.md-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.md-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.md-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.md-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.md-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.md-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.md-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.md-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.md-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.md-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.md-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.md-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.md-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.md-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.md-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.md-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.md-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.md-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.md-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.md-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.md-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.md-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.md-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.md-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.md-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.md-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.md-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.md-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.md-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.md-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.md-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.md-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.md-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.md-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.md-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.md-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.md-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.md-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.md-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.md-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.md-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.md-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.md-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.md-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.md-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.md-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.md-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.md-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.md-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.md-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.md-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.md-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.md-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.md-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.md-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.md-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.md-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.md-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.md-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.md-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.md-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.md-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.md-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.md-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.md-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.md-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.md-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.md-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.md-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.md-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.md-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.md-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.md-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.md-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.md-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.md-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.md-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.md-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.md-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.md-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.md-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.md-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.md-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.md-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.md-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.md-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.md-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.md-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.md-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.md-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.md-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.md-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.md-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.md-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.md-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.md-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.md-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.md-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.md-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.md-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.md-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.md-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.md-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.md-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.md-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.md-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.md-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.md-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.md-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.md-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.md-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.md-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.md-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.md-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.md-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.md-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.md-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.md-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.md-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.md-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.md-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.md-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.md-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.md-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.md-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.md-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.md-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.md-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.md-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.md-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.md-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.md-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.md-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.md-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.md-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.md-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.md-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.md-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.md-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.md-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.md-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.md-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.md-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.md-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.md-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.md-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.md-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.md-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.md-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.md-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.md-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.md-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.md-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.md-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.md-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.md-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.md-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.md-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.md-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.md-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.md-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.md-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.md-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.md-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.md-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.md-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.md-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.md-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.md-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.md-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.md-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.md-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.md-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.md-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.md-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.md-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.md-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.md-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.md-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.md-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.md-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.md-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.md-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.md-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.md-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.md-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.md-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.md-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.md-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.md-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.md-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.md-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.md-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.md-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.md-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.md-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.md-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.md-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.md-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.md-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.md-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.md-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.md-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.md-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.md-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.md-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.md-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.md-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.md-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.md-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.md-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.md-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.md-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.md-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.md-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.md-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.md-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.md-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.md-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.md-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.md-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.md-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.md-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.md-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.md-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.md-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.md-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.md-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.md-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.md-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.md-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.md-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.md-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.md-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.md-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.md-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.md-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.md-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.md-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.md-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.md-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.md-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.md-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.md-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.md-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.md-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.md-border-transparent { border-color: transparent; }
.md-hover-border-transparent:hover { border-color: transparent; }
.md-focus-border-transparent:focus { border-color: transparent; }
.md-active-border-transparent:active { border-color: transparent; }
.md-disabled-border-transparent:disabled { border-color: transparent; }
.md-border-inherit { border-color: inherit; }
.md-hover-border-inherit:hover { border-color: inherit; }
.md-focus-border-inherit:focus { border-color: inherit; }
.md-active-border-inherit:active { border-color: inherit; }
.md-disabled-border-inherit:disabled { border-color: inherit; }
.md-bg-transparent { background-color: transparent; }
.md-hover-bg-transparent:hover { background-color: transparent; }
.md-focus-bg-transparent:focus { background-color: transparent; }
.md-active-bg-transparent:active { background-color: transparent; }
.md-disabled-bg-transparent:disabled { background-color: transparent; }
.md-bg-inherit { background-color: inherit; }
.md-hover-bg-inherit:hover { background-color: inherit; }
.md-focus-bg-inherit:focus { background-color: inherit; }
.md-active-bg-inherit:active { background-color: inherit; }
.md-disabled-bg-inherit:disabled { background-color: inherit; }
.md-text-transparent { color: transparent; }
.md-hover-text-transparent:hover { color: transparent; }
.md-focus-text-transparent:focus { color: transparent; }
.md-active-text-transparent:active { color: transparent; }
.md-disabled-text-transparent:disabled { color: transparent; }
.md-text-inherit { color: inherit; }
.md-hover-text-inherit:hover { color: inherit; }
.md-focus-text-inherit:focus { color: inherit; }
.md-active-text-inherit:active { color: inherit; }
.md-disabled-text-inherit:disabled { color: inherit; }
.md-border-solid { border-style: solid; }
.md-hover-border-solid:hover { border-style: solid; }
.md-focus-border-solid:focus { border-style: solid; }
.md-active-border-solid:active { border-style: solid; }
.md-disabled-border-solid:disabled { border-style: solid; }
.md-border-dashed { border-style: dashed; }
.md-hover-border-dashed:hover { border-style: dashed; }
.md-focus-border-dashed:focus { border-style: dashed; }
.md-active-border-dashed:active { border-style: dashed; }
.md-disabled-border-dashed:disabled { border-style: dashed; }
.md-border-dotted { border-style: dotted; }
.md-hover-border-dotted:hover { border-style: dotted; }
.md-focus-border-dotted:focus { border-style: dotted; }
.md-active-border-dotted:active { border-style: dotted; }
.md-disabled-border-dotted:disabled { border-style: dotted; }
.md-border-double { border-style: double; }
.md-hover-border-double:hover { border-style: double; }
.md-focus-border-double:focus { border-style: double; }
.md-active-border-double:active { border-style: double; }
.md-disabled-border-double:disabled { border-style: double; }
.md-border-none { border-style: none; }
.md-hover-border-none:hover { border-style: none; }
.md-focus-border-none:focus { border-style: none; }
.md-active-border-none:active { border-style: none; }
.md-disabled-border-none:disabled { border-style: none; }
.md-z-auto { z-index: auto; }
.md-hover-z-auto:hover { z-index: auto; }
.md-focus-z-auto:focus { z-index: auto; }
.md-active-z-auto:active { z-index: auto; }
.md-disabled-z-auto:disabled { z-index: auto; }
.md-z-0 { z-index: 0; }
.md-hover-z-0:hover { z-index: 0; }
.md-focus-z-0:focus { z-index: 0; }
.md-active-z-0:active { z-index: 0; }
.md-disabled-z-0:disabled { z-index: 0; }
.md-z-10 { z-index: 10; }
.md-hover-z-10:hover { z-index: 10; }
.md-focus-z-10:focus { z-index: 10; }
.md-active-z-10:active { z-index: 10; }
.md-disabled-z-10:disabled { z-index: 10; }
.md-z-20 { z-index: 20; }
.md-hover-z-20:hover { z-index: 20; }
.md-focus-z-20:focus { z-index: 20; }
.md-active-z-20:active { z-index: 20; }
.md-disabled-z-20:disabled { z-index: 20; }
.md-z-30 { z-index: 30; }
.md-hover-z-30:hover { z-index: 30; }
.md-focus-z-30:focus { z-index: 30; }
.md-active-z-30:active { z-index: 30; }
.md-disabled-z-30:disabled { z-index: 30; }
.md-z-40 { z-index: 40; }
.md-hover-z-40:hover { z-index: 40; }
.md-focus-z-40:focus { z-index: 40; }
.md-active-z-40:active { z-index: 40; }
.md-disabled-z-40:disabled { z-index: 40; }
.md-z-50 { z-index: 50; }
.md-hover-z-50:hover { z-index: 50; }
.md-focus-z-50:focus { z-index: 50; }
.md-active-z-50:active { z-index: 50; }
.md-disabled-z-50:disabled { z-index: 50; }
.md-z-100 { z-index: 100; }
.md-hover-z-100:hover { z-index: 100; }
.md-focus-z-100:focus { z-index: 100; }
.md-active-z-100:active { z-index: 100; }
.md-disabled-z-100:disabled { z-index: 100; }
.md-z-9999 { z-index: 9999; }
.md-hover-z-9999:hover { z-index: 9999; }
.md-focus-z-9999:focus { z-index: 9999; }
.md-active-z-9999:active { z-index: 9999; }
.md-disabled-z-9999:disabled { z-index: 9999; }
.md--z-10 { z-index: -10; }
.md-hover--z-10:hover { z-index: -10; }
.md-focus--z-10:focus { z-index: -10; }
.md-active--z-10:active { z-index: -10; }
.md-disabled--z-10:disabled { z-index: -10; }
.md--z-20 { z-index: -20; }
.md-hover--z-20:hover { z-index: -20; }
.md-focus--z-20:focus { z-index: -20; }
.md-active--z-20:active { z-index: -20; }
.md-disabled--z-20:disabled { z-index: -20; }
.md--z-40 { z-index: -40; }
.md-hover--z-40:hover { z-index: -40; }
.md-focus--z-40:focus { z-index: -40; }
.md-active--z-40:active { z-index: -40; }
.md-disabled--z-40:disabled { z-index: -40; }
.md--z-50 { z-index: -50; }
.md-hover--z-50:hover { z-index: -50; }
.md-focus--z-50:focus { z-index: -50; }
.md-active--z-50:active { z-index: -50; }
.md-disabled--z-50:disabled { z-index: -50; }
.md--z-100 { z-index: -100; }
.md-hover--z-100:hover { z-index: -100; }
.md-focus--z-100:focus { z-index: -100; }
.md-active--z-100:active { z-index: -100; }
.md-disabled--z-100:disabled { z-index: -100; }
.md-opacity-0 { opacity: 0; }
.md-hover-opacity-0:hover { opacity: 0; }
.md-focus-opacity-0:focus { opacity: 0; }
.md-active-opacity-0:active { opacity: 0; }
.md-disabled-opacity-0:disabled { opacity: 0; }
.md-opacity-10 { opacity: 0.1; }
.md-hover-opacity-10:hover { opacity: 0.1; }
.md-focus-opacity-10:focus { opacity: 0.1; }
.md-active-opacity-10:active { opacity: 0.1; }
.md-disabled-opacity-10:disabled { opacity: 0.1; }
.md-opacity-20 { opacity: 0.2; }
.md-hover-opacity-20:hover { opacity: 0.2; }
.md-focus-opacity-20:focus { opacity: 0.2; }
.md-active-opacity-20:active { opacity: 0.2; }
.md-disabled-opacity-20:disabled { opacity: 0.2; }
.md-opacity-25 { opacity: 0.25; }
.md-hover-opacity-25:hover { opacity: 0.25; }
.md-focus-opacity-25:focus { opacity: 0.25; }
.md-active-opacity-25:active { opacity: 0.25; }
.md-disabled-opacity-25:disabled { opacity: 0.25; }
.md-opacity-30 { opacity: 0.3; }
.md-hover-opacity-30:hover { opacity: 0.3; }
.md-focus-opacity-30:focus { opacity: 0.3; }
.md-active-opacity-30:active { opacity: 0.3; }
.md-disabled-opacity-30:disabled { opacity: 0.3; }
.md-opacity-40 { opacity: 0.4; }
.md-hover-opacity-40:hover { opacity: 0.4; }
.md-focus-opacity-40:focus { opacity: 0.4; }
.md-active-opacity-40:active { opacity: 0.4; }
.md-disabled-opacity-40:disabled { opacity: 0.4; }
.md-opacity-50 { opacity: 0.5; }
.md-hover-opacity-50:hover { opacity: 0.5; }
.md-focus-opacity-50:focus { opacity: 0.5; }
.md-active-opacity-50:active { opacity: 0.5; }
.md-disabled-opacity-50:disabled { opacity: 0.5; }
.md-opacity-60 { opacity: 0.6; }
.md-hover-opacity-60:hover { opacity: 0.6; }
.md-focus-opacity-60:focus { opacity: 0.6; }
.md-active-opacity-60:active { opacity: 0.6; }
.md-disabled-opacity-60:disabled { opacity: 0.6; }
.md-opacity-70 { opacity: 0.7; }
.md-hover-opacity-70:hover { opacity: 0.7; }
.md-focus-opacity-70:focus { opacity: 0.7; }
.md-active-opacity-70:active { opacity: 0.7; }
.md-disabled-opacity-70:disabled { opacity: 0.7; }
.md-opacity-75 { opacity: 0.75; }
.md-hover-opacity-75:hover { opacity: 0.75; }
.md-focus-opacity-75:focus { opacity: 0.75; }
.md-active-opacity-75:active { opacity: 0.75; }
.md-disabled-opacity-75:disabled { opacity: 0.75; }
.md-opacity-80 { opacity: 0.8; }
.md-hover-opacity-80:hover { opacity: 0.8; }
.md-focus-opacity-80:focus { opacity: 0.8; }
.md-active-opacity-80:active { opacity: 0.8; }
.md-disabled-opacity-80:disabled { opacity: 0.8; }
.md-opacity-90 { opacity: 0.9; }
.md-hover-opacity-90:hover { opacity: 0.9; }
.md-focus-opacity-90:focus { opacity: 0.9; }
.md-active-opacity-90:active { opacity: 0.9; }
.md-disabled-opacity-90:disabled { opacity: 0.9; }
.md-opacity-100 { opacity: 1; }
.md-hover-opacity-100:hover { opacity: 1; }
.md-focus-opacity-100:focus { opacity: 1; }
.md-active-opacity-100:active { opacity: 1; }
.md-disabled-opacity-100:disabled { opacity: 1; }
.md-bg-gradient-l { --quanta-gradient-direction: to left; }
.md-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
.md-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
.md-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
.md-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
.md-bg-gradient-r { --quanta-gradient-direction: to right; }
.md-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
.md-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
.md-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
.md-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
.md-bg-gradient-t { --quanta-gradient-direction: to top; }
.md-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
.md-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
.md-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
.md-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
.md-bg-gradient-b { --quanta-gradient-direction: to bottom; }
.md-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
.md-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
.md-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
.md-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
.md-bg-gradient-tl { --quanta-gradient-direction: to top left; }
.md-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
.md-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
.md-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
.md-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
.md-bg-gradient-tr { --quanta-gradient-direction: to top right; }
.md-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
.md-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
.md-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
.md-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
.md-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
.md-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
.md-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
.md-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
.md-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
.md-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
.md-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
.md-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
.md-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
.md-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
.md-rounded-0 { border-radius: 0; }
.md-hover-rounded-0:hover { border-radius: 0; }
.md-focus-rounded-0:focus { border-radius: 0; }
.md-active-rounded-0:active { border-radius: 0; }
.md-disabled-rounded-0:disabled { border-radius: 0; }
.md-rounded-xs { border-radius: 0.125rem; }
.md-hover-rounded-xs:hover { border-radius: 0.125rem; }
.md-focus-rounded-xs:focus { border-radius: 0.125rem; }
.md-active-rounded-xs:active { border-radius: 0.125rem; }
.md-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
.md-rounded-sm { border-radius: 0.25rem; }
.md-hover-rounded-sm:hover { border-radius: 0.25rem; }
.md-focus-rounded-sm:focus { border-radius: 0.25rem; }
.md-active-rounded-sm:active { border-radius: 0.25rem; }
.md-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
.md-rounded { border-radius: 0.5rem; }
.md-hover-rounded:hover { border-radius: 0.5rem; }
.md-focus-rounded:focus { border-radius: 0.5rem; }
.md-active-rounded:active { border-radius: 0.5rem; }
.md-disabled-rounded:disabled { border-radius: 0.5rem; }
.md-rounded-md { border-radius: 0.75rem; }
.md-hover-rounded-md:hover { border-radius: 0.75rem; }
.md-focus-rounded-md:focus { border-radius: 0.75rem; }
.md-active-rounded-md:active { border-radius: 0.75rem; }
.md-disabled-rounded-md:disabled { border-radius: 0.75rem; }
.md-rounded-lg { border-radius: 1rem; }
.md-hover-rounded-lg:hover { border-radius: 1rem; }
.md-focus-rounded-lg:focus { border-radius: 1rem; }
.md-active-rounded-lg:active { border-radius: 1rem; }
.md-disabled-rounded-lg:disabled { border-radius: 1rem; }
.md-rounded-xl { border-radius: 1.5rem; }
.md-hover-rounded-xl:hover { border-radius: 1.5rem; }
.md-focus-rounded-xl:focus { border-radius: 1.5rem; }
.md-active-rounded-xl:active { border-radius: 1.5rem; }
.md-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
.md-rounded-2xl { border-radius: 2rem; }
.md-hover-rounded-2xl:hover { border-radius: 2rem; }
.md-focus-rounded-2xl:focus { border-radius: 2rem; }
.md-active-rounded-2xl:active { border-radius: 2rem; }
.md-disabled-rounded-2xl:disabled { border-radius: 2rem; }
.md-rounded-full { border-radius: 9999px; }
.md-hover-rounded-full:hover { border-radius: 9999px; }
.md-focus-rounded-full:focus { border-radius: 9999px; }
.md-active-rounded-full:active { border-radius: 9999px; }
.md-disabled-rounded-full:disabled { border-radius: 9999px; }
.md-rounded-pill { border-radius: 50px; }
.md-hover-rounded-pill:hover { border-radius: 50px; }
.md-focus-rounded-pill:focus { border-radius: 50px; }
.md-active-rounded-pill:active { border-radius: 50px; }
.md-disabled-rounded-pill:disabled { border-radius: 50px; }
.md-outline-none { outline: none; }
.md-hover-outline-none:hover { outline: none; }
.md-focus-outline-none:focus { outline: none; }
.md-active-outline-none:active { outline: none; }
.md-disabled-outline-none:disabled { outline: none; }
.md-outline { outline: 1px solid currentColor; }
.md-hover-outline:hover { outline: 1px solid currentColor; }
.md-focus-outline:focus { outline: 1px solid currentColor; }
.md-active-outline:active { outline: 1px solid currentColor; }
.md-disabled-outline:disabled { outline: 1px solid currentColor; }
.md-outline-offset-0 { outline-offset: 0rem; }
.md-hover-outline-offset-0:hover { outline-offset: 0rem; }
.md-focus-outline-offset-0:focus { outline-offset: 0rem; }
.md-active-outline-offset-0:active { outline-offset: 0rem; }
.md-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
.md-outline-offset-1 { outline-offset: 0.25rem; }
.md-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
.md-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
.md-active-outline-offset-1:active { outline-offset: 0.25rem; }
.md-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
.md-outline-offset-2 { outline-offset: 0.5rem; }
.md-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
.md-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
.md-active-outline-offset-2:active { outline-offset: 0.5rem; }
.md-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
.md-outline-offset-3 { outline-offset: 0.75rem; }
.md-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
.md-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
.md-active-outline-offset-3:active { outline-offset: 0.75rem; }
.md-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
.md-outline-offset-4 { outline-offset: 1rem; }
.md-hover-outline-offset-4:hover { outline-offset: 1rem; }
.md-focus-outline-offset-4:focus { outline-offset: 1rem; }
.md-active-outline-offset-4:active { outline-offset: 1rem; }
.md-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
.md-outline-offset-8 { outline-offset: 2rem; }
.md-hover-outline-offset-8:hover { outline-offset: 2rem; }
.md-focus-outline-offset-8:focus { outline-offset: 2rem; }
.md-active-outline-offset-8:active { outline-offset: 2rem; }
.md-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
.md-outline-red-50 { outline-color: var(--quanta-red-50); }
.md-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
.md-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
.md-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
.md-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
.md-outline-red-100 { outline-color: var(--quanta-red-100); }
.md-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
.md-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
.md-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
.md-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
.md-outline-red-200 { outline-color: var(--quanta-red-200); }
.md-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
.md-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
.md-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
.md-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
.md-outline-red-300 { outline-color: var(--quanta-red-300); }
.md-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
.md-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
.md-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
.md-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
.md-outline-red-400 { outline-color: var(--quanta-red-400); }
.md-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
.md-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
.md-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
.md-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
.md-outline-red-500 { outline-color: var(--quanta-red-500); }
.md-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
.md-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
.md-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
.md-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
.md-outline-red-600 { outline-color: var(--quanta-red-600); }
.md-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
.md-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
.md-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
.md-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
.md-outline-red-700 { outline-color: var(--quanta-red-700); }
.md-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
.md-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
.md-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
.md-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
.md-outline-red-800 { outline-color: var(--quanta-red-800); }
.md-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
.md-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
.md-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
.md-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
.md-outline-red-900 { outline-color: var(--quanta-red-900); }
.md-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
.md-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
.md-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
.md-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
.md-outline-orange-50 { outline-color: var(--quanta-orange-50); }
.md-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
.md-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
.md-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
.md-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
.md-outline-orange-100 { outline-color: var(--quanta-orange-100); }
.md-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
.md-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
.md-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
.md-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
.md-outline-orange-200 { outline-color: var(--quanta-orange-200); }
.md-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
.md-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
.md-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
.md-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
.md-outline-orange-300 { outline-color: var(--quanta-orange-300); }
.md-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
.md-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
.md-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
.md-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
.md-outline-orange-400 { outline-color: var(--quanta-orange-400); }
.md-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
.md-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
.md-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
.md-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
.md-outline-orange-500 { outline-color: var(--quanta-orange-500); }
.md-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
.md-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
.md-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
.md-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
.md-outline-orange-600 { outline-color: var(--quanta-orange-600); }
.md-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
.md-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
.md-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
.md-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
.md-outline-orange-700 { outline-color: var(--quanta-orange-700); }
.md-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
.md-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
.md-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
.md-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
.md-outline-orange-800 { outline-color: var(--quanta-orange-800); }
.md-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
.md-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
.md-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
.md-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
.md-outline-orange-900 { outline-color: var(--quanta-orange-900); }
.md-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
.md-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
.md-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
.md-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
.md-outline-teal-50 { outline-color: var(--quanta-teal-50); }
.md-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
.md-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
.md-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
.md-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
.md-outline-teal-100 { outline-color: var(--quanta-teal-100); }
.md-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
.md-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
.md-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
.md-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
.md-outline-teal-200 { outline-color: var(--quanta-teal-200); }
.md-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
.md-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
.md-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
.md-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
.md-outline-teal-300 { outline-color: var(--quanta-teal-300); }
.md-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
.md-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
.md-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
.md-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
.md-outline-teal-400 { outline-color: var(--quanta-teal-400); }
.md-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
.md-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
.md-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
.md-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
.md-outline-teal-500 { outline-color: var(--quanta-teal-500); }
.md-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
.md-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
.md-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
.md-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
.md-outline-teal-600 { outline-color: var(--quanta-teal-600); }
.md-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
.md-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
.md-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
.md-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
.md-outline-teal-700 { outline-color: var(--quanta-teal-700); }
.md-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
.md-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
.md-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
.md-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
.md-outline-teal-800 { outline-color: var(--quanta-teal-800); }
.md-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
.md-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
.md-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
.md-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
.md-outline-teal-900 { outline-color: var(--quanta-teal-900); }
.md-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
.md-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
.md-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
.md-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
.md-outline-purple-50 { outline-color: var(--quanta-purple-50); }
.md-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
.md-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
.md-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
.md-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
.md-outline-purple-100 { outline-color: var(--quanta-purple-100); }
.md-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
.md-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
.md-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
.md-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
.md-outline-purple-200 { outline-color: var(--quanta-purple-200); }
.md-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
.md-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
.md-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
.md-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
.md-outline-purple-300 { outline-color: var(--quanta-purple-300); }
.md-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
.md-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
.md-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
.md-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
.md-outline-purple-400 { outline-color: var(--quanta-purple-400); }
.md-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
.md-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
.md-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
.md-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
.md-outline-purple-500 { outline-color: var(--quanta-purple-500); }
.md-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
.md-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
.md-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
.md-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
.md-outline-purple-600 { outline-color: var(--quanta-purple-600); }
.md-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
.md-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
.md-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
.md-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
.md-outline-purple-700 { outline-color: var(--quanta-purple-700); }
.md-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
.md-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
.md-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
.md-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
.md-outline-purple-800 { outline-color: var(--quanta-purple-800); }
.md-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
.md-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
.md-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
.md-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
.md-outline-purple-900 { outline-color: var(--quanta-purple-900); }
.md-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
.md-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
.md-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
.md-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
.md-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
.md-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
.md-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
.md-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
.md-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
.md-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.md-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
.md-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
.md-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
.md-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
.md-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.md-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
.md-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
.md-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
.md-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
.md-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.md-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
.md-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
.md-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
.md-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
.md-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.md-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
.md-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
.md-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
.md-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
.md-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.md-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
.md-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
.md-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
.md-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
.md-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.md-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
.md-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
.md-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
.md-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
.md-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.md-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
.md-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
.md-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
.md-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
.md-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.md-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
.md-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
.md-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
.md-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
.md-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
.md-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
.md-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
.md-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
.md-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
.md-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
.md-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
.md-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
.md-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
.md-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
.md-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.md-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
.md-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
.md-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
.md-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
.md-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.md-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
.md-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
.md-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
.md-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
.md-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.md-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
.md-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
.md-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
.md-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
.md-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.md-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
.md-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
.md-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
.md-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
.md-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.md-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
.md-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
.md-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
.md-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
.md-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.md-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
.md-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
.md-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
.md-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
.md-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.md-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
.md-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
.md-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
.md-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
.md-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.md-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
.md-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
.md-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
.md-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
.md-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
.md-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
.md-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
.md-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
.md-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
.md-outline-pink-50 { outline-color: var(--quanta-pink-50); }
.md-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
.md-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
.md-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
.md-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
.md-outline-pink-100 { outline-color: var(--quanta-pink-100); }
.md-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
.md-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
.md-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
.md-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
.md-outline-pink-200 { outline-color: var(--quanta-pink-200); }
.md-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
.md-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
.md-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
.md-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
.md-outline-pink-300 { outline-color: var(--quanta-pink-300); }
.md-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
.md-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
.md-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
.md-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
.md-outline-pink-400 { outline-color: var(--quanta-pink-400); }
.md-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
.md-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
.md-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
.md-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
.md-outline-pink-500 { outline-color: var(--quanta-pink-500); }
.md-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
.md-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
.md-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
.md-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
.md-outline-pink-600 { outline-color: var(--quanta-pink-600); }
.md-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
.md-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
.md-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
.md-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
.md-outline-pink-700 { outline-color: var(--quanta-pink-700); }
.md-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
.md-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
.md-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
.md-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
.md-outline-pink-800 { outline-color: var(--quanta-pink-800); }
.md-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
.md-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
.md-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
.md-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
.md-outline-pink-900 { outline-color: var(--quanta-pink-900); }
.md-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
.md-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
.md-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
.md-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
.md-outline-grey-50 { outline-color: var(--quanta-grey-50); }
.md-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
.md-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
.md-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
.md-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
.md-outline-grey-100 { outline-color: var(--quanta-grey-100); }
.md-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
.md-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
.md-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
.md-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
.md-outline-grey-200 { outline-color: var(--quanta-grey-200); }
.md-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
.md-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
.md-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
.md-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
.md-outline-grey-300 { outline-color: var(--quanta-grey-300); }
.md-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
.md-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
.md-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
.md-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
.md-outline-grey-400 { outline-color: var(--quanta-grey-400); }
.md-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
.md-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
.md-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
.md-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
.md-outline-grey-500 { outline-color: var(--quanta-grey-500); }
.md-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
.md-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
.md-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
.md-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
.md-outline-grey-600 { outline-color: var(--quanta-grey-600); }
.md-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
.md-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
.md-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
.md-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
.md-outline-grey-700 { outline-color: var(--quanta-grey-700); }
.md-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
.md-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
.md-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
.md-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
.md-outline-grey-800 { outline-color: var(--quanta-grey-800); }
.md-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
.md-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
.md-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
.md-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
.md-outline-grey-900 { outline-color: var(--quanta-grey-900); }
.md-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
.md-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
.md-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
.md-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
.md-outline-lime-50 { outline-color: var(--quanta-lime-50); }
.md-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
.md-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
.md-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
.md-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
.md-outline-lime-100 { outline-color: var(--quanta-lime-100); }
.md-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
.md-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
.md-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
.md-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
.md-outline-lime-200 { outline-color: var(--quanta-lime-200); }
.md-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
.md-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
.md-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
.md-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
.md-outline-lime-300 { outline-color: var(--quanta-lime-300); }
.md-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
.md-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
.md-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
.md-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
.md-outline-lime-400 { outline-color: var(--quanta-lime-400); }
.md-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
.md-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
.md-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
.md-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
.md-outline-lime-500 { outline-color: var(--quanta-lime-500); }
.md-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
.md-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
.md-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
.md-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
.md-outline-lime-600 { outline-color: var(--quanta-lime-600); }
.md-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
.md-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
.md-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
.md-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
.md-outline-lime-700 { outline-color: var(--quanta-lime-700); }
.md-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
.md-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
.md-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
.md-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
.md-outline-lime-800 { outline-color: var(--quanta-lime-800); }
.md-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
.md-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
.md-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
.md-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
.md-outline-lime-900 { outline-color: var(--quanta-lime-900); }
.md-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
.md-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
.md-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
.md-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
.md-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
.md-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
.md-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
.md-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
.md-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
.md-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.md-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
.md-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
.md-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
.md-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
.md-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.md-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
.md-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
.md-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
.md-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
.md-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.md-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
.md-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
.md-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
.md-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
.md-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.md-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
.md-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
.md-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
.md-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
.md-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.md-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
.md-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
.md-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
.md-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
.md-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.md-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
.md-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
.md-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
.md-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
.md-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.md-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
.md-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
.md-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
.md-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
.md-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.md-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
.md-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
.md-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
.md-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
.md-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
.md-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
.md-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
.md-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
.md-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
.md-outline-sky-50 { outline-color: var(--quanta-sky-50); }
.md-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
.md-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
.md-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
.md-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
.md-outline-sky-100 { outline-color: var(--quanta-sky-100); }
.md-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
.md-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
.md-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
.md-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
.md-outline-sky-200 { outline-color: var(--quanta-sky-200); }
.md-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
.md-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
.md-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
.md-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
.md-outline-sky-300 { outline-color: var(--quanta-sky-300); }
.md-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
.md-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
.md-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
.md-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
.md-outline-sky-400 { outline-color: var(--quanta-sky-400); }
.md-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
.md-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
.md-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
.md-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
.md-outline-sky-500 { outline-color: var(--quanta-sky-500); }
.md-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
.md-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
.md-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
.md-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
.md-outline-sky-600 { outline-color: var(--quanta-sky-600); }
.md-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
.md-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
.md-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
.md-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
.md-outline-sky-700 { outline-color: var(--quanta-sky-700); }
.md-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
.md-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
.md-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
.md-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
.md-outline-sky-800 { outline-color: var(--quanta-sky-800); }
.md-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
.md-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
.md-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
.md-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
.md-outline-sky-900 { outline-color: var(--quanta-sky-900); }
.md-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
.md-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
.md-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
.md-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
.md-outline-violet-50 { outline-color: var(--quanta-violet-50); }
.md-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
.md-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
.md-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
.md-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
.md-outline-violet-100 { outline-color: var(--quanta-violet-100); }
.md-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
.md-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
.md-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
.md-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
.md-outline-violet-200 { outline-color: var(--quanta-violet-200); }
.md-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
.md-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
.md-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
.md-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
.md-outline-violet-300 { outline-color: var(--quanta-violet-300); }
.md-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
.md-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
.md-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
.md-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
.md-outline-violet-400 { outline-color: var(--quanta-violet-400); }
.md-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
.md-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
.md-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
.md-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
.md-outline-violet-500 { outline-color: var(--quanta-violet-500); }
.md-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
.md-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
.md-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
.md-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
.md-outline-violet-600 { outline-color: var(--quanta-violet-600); }
.md-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
.md-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
.md-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
.md-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
.md-outline-violet-700 { outline-color: var(--quanta-violet-700); }
.md-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
.md-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
.md-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
.md-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
.md-outline-violet-800 { outline-color: var(--quanta-violet-800); }
.md-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
.md-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
.md-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
.md-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
.md-outline-violet-900 { outline-color: var(--quanta-violet-900); }
.md-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
.md-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
.md-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
.md-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
.md-outline-rose-50 { outline-color: var(--quanta-rose-50); }
.md-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
.md-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
.md-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
.md-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
.md-outline-rose-100 { outline-color: var(--quanta-rose-100); }
.md-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
.md-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
.md-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
.md-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
.md-outline-rose-200 { outline-color: var(--quanta-rose-200); }
.md-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
.md-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
.md-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
.md-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
.md-outline-rose-300 { outline-color: var(--quanta-rose-300); }
.md-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
.md-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
.md-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
.md-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
.md-outline-rose-400 { outline-color: var(--quanta-rose-400); }
.md-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
.md-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
.md-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
.md-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
.md-outline-rose-500 { outline-color: var(--quanta-rose-500); }
.md-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
.md-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
.md-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
.md-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
.md-outline-rose-600 { outline-color: var(--quanta-rose-600); }
.md-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
.md-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
.md-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
.md-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
.md-outline-rose-700 { outline-color: var(--quanta-rose-700); }
.md-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
.md-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
.md-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
.md-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
.md-outline-rose-800 { outline-color: var(--quanta-rose-800); }
.md-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
.md-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
.md-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
.md-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
.md-outline-rose-900 { outline-color: var(--quanta-rose-900); }
.md-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
.md-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
.md-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
.md-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
.md-outline-slate-50 { outline-color: var(--quanta-slate-50); }
.md-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
.md-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
.md-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
.md-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
.md-outline-slate-100 { outline-color: var(--quanta-slate-100); }
.md-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
.md-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
.md-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
.md-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
.md-outline-slate-200 { outline-color: var(--quanta-slate-200); }
.md-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
.md-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
.md-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
.md-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
.md-outline-slate-300 { outline-color: var(--quanta-slate-300); }
.md-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
.md-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
.md-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
.md-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
.md-outline-slate-400 { outline-color: var(--quanta-slate-400); }
.md-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
.md-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
.md-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
.md-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
.md-outline-slate-500 { outline-color: var(--quanta-slate-500); }
.md-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
.md-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
.md-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
.md-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
.md-outline-slate-600 { outline-color: var(--quanta-slate-600); }
.md-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
.md-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
.md-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
.md-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
.md-outline-slate-700 { outline-color: var(--quanta-slate-700); }
.md-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
.md-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
.md-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
.md-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
.md-outline-slate-800 { outline-color: var(--quanta-slate-800); }
.md-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
.md-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
.md-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
.md-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
.md-outline-slate-900 { outline-color: var(--quanta-slate-900); }
.md-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
.md-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
.md-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
.md-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
.md-outline-blue-50 { outline-color: var(--quanta-blue-50); }
.md-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
.md-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
.md-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
.md-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
.md-outline-blue-100 { outline-color: var(--quanta-blue-100); }
.md-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
.md-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
.md-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
.md-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
.md-outline-blue-200 { outline-color: var(--quanta-blue-200); }
.md-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
.md-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
.md-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
.md-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
.md-outline-blue-300 { outline-color: var(--quanta-blue-300); }
.md-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
.md-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
.md-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
.md-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
.md-outline-blue-400 { outline-color: var(--quanta-blue-400); }
.md-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
.md-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
.md-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
.md-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
.md-outline-blue-500 { outline-color: var(--quanta-blue-500); }
.md-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
.md-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
.md-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
.md-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
.md-outline-blue-600 { outline-color: var(--quanta-blue-600); }
.md-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
.md-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
.md-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
.md-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
.md-outline-blue-700 { outline-color: var(--quanta-blue-700); }
.md-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
.md-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
.md-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
.md-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
.md-outline-blue-800 { outline-color: var(--quanta-blue-800); }
.md-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
.md-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
.md-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
.md-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
.md-outline-blue-900 { outline-color: var(--quanta-blue-900); }
.md-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
.md-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
.md-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
.md-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
.md-outline-green-50 { outline-color: var(--quanta-green-50); }
.md-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
.md-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
.md-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
.md-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
.md-outline-green-100 { outline-color: var(--quanta-green-100); }
.md-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
.md-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
.md-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
.md-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
.md-outline-green-200 { outline-color: var(--quanta-green-200); }
.md-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
.md-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
.md-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
.md-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
.md-outline-green-300 { outline-color: var(--quanta-green-300); }
.md-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
.md-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
.md-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
.md-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
.md-outline-green-400 { outline-color: var(--quanta-green-400); }
.md-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
.md-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
.md-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
.md-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
.md-outline-green-500 { outline-color: var(--quanta-green-500); }
.md-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
.md-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
.md-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
.md-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
.md-outline-green-600 { outline-color: var(--quanta-green-600); }
.md-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
.md-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
.md-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
.md-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
.md-outline-green-700 { outline-color: var(--quanta-green-700); }
.md-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
.md-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
.md-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
.md-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
.md-outline-green-800 { outline-color: var(--quanta-green-800); }
.md-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
.md-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
.md-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
.md-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
.md-outline-green-900 { outline-color: var(--quanta-green-900); }
.md-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
.md-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
.md-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
.md-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
.md-outline-black { outline-color: var(--black); }
.md-hover-outline-black:hover { outline-color: var(--black); }
.md-focus-outline-black:focus { outline-color: var(--black); }
.md-active-outline-black:active { outline-color: var(--black); }
.md-disabled-outline-black:disabled { outline-color: var(--black); }
.md-outline-white { outline-color: var(--white); }
.md-hover-outline-white:hover { outline-color: var(--white); }
.md-focus-outline-white:focus { outline-color: var(--white); }
.md-active-outline-white:active { outline-color: var(--white); }
.md-disabled-outline-white:disabled { outline-color: var(--white); }
.md-ring-sm { --ring-width: 0.125rem; }
.md-hover-ring-sm:hover { --ring-width: 0.125rem; }
.md-focus-ring-sm:focus { --ring-width: 0.125rem; }
.md-active-ring-sm:active { --ring-width: 0.125rem; }
.md-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
.md-ring-md { --ring-width: 0.5rem; }
.md-hover-ring-md:hover { --ring-width: 0.5rem; }
.md-focus-ring-md:focus { --ring-width: 0.5rem; }
.md-active-ring-md:active { --ring-width: 0.5rem; }
.md-disabled-ring-md:disabled { --ring-width: 0.5rem; }
.md-ring-lg { --ring-width: 1rem; }
.md-hover-ring-lg:hover { --ring-width: 1rem; }
.md-focus-ring-lg:focus { --ring-width: 1rem; }
.md-active-ring-lg:active { --ring-width: 1rem; }
.md-disabled-ring-lg:disabled { --ring-width: 1rem; }
.md-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.md-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.md-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.md-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.md-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.md-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
.md-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
.md-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
.md-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
.md-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
.md-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
.md-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
.md-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
.md-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
.md-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
.md-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
.md-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
.md-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
.md-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
.md-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
.md-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
.md-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
.md-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
.md-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
.md-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
.md-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
.md-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
.md-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
.md-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
.md-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
.md-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
.md-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
.md-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
.md-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
.md-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
.md-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
.md-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
.md-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
.md-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
.md-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
.md-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
.md-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
.md-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
.md-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
.md-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
.md-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
.md-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
.md-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
.md-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
.md-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
.md-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
.md-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
.md-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
.md-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
.md-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
.md-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
.md-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
.md-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
.md-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
.md-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
.md-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.md-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
.md-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
.md-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
.md-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
.md-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.md-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
.md-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
.md-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
.md-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
.md-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.md-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
.md-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
.md-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
.md-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
.md-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.md-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
.md-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
.md-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
.md-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
.md-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.md-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
.md-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
.md-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
.md-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
.md-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.md-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
.md-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
.md-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
.md-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
.md-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.md-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
.md-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
.md-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
.md-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
.md-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.md-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
.md-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
.md-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
.md-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
.md-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
.md-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
.md-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
.md-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
.md-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
.md-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
.md-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
.md-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
.md-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
.md-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
.md-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
.md-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
.md-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
.md-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
.md-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
.md-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
.md-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
.md-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
.md-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
.md-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
.md-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
.md-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
.md-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
.md-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
.md-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
.md-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
.md-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
.md-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
.md-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
.md-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
.md-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
.md-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
.md-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
.md-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
.md-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
.md-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
.md-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
.md-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
.md-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
.md-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
.md-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
.md-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
.md-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
.md-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
.md-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
.md-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
.md-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
.md-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
.md-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
.md-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
.md-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
.md-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
.md-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
.md-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
.md-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
.md-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
.md-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
.md-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
.md-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
.md-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
.md-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
.md-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
.md-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
.md-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
.md-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
.md-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
.md-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
.md-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
.md-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
.md-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
.md-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
.md-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
.md-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
.md-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
.md-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
.md-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
.md-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
.md-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
.md-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
.md-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
.md-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
.md-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
.md-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
.md-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
.md-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
.md-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
.md-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
.md-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
.md-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
.md-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
.md-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
.md-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
.md-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
.md-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
.md-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
.md-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
.md-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
.md-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
.md-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
.md-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
.md-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
.md-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
.md-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
.md-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
.md-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
.md-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
.md-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
.md-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
.md-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
.md-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
.md-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
.md-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
.md-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
.md-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
.md-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
.md-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
.md-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
.md-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
.md-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
.md-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
.md-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
.md-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
.md-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
.md-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
.md-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
.md-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
.md-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
.md-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
.md-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
.md-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
.md-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
.md-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
.md-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
.md-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
.md-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
.md-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
.md-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
.md-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
.md-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
.md-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
.md-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
.md-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
.md-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
.md-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
.md-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
.md-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
.md-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
.md-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
.md-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
.md-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
.md-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
.md-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
.md-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
.md-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
.md-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
.md-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
.md-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
.md-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
.md-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
.md-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
.md-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
.md-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
.md-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
.md-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
.md-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
.md-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
.md-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
.md-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
.md-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
.md-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
.md-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
.md-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
.md-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
.md-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
.md-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
.md-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
.md-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
.md-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
.md-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
.md-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
.md-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
.md-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
.md-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
.md-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
.md-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
.md-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
.md-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
.md-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
.md-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
.md-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
.md-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
.md-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
.md-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
.md-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
.md-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
.md-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
.md-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
.md-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
.md-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
.md-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
.md-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
.md-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
.md-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
.md-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
.md-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
.md-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
.md-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
.md-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
.md-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
.md-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
.md-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
.md-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
.md-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
.md-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
.md-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
.md-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
.md-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
.md-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
.md-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
.md-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
.md-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
.md-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
.md-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
.md-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
.md-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
.md-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
.md-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
.md-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
.md-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
.md-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
.md-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
.md-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
.md-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
.md-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
.md-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
.md-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
.md-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
.md-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
.md-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
.md-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
.md-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
.md-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
.md-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
.md-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
.md-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
.md-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
.md-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
.md-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
.md-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
.md-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
.md-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
.md-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
.md-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
.md-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
.md-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
.md-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
.md-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
.md-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
.md-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
.md-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
.md-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
.md-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
.md-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
.md-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
.md-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
.md-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
.md-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
.md-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
.md-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
.md-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
.md-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
.md-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
.md-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
.md-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
.md-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
.md-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
.md-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
.md-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
.md-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
.md-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
.md-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
.md-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
.md-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
.md-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
.md-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
.md-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
.md-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
.md-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
.md-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
.md-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
.md-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
.md-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
.md-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
.md-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
.md-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
.md-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
.md-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
.md-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
.md-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
.md-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
.md-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
.md-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
.md-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
.md-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
.md-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
.md-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
.md-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
.md-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
.md-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
.md-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
.md-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
.md-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
.md-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
.md-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
.md-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
.md-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
.md-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
.md-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
.md-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
.md-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
.md-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
.md-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
.md-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
.md-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
.md-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
.md-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
.md-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
.md-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
.md-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
.md-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
.md-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
.md-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
.md-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
.md-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
.md-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
.md-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
.md-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
.md-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
.md-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
.md-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
.md-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
.md-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
.md-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
.md-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
.md-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
.md-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
.md-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
.md-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
.md-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
.md-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
.md-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
.md-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
.md-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
.md-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
.md-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
.md-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
.md-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
.md-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
.md-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
.md-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
.md-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
.md-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
.md-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
.md-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
.md-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
.md-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
.md-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
.md-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
.md-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
.md-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
.md-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
.md-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
.md-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
.md-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
.md-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
.md-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
.md-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
.md-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
.md-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
.md-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
.md-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
.md-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
.md-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
.md-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
.md-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
.md-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
.md-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
.md-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
.md-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
.md-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
.md-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
.md-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
.md-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
.md-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
.md-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
.md-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
.md-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
.md-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
.md-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
.md-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
.md-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
.md-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
.md-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
.md-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
.md-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
.md-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
.md-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
.md-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
.md-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
.md-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
.md-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
.md-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
.md-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
.md-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
.md-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
.md-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
.md-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
.md-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
.md-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
.md-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
.md-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
.md-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
.md-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
.md-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
.md-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
.md-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
.md-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
.md-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
.md-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
.md-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
.md-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
.md-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
.md-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
.md-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
.md-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
.md-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
.md-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
.md-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
.md-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
.md-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
.md-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
.md-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
.md-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
.md-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
.md-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
.md-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
.md-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
.md-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
.md-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
.md-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
.md-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
.md-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
.md-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
.md-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
.md-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
.md-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
.md-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
.md-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
.md-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
.md-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
.md-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
.md-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
.md-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
.md-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
.md-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
.md-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
.md-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
.md-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
.md-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
.md-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
.md-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
.md-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
.md-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
.md-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
.md-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
.md-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
.md-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
.md-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
.md-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
.md-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
.md-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
.md-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
.md-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
.md-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
.md-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
.md-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
.md-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
.md-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
.md-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
.md-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
.md-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
.md-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
.md-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
.md-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
.md-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
.md-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
.md-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
.md-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
.md-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
.md-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
.md-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
.md-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
.md-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
.md-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
.md-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
.md-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
.md-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
.md-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
.md-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
.md-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
.md-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
.md-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
.md-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
.md-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
.md-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
.md-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
.md-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
.md-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
.md-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
.md-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
.md-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
.md-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
.md-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
.md-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
.md-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
.md-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
.md-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
.md-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
.md-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
.md-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
.md-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
.md-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
.md-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
.md-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
.md-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
.md-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
.md-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
.md-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
.md-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
.md-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
.md-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
.md-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
.md-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
.md-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
.md-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
.md-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
.md-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
.md-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
.md-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
.md-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
.md-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
.md-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
.md-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
.md-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
.md-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
.md-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
.md-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
.md-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
.md-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
.md-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
.md-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
.md-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
.md-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
.md-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
.md-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
.md-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
.md-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
.md-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
.md-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
.md-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
.md-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
.md-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
.md-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
.md-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
.md-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
.md-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
.md-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
.md-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
.md-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
.md-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
.md-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
.md-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
.md-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
.md-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
.md-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
.md-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
.md-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
.md-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
.md-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
.md-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
.md-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
.md-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
.md-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
.md-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
.md-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
.md-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
.md-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
.md-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
.md-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
.md-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
.md-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
.md-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
.md-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
.md-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
.md-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
.md-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
.md-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
.md-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
.md-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
.md-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
.md-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
.md-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
.md-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
.md-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
.md-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
.md-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
.md-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
.md-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
.md-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
.md-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
.md-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
.md-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
.md-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
.md-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
.md-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
.md-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
.md-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
.md-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
.md-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
.md-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
.md-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
.md-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
.md-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
.md-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
.md-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
.md-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
.md-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
.md-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
.md-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
.md-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
.md-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
.md-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
.md-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
.md-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
.md-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
.md-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
.md-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
.md-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
.md-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
.md-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
.md-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
.md-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
.md-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
.md-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
.md-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
.md-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
.md-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
.md-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
.md-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
.md-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
.md-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
.md-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
.md-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
.md-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
.md-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
.md-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
.md-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
.md-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
.md-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
.md-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
.md-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
.md-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
.md-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
.md-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
.md-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
.md-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
.md-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
.md-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
.md-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
.md-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
.md-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
.md-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
.md-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
.md-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
.md-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
.md-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
.md-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
.md-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
.md-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
.md-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
.md-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
.md-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
.md-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
.md-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
.md-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
.md-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
.md-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
.md-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
.md-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
.md-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
.md-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
.md-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
.md-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
.md-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
.md-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
.md-ring-black { --quanta-ring-color: var(--black); }
.md-hover-ring-black:hover { --quanta-ring-color: var(--black); }
.md-focus-ring-black:focus { --quanta-ring-color: var(--black); }
.md-active-ring-black:active { --quanta-ring-color: var(--black); }
.md-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
.md-ring-white { --quanta-ring-color: var(--white); }
.md-hover-ring-white:hover { --quanta-ring-color: var(--white); }
.md-focus-ring-white:focus { --quanta-ring-color: var(--white); }
.md-active-ring-white:active { --quanta-ring-color: var(--white); }
.md-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
.md-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.md-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
.md-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
.md-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
.md-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
.md-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.md-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
.md-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
.md-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
.md-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
.md-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.md-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
.md-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
.md-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
.md-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
.md-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.md-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
.md-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
.md-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
.md-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
.md-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.md-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
.md-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
.md-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
.md-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
.md-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.md-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
.md-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
.md-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
.md-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
.md-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.md-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
.md-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
.md-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
.md-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
.md-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.md-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
.md-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
.md-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
.md-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
.md-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.md-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
.md-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
.md-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
.md-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
.md-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.md-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
.md-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
.md-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
.md-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
.md-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.md-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
.md-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
.md-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
.md-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
.md-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.md-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
.md-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
.md-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
.md-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
.md-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.md-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
.md-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
.md-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
.md-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
.md-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.md-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
.md-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
.md-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
.md-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
.md-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.md-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
.md-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
.md-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
.md-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
.md-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.md-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
.md-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
.md-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
.md-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
.md-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.md-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
.md-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
.md-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
.md-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
.md-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.md-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
.md-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
.md-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
.md-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
.md-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.md-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
.md-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
.md-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
.md-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
.md-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.md-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
.md-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
.md-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
.md-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
.md-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.md-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
.md-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
.md-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
.md-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
.md-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.md-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
.md-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
.md-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
.md-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
.md-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.md-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
.md-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
.md-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
.md-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
.md-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.md-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
.md-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
.md-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
.md-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
.md-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.md-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
.md-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
.md-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
.md-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
.md-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.md-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
.md-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
.md-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
.md-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
.md-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.md-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
.md-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
.md-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
.md-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
.md-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.md-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
.md-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
.md-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
.md-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
.md-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.md-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
.md-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
.md-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
.md-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
.md-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.md-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
.md-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
.md-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
.md-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
.md-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.md-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
.md-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
.md-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
.md-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
.md-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.md-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
.md-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
.md-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
.md-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
.md-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.md-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
.md-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
.md-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
.md-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
.md-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.md-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
.md-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
.md-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
.md-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
.md-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.md-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
.md-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
.md-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
.md-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
.md-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.md-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
.md-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
.md-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
.md-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
.md-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.md-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
.md-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
.md-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
.md-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
.md-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.md-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
.md-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
.md-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
.md-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
.md-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.md-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
.md-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
.md-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
.md-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
.md-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.md-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
.md-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
.md-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
.md-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
.md-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.md-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
.md-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
.md-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
.md-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
.md-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.md-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
.md-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
.md-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
.md-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
.md-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.md-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
.md-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
.md-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
.md-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
.md-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.md-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
.md-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
.md-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
.md-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
.md-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.md-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
.md-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
.md-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
.md-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
.md-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.md-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
.md-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
.md-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
.md-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
.md-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.md-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
.md-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
.md-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
.md-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
.md-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.md-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
.md-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
.md-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
.md-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
.md-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.md-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
.md-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
.md-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
.md-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
.md-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.md-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
.md-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
.md-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
.md-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
.md-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.md-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
.md-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
.md-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
.md-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
.md-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.md-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
.md-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
.md-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
.md-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
.md-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.md-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
.md-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
.md-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
.md-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
.md-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.md-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
.md-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
.md-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
.md-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
.md-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.md-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
.md-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
.md-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
.md-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
.md-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.md-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
.md-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
.md-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
.md-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
.md-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.md-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
.md-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
.md-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
.md-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
.md-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.md-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
.md-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
.md-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
.md-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
.md-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.md-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
.md-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
.md-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
.md-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
.md-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.md-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
.md-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
.md-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
.md-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
.md-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.md-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
.md-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
.md-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
.md-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
.md-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.md-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
.md-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
.md-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
.md-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
.md-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.md-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
.md-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
.md-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
.md-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
.md-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.md-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
.md-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
.md-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
.md-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
.md-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.md-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
.md-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
.md-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
.md-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
.md-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.md-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
.md-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
.md-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
.md-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
.md-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.md-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
.md-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
.md-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
.md-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
.md-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.md-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
.md-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
.md-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
.md-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
.md-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.md-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
.md-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
.md-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
.md-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
.md-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.md-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
.md-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
.md-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
.md-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
.md-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.md-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
.md-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
.md-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
.md-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
.md-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.md-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
.md-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
.md-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
.md-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
.md-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.md-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
.md-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
.md-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
.md-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
.md-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.md-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
.md-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
.md-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
.md-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
.md-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.md-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
.md-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
.md-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
.md-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
.md-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.md-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
.md-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
.md-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
.md-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
.md-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.md-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
.md-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
.md-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
.md-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
.md-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.md-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
.md-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
.md-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
.md-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
.md-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.md-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
.md-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
.md-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
.md-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
.md-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.md-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
.md-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
.md-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
.md-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
.md-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.md-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
.md-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
.md-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
.md-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
.md-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.md-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
.md-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
.md-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
.md-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
.md-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.md-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
.md-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
.md-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
.md-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
.md-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.md-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
.md-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
.md-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
.md-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
.md-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.md-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
.md-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
.md-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
.md-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
.md-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.md-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
.md-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
.md-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
.md-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
.md-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.md-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
.md-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
.md-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
.md-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
.md-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.md-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
.md-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
.md-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
.md-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
.md-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.md-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
.md-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
.md-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
.md-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
.md-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.md-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
.md-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
.md-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
.md-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
.md-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.md-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
.md-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
.md-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
.md-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
.md-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.md-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
.md-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
.md-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
.md-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
.md-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.md-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
.md-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
.md-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
.md-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
.md-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.md-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
.md-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
.md-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
.md-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
.md-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.md-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
.md-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
.md-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
.md-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
.md-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.md-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
.md-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
.md-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
.md-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
.md-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.md-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
.md-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
.md-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
.md-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
.md-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.md-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
.md-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
.md-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
.md-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
.md-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.md-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
.md-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
.md-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
.md-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
.md-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.md-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
.md-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
.md-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
.md-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
.md-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.md-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
.md-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
.md-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
.md-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
.md-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.md-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
.md-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
.md-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
.md-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
.md-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.md-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
.md-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
.md-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
.md-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
.md-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.md-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
.md-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
.md-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
.md-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
.md-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.md-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
.md-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
.md-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
.md-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
.md-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.md-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
.md-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
.md-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
.md-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
.md-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.md-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
.md-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
.md-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
.md-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
.md-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.md-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
.md-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
.md-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
.md-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
.md-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.md-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
.md-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
.md-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
.md-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
.md-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.md-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
.md-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
.md-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
.md-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
.md-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.md-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
.md-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
.md-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
.md-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
.md-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.md-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
.md-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
.md-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
.md-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
.md-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.md-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
.md-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
.md-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
.md-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
.md-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.md-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
.md-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
.md-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
.md-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
.md-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.md-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
.md-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
.md-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
.md-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
.md-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.md-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
.md-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
.md-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
.md-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
.md-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.md-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
.md-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
.md-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
.md-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
.md-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.md-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
.md-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
.md-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
.md-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
.md-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.md-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
.md-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
.md-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
.md-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
.md-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.md-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
.md-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
.md-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
.md-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
.md-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.md-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
.md-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
.md-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
.md-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
.md-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.md-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
.md-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
.md-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
.md-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
.md-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.md-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
.md-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
.md-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
.md-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
.md-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.md-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
.md-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
.md-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
.md-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
.md-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.md-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
.md-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
.md-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
.md-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
.md-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.md-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
.md-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
.md-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
.md-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
.md-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.md-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
.md-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
.md-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
.md-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
.md-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.md-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
.md-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
.md-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
.md-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
.md-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.md-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
.md-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
.md-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
.md-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
.md-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.md-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
.md-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
.md-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
.md-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
.md-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.md-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
.md-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
.md-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
.md-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
.md-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.md-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
.md-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
.md-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
.md-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
.md-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.md-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
.md-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
.md-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
.md-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
.md-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.md-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
.md-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
.md-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
.md-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
.md-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.md-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
.md-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
.md-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
.md-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
.md-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.md-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
.md-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
.md-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
.md-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
.md-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.md-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
.md-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
.md-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
.md-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
.md-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.md-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
.md-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
.md-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
.md-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
.md-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.md-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
.md-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
.md-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
.md-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
.md-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.md-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
.md-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
.md-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
.md-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
.md-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.md-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
.md-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
.md-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
.md-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
.md-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.md-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
.md-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
.md-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
.md-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
.md-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.md-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
.md-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
.md-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
.md-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
.md-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.md-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
.md-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
.md-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
.md-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
.md-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.md-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
.md-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
.md-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
.md-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
.md-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.md-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
.md-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
.md-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
.md-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
.md-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.md-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
.md-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
.md-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
.md-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
.md-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.md-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
.md-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
.md-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
.md-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
.md-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.md-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
.md-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
.md-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
.md-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
.md-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.md-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
.md-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
.md-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
.md-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
.md-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.md-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
.md-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
.md-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
.md-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
.md-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.md-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
.md-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
.md-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
.md-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
.md-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.md-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
.md-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
.md-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
.md-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
.md-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.md-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
.md-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
.md-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
.md-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
.md-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.md-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
.md-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
.md-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
.md-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
.md-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.md-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
.md-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
.md-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
.md-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
.md-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.md-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
.md-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
.md-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
.md-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
.md-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.md-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
.md-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
.md-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
.md-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
.md-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.md-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
.md-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
.md-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
.md-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
.md-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.md-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
.md-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
.md-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
.md-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
.md-shadow-color-black { --shadow-color: var(--black); }
.md-hover-shadow-color-black:hover { --shadow-color: var(--black); }
.md-focus-shadow-color-black:focus { --shadow-color: var(--black); }
.md-active-shadow-color-black:active { --shadow-color: var(--black); }
.md-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
.md-shadow-color-white { --shadow-color: var(--white); }
.md-hover-shadow-color-white:hover { --shadow-color: var(--white); }
.md-focus-shadow-color-white:focus { --shadow-color: var(--white); }
.md-active-shadow-color-white:active { --shadow-color: var(--white); }
.md-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
.md-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.md-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
.md-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
.md-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
.md-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
.md-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.md-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
.md-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
.md-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
.md-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
.md-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.md-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
.md-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
.md-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
.md-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
.md-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.md-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
.md-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
.md-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
.md-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
.md-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.md-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
.md-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
.md-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
.md-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
.md-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.md-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
.md-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
.md-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
.md-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
.md-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.md-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
.md-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
.md-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
.md-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
.md-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.md-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
.md-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
.md-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
.md-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
.md-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.md-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
.md-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
.md-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
.md-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
.md-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.md-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
.md-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
.md-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
.md-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
.md-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.md-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
.md-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
.md-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
.md-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
.md-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.md-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
.md-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
.md-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
.md-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
.md-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.md-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
.md-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
.md-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
.md-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
.md-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.md-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
.md-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
.md-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
.md-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
.md-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.md-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
.md-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
.md-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
.md-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
.md-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.md-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
.md-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
.md-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
.md-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
.md-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.md-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
.md-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
.md-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
.md-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
.md-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.md-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
.md-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
.md-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
.md-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
.md-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.md-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
.md-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
.md-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
.md-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
.md-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.md-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
.md-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
.md-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
.md-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
.md-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.md-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
.md-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
.md-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
.md-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
.md-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.md-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
.md-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
.md-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
.md-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
.md-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.md-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
.md-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
.md-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
.md-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
.md-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.md-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
.md-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
.md-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
.md-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
.md-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.md-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
.md-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
.md-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
.md-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
.md-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.md-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
.md-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
.md-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
.md-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
.md-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.md-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
.md-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
.md-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
.md-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
.md-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.md-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
.md-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
.md-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
.md-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
.md-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.md-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
.md-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
.md-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
.md-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
.md-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.md-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
.md-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
.md-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
.md-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
.md-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.md-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
.md-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
.md-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
.md-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
.md-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.md-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
.md-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
.md-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
.md-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
.md-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.md-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
.md-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
.md-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
.md-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
.md-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.md-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
.md-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
.md-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
.md-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
.md-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.md-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
.md-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
.md-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
.md-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
.md-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.md-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
.md-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
.md-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
.md-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
.md-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.md-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
.md-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
.md-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
.md-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
.md-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.md-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
.md-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
.md-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
.md-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
.md-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.md-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
.md-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
.md-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
.md-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
.md-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.md-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
.md-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
.md-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
.md-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
.md-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.md-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
.md-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
.md-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
.md-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
.md-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.md-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
.md-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
.md-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
.md-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
.md-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.md-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
.md-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
.md-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
.md-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
.md-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.md-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
.md-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
.md-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
.md-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
.md-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.md-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
.md-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
.md-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
.md-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
.md-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.md-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
.md-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
.md-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
.md-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
.md-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.md-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
.md-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
.md-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
.md-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
.md-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.md-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
.md-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
.md-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
.md-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
.md-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.md-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
.md-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
.md-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
.md-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
.md-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.md-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
.md-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
.md-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
.md-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
.md-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.md-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
.md-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
.md-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
.md-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
.md-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.md-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
.md-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
.md-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
.md-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
.md-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.md-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
.md-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
.md-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
.md-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
.md-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.md-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
.md-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
.md-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
.md-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
.md-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.md-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
.md-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
.md-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
.md-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
.md-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.md-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
.md-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
.md-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
.md-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
.md-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.md-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
.md-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
.md-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
.md-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
.md-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.md-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
.md-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
.md-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
.md-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
.md-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.md-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
.md-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
.md-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
.md-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
.md-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.md-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
.md-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
.md-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
.md-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
.md-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.md-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
.md-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
.md-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
.md-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
.md-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.md-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
.md-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
.md-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
.md-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
.md-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.md-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
.md-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
.md-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
.md-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
.md-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.md-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
.md-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
.md-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
.md-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
.md-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.md-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
.md-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
.md-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
.md-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
.md-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.md-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
.md-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
.md-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
.md-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
.md-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.md-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
.md-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
.md-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
.md-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
.md-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.md-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
.md-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
.md-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
.md-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
.md-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.md-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
.md-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
.md-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
.md-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
.md-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.md-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
.md-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
.md-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
.md-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
.md-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.md-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
.md-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
.md-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
.md-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
.md-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.md-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
.md-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
.md-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
.md-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
.md-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.md-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
.md-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
.md-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
.md-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
.md-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.md-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
.md-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
.md-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
.md-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
.md-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.md-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
.md-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
.md-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
.md-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
.md-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.md-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
.md-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
.md-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
.md-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
.md-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.md-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
.md-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
.md-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
.md-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
.md-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.md-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
.md-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
.md-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
.md-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
.md-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.md-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
.md-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
.md-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
.md-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
.md-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.md-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
.md-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
.md-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
.md-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
.md-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.md-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
.md-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
.md-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
.md-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
.md-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.md-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
.md-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
.md-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
.md-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
.md-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.md-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
.md-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
.md-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
.md-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
.md-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.md-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
.md-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
.md-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
.md-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
.md-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.md-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
.md-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
.md-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
.md-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
.md-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.md-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
.md-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
.md-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
.md-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
.md-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.md-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
.md-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
.md-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
.md-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
.md-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.md-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
.md-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
.md-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
.md-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
.md-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.md-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
.md-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
.md-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
.md-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
.md-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.md-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
.md-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
.md-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
.md-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
.md-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.md-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
.md-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
.md-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
.md-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
.md-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.md-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
.md-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
.md-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
.md-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
.md-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.md-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
.md-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
.md-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
.md-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
.md-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.md-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
.md-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
.md-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
.md-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
.md-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.md-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
.md-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
.md-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
.md-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
.md-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.md-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
.md-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
.md-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
.md-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
.md-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.md-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
.md-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
.md-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
.md-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
.md-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.md-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
.md-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
.md-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
.md-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
.md-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.md-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
.md-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
.md-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
.md-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
.md-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.md-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
.md-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
.md-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
.md-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
.md-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.md-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
.md-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
.md-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
.md-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
.md-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.md-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
.md-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
.md-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
.md-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
.md-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.md-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
.md-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
.md-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
.md-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
.md-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.md-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
.md-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
.md-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
.md-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
.md-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.md-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
.md-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
.md-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
.md-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
.md-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.md-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
.md-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
.md-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
.md-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
.md-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.md-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
.md-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
.md-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
.md-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
.md-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.md-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
.md-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
.md-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
.md-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
.md-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.md-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
.md-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
.md-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
.md-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
.md-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.md-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
.md-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
.md-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
.md-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
.md-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.md-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
.md-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
.md-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
.md-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
.md-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.md-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
.md-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
.md-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
.md-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
.md-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.md-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
.md-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
.md-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
.md-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
.md-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.md-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
.md-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
.md-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
.md-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
.md-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.md-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
.md-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
.md-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
.md-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
.md-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.md-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
.md-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
.md-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
.md-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
.md-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.md-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
.md-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
.md-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
.md-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
.md-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.md-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
.md-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
.md-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
.md-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
.md-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.md-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
.md-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
.md-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
.md-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
.md-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.md-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
.md-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
.md-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
.md-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
.md-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.md-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
.md-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
.md-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
.md-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
.md-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.md-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
.md-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
.md-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
.md-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
.md-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.md-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
.md-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
.md-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
.md-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
.md-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.md-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
.md-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
.md-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
.md-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
.md-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.md-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
.md-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
.md-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
.md-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
.md-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.md-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
.md-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
.md-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
.md-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
.md-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.md-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
.md-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
.md-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
.md-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
.md-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.md-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
.md-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
.md-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
.md-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
.md-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.md-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
.md-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
.md-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
.md-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
.md-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.md-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
.md-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
.md-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
.md-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
.md-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.md-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
.md-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
.md-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
.md-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
.md-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.md-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
.md-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
.md-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
.md-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
.md-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.md-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
.md-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
.md-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
.md-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
.md-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.md-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
.md-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
.md-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
.md-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
.md-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.md-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
.md-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
.md-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
.md-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
.md-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.md-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
.md-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
.md-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
.md-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
.md-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.md-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
.md-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
.md-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
.md-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
.md-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.md-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
.md-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
.md-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
.md-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
.md-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.md-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
.md-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
.md-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
.md-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
.md-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.md-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
.md-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
.md-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
.md-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
.md-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.md-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
.md-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
.md-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
.md-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
.md-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.md-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
.md-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
.md-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
.md-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
.md-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.md-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
.md-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
.md-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
.md-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
.md-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.md-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
.md-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
.md-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
.md-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
.md-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.md-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
.md-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
.md-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
.md-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
.md-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.md-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
.md-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
.md-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
.md-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
.md-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.md-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
.md-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
.md-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
.md-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
.md-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.md-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
.md-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
.md-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
.md-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
.md-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.md-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
.md-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
.md-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
.md-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
.md-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.md-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
.md-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
.md-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
.md-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
.md-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.md-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
.md-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
.md-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
.md-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
.md-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.md-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
.md-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
.md-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
.md-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
.md-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.md-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
.md-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
.md-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
.md-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
.md-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.md-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
.md-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
.md-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
.md-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
.md-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.md-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
.md-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
.md-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
.md-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
.md-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.md-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
.md-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
.md-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
.md-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
.md-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.md-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
.md-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
.md-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
.md-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
.md-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.md-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
.md-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
.md-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
.md-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
.md-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.md-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
.md-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
.md-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
.md-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
.md-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.md-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
.md-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
.md-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
.md-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
.md-gradient-from-black { --quanta-from-color: var(--black); }
.md-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
.md-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
.md-active-gradient-from-black:active { --quanta-from-color: var(--black); }
.md-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
.md-gradient-from-white { --quanta-from-color: var(--white); }
.md-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
.md-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
.md-active-gradient-from-white:active { --quanta-from-color: var(--white); }
.md-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
.md-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.md-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
.md-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
.md-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
.md-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
.md-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.md-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
.md-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
.md-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
.md-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
.md-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.md-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
.md-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
.md-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
.md-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
.md-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.md-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
.md-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
.md-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
.md-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
.md-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.md-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
.md-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
.md-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
.md-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
.md-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.md-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
.md-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
.md-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
.md-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
.md-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.md-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
.md-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
.md-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
.md-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
.md-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.md-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
.md-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
.md-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
.md-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
.md-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.md-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
.md-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
.md-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
.md-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
.md-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.md-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
.md-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
.md-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
.md-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
.md-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.md-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
.md-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
.md-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
.md-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
.md-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.md-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
.md-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
.md-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
.md-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
.md-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.md-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
.md-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
.md-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
.md-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
.md-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.md-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
.md-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
.md-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
.md-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
.md-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.md-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
.md-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
.md-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
.md-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
.md-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.md-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
.md-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
.md-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
.md-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
.md-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.md-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
.md-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
.md-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
.md-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
.md-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.md-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
.md-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
.md-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
.md-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
.md-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.md-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
.md-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
.md-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
.md-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
.md-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.md-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
.md-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
.md-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
.md-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
.md-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.md-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
.md-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
.md-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
.md-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
.md-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.md-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
.md-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
.md-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
.md-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
.md-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.md-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
.md-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
.md-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
.md-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
.md-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.md-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
.md-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
.md-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
.md-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
.md-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.md-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
.md-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
.md-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
.md-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
.md-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.md-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
.md-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
.md-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
.md-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
.md-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.md-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
.md-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
.md-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
.md-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
.md-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.md-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
.md-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
.md-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
.md-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
.md-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.md-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
.md-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
.md-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
.md-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
.md-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.md-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
.md-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
.md-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
.md-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
.md-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.md-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
.md-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
.md-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
.md-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
.md-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.md-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
.md-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
.md-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
.md-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
.md-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.md-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
.md-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
.md-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
.md-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
.md-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.md-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
.md-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
.md-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
.md-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
.md-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.md-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
.md-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
.md-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
.md-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
.md-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.md-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
.md-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
.md-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
.md-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
.md-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.md-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
.md-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
.md-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
.md-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
.md-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.md-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
.md-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
.md-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
.md-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
.md-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.md-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
.md-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
.md-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
.md-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
.md-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.md-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
.md-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
.md-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
.md-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
.md-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.md-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
.md-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
.md-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
.md-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
.md-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.md-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
.md-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
.md-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
.md-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
.md-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.md-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
.md-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
.md-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
.md-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
.md-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.md-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
.md-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
.md-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
.md-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
.md-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.md-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
.md-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
.md-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
.md-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
.md-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.md-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
.md-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
.md-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
.md-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
.md-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.md-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
.md-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
.md-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
.md-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
.md-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.md-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
.md-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
.md-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
.md-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
.md-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.md-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
.md-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
.md-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
.md-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
.md-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.md-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
.md-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
.md-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
.md-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
.md-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.md-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
.md-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
.md-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
.md-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
.md-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.md-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
.md-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
.md-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
.md-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
.md-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.md-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
.md-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
.md-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
.md-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
.md-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.md-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
.md-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
.md-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
.md-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
.md-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.md-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
.md-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
.md-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
.md-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
.md-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.md-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
.md-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
.md-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
.md-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
.md-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.md-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
.md-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
.md-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
.md-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
.md-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.md-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
.md-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
.md-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
.md-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
.md-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.md-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
.md-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
.md-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
.md-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
.md-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.md-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
.md-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
.md-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
.md-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
.md-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.md-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
.md-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
.md-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
.md-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
.md-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.md-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
.md-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
.md-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
.md-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
.md-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.md-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
.md-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
.md-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
.md-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
.md-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.md-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
.md-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
.md-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
.md-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
.md-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.md-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
.md-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
.md-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
.md-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
.md-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.md-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
.md-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
.md-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
.md-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
.md-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.md-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
.md-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
.md-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
.md-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
.md-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.md-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
.md-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
.md-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
.md-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
.md-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.md-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
.md-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
.md-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
.md-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
.md-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.md-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
.md-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
.md-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
.md-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
.md-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.md-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
.md-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
.md-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
.md-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
.md-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.md-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
.md-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
.md-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
.md-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
.md-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.md-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
.md-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
.md-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
.md-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
.md-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.md-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
.md-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
.md-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
.md-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
.md-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.md-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
.md-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
.md-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
.md-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
.md-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.md-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
.md-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
.md-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
.md-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
.md-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.md-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
.md-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
.md-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
.md-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
.md-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.md-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
.md-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
.md-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
.md-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
.md-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.md-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
.md-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
.md-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
.md-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
.md-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.md-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
.md-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
.md-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
.md-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
.md-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.md-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
.md-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
.md-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
.md-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
.md-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.md-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
.md-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
.md-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
.md-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
.md-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.md-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
.md-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
.md-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
.md-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
.md-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.md-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
.md-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
.md-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
.md-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
.md-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.md-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
.md-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
.md-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
.md-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
.md-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.md-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
.md-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
.md-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
.md-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
.md-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.md-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
.md-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
.md-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
.md-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
.md-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.md-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
.md-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
.md-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
.md-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
.md-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.md-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
.md-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
.md-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
.md-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
.md-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.md-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
.md-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
.md-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
.md-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
.md-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.md-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
.md-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
.md-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
.md-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
.md-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.md-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
.md-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
.md-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
.md-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
.md-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.md-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
.md-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
.md-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
.md-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
.md-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.md-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
.md-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
.md-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
.md-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
.md-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.md-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
.md-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
.md-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
.md-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
.md-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.md-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
.md-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
.md-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
.md-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
.md-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.md-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
.md-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
.md-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
.md-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
.md-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.md-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
.md-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
.md-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
.md-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
.md-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.md-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
.md-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
.md-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
.md-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
.md-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.md-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
.md-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
.md-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
.md-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
.md-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.md-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
.md-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
.md-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
.md-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
.md-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.md-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
.md-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
.md-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
.md-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
.md-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.md-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
.md-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
.md-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
.md-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
.md-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.md-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
.md-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
.md-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
.md-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
.md-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.md-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
.md-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
.md-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
.md-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
.md-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.md-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
.md-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
.md-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
.md-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
.md-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.md-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
.md-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
.md-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
.md-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
.md-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.md-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
.md-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
.md-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
.md-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
.md-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.md-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
.md-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
.md-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
.md-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
.md-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.md-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
.md-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
.md-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
.md-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
.md-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.md-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
.md-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
.md-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
.md-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
.md-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.md-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
.md-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
.md-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
.md-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
.md-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.md-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
.md-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
.md-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
.md-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
.md-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.md-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
.md-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
.md-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
.md-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
.md-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.md-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
.md-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
.md-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
.md-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
.md-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.md-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
.md-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
.md-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
.md-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
.md-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.md-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
.md-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
.md-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
.md-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
.md-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.md-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
.md-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
.md-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
.md-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
.md-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.md-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
.md-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
.md-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
.md-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
.md-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.md-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
.md-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
.md-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
.md-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
.md-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.md-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
.md-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
.md-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
.md-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
.md-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.md-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
.md-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
.md-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
.md-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
.md-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.md-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
.md-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
.md-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
.md-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
.md-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.md-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
.md-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
.md-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
.md-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
.md-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.md-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
.md-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
.md-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
.md-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
.md-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.md-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
.md-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
.md-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
.md-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
.md-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.md-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
.md-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
.md-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
.md-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
.md-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.md-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
.md-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
.md-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
.md-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
.md-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.md-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
.md-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
.md-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
.md-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
.md-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.md-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
.md-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
.md-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
.md-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
.md-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.md-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
.md-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
.md-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
.md-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
.md-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.md-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
.md-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
.md-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
.md-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
.md-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.md-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
.md-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
.md-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
.md-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
.md-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.md-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
.md-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
.md-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
.md-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
.md-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.md-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
.md-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
.md-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
.md-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
.md-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.md-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
.md-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
.md-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
.md-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
.md-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.md-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
.md-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
.md-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
.md-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
.md-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.md-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
.md-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
.md-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
.md-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
.md-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.md-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
.md-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
.md-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
.md-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
.md-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.md-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
.md-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
.md-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
.md-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
.md-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.md-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
.md-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
.md-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
.md-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
.md-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.md-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
.md-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
.md-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
.md-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
.md-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.md-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
.md-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
.md-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
.md-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
.md-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.md-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
.md-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
.md-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
.md-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
.md-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.md-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
.md-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
.md-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
.md-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
.md-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.md-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
.md-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
.md-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
.md-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
.md-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.md-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
.md-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
.md-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
.md-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
.md-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.md-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
.md-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
.md-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
.md-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
.md-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.md-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
.md-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
.md-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
.md-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
.md-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.md-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
.md-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
.md-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
.md-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
.md-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.md-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
.md-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
.md-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
.md-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
.md-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.md-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
.md-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
.md-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
.md-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
.md-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.md-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
.md-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
.md-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
.md-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
.md-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.md-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
.md-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
.md-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
.md-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
.md-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.md-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
.md-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
.md-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
.md-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
.md-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.md-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
.md-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
.md-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
.md-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
.md-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.md-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
.md-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
.md-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
.md-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
.md-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.md-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
.md-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
.md-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
.md-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
.md-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.md-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
.md-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
.md-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
.md-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
.md-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.md-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
.md-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
.md-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
.md-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
.md-gradient-to-black { --quanta-to-color: var(--black); }
.md-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
.md-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
.md-active-gradient-to-black:active { --quanta-to-color: var(--black); }
.md-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
.md-gradient-to-white { --quanta-to-color: var(--white); }
.md-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
.md-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
.md-active-gradient-to-white:active { --quanta-to-color: var(--white); }
.md-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
.md-transition-all { transition-property: all; }
.md-hover-transition-all:hover { transition-property: all; }
.md-focus-transition-all:focus { transition-property: all; }
.md-active-transition-all:active { transition-property: all; }
.md-disabled-transition-all:disabled { transition-property: all; }
.md-transition-bg { transition-property: background-color; }
.md-hover-transition-bg:hover { transition-property: background-color; }
.md-focus-transition-bg:focus { transition-property: background-color; }
.md-active-transition-bg:active { transition-property: background-color; }
.md-disabled-transition-bg:disabled { transition-property: background-color; }
.md-transition-color { transition-property: color; }
.md-hover-transition-color:hover { transition-property: color; }
.md-focus-transition-color:focus { transition-property: color; }
.md-active-transition-color:active { transition-property: color; }
.md-disabled-transition-color:disabled { transition-property: color; }
.md-transition-opacity { transition-property: opacity; }
.md-hover-transition-opacity:hover { transition-property: opacity; }
.md-focus-transition-opacity:focus { transition-property: opacity; }
.md-active-transition-opacity:active { transition-property: opacity; }
.md-disabled-transition-opacity:disabled { transition-property: opacity; }
.md-transition-transform { transition-property: transform; }
.md-hover-transition-transform:hover { transition-property: transform; }
.md-focus-transition-transform:focus { transition-property: transform; }
.md-active-transition-transform:active { transition-property: transform; }
.md-disabled-transition-transform:disabled { transition-property: transform; }
.md-transition-shadow { transition-property: shadow; }
.md-hover-transition-shadow:hover { transition-property: shadow; }
.md-focus-transition-shadow:focus { transition-property: shadow; }
.md-active-transition-shadow:active { transition-property: shadow; }
.md-disabled-transition-shadow:disabled { transition-property: shadow; }
.md-transition-border { transition-property: border; }
.md-hover-transition-border:hover { transition-property: border; }
.md-focus-transition-border:focus { transition-property: border; }
.md-active-transition-border:active { transition-property: border; }
.md-disabled-transition-border:disabled { transition-property: border; }
.md-duration-75 { transition-duration: 75ms; }
.md-hover-duration-75:hover { transition-duration: 75ms; }
.md-focus-duration-75:focus { transition-duration: 75ms; }
.md-active-duration-75:active { transition-duration: 75ms; }
.md-disabled-duration-75:disabled { transition-duration: 75ms; }
.md-duration-100 { transition-duration: 100ms; }
.md-hover-duration-100:hover { transition-duration: 100ms; }
.md-focus-duration-100:focus { transition-duration: 100ms; }
.md-active-duration-100:active { transition-duration: 100ms; }
.md-disabled-duration-100:disabled { transition-duration: 100ms; }
.md-duration-150 { transition-duration: 150ms; }
.md-hover-duration-150:hover { transition-duration: 150ms; }
.md-focus-duration-150:focus { transition-duration: 150ms; }
.md-active-duration-150:active { transition-duration: 150ms; }
.md-disabled-duration-150:disabled { transition-duration: 150ms; }
.md-duration-200 { transition-duration: 200ms; }
.md-hover-duration-200:hover { transition-duration: 200ms; }
.md-focus-duration-200:focus { transition-duration: 200ms; }
.md-active-duration-200:active { transition-duration: 200ms; }
.md-disabled-duration-200:disabled { transition-duration: 200ms; }
.md-duration-300 { transition-duration: 300ms; }
.md-hover-duration-300:hover { transition-duration: 300ms; }
.md-focus-duration-300:focus { transition-duration: 300ms; }
.md-active-duration-300:active { transition-duration: 300ms; }
.md-disabled-duration-300:disabled { transition-duration: 300ms; }
.md-duration-500 { transition-duration: 500ms; }
.md-hover-duration-500:hover { transition-duration: 500ms; }
.md-focus-duration-500:focus { transition-duration: 500ms; }
.md-active-duration-500:active { transition-duration: 500ms; }
.md-disabled-duration-500:disabled { transition-duration: 500ms; }
.md-duration-700 { transition-duration: 700ms; }
.md-hover-duration-700:hover { transition-duration: 700ms; }
.md-focus-duration-700:focus { transition-duration: 700ms; }
.md-active-duration-700:active { transition-duration: 700ms; }
.md-disabled-duration-700:disabled { transition-duration: 700ms; }
.md-duration-1000 { transition-duration: 1000ms; }
.md-hover-duration-1000:hover { transition-duration: 1000ms; }
.md-focus-duration-1000:focus { transition-duration: 1000ms; }
.md-active-duration-1000:active { transition-duration: 1000ms; }
.md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.md-ease-linear { transition-timing-function: ease-linear; }
.md-hover-ease-linear:hover { transition-timing-function: ease-linear; }
.md-focus-ease-linear:focus { transition-timing-function: ease-linear; }
.md-active-ease-linear:active { transition-timing-function: ease-linear; }
.md-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
.md-ease-in { transition-timing-function: ease-in; }
.md-hover-ease-in:hover { transition-timing-function: ease-in; }
.md-focus-ease-in:focus { transition-timing-function: ease-in; }
.md-active-ease-in:active { transition-timing-function: ease-in; }
.md-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.md-ease-out { transition-timing-function: ease-out; }
.md-hover-ease-out:hover { transition-timing-function: ease-out; }
.md-focus-ease-out:focus { transition-timing-function: ease-out; }
.md-active-ease-out:active { transition-timing-function: ease-out; }
.md-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.md-ease-in-out { transition-timing-function: ease-in-out; }
.md-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.md-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.md-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.md-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.md-translate-x-0 { transform: translateX(0rem); }
.md-hover-translate-x-0:hover { transform: translateX(0rem); }
.md-focus-translate-x-0:focus { transform: translateX(0rem); }
.md-active-translate-x-0:active { transform: translateX(0rem); }
.md-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.md-translate-y-0 { transform: translateY(0rem); }
.md-hover-translate-y-0:hover { transform: translateY(0rem); }
.md-focus-translate-y-0:focus { transform: translateY(0rem); }
.md-active-translate-y-0:active { transform: translateY(0rem); }
.md-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.md-translate-x-0_25 { transform: translateX(0.25rem); }
.md-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.md-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.md-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.md-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.md-translate-y-0_25 { transform: translateY(0.25rem); }
.md-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.md-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.md-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.md-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.md-translate-x-0_5 { transform: translateX(0.5rem); }
.md-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.md-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.md-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.md-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.md-translate-y-0_5 { transform: translateY(0.5rem); }
.md-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.md-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.md-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.md-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.md-translate-x-1 { transform: translateX(1rem); }
.md-hover-translate-x-1:hover { transform: translateX(1rem); }
.md-focus-translate-x-1:focus { transform: translateX(1rem); }
.md-active-translate-x-1:active { transform: translateX(1rem); }
.md-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.md-translate-y-1 { transform: translateY(1rem); }
.md-hover-translate-y-1:hover { transform: translateY(1rem); }
.md-focus-translate-y-1:focus { transform: translateY(1rem); }
.md-active-translate-y-1:active { transform: translateY(1rem); }
.md-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.md-translate-x-1_5 { transform: translateX(1.5rem); }
.md-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.md-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.md-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.md-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.md-translate-y-1_5 { transform: translateY(1.5rem); }
.md-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.md-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.md-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.md-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.md-translate-x-2 { transform: translateX(2rem); }
.md-hover-translate-x-2:hover { transform: translateX(2rem); }
.md-focus-translate-x-2:focus { transform: translateX(2rem); }
.md-active-translate-x-2:active { transform: translateX(2rem); }
.md-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.md-translate-y-2 { transform: translateY(2rem); }
.md-hover-translate-y-2:hover { transform: translateY(2rem); }
.md-focus-translate-y-2:focus { transform: translateY(2rem); }
.md-active-translate-y-2:active { transform: translateY(2rem); }
.md-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.md-translate-x-3 { transform: translateX(3rem); }
.md-hover-translate-x-3:hover { transform: translateX(3rem); }
.md-focus-translate-x-3:focus { transform: translateX(3rem); }
.md-active-translate-x-3:active { transform: translateX(3rem); }
.md-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.md-translate-y-3 { transform: translateY(3rem); }
.md-hover-translate-y-3:hover { transform: translateY(3rem); }
.md-focus-translate-y-3:focus { transform: translateY(3rem); }
.md-active-translate-y-3:active { transform: translateY(3rem); }
.md-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.md-translate-x-4 { transform: translateX(4rem); }
.md-hover-translate-x-4:hover { transform: translateX(4rem); }
.md-focus-translate-x-4:focus { transform: translateX(4rem); }
.md-active-translate-x-4:active { transform: translateX(4rem); }
.md-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.md-translate-y-4 { transform: translateY(4rem); }
.md-hover-translate-y-4:hover { transform: translateY(4rem); }
.md-focus-translate-y-4:focus { transform: translateY(4rem); }
.md-active-translate-y-4:active { transform: translateY(4rem); }
.md-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.md-translate-x-5 { transform: translateX(5rem); }
.md-hover-translate-x-5:hover { transform: translateX(5rem); }
.md-focus-translate-x-5:focus { transform: translateX(5rem); }
.md-active-translate-x-5:active { transform: translateX(5rem); }
.md-disabled-translate-x-5:disabled { transform: translateX(5rem); }
.md-translate-y-5 { transform: translateY(5rem); }
.md-hover-translate-y-5:hover { transform: translateY(5rem); }
.md-focus-translate-y-5:focus { transform: translateY(5rem); }
.md-active-translate-y-5:active { transform: translateY(5rem); }
.md-disabled-translate-y-5:disabled { transform: translateY(5rem); }
.md-translate-x-6 { transform: translateX(6rem); }
.md-hover-translate-x-6:hover { transform: translateX(6rem); }
.md-focus-translate-x-6:focus { transform: translateX(6rem); }
.md-active-translate-x-6:active { transform: translateX(6rem); }
.md-disabled-translate-x-6:disabled { transform: translateX(6rem); }
.md-translate-y-6 { transform: translateY(6rem); }
.md-hover-translate-y-6:hover { transform: translateY(6rem); }
.md-focus-translate-y-6:focus { transform: translateY(6rem); }
.md-active-translate-y-6:active { transform: translateY(6rem); }
.md-disabled-translate-y-6:disabled { transform: translateY(6rem); }
.md-translate-x-8 { transform: translateX(8rem); }
.md-hover-translate-x-8:hover { transform: translateX(8rem); }
.md-focus-translate-x-8:focus { transform: translateX(8rem); }
.md-active-translate-x-8:active { transform: translateX(8rem); }
.md-disabled-translate-x-8:disabled { transform: translateX(8rem); }
.md-translate-y-8 { transform: translateY(8rem); }
.md-hover-translate-y-8:hover { transform: translateY(8rem); }
.md-focus-translate-y-8:focus { transform: translateY(8rem); }
.md-active-translate-y-8:active { transform: translateY(8rem); }
.md-disabled-translate-y-8:disabled { transform: translateY(8rem); }
.md-translate-x-10 { transform: translateX(10rem); }
.md-hover-translate-x-10:hover { transform: translateX(10rem); }
.md-focus-translate-x-10:focus { transform: translateX(10rem); }
.md-active-translate-x-10:active { transform: translateX(10rem); }
.md-disabled-translate-x-10:disabled { transform: translateX(10rem); }
.md-translate-y-10 { transform: translateY(10rem); }
.md-hover-translate-y-10:hover { transform: translateY(10rem); }
.md-focus-translate-y-10:focus { transform: translateY(10rem); }
.md-active-translate-y-10:active { transform: translateY(10rem); }
.md-disabled-translate-y-10:disabled { transform: translateY(10rem); }
.md-translate-x-12 { transform: translateX(12rem); }
.md-hover-translate-x-12:hover { transform: translateX(12rem); }
.md-focus-translate-x-12:focus { transform: translateX(12rem); }
.md-active-translate-x-12:active { transform: translateX(12rem); }
.md-disabled-translate-x-12:disabled { transform: translateX(12rem); }
.md-translate-y-12 { transform: translateY(12rem); }
.md-hover-translate-y-12:hover { transform: translateY(12rem); }
.md-focus-translate-y-12:focus { transform: translateY(12rem); }
.md-active-translate-y-12:active { transform: translateY(12rem); }
.md-disabled-translate-y-12:disabled { transform: translateY(12rem); }
.md-translate-x-16 { transform: translateX(16rem); }
.md-hover-translate-x-16:hover { transform: translateX(16rem); }
.md-focus-translate-x-16:focus { transform: translateX(16rem); }
.md-active-translate-x-16:active { transform: translateX(16rem); }
.md-disabled-translate-x-16:disabled { transform: translateX(16rem); }
.md-translate-y-16 { transform: translateY(16rem); }
.md-hover-translate-y-16:hover { transform: translateY(16rem); }
.md-focus-translate-y-16:focus { transform: translateY(16rem); }
.md-active-translate-y-16:active { transform: translateY(16rem); }
.md-disabled-translate-y-16:disabled { transform: translateY(16rem); }
.md-translate-x-20 { transform: translateX(20rem); }
.md-hover-translate-x-20:hover { transform: translateX(20rem); }
.md-focus-translate-x-20:focus { transform: translateX(20rem); }
.md-active-translate-x-20:active { transform: translateX(20rem); }
.md-disabled-translate-x-20:disabled { transform: translateX(20rem); }
.md-translate-y-20 { transform: translateY(20rem); }
.md-hover-translate-y-20:hover { transform: translateY(20rem); }
.md-focus-translate-y-20:focus { transform: translateY(20rem); }
.md-active-translate-y-20:active { transform: translateY(20rem); }
.md-disabled-translate-y-20:disabled { transform: translateY(20rem); }
.md-translate-x-24 { transform: translateX(24rem); }
.md-hover-translate-x-24:hover { transform: translateX(24rem); }
.md-focus-translate-x-24:focus { transform: translateX(24rem); }
.md-active-translate-x-24:active { transform: translateX(24rem); }
.md-disabled-translate-x-24:disabled { transform: translateX(24rem); }
.md-translate-y-24 { transform: translateY(24rem); }
.md-hover-translate-y-24:hover { transform: translateY(24rem); }
.md-focus-translate-y-24:focus { transform: translateY(24rem); }
.md-active-translate-y-24:active { transform: translateY(24rem); }
.md-disabled-translate-y-24:disabled { transform: translateY(24rem); }
.md-translate-x-32 { transform: translateX(32rem); }
.md-hover-translate-x-32:hover { transform: translateX(32rem); }
.md-focus-translate-x-32:focus { transform: translateX(32rem); }
.md-active-translate-x-32:active { transform: translateX(32rem); }
.md-disabled-translate-x-32:disabled { transform: translateX(32rem); }
.md-translate-y-32 { transform: translateY(32rem); }
.md-hover-translate-y-32:hover { transform: translateY(32rem); }
.md-focus-translate-y-32:focus { transform: translateY(32rem); }
.md-active-translate-y-32:active { transform: translateY(32rem); }
.md-disabled-translate-y-32:disabled { transform: translateY(32rem); }
.md-scale-0 { transform: scale(0.0); }
.md-hover-scale-0:hover { transform: scale(0.0); }
.md-focus-scale-0:focus { transform: scale(0.0); }
.md-active-scale-0:active { transform: scale(0.0); }
.md-disabled-scale-0:disabled { transform: scale(0.0); }
.md-scale-50 { transform: scale(0.5); }
.md-hover-scale-50:hover { transform: scale(0.5); }
.md-focus-scale-50:focus { transform: scale(0.5); }
.md-active-scale-50:active { transform: scale(0.5); }
.md-disabled-scale-50:disabled { transform: scale(0.5); }
.md-scale-75 { transform: scale(0.75); }
.md-hover-scale-75:hover { transform: scale(0.75); }
.md-focus-scale-75:focus { transform: scale(0.75); }
.md-active-scale-75:active { transform: scale(0.75); }
.md-disabled-scale-75:disabled { transform: scale(0.75); }
.md-scale-90 { transform: scale(0.9); }
.md-hover-scale-90:hover { transform: scale(0.9); }
.md-focus-scale-90:focus { transform: scale(0.9); }
.md-active-scale-90:active { transform: scale(0.9); }
.md-disabled-scale-90:disabled { transform: scale(0.9); }
.md-scale-95 { transform: scale(0.95); }
.md-hover-scale-95:hover { transform: scale(0.95); }
.md-focus-scale-95:focus { transform: scale(0.95); }
.md-active-scale-95:active { transform: scale(0.95); }
.md-disabled-scale-95:disabled { transform: scale(0.95); }
.md-scale-100 { transform: scale(1.0); }
.md-hover-scale-100:hover { transform: scale(1.0); }
.md-focus-scale-100:focus { transform: scale(1.0); }
.md-active-scale-100:active { transform: scale(1.0); }
.md-disabled-scale-100:disabled { transform: scale(1.0); }
.md-scale-105 { transform: scale(1.05); }
.md-hover-scale-105:hover { transform: scale(1.05); }
.md-focus-scale-105:focus { transform: scale(1.05); }
.md-active-scale-105:active { transform: scale(1.05); }
.md-disabled-scale-105:disabled { transform: scale(1.05); }
.md-scale-110 { transform: scale(1.1); }
.md-hover-scale-110:hover { transform: scale(1.1); }
.md-focus-scale-110:focus { transform: scale(1.1); }
.md-active-scale-110:active { transform: scale(1.1); }
.md-disabled-scale-110:disabled { transform: scale(1.1); }
.md-scale-125 { transform: scale(1.25); }
.md-hover-scale-125:hover { transform: scale(1.25); }
.md-focus-scale-125:focus { transform: scale(1.25); }
.md-active-scale-125:active { transform: scale(1.25); }
.md-disabled-scale-125:disabled { transform: scale(1.25); }
.md-scale-150 { transform: scale(1.5); }
.md-hover-scale-150:hover { transform: scale(1.5); }
.md-focus-scale-150:focus { transform: scale(1.5); }
.md-active-scale-150:active { transform: scale(1.5); }
.md-disabled-scale-150:disabled { transform: scale(1.5); }
.md-rotate--180 { transform: rotate(-180deg); }
.md-hover-rotate--180:hover { transform: rotate(-180deg); }
.md-focus-rotate--180:focus { transform: rotate(-180deg); }
.md-active-rotate--180:active { transform: rotate(-180deg); }
.md-disabled-rotate--180:disabled { transform: rotate(-180deg); }
.md-rotate--90 { transform: rotate(-90deg); }
.md-hover-rotate--90:hover { transform: rotate(-90deg); }
.md-focus-rotate--90:focus { transform: rotate(-90deg); }
.md-active-rotate--90:active { transform: rotate(-90deg); }
.md-disabled-rotate--90:disabled { transform: rotate(-90deg); }
.md-rotate--45 { transform: rotate(-45deg); }
.md-hover-rotate--45:hover { transform: rotate(-45deg); }
.md-focus-rotate--45:focus { transform: rotate(-45deg); }
.md-active-rotate--45:active { transform: rotate(-45deg); }
.md-disabled-rotate--45:disabled { transform: rotate(-45deg); }
.md-rotate-0 { transform: rotate(0deg); }
.md-hover-rotate-0:hover { transform: rotate(0deg); }
.md-focus-rotate-0:focus { transform: rotate(0deg); }
.md-active-rotate-0:active { transform: rotate(0deg); }
.md-disabled-rotate-0:disabled { transform: rotate(0deg); }
.md-rotate-45 { transform: rotate(45deg); }
.md-hover-rotate-45:hover { transform: rotate(45deg); }
.md-focus-rotate-45:focus { transform: rotate(45deg); }
.md-active-rotate-45:active { transform: rotate(45deg); }
.md-disabled-rotate-45:disabled { transform: rotate(45deg); }
.md-rotate-90 { transform: rotate(90deg); }
.md-hover-rotate-90:hover { transform: rotate(90deg); }
.md-focus-rotate-90:focus { transform: rotate(90deg); }
.md-active-rotate-90:active { transform: rotate(90deg); }
.md-disabled-rotate-90:disabled { transform: rotate(90deg); }
.md-rotate-180 { transform: rotate(180deg); }
.md-hover-rotate-180:hover { transform: rotate(180deg); }
.md-focus-rotate-180:focus { transform: rotate(180deg); }
.md-active-rotate-180:active { transform: rotate(180deg); }
.md-disabled-rotate-180:disabled { transform: rotate(180deg); }
.md-skew-x--45 { transform: skewX(-45deg); }
.md-hover-skew-x--45:hover { transform: skewX(-45deg); }
.md-focus-skew-x--45:focus { transform: skewX(-45deg); }
.md-active-skew-x--45:active { transform: skewX(-45deg); }
.md-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
.md-skew-y--45 { transform: skewY(-45deg); }
.md-hover-skew-y--45:hover { transform: skewY(-45deg); }
.md-focus-skew-y--45:focus { transform: skewY(-45deg); }
.md-active-skew-y--45:active { transform: skewY(-45deg); }
.md-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
.md-skew-x--30 { transform: skewX(-30deg); }
.md-hover-skew-x--30:hover { transform: skewX(-30deg); }
.md-focus-skew-x--30:focus { transform: skewX(-30deg); }
.md-active-skew-x--30:active { transform: skewX(-30deg); }
.md-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
.md-skew-y--30 { transform: skewY(-30deg); }
.md-hover-skew-y--30:hover { transform: skewY(-30deg); }
.md-focus-skew-y--30:focus { transform: skewY(-30deg); }
.md-active-skew-y--30:active { transform: skewY(-30deg); }
.md-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
.md-skew-x--15 { transform: skewX(-15deg); }
.md-hover-skew-x--15:hover { transform: skewX(-15deg); }
.md-focus-skew-x--15:focus { transform: skewX(-15deg); }
.md-active-skew-x--15:active { transform: skewX(-15deg); }
.md-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
.md-skew-y--15 { transform: skewY(-15deg); }
.md-hover-skew-y--15:hover { transform: skewY(-15deg); }
.md-focus-skew-y--15:focus { transform: skewY(-15deg); }
.md-active-skew-y--15:active { transform: skewY(-15deg); }
.md-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
.md-skew-x-0 { transform: skewX(0deg); }
.md-hover-skew-x-0:hover { transform: skewX(0deg); }
.md-focus-skew-x-0:focus { transform: skewX(0deg); }
.md-active-skew-x-0:active { transform: skewX(0deg); }
.md-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.md-skew-y-0 { transform: skewY(0deg); }
.md-hover-skew-y-0:hover { transform: skewY(0deg); }
.md-focus-skew-y-0:focus { transform: skewY(0deg); }
.md-active-skew-y-0:active { transform: skewY(0deg); }
.md-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.md-skew-x-15 { transform: skewX(15deg); }
.md-hover-skew-x-15:hover { transform: skewX(15deg); }
.md-focus-skew-x-15:focus { transform: skewX(15deg); }
.md-active-skew-x-15:active { transform: skewX(15deg); }
.md-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.md-skew-y-15 { transform: skewY(15deg); }
.md-hover-skew-y-15:hover { transform: skewY(15deg); }
.md-focus-skew-y-15:focus { transform: skewY(15deg); }
.md-active-skew-y-15:active { transform: skewY(15deg); }
.md-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.md-skew-x-30 { transform: skewX(30deg); }
.md-hover-skew-x-30:hover { transform: skewX(30deg); }
.md-focus-skew-x-30:focus { transform: skewX(30deg); }
.md-active-skew-x-30:active { transform: skewX(30deg); }
.md-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.md-skew-y-30 { transform: skewY(30deg); }
.md-hover-skew-y-30:hover { transform: skewY(30deg); }
.md-focus-skew-y-30:focus { transform: skewY(30deg); }
.md-active-skew-y-30:active { transform: skewY(30deg); }
.md-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.md-skew-x-45 { transform: skewX(45deg); }
.md-hover-skew-x-45:hover { transform: skewX(45deg); }
.md-focus-skew-x-45:focus { transform: skewX(45deg); }
.md-active-skew-x-45:active { transform: skewX(45deg); }
.md-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.md-skew-y-45 { transform: skewY(45deg); }
.md-hover-skew-y-45:hover { transform: skewY(45deg); }
.md-focus-skew-y-45:focus { transform: skewY(45deg); }
.md-active-skew-y-45:active { transform: skewY(45deg); }
.md-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.md-blur-none { filter: blur(0); }
.md-hover-blur-none:hover { filter: blur(0); }
.md-focus-blur-none:focus { filter: blur(0); }
.md-active-blur-none:active { filter: blur(0); }
.md-disabled-blur-none:disabled { filter: blur(0); }
.md-blur-sm { filter: blur(2px); }
.md-hover-blur-sm:hover { filter: blur(2px); }
.md-focus-blur-sm:focus { filter: blur(2px); }
.md-active-blur-sm:active { filter: blur(2px); }
.md-disabled-blur-sm:disabled { filter: blur(2px); }
.md-blur { filter: blur(4px); }
.md-hover-blur:hover { filter: blur(4px); }
.md-focus-blur:focus { filter: blur(4px); }
.md-active-blur:active { filter: blur(4px); }
.md-disabled-blur:disabled { filter: blur(4px); }
.md-blur-md { filter: blur(8px); }
.md-hover-blur-md:hover { filter: blur(8px); }
.md-focus-blur-md:focus { filter: blur(8px); }
.md-active-blur-md:active { filter: blur(8px); }
.md-disabled-blur-md:disabled { filter: blur(8px); }
.md-blur-lg { filter: blur(12px); }
.md-hover-blur-lg:hover { filter: blur(12px); }
.md-focus-blur-lg:focus { filter: blur(12px); }
.md-active-blur-lg:active { filter: blur(12px); }
.md-disabled-blur-lg:disabled { filter: blur(12px); }
.md-blur-xl { filter: blur(20px); }
.md-hover-blur-xl:hover { filter: blur(20px); }
.md-focus-blur-xl:focus { filter: blur(20px); }
.md-active-blur-xl:active { filter: blur(20px); }
.md-disabled-blur-xl:disabled { filter: blur(20px); }
.md-brightness-0 { filter: brightness(0); }
.md-hover-brightness-0:hover { filter: brightness(0); }
.md-focus-brightness-0:focus { filter: brightness(0); }
.md-active-brightness-0:active { filter: brightness(0); }
.md-disabled-brightness-0:disabled { filter: brightness(0); }
.md-brightness-50 { filter: brightness(0.5); }
.md-hover-brightness-50:hover { filter: brightness(0.5); }
.md-focus-brightness-50:focus { filter: brightness(0.5); }
.md-active-brightness-50:active { filter: brightness(0.5); }
.md-disabled-brightness-50:disabled { filter: brightness(0.5); }
.md-brightness-75 { filter: brightness(0.75); }
.md-hover-brightness-75:hover { filter: brightness(0.75); }
.md-focus-brightness-75:focus { filter: brightness(0.75); }
.md-active-brightness-75:active { filter: brightness(0.75); }
.md-disabled-brightness-75:disabled { filter: brightness(0.75); }
.md-brightness-90 { filter: brightness(0.9); }
.md-hover-brightness-90:hover { filter: brightness(0.9); }
.md-focus-brightness-90:focus { filter: brightness(0.9); }
.md-active-brightness-90:active { filter: brightness(0.9); }
.md-disabled-brightness-90:disabled { filter: brightness(0.9); }
.md-brightness-100 { filter: brightness(1); }
.md-hover-brightness-100:hover { filter: brightness(1); }
.md-focus-brightness-100:focus { filter: brightness(1); }
.md-active-brightness-100:active { filter: brightness(1); }
.md-disabled-brightness-100:disabled { filter: brightness(1); }
.md-brightness-125 { filter: brightness(1.25); }
.md-hover-brightness-125:hover { filter: brightness(1.25); }
.md-focus-brightness-125:focus { filter: brightness(1.25); }
.md-active-brightness-125:active { filter: brightness(1.25); }
.md-disabled-brightness-125:disabled { filter: brightness(1.25); }
.md-brightness-150 { filter: brightness(1.5); }
.md-hover-brightness-150:hover { filter: brightness(1.5); }
.md-focus-brightness-150:focus { filter: brightness(1.5); }
.md-active-brightness-150:active { filter: brightness(1.5); }
.md-disabled-brightness-150:disabled { filter: brightness(1.5); }
.md-brightness-200 { filter: brightness(2); }
.md-hover-brightness-200:hover { filter: brightness(2); }
.md-focus-brightness-200:focus { filter: brightness(2); }
.md-active-brightness-200:active { filter: brightness(2); }
.md-disabled-brightness-200:disabled { filter: brightness(2); }
.md-contrast-0 { filter: contrast(0); }
.md-hover-contrast-0:hover { filter: contrast(0); }
.md-focus-contrast-0:focus { filter: contrast(0); }
.md-active-contrast-0:active { filter: contrast(0); }
.md-disabled-contrast-0:disabled { filter: contrast(0); }
.md-contrast-50 { filter: contrast(0.5); }
.md-hover-contrast-50:hover { filter: contrast(0.5); }
.md-focus-contrast-50:focus { filter: contrast(0.5); }
.md-active-contrast-50:active { filter: contrast(0.5); }
.md-disabled-contrast-50:disabled { filter: contrast(0.5); }
.md-contrast-75 { filter: contrast(0.75); }
.md-hover-contrast-75:hover { filter: contrast(0.75); }
.md-focus-contrast-75:focus { filter: contrast(0.75); }
.md-active-contrast-75:active { filter: contrast(0.75); }
.md-disabled-contrast-75:disabled { filter: contrast(0.75); }
.md-contrast-100 { filter: contrast(1); }
.md-hover-contrast-100:hover { filter: contrast(1); }
.md-focus-contrast-100:focus { filter: contrast(1); }
.md-active-contrast-100:active { filter: contrast(1); }
.md-disabled-contrast-100:disabled { filter: contrast(1); }
.md-contrast-125 { filter: contrast(1.25); }
.md-hover-contrast-125:hover { filter: contrast(1.25); }
.md-focus-contrast-125:focus { filter: contrast(1.25); }
.md-active-contrast-125:active { filter: contrast(1.25); }
.md-disabled-contrast-125:disabled { filter: contrast(1.25); }
.md-contrast-150 { filter: contrast(1.5); }
.md-hover-contrast-150:hover { filter: contrast(1.5); }
.md-focus-contrast-150:focus { filter: contrast(1.5); }
.md-active-contrast-150:active { filter: contrast(1.5); }
.md-disabled-contrast-150:disabled { filter: contrast(1.5); }
.md-contrast-200 { filter: contrast(2); }
.md-hover-contrast-200:hover { filter: contrast(2); }
.md-focus-contrast-200:focus { filter: contrast(2); }
.md-active-contrast-200:active { filter: contrast(2); }
.md-disabled-contrast-200:disabled { filter: contrast(2); }
.md-grayscale-0 { filter: grayscale(0); }
.md-hover-grayscale-0:hover { filter: grayscale(0); }
.md-focus-grayscale-0:focus { filter: grayscale(0); }
.md-active-grayscale-0:active { filter: grayscale(0); }
.md-disabled-grayscale-0:disabled { filter: grayscale(0); }
.md-grayscale-100 { filter: grayscale(1); }
.md-hover-grayscale-100:hover { filter: grayscale(1); }
.md-focus-grayscale-100:focus { filter: grayscale(1); }
.md-active-grayscale-100:active { filter: grayscale(1); }
.md-disabled-grayscale-100:disabled { filter: grayscale(1); }
.md-hue-rotate-0 { filter: hue-rotate(0deg); }
.md-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
.md-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
.md-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
.md-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
.md-hue-rotate-45 { filter: hue-rotate(45deg); }
.md-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
.md-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
.md-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
.md-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
.md-hue-rotate-90 { filter: hue-rotate(90deg); }
.md-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.md-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.md-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.md-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.md-hue-rotate-180 { filter: hue-rotate(180deg); }
.md-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
.md-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
.md-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
.md-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
.md-invert-0 { filter: invert(0); }
.md-hover-invert-0:hover { filter: invert(0); }
.md-focus-invert-0:focus { filter: invert(0); }
.md-active-invert-0:active { filter: invert(0); }
.md-disabled-invert-0:disabled { filter: invert(0); }
.md-invert-100 { filter: invert(1); }
.md-hover-invert-100:hover { filter: invert(1); }
.md-focus-invert-100:focus { filter: invert(1); }
.md-active-invert-100:active { filter: invert(1); }
.md-disabled-invert-100:disabled { filter: invert(1); }
.md-saturate-0 { filter: saturate(0); }
.md-hover-saturate-0:hover { filter: saturate(0); }
.md-focus-saturate-0:focus { filter: saturate(0); }
.md-active-saturate-0:active { filter: saturate(0); }
.md-disabled-saturate-0:disabled { filter: saturate(0); }
.md-saturate-50 { filter: saturate(0.5); }
.md-hover-saturate-50:hover { filter: saturate(0.5); }
.md-focus-saturate-50:focus { filter: saturate(0.5); }
.md-active-saturate-50:active { filter: saturate(0.5); }
.md-disabled-saturate-50:disabled { filter: saturate(0.5); }
.md-saturate-100 { filter: saturate(1); }
.md-hover-saturate-100:hover { filter: saturate(1); }
.md-focus-saturate-100:focus { filter: saturate(1); }
.md-active-saturate-100:active { filter: saturate(1); }
.md-disabled-saturate-100:disabled { filter: saturate(1); }
.md-saturate-150 { filter: saturate(1.5); }
.md-hover-saturate-150:hover { filter: saturate(1.5); }
.md-focus-saturate-150:focus { filter: saturate(1.5); }
.md-active-saturate-150:active { filter: saturate(1.5); }
.md-disabled-saturate-150:disabled { filter: saturate(1.5); }
.md-saturate-200 { filter: saturate(2); }
.md-hover-saturate-200:hover { filter: saturate(2); }
.md-focus-saturate-200:focus { filter: saturate(2); }
.md-active-saturate-200:active { filter: saturate(2); }
.md-disabled-saturate-200:disabled { filter: saturate(2); }
.md-sepia-0 { filter: sepia(0); }
.md-hover-sepia-0:hover { filter: sepia(0); }
.md-focus-sepia-0:focus { filter: sepia(0); }
.md-active-sepia-0:active { filter: sepia(0); }
.md-disabled-sepia-0:disabled { filter: sepia(0); }
.md-sepia-100 { filter: sepia(1); }
.md-hover-sepia-100:hover { filter: sepia(1); }
.md-focus-sepia-100:focus { filter: sepia(1); }
.md-active-sepia-100:active { filter: sepia(1); }
.md-disabled-sepia-100:disabled { filter: sepia(1); }
.md-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.md-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.md-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.md-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.md-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.md-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.md-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.md-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.md-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.md-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.md-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.md-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.md-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.md-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.md-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.md-mix-normal { mix-blend-mode: normal; }
.md-hover-mix-normal:hover { mix-blend-mode: normal; }
.md-focus-mix-normal:focus { mix-blend-mode: normal; }
.md-active-mix-normal:active { mix-blend-mode: normal; }
.md-disabled-mix-normal:disabled { mix-blend-mode: normal; }
.md-mix-multiply { mix-blend-mode: multiply; }
.md-hover-mix-multiply:hover { mix-blend-mode: multiply; }
.md-focus-mix-multiply:focus { mix-blend-mode: multiply; }
.md-active-mix-multiply:active { mix-blend-mode: multiply; }
.md-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
.md-mix-screen { mix-blend-mode: screen; }
.md-hover-mix-screen:hover { mix-blend-mode: screen; }
.md-focus-mix-screen:focus { mix-blend-mode: screen; }
.md-active-mix-screen:active { mix-blend-mode: screen; }
.md-disabled-mix-screen:disabled { mix-blend-mode: screen; }
.md-mix-overlay { mix-blend-mode: overlay; }
.md-hover-mix-overlay:hover { mix-blend-mode: overlay; }
.md-focus-mix-overlay:focus { mix-blend-mode: overlay; }
.md-active-mix-overlay:active { mix-blend-mode: overlay; }
.md-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
.md-mix-darken { mix-blend-mode: darken; }
.md-hover-mix-darken:hover { mix-blend-mode: darken; }
.md-focus-mix-darken:focus { mix-blend-mode: darken; }
.md-active-mix-darken:active { mix-blend-mode: darken; }
.md-disabled-mix-darken:disabled { mix-blend-mode: darken; }
.md-mix-lighten { mix-blend-mode: lighten; }
.md-hover-mix-lighten:hover { mix-blend-mode: lighten; }
.md-focus-mix-lighten:focus { mix-blend-mode: lighten; }
.md-active-mix-lighten:active { mix-blend-mode: lighten; }
.md-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
.md-mix-color-dodge { mix-blend-mode: color-dodge; }
.md-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
.md-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
.md-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
.md-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
.md-mix-color-burn { mix-blend-mode: color-burn; }
.md-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
.md-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
.md-active-mix-color-burn:active { mix-blend-mode: color-burn; }
.md-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
.md-mix-hard-light { mix-blend-mode: hard-light; }
.md-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
.md-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
.md-active-mix-hard-light:active { mix-blend-mode: hard-light; }
.md-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
.md-mix-soft-light { mix-blend-mode: soft-light; }
.md-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
.md-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
.md-active-mix-soft-light:active { mix-blend-mode: soft-light; }
.md-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
.md-mix-difference { mix-blend-mode: difference; }
.md-hover-mix-difference:hover { mix-blend-mode: difference; }
.md-focus-mix-difference:focus { mix-blend-mode: difference; }
.md-active-mix-difference:active { mix-blend-mode: difference; }
.md-disabled-mix-difference:disabled { mix-blend-mode: difference; }
.md-mix-exclusion { mix-blend-mode: exclusion; }
.md-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
.md-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
.md-active-mix-exclusion:active { mix-blend-mode: exclusion; }
.md-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
.md-mix-hue { mix-blend-mode: hue; }
.md-hover-mix-hue:hover { mix-blend-mode: hue; }
.md-focus-mix-hue:focus { mix-blend-mode: hue; }
.md-active-mix-hue:active { mix-blend-mode: hue; }
.md-disabled-mix-hue:disabled { mix-blend-mode: hue; }
.md-mix-saturation { mix-blend-mode: saturation; }
.md-hover-mix-saturation:hover { mix-blend-mode: saturation; }
.md-focus-mix-saturation:focus { mix-blend-mode: saturation; }
.md-active-mix-saturation:active { mix-blend-mode: saturation; }
.md-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
.md-mix-color { mix-blend-mode: color; }
.md-hover-mix-color:hover { mix-blend-mode: color; }
.md-focus-mix-color:focus { mix-blend-mode: color; }
.md-active-mix-color:active { mix-blend-mode: color; }
.md-disabled-mix-color:disabled { mix-blend-mode: color; }
.md-mix-luminosity { mix-blend-mode: luminosity; }
.md-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
.md-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
.md-active-mix-luminosity:active { mix-blend-mode: luminosity; }
.md-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
.md-bg-blend-normal { background-blend-mode: normal; }
.md-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.md-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.md-active-bg-blend-normal:active { background-blend-mode: normal; }
.md-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.md-bg-blend-multiply { background-blend-mode: multiply; }
.md-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.md-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.md-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.md-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.md-bg-blend-screen { background-blend-mode: screen; }
.md-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.md-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.md-active-bg-blend-screen:active { background-blend-mode: screen; }
.md-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.md-bg-blend-overlay { background-blend-mode: overlay; }
.md-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.md-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.md-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.md-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.md-bg-blend-darken { background-blend-mode: darken; }
.md-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.md-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.md-active-bg-blend-darken:active { background-blend-mode: darken; }
.md-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.md-bg-blend-lighten { background-blend-mode: lighten; }
.md-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.md-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.md-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.md-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.md-bg-blend-color-dodge { background-blend-mode: color-dodge; }
.md-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
.md-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
.md-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
.md-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
.md-bg-blend-color-burn { background-blend-mode: color-burn; }
.md-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
.md-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
.md-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
.md-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
.md-bg-blend-hard-light { background-blend-mode: hard-light; }
.md-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
.md-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
.md-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
.md-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
.md-bg-blend-soft-light { background-blend-mode: soft-light; }
.md-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
.md-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
.md-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
.md-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
.md-bg-blend-difference { background-blend-mode: difference; }
.md-hover-bg-blend-difference:hover { background-blend-mode: difference; }
.md-focus-bg-blend-difference:focus { background-blend-mode: difference; }
.md-active-bg-blend-difference:active { background-blend-mode: difference; }
.md-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
.md-bg-blend-exclusion { background-blend-mode: exclusion; }
.md-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
.md-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
.md-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
.md-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
.md-bg-blend-hue { background-blend-mode: hue; }
.md-hover-bg-blend-hue:hover { background-blend-mode: hue; }
.md-focus-bg-blend-hue:focus { background-blend-mode: hue; }
.md-active-bg-blend-hue:active { background-blend-mode: hue; }
.md-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
.md-bg-blend-saturation { background-blend-mode: saturation; }
.md-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
.md-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
.md-active-bg-blend-saturation:active { background-blend-mode: saturation; }
.md-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
.md-bg-blend-color { background-blend-mode: color; }
.md-hover-bg-blend-color:hover { background-blend-mode: color; }
.md-focus-bg-blend-color:focus { background-blend-mode: color; }
.md-active-bg-blend-color:active { background-blend-mode: color; }
.md-disabled-bg-blend-color:disabled { background-blend-mode: color; }
.md-bg-blend-luminosity { background-blend-mode: luminosity; }
.md-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
.md-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
.md-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
.md-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
.md-object-contain { object-fit: contain; }
.md-hover-object-contain:hover { object-fit: contain; }
.md-focus-object-contain:focus { object-fit: contain; }
.md-active-object-contain:active { object-fit: contain; }
.md-disabled-object-contain:disabled { object-fit: contain; }
.md-object-cover { object-fit: cover; }
.md-hover-object-cover:hover { object-fit: cover; }
.md-focus-object-cover:focus { object-fit: cover; }
.md-active-object-cover:active { object-fit: cover; }
.md-disabled-object-cover:disabled { object-fit: cover; }
.md-object-fill { object-fit: fill; }
.md-hover-object-fill:hover { object-fit: fill; }
.md-focus-object-fill:focus { object-fit: fill; }
.md-active-object-fill:active { object-fit: fill; }
.md-disabled-object-fill:disabled { object-fit: fill; }
.md-object-none { object-fit: none; }
.md-hover-object-none:hover { object-fit: none; }
.md-focus-object-none:focus { object-fit: none; }
.md-active-object-none:active { object-fit: none; }
.md-disabled-object-none:disabled { object-fit: none; }
.md-object-scale-down { object-fit: scale-down; }
.md-hover-object-scale-down:hover { object-fit: scale-down; }
.md-focus-object-scale-down:focus { object-fit: scale-down; }
.md-active-object-scale-down:active { object-fit: scale-down; }
.md-disabled-object-scale-down:disabled { object-fit: scale-down; }
.md-object-top { object-position: top; }
.md-hover-object-top:hover { object-position: top; }
.md-focus-object-top:focus { object-position: top; }
.md-active-object-top:active { object-position: top; }
.md-disabled-object-top:disabled { object-position: top; }
.md-object-bottom { object-position: bottom; }
.md-hover-object-bottom:hover { object-position: bottom; }
.md-focus-object-bottom:focus { object-position: bottom; }
.md-active-object-bottom:active { object-position: bottom; }
.md-disabled-object-bottom:disabled { object-position: bottom; }
.md-object-center { object-position: center; }
.md-hover-object-center:hover { object-position: center; }
.md-focus-object-center:focus { object-position: center; }
.md-active-object-center:active { object-position: center; }
.md-disabled-object-center:disabled { object-position: center; }
.md-object-left { object-position: left; }
.md-hover-object-left:hover { object-position: left; }
.md-focus-object-left:focus { object-position: left; }
.md-active-object-left:active { object-position: left; }
.md-disabled-object-left:disabled { object-position: left; }
.md-object-right { object-position: right; }
.md-hover-object-right:hover { object-position: right; }
.md-focus-object-right:focus { object-position: right; }
.md-active-object-right:active { object-position: right; }
.md-disabled-object-right:disabled { object-position: right; }
.md-object-left-top { object-position: left top; }
.md-hover-object-left-top:hover { object-position: left top; }
.md-focus-object-left-top:focus { object-position: left top; }
.md-active-object-left-top:active { object-position: left top; }
.md-disabled-object-left-top:disabled { object-position: left top; }
.md-object-right-top { object-position: right top; }
.md-hover-object-right-top:hover { object-position: right top; }
.md-focus-object-right-top:focus { object-position: right top; }
.md-active-object-right-top:active { object-position: right top; }
.md-disabled-object-right-top:disabled { object-position: right top; }
.md-object-left-bottom { object-position: left bottom; }
.md-hover-object-left-bottom:hover { object-position: left bottom; }
.md-focus-object-left-bottom:focus { object-position: left bottom; }
.md-active-object-left-bottom:active { object-position: left bottom; }
.md-disabled-object-left-bottom:disabled { object-position: left bottom; }
.md-object-right-bottom { object-position: right bottom; }
.md-hover-object-right-bottom:hover { object-position: right bottom; }
.md-focus-object-right-bottom:focus { object-position: right bottom; }
.md-active-object-right-bottom:active { object-position: right bottom; }
.md-disabled-object-right-bottom:disabled { object-position: right bottom; }
.md-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.md-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.md-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.md-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.md-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.md-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.md-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.md-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.md-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.md-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.md-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.md-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.md-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.md-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.md-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.md-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.md-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.md-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.md-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.md-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.md-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.md-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.md-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.md-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.md-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.md-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.md-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.md-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.md-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.md-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.md-list-style-image-none { list-style-image: none; }
.md-hover-list-style-image-none:hover { list-style-image: none; }
.md-focus-list-style-image-none:focus { list-style-image: none; }
.md-active-list-style-image-none:active { list-style-image: none; }
.md-disabled-list-style-image-none:disabled { list-style-image: none; }
.md-list-style-position-inside { list-style-position: inside; }
.md-hover-list-style-position-inside:hover { list-style-position: inside; }
.md-focus-list-style-position-inside:focus { list-style-position: inside; }
.md-active-list-style-position-inside:active { list-style-position: inside; }
.md-disabled-list-style-position-inside:disabled { list-style-position: inside; }
.md-list-style-position-outside { list-style-position: outside; }
.md-hover-list-style-position-outside:hover { list-style-position: outside; }
.md-focus-list-style-position-outside:focus { list-style-position: outside; }
.md-active-list-style-position-outside:active { list-style-position: outside; }
.md-disabled-list-style-position-outside:disabled { list-style-position: outside; }
.md-list-style-type-none { list-style-type: none; }
.md-hover-list-style-type-none:hover { list-style-type: none; }
.md-focus-list-style-type-none:focus { list-style-type: none; }
.md-active-list-style-type-none:active { list-style-type: none; }
.md-disabled-list-style-type-none:disabled { list-style-type: none; }
.md-list-style-type-disc { list-style-type: disc; }
.md-hover-list-style-type-disc:hover { list-style-type: disc; }
.md-focus-list-style-type-disc:focus { list-style-type: disc; }
.md-active-list-style-type-disc:active { list-style-type: disc; }
.md-disabled-list-style-type-disc:disabled { list-style-type: disc; }
.md-list-style-type-circle { list-style-type: circle; }
.md-hover-list-style-type-circle:hover { list-style-type: circle; }
.md-focus-list-style-type-circle:focus { list-style-type: circle; }
.md-active-list-style-type-circle:active { list-style-type: circle; }
.md-disabled-list-style-type-circle:disabled { list-style-type: circle; }
.md-list-style-type-square { list-style-type: square; }
.md-hover-list-style-type-square:hover { list-style-type: square; }
.md-focus-list-style-type-square:focus { list-style-type: square; }
.md-active-list-style-type-square:active { list-style-type: square; }
.md-disabled-list-style-type-square:disabled { list-style-type: square; }
.md-list-style-type-decimal { list-style-type: decimal; }
.md-hover-list-style-type-decimal:hover { list-style-type: decimal; }
.md-focus-list-style-type-decimal:focus { list-style-type: decimal; }
.md-active-list-style-type-decimal:active { list-style-type: decimal; }
.md-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
.md-list-style-type-lower_roman { list-style-type: lower-roman; }
.md-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
.md-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
.md-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
.md-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
.md-list-style-type-upper_roman { list-style-type: upper-roman; }
.md-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
.md-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
.md-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
.md-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
.md-list-style-type-lower_alpha { list-style-type: lower-alpha; }
.md-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
.md-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
.md-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
.md-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
.md-list-style-type-upper_alpha { list-style-type: upper-alpha; }
.md-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
.md-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
.md-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
.md-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
.md-text-align-left { text-align: left; }
.md-hover-text-align-left:hover { text-align: left; }
.md-focus-text-align-left:focus { text-align: left; }
.md-active-text-align-left:active { text-align: left; }
.md-disabled-text-align-left:disabled { text-align: left; }
.md-text-align-center { text-align: center; }
.md-hover-text-align-center:hover { text-align: center; }
.md-focus-text-align-center:focus { text-align: center; }
.md-active-text-align-center:active { text-align: center; }
.md-disabled-text-align-center:disabled { text-align: center; }
.md-text-align-right { text-align: right; }
.md-hover-text-align-right:hover { text-align: right; }
.md-focus-text-align-right:focus { text-align: right; }
.md-active-text-align-right:active { text-align: right; }
.md-disabled-text-align-right:disabled { text-align: right; }
.md-text-align-justify { text-align: justify; }
.md-hover-text-align-justify:hover { text-align: justify; }
.md-focus-text-align-justify:focus { text-align: justify; }
.md-active-text-align-justify:active { text-align: justify; }
.md-disabled-text-align-justify:disabled { text-align: justify; }
.md-backface-visible { backface-visibility: visible; }
.md-hover-backface-visible:hover { backface-visibility: visible; }
.md-focus-backface-visible:focus { backface-visibility: visible; }
.md-active-backface-visible:active { backface-visibility: visible; }
.md-disabled-backface-visible:disabled { backface-visibility: visible; }
.md-backface-hidden { backface-visibility: hidden; }
.md-hover-backface-hidden:hover { backface-visibility: hidden; }
.md-focus-backface-hidden:focus { backface-visibility: hidden; }
.md-active-backface-hidden:active { backface-visibility: hidden; }
.md-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.md-perspective-none { perspective: none; }
.md-hover-perspective-none:hover { perspective: none; }
.md-focus-perspective-none:focus { perspective: none; }
.md-active-perspective-none:active { perspective: none; }
.md-disabled-perspective-none:disabled { perspective: none; }
.md-perspective-100 { perspective: 100px; }
.md-hover-perspective-100:hover { perspective: 100px; }
.md-focus-perspective-100:focus { perspective: 100px; }
.md-active-perspective-100:active { perspective: 100px; }
.md-disabled-perspective-100:disabled { perspective: 100px; }
.md-perspective-500 { perspective: 500px; }
.md-hover-perspective-500:hover { perspective: 500px; }
.md-focus-perspective-500:focus { perspective: 500px; }
.md-active-perspective-500:active { perspective: 500px; }
.md-disabled-perspective-500:disabled { perspective: 500px; }
.md-perspective-1000 { perspective: 1000px; }
.md-hover-perspective-1000:hover { perspective: 1000px; }
.md-focus-perspective-1000:focus { perspective: 1000px; }
.md-active-perspective-1000:active { perspective: 1000px; }
.md-disabled-perspective-1000:disabled { perspective: 1000px; }
.md-perspective-1500 { perspective: 1500px; }
.md-hover-perspective-1500:hover { perspective: 1500px; }
.md-focus-perspective-1500:focus { perspective: 1500px; }
.md-active-perspective-1500:active { perspective: 1500px; }
.md-disabled-perspective-1500:disabled { perspective: 1500px; }
.md-perspective-2000 { perspective: 2000px; }
.md-hover-perspective-2000:hover { perspective: 2000px; }
.md-focus-perspective-2000:focus { perspective: 2000px; }
.md-active-perspective-2000:active { perspective: 2000px; }
.md-disabled-perspective-2000:disabled { perspective: 2000px; }
.md-perspective-origin-center { perspective-origin: center; }
.md-hover-perspective-origin-center:hover { perspective-origin: center; }
.md-focus-perspective-origin-center:focus { perspective-origin: center; }
.md-active-perspective-origin-center:active { perspective-origin: center; }
.md-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.md-perspective-origin-top { perspective-origin: top; }
.md-hover-perspective-origin-top:hover { perspective-origin: top; }
.md-focus-perspective-origin-top:focus { perspective-origin: top; }
.md-active-perspective-origin-top:active { perspective-origin: top; }
.md-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.md-perspective-origin-bottom { perspective-origin: bottom; }
.md-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.md-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.md-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.md-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.md-perspective-origin-left { perspective-origin: left; }
.md-hover-perspective-origin-left:hover { perspective-origin: left; }
.md-focus-perspective-origin-left:focus { perspective-origin: left; }
.md-active-perspective-origin-left:active { perspective-origin: left; }
.md-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.md-perspective-origin-right { perspective-origin: right; }
.md-hover-perspective-origin-right:hover { perspective-origin: right; }
.md-focus-perspective-origin-right:focus { perspective-origin: right; }
.md-active-perspective-origin-right:active { perspective-origin: right; }
.md-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.md-perspective-origin-top_left { perspective-origin: top left; }
.md-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
.md-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
.md-active-perspective-origin-top_left:active { perspective-origin: top left; }
.md-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
.md-perspective-origin-top_right { perspective-origin: top right; }
.md-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
.md-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
.md-active-perspective-origin-top_right:active { perspective-origin: top right; }
.md-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
.md-perspective-origin-bottom_left { perspective-origin: bottom left; }
.md-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
.md-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
.md-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
.md-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
.md-perspective-origin-bottom_right { perspective-origin: bottom right; }
.md-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
.md-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
.md-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
.md-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
.md-transform { transform: var(--quanta-transform, none); }
.md-hover-transform:hover { transform: var(--quanta-transform, none); }
.md-focus-transform:focus { transform: var(--quanta-transform, none); }
.md-active-transform:active { transform: var(--quanta-transform, none); }
.md-disabled-transform:disabled { transform: var(--quanta-transform, none); }
.md-transform-none { transform: none; }
.md-hover-transform-none:hover { transform: none; }
.md-focus-transform-none:focus { transform: none; }
.md-active-transform-none:active { transform: none; }
.md-disabled-transform-none:disabled { transform: none; }
.md-rotate-n180 { transform: rotate(-180deg); }
.md-hover-rotate-n180:hover { transform: rotate(-180deg); }
.md-focus-rotate-n180:focus { transform: rotate(-180deg); }
.md-active-rotate-n180:active { transform: rotate(-180deg); }
.md-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
.md-rotate-n90 { transform: rotate(-90deg); }
.md-hover-rotate-n90:hover { transform: rotate(-90deg); }
.md-focus-rotate-n90:focus { transform: rotate(-90deg); }
.md-active-rotate-n90:active { transform: rotate(-90deg); }
.md-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
.md-rotate-n45 { transform: rotate(-45deg); }
.md-hover-rotate-n45:hover { transform: rotate(-45deg); }
.md-focus-rotate-n45:focus { transform: rotate(-45deg); }
.md-active-rotate-n45:active { transform: rotate(-45deg); }
.md-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
.md-rotate-0 { transform: rotate(0deg); }
.md-hover-rotate-0:hover { transform: rotate(0deg); }
.md-focus-rotate-0:focus { transform: rotate(0deg); }
.md-active-rotate-0:active { transform: rotate(0deg); }
.md-disabled-rotate-0:disabled { transform: rotate(0deg); }
.md-rotate-45 { transform: rotate(45deg); }
.md-hover-rotate-45:hover { transform: rotate(45deg); }
.md-focus-rotate-45:focus { transform: rotate(45deg); }
.md-active-rotate-45:active { transform: rotate(45deg); }
.md-disabled-rotate-45:disabled { transform: rotate(45deg); }
.md-rotate-90 { transform: rotate(90deg); }
.md-hover-rotate-90:hover { transform: rotate(90deg); }
.md-focus-rotate-90:focus { transform: rotate(90deg); }
.md-active-rotate-90:active { transform: rotate(90deg); }
.md-disabled-rotate-90:disabled { transform: rotate(90deg); }
.md-rotate-180 { transform: rotate(180deg); }
.md-hover-rotate-180:hover { transform: rotate(180deg); }
.md-focus-rotate-180:focus { transform: rotate(180deg); }
.md-active-rotate-180:active { transform: rotate(180deg); }
.md-disabled-rotate-180:disabled { transform: rotate(180deg); }
.md-scale-50 { transform: scale(0.5); }
.md-hover-scale-50:hover { transform: scale(0.5); }
.md-focus-scale-50:focus { transform: scale(0.5); }
.md-active-scale-50:active { transform: scale(0.5); }
.md-disabled-scale-50:disabled { transform: scale(0.5); }
.md-scale-75 { transform: scale(0.75); }
.md-hover-scale-75:hover { transform: scale(0.75); }
.md-focus-scale-75:focus { transform: scale(0.75); }
.md-active-scale-75:active { transform: scale(0.75); }
.md-disabled-scale-75:disabled { transform: scale(0.75); }
.md-scale-90 { transform: scale(0.9); }
.md-hover-scale-90:hover { transform: scale(0.9); }
.md-focus-scale-90:focus { transform: scale(0.9); }
.md-active-scale-90:active { transform: scale(0.9); }
.md-disabled-scale-90:disabled { transform: scale(0.9); }
.md-scale-95 { transform: scale(0.95); }
.md-hover-scale-95:hover { transform: scale(0.95); }
.md-focus-scale-95:focus { transform: scale(0.95); }
.md-active-scale-95:active { transform: scale(0.95); }
.md-disabled-scale-95:disabled { transform: scale(0.95); }
.md-scale-100 { transform: scale(1.0); }
.md-hover-scale-100:hover { transform: scale(1.0); }
.md-focus-scale-100:focus { transform: scale(1.0); }
.md-active-scale-100:active { transform: scale(1.0); }
.md-disabled-scale-100:disabled { transform: scale(1.0); }
.md-scale-105 { transform: scale(1.05); }
.md-hover-scale-105:hover { transform: scale(1.05); }
.md-focus-scale-105:focus { transform: scale(1.05); }
.md-active-scale-105:active { transform: scale(1.05); }
.md-disabled-scale-105:disabled { transform: scale(1.05); }
.md-scale-110 { transform: scale(1.1); }
.md-hover-scale-110:hover { transform: scale(1.1); }
.md-focus-scale-110:focus { transform: scale(1.1); }
.md-active-scale-110:active { transform: scale(1.1); }
.md-disabled-scale-110:disabled { transform: scale(1.1); }
.md-scale-125 { transform: scale(1.25); }
.md-hover-scale-125:hover { transform: scale(1.25); }
.md-focus-scale-125:focus { transform: scale(1.25); }
.md-active-scale-125:active { transform: scale(1.25); }
.md-disabled-scale-125:disabled { transform: scale(1.25); }
.md-scale-150 { transform: scale(1.5); }
.md-hover-scale-150:hover { transform: scale(1.5); }
.md-focus-scale-150:focus { transform: scale(1.5); }
.md-active-scale-150:active { transform: scale(1.5); }
.md-disabled-scale-150:disabled { transform: scale(1.5); }
.md-skew-x-n45 { transform: skewX(-45deg); }
.md-hover-skew-x-n45:hover { transform: skewX(-45deg); }
.md-focus-skew-x-n45:focus { transform: skewX(-45deg); }
.md-active-skew-x-n45:active { transform: skewX(-45deg); }
.md-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
.md-skew-y-n45 { transform: skewY(-45deg); }
.md-hover-skew-y-n45:hover { transform: skewY(-45deg); }
.md-focus-skew-y-n45:focus { transform: skewY(-45deg); }
.md-active-skew-y-n45:active { transform: skewY(-45deg); }
.md-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
.md-skew-x-n30 { transform: skewX(-30deg); }
.md-hover-skew-x-n30:hover { transform: skewX(-30deg); }
.md-focus-skew-x-n30:focus { transform: skewX(-30deg); }
.md-active-skew-x-n30:active { transform: skewX(-30deg); }
.md-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
.md-skew-y-n30 { transform: skewY(-30deg); }
.md-hover-skew-y-n30:hover { transform: skewY(-30deg); }
.md-focus-skew-y-n30:focus { transform: skewY(-30deg); }
.md-active-skew-y-n30:active { transform: skewY(-30deg); }
.md-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
.md-skew-x-n15 { transform: skewX(-15deg); }
.md-hover-skew-x-n15:hover { transform: skewX(-15deg); }
.md-focus-skew-x-n15:focus { transform: skewX(-15deg); }
.md-active-skew-x-n15:active { transform: skewX(-15deg); }
.md-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
.md-skew-y-n15 { transform: skewY(-15deg); }
.md-hover-skew-y-n15:hover { transform: skewY(-15deg); }
.md-focus-skew-y-n15:focus { transform: skewY(-15deg); }
.md-active-skew-y-n15:active { transform: skewY(-15deg); }
.md-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
.md-skew-x-0 { transform: skewX(0deg); }
.md-hover-skew-x-0:hover { transform: skewX(0deg); }
.md-focus-skew-x-0:focus { transform: skewX(0deg); }
.md-active-skew-x-0:active { transform: skewX(0deg); }
.md-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.md-skew-y-0 { transform: skewY(0deg); }
.md-hover-skew-y-0:hover { transform: skewY(0deg); }
.md-focus-skew-y-0:focus { transform: skewY(0deg); }
.md-active-skew-y-0:active { transform: skewY(0deg); }
.md-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.md-skew-x-15 { transform: skewX(15deg); }
.md-hover-skew-x-15:hover { transform: skewX(15deg); }
.md-focus-skew-x-15:focus { transform: skewX(15deg); }
.md-active-skew-x-15:active { transform: skewX(15deg); }
.md-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.md-skew-y-15 { transform: skewY(15deg); }
.md-hover-skew-y-15:hover { transform: skewY(15deg); }
.md-focus-skew-y-15:focus { transform: skewY(15deg); }
.md-active-skew-y-15:active { transform: skewY(15deg); }
.md-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.md-skew-x-30 { transform: skewX(30deg); }
.md-hover-skew-x-30:hover { transform: skewX(30deg); }
.md-focus-skew-x-30:focus { transform: skewX(30deg); }
.md-active-skew-x-30:active { transform: skewX(30deg); }
.md-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.md-skew-y-30 { transform: skewY(30deg); }
.md-hover-skew-y-30:hover { transform: skewY(30deg); }
.md-focus-skew-y-30:focus { transform: skewY(30deg); }
.md-active-skew-y-30:active { transform: skewY(30deg); }
.md-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.md-skew-x-45 { transform: skewX(45deg); }
.md-hover-skew-x-45:hover { transform: skewX(45deg); }
.md-focus-skew-x-45:focus { transform: skewX(45deg); }
.md-active-skew-x-45:active { transform: skewX(45deg); }
.md-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.md-skew-y-45 { transform: skewY(45deg); }
.md-hover-skew-y-45:hover { transform: skewY(45deg); }
.md-focus-skew-y-45:focus { transform: skewY(45deg); }
.md-active-skew-y-45:active { transform: skewY(45deg); }
.md-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.md-translate-x-0 { transform: translateX(0rem); }
.md-hover-translate-x-0:hover { transform: translateX(0rem); }
.md-focus-translate-x-0:focus { transform: translateX(0rem); }
.md-active-translate-x-0:active { transform: translateX(0rem); }
.md-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.md-translate-y-0 { transform: translateY(0rem); }
.md-hover-translate-y-0:hover { transform: translateY(0rem); }
.md-focus-translate-y-0:focus { transform: translateY(0rem); }
.md-active-translate-y-0:active { transform: translateY(0rem); }
.md-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.md-translate-x-0_125 { transform: translateX(0.125rem); }
.md-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
.md-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
.md-active-translate-x-0_125:active { transform: translateX(0.125rem); }
.md-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
.md-translate-y-0_125 { transform: translateY(0.125rem); }
.md-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
.md-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
.md-active-translate-y-0_125:active { transform: translateY(0.125rem); }
.md-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
.md-translate-x-0_25 { transform: translateX(0.25rem); }
.md-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.md-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.md-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.md-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.md-translate-y-0_25 { transform: translateY(0.25rem); }
.md-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.md-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.md-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.md-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.md-translate-x-0_5 { transform: translateX(0.5rem); }
.md-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.md-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.md-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.md-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.md-translate-y-0_5 { transform: translateY(0.5rem); }
.md-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.md-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.md-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.md-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.md-translate-x-0_75 { transform: translateX(0.75rem); }
.md-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
.md-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
.md-active-translate-x-0_75:active { transform: translateX(0.75rem); }
.md-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
.md-translate-y-0_75 { transform: translateY(0.75rem); }
.md-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
.md-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
.md-active-translate-y-0_75:active { transform: translateY(0.75rem); }
.md-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
.md-translate-x-1 { transform: translateX(1rem); }
.md-hover-translate-x-1:hover { transform: translateX(1rem); }
.md-focus-translate-x-1:focus { transform: translateX(1rem); }
.md-active-translate-x-1:active { transform: translateX(1rem); }
.md-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.md-translate-y-1 { transform: translateY(1rem); }
.md-hover-translate-y-1:hover { transform: translateY(1rem); }
.md-focus-translate-y-1:focus { transform: translateY(1rem); }
.md-active-translate-y-1:active { transform: translateY(1rem); }
.md-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.md-translate-x-1_5 { transform: translateX(1.5rem); }
.md-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.md-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.md-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.md-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.md-translate-y-1_5 { transform: translateY(1.5rem); }
.md-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.md-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.md-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.md-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.md-translate-x-2 { transform: translateX(2rem); }
.md-hover-translate-x-2:hover { transform: translateX(2rem); }
.md-focus-translate-x-2:focus { transform: translateX(2rem); }
.md-active-translate-x-2:active { transform: translateX(2rem); }
.md-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.md-translate-y-2 { transform: translateY(2rem); }
.md-hover-translate-y-2:hover { transform: translateY(2rem); }
.md-focus-translate-y-2:focus { transform: translateY(2rem); }
.md-active-translate-y-2:active { transform: translateY(2rem); }
.md-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.md-translate-x-3 { transform: translateX(3rem); }
.md-hover-translate-x-3:hover { transform: translateX(3rem); }
.md-focus-translate-x-3:focus { transform: translateX(3rem); }
.md-active-translate-x-3:active { transform: translateX(3rem); }
.md-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.md-translate-y-3 { transform: translateY(3rem); }
.md-hover-translate-y-3:hover { transform: translateY(3rem); }
.md-focus-translate-y-3:focus { transform: translateY(3rem); }
.md-active-translate-y-3:active { transform: translateY(3rem); }
.md-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.md-translate-x-4 { transform: translateX(4rem); }
.md-hover-translate-x-4:hover { transform: translateX(4rem); }
.md-focus-translate-x-4:focus { transform: translateX(4rem); }
.md-active-translate-x-4:active { transform: translateX(4rem); }
.md-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.md-translate-y-4 { transform: translateY(4rem); }
.md-hover-translate-y-4:hover { transform: translateY(4rem); }
.md-focus-translate-y-4:focus { transform: translateY(4rem); }
.md-active-translate-y-4:active { transform: translateY(4rem); }
.md-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.md-origin-center { transform-origin: center; }
.md-hover-origin-center:hover { transform-origin: center; }
.md-focus-origin-center:focus { transform-origin: center; }
.md-active-origin-center:active { transform-origin: center; }
.md-disabled-origin-center:disabled { transform-origin: center; }
.md-origin-top { transform-origin: top; }
.md-hover-origin-top:hover { transform-origin: top; }
.md-focus-origin-top:focus { transform-origin: top; }
.md-active-origin-top:active { transform-origin: top; }
.md-disabled-origin-top:disabled { transform-origin: top; }
.md-origin-bottom { transform-origin: bottom; }
.md-hover-origin-bottom:hover { transform-origin: bottom; }
.md-focus-origin-bottom:focus { transform-origin: bottom; }
.md-active-origin-bottom:active { transform-origin: bottom; }
.md-disabled-origin-bottom:disabled { transform-origin: bottom; }
.md-origin-left { transform-origin: left; }
.md-hover-origin-left:hover { transform-origin: left; }
.md-focus-origin-left:focus { transform-origin: left; }
.md-active-origin-left:active { transform-origin: left; }
.md-disabled-origin-left:disabled { transform-origin: left; }
.md-origin-right { transform-origin: right; }
.md-hover-origin-right:hover { transform-origin: right; }
.md-focus-origin-right:focus { transform-origin: right; }
.md-active-origin-right:active { transform-origin: right; }
.md-disabled-origin-right:disabled { transform-origin: right; }
.md-origin-top_left { transform-origin: top left; }
.md-hover-origin-top_left:hover { transform-origin: top left; }
.md-focus-origin-top_left:focus { transform-origin: top left; }
.md-active-origin-top_left:active { transform-origin: top left; }
.md-disabled-origin-top_left:disabled { transform-origin: top left; }
.md-origin-top_right { transform-origin: top right; }
.md-hover-origin-top_right:hover { transform-origin: top right; }
.md-focus-origin-top_right:focus { transform-origin: top right; }
.md-active-origin-top_right:active { transform-origin: top right; }
.md-disabled-origin-top_right:disabled { transform-origin: top right; }
.md-origin-bottom_left { transform-origin: bottom left; }
.md-hover-origin-bottom_left:hover { transform-origin: bottom left; }
.md-focus-origin-bottom_left:focus { transform-origin: bottom left; }
.md-active-origin-bottom_left:active { transform-origin: bottom left; }
.md-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
.md-origin-bottom_right { transform-origin: bottom right; }
.md-hover-origin-bottom_right:hover { transform-origin: bottom right; }
.md-focus-origin-bottom_right:focus { transform-origin: bottom right; }
.md-active-origin-bottom_right:active { transform-origin: bottom right; }
.md-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
.md-transform-style-flat { transform-style: flat; }
.md-hover-transform-style-flat:hover { transform-style: flat; }
.md-focus-transform-style-flat:focus { transform-style: flat; }
.md-active-transform-style-flat:active { transform-style: flat; }
.md-disabled-transform-style-flat:disabled { transform-style: flat; }
.md-transform-style-preserve-3d { transform-style: preserve-3d; }
.md-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
.md-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
.md-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
.md-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
.md-accent-auto { accent-color: auto; }
.md-hover-accent-auto:hover { accent-color: auto; }
.md-focus-accent-auto:focus { accent-color: auto; }
.md-active-accent-auto:active { accent-color: auto; }
.md-disabled-accent-auto:disabled { accent-color: auto; }
.md-accent-transparent { accent-color: transparent; }
.md-hover-accent-transparent:hover { accent-color: transparent; }
.md-focus-accent-transparent:focus { accent-color: transparent; }
.md-active-accent-transparent:active { accent-color: transparent; }
.md-disabled-accent-transparent:disabled { accent-color: transparent; }
.md-accent-red-50 { accent-color: var(--quanta-red-50); }
.md-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
.md-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
.md-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
.md-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
.md-accent-red-100 { accent-color: var(--quanta-red-100); }
.md-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
.md-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
.md-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
.md-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
.md-accent-red-200 { accent-color: var(--quanta-red-200); }
.md-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
.md-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
.md-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
.md-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
.md-accent-red-300 { accent-color: var(--quanta-red-300); }
.md-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
.md-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
.md-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
.md-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
.md-accent-red-400 { accent-color: var(--quanta-red-400); }
.md-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
.md-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
.md-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
.md-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
.md-accent-red-500 { accent-color: var(--quanta-red-500); }
.md-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
.md-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
.md-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
.md-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
.md-accent-red-600 { accent-color: var(--quanta-red-600); }
.md-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
.md-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
.md-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
.md-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
.md-accent-red-700 { accent-color: var(--quanta-red-700); }
.md-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
.md-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
.md-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
.md-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
.md-accent-red-800 { accent-color: var(--quanta-red-800); }
.md-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
.md-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
.md-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
.md-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
.md-accent-red-900 { accent-color: var(--quanta-red-900); }
.md-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
.md-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
.md-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
.md-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
.md-accent-orange-50 { accent-color: var(--quanta-orange-50); }
.md-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
.md-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
.md-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
.md-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
.md-accent-orange-100 { accent-color: var(--quanta-orange-100); }
.md-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
.md-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
.md-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
.md-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
.md-accent-orange-200 { accent-color: var(--quanta-orange-200); }
.md-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
.md-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
.md-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
.md-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
.md-accent-orange-300 { accent-color: var(--quanta-orange-300); }
.md-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
.md-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
.md-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
.md-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
.md-accent-orange-400 { accent-color: var(--quanta-orange-400); }
.md-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
.md-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
.md-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
.md-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
.md-accent-orange-500 { accent-color: var(--quanta-orange-500); }
.md-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
.md-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
.md-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
.md-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
.md-accent-orange-600 { accent-color: var(--quanta-orange-600); }
.md-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
.md-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
.md-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
.md-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
.md-accent-orange-700 { accent-color: var(--quanta-orange-700); }
.md-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
.md-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
.md-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
.md-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
.md-accent-orange-800 { accent-color: var(--quanta-orange-800); }
.md-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
.md-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
.md-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
.md-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
.md-accent-orange-900 { accent-color: var(--quanta-orange-900); }
.md-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
.md-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
.md-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
.md-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
.md-accent-teal-50 { accent-color: var(--quanta-teal-50); }
.md-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
.md-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
.md-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
.md-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
.md-accent-teal-100 { accent-color: var(--quanta-teal-100); }
.md-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
.md-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
.md-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
.md-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
.md-accent-teal-200 { accent-color: var(--quanta-teal-200); }
.md-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
.md-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
.md-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
.md-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
.md-accent-teal-300 { accent-color: var(--quanta-teal-300); }
.md-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
.md-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
.md-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
.md-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
.md-accent-teal-400 { accent-color: var(--quanta-teal-400); }
.md-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
.md-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
.md-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
.md-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
.md-accent-teal-500 { accent-color: var(--quanta-teal-500); }
.md-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
.md-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
.md-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
.md-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
.md-accent-teal-600 { accent-color: var(--quanta-teal-600); }
.md-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
.md-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
.md-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
.md-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
.md-accent-teal-700 { accent-color: var(--quanta-teal-700); }
.md-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
.md-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
.md-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
.md-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
.md-accent-teal-800 { accent-color: var(--quanta-teal-800); }
.md-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
.md-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
.md-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
.md-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
.md-accent-teal-900 { accent-color: var(--quanta-teal-900); }
.md-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
.md-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
.md-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
.md-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
.md-accent-purple-50 { accent-color: var(--quanta-purple-50); }
.md-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
.md-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
.md-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
.md-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
.md-accent-purple-100 { accent-color: var(--quanta-purple-100); }
.md-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
.md-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
.md-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
.md-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
.md-accent-purple-200 { accent-color: var(--quanta-purple-200); }
.md-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
.md-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
.md-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
.md-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
.md-accent-purple-300 { accent-color: var(--quanta-purple-300); }
.md-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
.md-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
.md-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
.md-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
.md-accent-purple-400 { accent-color: var(--quanta-purple-400); }
.md-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
.md-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
.md-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
.md-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
.md-accent-purple-500 { accent-color: var(--quanta-purple-500); }
.md-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
.md-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
.md-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
.md-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
.md-accent-purple-600 { accent-color: var(--quanta-purple-600); }
.md-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
.md-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
.md-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
.md-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
.md-accent-purple-700 { accent-color: var(--quanta-purple-700); }
.md-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
.md-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
.md-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
.md-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
.md-accent-purple-800 { accent-color: var(--quanta-purple-800); }
.md-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
.md-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
.md-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
.md-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
.md-accent-purple-900 { accent-color: var(--quanta-purple-900); }
.md-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
.md-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
.md-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
.md-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
.md-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.md-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
.md-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
.md-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
.md-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
.md-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.md-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
.md-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
.md-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
.md-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
.md-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.md-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
.md-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
.md-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
.md-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
.md-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.md-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
.md-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
.md-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
.md-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
.md-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.md-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
.md-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
.md-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
.md-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
.md-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.md-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
.md-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
.md-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
.md-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
.md-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.md-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
.md-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
.md-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
.md-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
.md-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.md-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
.md-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
.md-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
.md-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
.md-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.md-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
.md-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
.md-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
.md-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
.md-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.md-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
.md-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
.md-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
.md-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
.md-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.md-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
.md-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
.md-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
.md-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
.md-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.md-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
.md-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
.md-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
.md-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
.md-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.md-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
.md-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
.md-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
.md-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
.md-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.md-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
.md-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
.md-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
.md-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
.md-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.md-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
.md-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
.md-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
.md-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
.md-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.md-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
.md-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
.md-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
.md-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
.md-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.md-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
.md-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
.md-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
.md-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
.md-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.md-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
.md-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
.md-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
.md-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
.md-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.md-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
.md-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
.md-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
.md-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
.md-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.md-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
.md-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
.md-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
.md-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
.md-accent-pink-50 { accent-color: var(--quanta-pink-50); }
.md-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
.md-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
.md-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
.md-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
.md-accent-pink-100 { accent-color: var(--quanta-pink-100); }
.md-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
.md-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
.md-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
.md-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
.md-accent-pink-200 { accent-color: var(--quanta-pink-200); }
.md-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
.md-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
.md-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
.md-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
.md-accent-pink-300 { accent-color: var(--quanta-pink-300); }
.md-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
.md-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
.md-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
.md-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
.md-accent-pink-400 { accent-color: var(--quanta-pink-400); }
.md-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
.md-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
.md-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
.md-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
.md-accent-pink-500 { accent-color: var(--quanta-pink-500); }
.md-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
.md-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
.md-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
.md-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
.md-accent-pink-600 { accent-color: var(--quanta-pink-600); }
.md-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
.md-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
.md-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
.md-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
.md-accent-pink-700 { accent-color: var(--quanta-pink-700); }
.md-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
.md-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
.md-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
.md-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
.md-accent-pink-800 { accent-color: var(--quanta-pink-800); }
.md-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
.md-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
.md-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
.md-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
.md-accent-pink-900 { accent-color: var(--quanta-pink-900); }
.md-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
.md-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
.md-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
.md-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
.md-accent-grey-50 { accent-color: var(--quanta-grey-50); }
.md-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
.md-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
.md-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
.md-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
.md-accent-grey-100 { accent-color: var(--quanta-grey-100); }
.md-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
.md-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
.md-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
.md-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
.md-accent-grey-200 { accent-color: var(--quanta-grey-200); }
.md-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
.md-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
.md-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
.md-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
.md-accent-grey-300 { accent-color: var(--quanta-grey-300); }
.md-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
.md-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
.md-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
.md-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
.md-accent-grey-400 { accent-color: var(--quanta-grey-400); }
.md-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
.md-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
.md-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
.md-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
.md-accent-grey-500 { accent-color: var(--quanta-grey-500); }
.md-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
.md-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
.md-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
.md-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
.md-accent-grey-600 { accent-color: var(--quanta-grey-600); }
.md-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
.md-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
.md-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
.md-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
.md-accent-grey-700 { accent-color: var(--quanta-grey-700); }
.md-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
.md-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
.md-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
.md-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
.md-accent-grey-800 { accent-color: var(--quanta-grey-800); }
.md-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
.md-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
.md-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
.md-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
.md-accent-grey-900 { accent-color: var(--quanta-grey-900); }
.md-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
.md-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
.md-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
.md-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
.md-accent-lime-50 { accent-color: var(--quanta-lime-50); }
.md-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
.md-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
.md-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
.md-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
.md-accent-lime-100 { accent-color: var(--quanta-lime-100); }
.md-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
.md-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
.md-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
.md-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
.md-accent-lime-200 { accent-color: var(--quanta-lime-200); }
.md-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
.md-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
.md-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
.md-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
.md-accent-lime-300 { accent-color: var(--quanta-lime-300); }
.md-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
.md-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
.md-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
.md-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
.md-accent-lime-400 { accent-color: var(--quanta-lime-400); }
.md-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
.md-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
.md-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
.md-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
.md-accent-lime-500 { accent-color: var(--quanta-lime-500); }
.md-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
.md-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
.md-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
.md-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
.md-accent-lime-600 { accent-color: var(--quanta-lime-600); }
.md-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
.md-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
.md-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
.md-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
.md-accent-lime-700 { accent-color: var(--quanta-lime-700); }
.md-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
.md-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
.md-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
.md-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
.md-accent-lime-800 { accent-color: var(--quanta-lime-800); }
.md-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
.md-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
.md-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
.md-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
.md-accent-lime-900 { accent-color: var(--quanta-lime-900); }
.md-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
.md-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
.md-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
.md-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
.md-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.md-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
.md-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
.md-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
.md-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
.md-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.md-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
.md-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
.md-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
.md-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
.md-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.md-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
.md-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
.md-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
.md-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
.md-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.md-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
.md-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
.md-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
.md-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
.md-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.md-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
.md-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
.md-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
.md-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
.md-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.md-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
.md-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
.md-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
.md-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
.md-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.md-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
.md-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
.md-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
.md-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
.md-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.md-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
.md-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
.md-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
.md-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
.md-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.md-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
.md-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
.md-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
.md-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
.md-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.md-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
.md-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
.md-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
.md-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
.md-accent-sky-50 { accent-color: var(--quanta-sky-50); }
.md-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
.md-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
.md-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
.md-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
.md-accent-sky-100 { accent-color: var(--quanta-sky-100); }
.md-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
.md-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
.md-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
.md-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
.md-accent-sky-200 { accent-color: var(--quanta-sky-200); }
.md-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
.md-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
.md-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
.md-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
.md-accent-sky-300 { accent-color: var(--quanta-sky-300); }
.md-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
.md-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
.md-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
.md-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
.md-accent-sky-400 { accent-color: var(--quanta-sky-400); }
.md-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
.md-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
.md-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
.md-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
.md-accent-sky-500 { accent-color: var(--quanta-sky-500); }
.md-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
.md-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
.md-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
.md-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
.md-accent-sky-600 { accent-color: var(--quanta-sky-600); }
.md-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
.md-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
.md-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
.md-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
.md-accent-sky-700 { accent-color: var(--quanta-sky-700); }
.md-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
.md-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
.md-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
.md-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
.md-accent-sky-800 { accent-color: var(--quanta-sky-800); }
.md-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
.md-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
.md-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
.md-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
.md-accent-sky-900 { accent-color: var(--quanta-sky-900); }
.md-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
.md-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
.md-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
.md-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
.md-accent-violet-50 { accent-color: var(--quanta-violet-50); }
.md-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
.md-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
.md-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
.md-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
.md-accent-violet-100 { accent-color: var(--quanta-violet-100); }
.md-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
.md-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
.md-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
.md-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
.md-accent-violet-200 { accent-color: var(--quanta-violet-200); }
.md-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
.md-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
.md-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
.md-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
.md-accent-violet-300 { accent-color: var(--quanta-violet-300); }
.md-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
.md-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
.md-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
.md-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
.md-accent-violet-400 { accent-color: var(--quanta-violet-400); }
.md-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
.md-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
.md-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
.md-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
.md-accent-violet-500 { accent-color: var(--quanta-violet-500); }
.md-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
.md-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
.md-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
.md-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
.md-accent-violet-600 { accent-color: var(--quanta-violet-600); }
.md-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
.md-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
.md-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
.md-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
.md-accent-violet-700 { accent-color: var(--quanta-violet-700); }
.md-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
.md-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
.md-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
.md-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
.md-accent-violet-800 { accent-color: var(--quanta-violet-800); }
.md-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
.md-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
.md-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
.md-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
.md-accent-violet-900 { accent-color: var(--quanta-violet-900); }
.md-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
.md-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
.md-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
.md-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
.md-accent-rose-50 { accent-color: var(--quanta-rose-50); }
.md-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
.md-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
.md-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
.md-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
.md-accent-rose-100 { accent-color: var(--quanta-rose-100); }
.md-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
.md-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
.md-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
.md-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
.md-accent-rose-200 { accent-color: var(--quanta-rose-200); }
.md-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
.md-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
.md-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
.md-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
.md-accent-rose-300 { accent-color: var(--quanta-rose-300); }
.md-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
.md-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
.md-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
.md-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
.md-accent-rose-400 { accent-color: var(--quanta-rose-400); }
.md-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
.md-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
.md-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
.md-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
.md-accent-rose-500 { accent-color: var(--quanta-rose-500); }
.md-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
.md-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
.md-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
.md-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
.md-accent-rose-600 { accent-color: var(--quanta-rose-600); }
.md-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
.md-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
.md-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
.md-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
.md-accent-rose-700 { accent-color: var(--quanta-rose-700); }
.md-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
.md-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
.md-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
.md-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
.md-accent-rose-800 { accent-color: var(--quanta-rose-800); }
.md-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
.md-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
.md-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
.md-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
.md-accent-rose-900 { accent-color: var(--quanta-rose-900); }
.md-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
.md-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
.md-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
.md-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
.md-accent-slate-50 { accent-color: var(--quanta-slate-50); }
.md-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
.md-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
.md-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
.md-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
.md-accent-slate-100 { accent-color: var(--quanta-slate-100); }
.md-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
.md-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
.md-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
.md-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
.md-accent-slate-200 { accent-color: var(--quanta-slate-200); }
.md-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
.md-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
.md-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
.md-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
.md-accent-slate-300 { accent-color: var(--quanta-slate-300); }
.md-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
.md-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
.md-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
.md-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
.md-accent-slate-400 { accent-color: var(--quanta-slate-400); }
.md-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
.md-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
.md-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
.md-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
.md-accent-slate-500 { accent-color: var(--quanta-slate-500); }
.md-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
.md-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
.md-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
.md-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
.md-accent-slate-600 { accent-color: var(--quanta-slate-600); }
.md-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
.md-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
.md-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
.md-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
.md-accent-slate-700 { accent-color: var(--quanta-slate-700); }
.md-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
.md-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
.md-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
.md-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
.md-accent-slate-800 { accent-color: var(--quanta-slate-800); }
.md-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
.md-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
.md-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
.md-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
.md-accent-slate-900 { accent-color: var(--quanta-slate-900); }
.md-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
.md-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
.md-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
.md-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
.md-accent-blue-50 { accent-color: var(--quanta-blue-50); }
.md-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
.md-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
.md-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
.md-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
.md-accent-blue-100 { accent-color: var(--quanta-blue-100); }
.md-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
.md-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
.md-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
.md-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
.md-accent-blue-200 { accent-color: var(--quanta-blue-200); }
.md-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
.md-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
.md-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
.md-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
.md-accent-blue-300 { accent-color: var(--quanta-blue-300); }
.md-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
.md-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
.md-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
.md-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
.md-accent-blue-400 { accent-color: var(--quanta-blue-400); }
.md-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
.md-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
.md-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
.md-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
.md-accent-blue-500 { accent-color: var(--quanta-blue-500); }
.md-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
.md-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
.md-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
.md-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
.md-accent-blue-600 { accent-color: var(--quanta-blue-600); }
.md-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
.md-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
.md-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
.md-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
.md-accent-blue-700 { accent-color: var(--quanta-blue-700); }
.md-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
.md-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
.md-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
.md-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
.md-accent-blue-800 { accent-color: var(--quanta-blue-800); }
.md-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
.md-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
.md-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
.md-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
.md-accent-blue-900 { accent-color: var(--quanta-blue-900); }
.md-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
.md-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
.md-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
.md-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
.md-accent-green-50 { accent-color: var(--quanta-green-50); }
.md-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
.md-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
.md-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
.md-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
.md-accent-green-100 { accent-color: var(--quanta-green-100); }
.md-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
.md-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
.md-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
.md-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
.md-accent-green-200 { accent-color: var(--quanta-green-200); }
.md-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
.md-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
.md-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
.md-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
.md-accent-green-300 { accent-color: var(--quanta-green-300); }
.md-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
.md-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
.md-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
.md-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
.md-accent-green-400 { accent-color: var(--quanta-green-400); }
.md-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
.md-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
.md-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
.md-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
.md-accent-green-500 { accent-color: var(--quanta-green-500); }
.md-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
.md-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
.md-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
.md-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
.md-accent-green-600 { accent-color: var(--quanta-green-600); }
.md-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
.md-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
.md-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
.md-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
.md-accent-green-700 { accent-color: var(--quanta-green-700); }
.md-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
.md-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
.md-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
.md-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
.md-accent-green-800 { accent-color: var(--quanta-green-800); }
.md-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
.md-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
.md-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
.md-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
.md-accent-green-900 { accent-color: var(--quanta-green-900); }
.md-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
.md-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
.md-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
.md-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
.md-appearance-none { appearance: none; }
.md-hover-appearance-none:hover { appearance: none; }
.md-focus-appearance-none:focus { appearance: none; }
.md-active-appearance-none:active { appearance: none; }
.md-disabled-appearance-none:disabled { appearance: none; }
.md-appearance-auto { appearance: auto; }
.md-hover-appearance-auto:hover { appearance: auto; }
.md-focus-appearance-auto:focus { appearance: auto; }
.md-active-appearance-auto:active { appearance: auto; }
.md-disabled-appearance-auto:disabled { appearance: auto; }
.md-caret-red-50 { caret-color: var(--quanta-red-50); }
.md-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
.md-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
.md-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
.md-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
.md-caret-red-100 { caret-color: var(--quanta-red-100); }
.md-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
.md-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
.md-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
.md-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
.md-caret-red-200 { caret-color: var(--quanta-red-200); }
.md-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
.md-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
.md-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
.md-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
.md-caret-red-300 { caret-color: var(--quanta-red-300); }
.md-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
.md-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
.md-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
.md-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
.md-caret-red-400 { caret-color: var(--quanta-red-400); }
.md-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
.md-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
.md-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
.md-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
.md-caret-red-500 { caret-color: var(--quanta-red-500); }
.md-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
.md-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
.md-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
.md-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
.md-caret-red-600 { caret-color: var(--quanta-red-600); }
.md-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
.md-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
.md-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
.md-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
.md-caret-red-700 { caret-color: var(--quanta-red-700); }
.md-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
.md-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
.md-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
.md-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
.md-caret-red-800 { caret-color: var(--quanta-red-800); }
.md-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
.md-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
.md-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
.md-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
.md-caret-red-900 { caret-color: var(--quanta-red-900); }
.md-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
.md-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
.md-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
.md-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
.md-caret-orange-50 { caret-color: var(--quanta-orange-50); }
.md-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
.md-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
.md-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
.md-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
.md-caret-orange-100 { caret-color: var(--quanta-orange-100); }
.md-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
.md-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
.md-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
.md-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
.md-caret-orange-200 { caret-color: var(--quanta-orange-200); }
.md-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
.md-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
.md-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
.md-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
.md-caret-orange-300 { caret-color: var(--quanta-orange-300); }
.md-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
.md-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
.md-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
.md-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
.md-caret-orange-400 { caret-color: var(--quanta-orange-400); }
.md-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
.md-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
.md-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
.md-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
.md-caret-orange-500 { caret-color: var(--quanta-orange-500); }
.md-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
.md-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
.md-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
.md-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
.md-caret-orange-600 { caret-color: var(--quanta-orange-600); }
.md-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
.md-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
.md-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
.md-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
.md-caret-orange-700 { caret-color: var(--quanta-orange-700); }
.md-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
.md-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
.md-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
.md-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
.md-caret-orange-800 { caret-color: var(--quanta-orange-800); }
.md-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
.md-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
.md-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
.md-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
.md-caret-orange-900 { caret-color: var(--quanta-orange-900); }
.md-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
.md-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
.md-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
.md-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
.md-caret-teal-50 { caret-color: var(--quanta-teal-50); }
.md-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
.md-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
.md-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
.md-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
.md-caret-teal-100 { caret-color: var(--quanta-teal-100); }
.md-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
.md-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
.md-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
.md-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
.md-caret-teal-200 { caret-color: var(--quanta-teal-200); }
.md-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
.md-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
.md-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
.md-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
.md-caret-teal-300 { caret-color: var(--quanta-teal-300); }
.md-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
.md-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
.md-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
.md-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
.md-caret-teal-400 { caret-color: var(--quanta-teal-400); }
.md-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
.md-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
.md-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
.md-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
.md-caret-teal-500 { caret-color: var(--quanta-teal-500); }
.md-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
.md-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
.md-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
.md-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
.md-caret-teal-600 { caret-color: var(--quanta-teal-600); }
.md-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
.md-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
.md-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
.md-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
.md-caret-teal-700 { caret-color: var(--quanta-teal-700); }
.md-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
.md-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
.md-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
.md-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
.md-caret-teal-800 { caret-color: var(--quanta-teal-800); }
.md-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
.md-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
.md-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
.md-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
.md-caret-teal-900 { caret-color: var(--quanta-teal-900); }
.md-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
.md-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
.md-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
.md-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
.md-caret-purple-50 { caret-color: var(--quanta-purple-50); }
.md-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
.md-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
.md-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
.md-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
.md-caret-purple-100 { caret-color: var(--quanta-purple-100); }
.md-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
.md-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
.md-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
.md-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
.md-caret-purple-200 { caret-color: var(--quanta-purple-200); }
.md-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
.md-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
.md-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
.md-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
.md-caret-purple-300 { caret-color: var(--quanta-purple-300); }
.md-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
.md-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
.md-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
.md-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
.md-caret-purple-400 { caret-color: var(--quanta-purple-400); }
.md-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
.md-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
.md-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
.md-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
.md-caret-purple-500 { caret-color: var(--quanta-purple-500); }
.md-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
.md-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
.md-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
.md-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
.md-caret-purple-600 { caret-color: var(--quanta-purple-600); }
.md-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
.md-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
.md-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
.md-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
.md-caret-purple-700 { caret-color: var(--quanta-purple-700); }
.md-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
.md-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
.md-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
.md-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
.md-caret-purple-800 { caret-color: var(--quanta-purple-800); }
.md-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
.md-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
.md-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
.md-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
.md-caret-purple-900 { caret-color: var(--quanta-purple-900); }
.md-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
.md-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
.md-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
.md-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
.md-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.md-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
.md-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
.md-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
.md-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
.md-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.md-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
.md-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
.md-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
.md-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
.md-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.md-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
.md-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
.md-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
.md-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
.md-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.md-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
.md-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
.md-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
.md-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
.md-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.md-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
.md-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
.md-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
.md-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
.md-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.md-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
.md-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
.md-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
.md-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
.md-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.md-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
.md-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
.md-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
.md-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
.md-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.md-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
.md-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
.md-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
.md-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
.md-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.md-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
.md-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
.md-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
.md-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
.md-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.md-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
.md-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
.md-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
.md-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
.md-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.md-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
.md-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
.md-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
.md-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
.md-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.md-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
.md-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
.md-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
.md-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
.md-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.md-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
.md-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
.md-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
.md-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
.md-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.md-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
.md-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
.md-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
.md-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
.md-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.md-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
.md-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
.md-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
.md-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
.md-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.md-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
.md-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
.md-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
.md-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
.md-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.md-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
.md-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
.md-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
.md-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
.md-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.md-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
.md-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
.md-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
.md-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
.md-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.md-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
.md-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
.md-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
.md-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
.md-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.md-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
.md-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
.md-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
.md-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
.md-caret-pink-50 { caret-color: var(--quanta-pink-50); }
.md-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
.md-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
.md-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
.md-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
.md-caret-pink-100 { caret-color: var(--quanta-pink-100); }
.md-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
.md-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
.md-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
.md-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
.md-caret-pink-200 { caret-color: var(--quanta-pink-200); }
.md-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
.md-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
.md-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
.md-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
.md-caret-pink-300 { caret-color: var(--quanta-pink-300); }
.md-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
.md-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
.md-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
.md-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
.md-caret-pink-400 { caret-color: var(--quanta-pink-400); }
.md-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
.md-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
.md-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
.md-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
.md-caret-pink-500 { caret-color: var(--quanta-pink-500); }
.md-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
.md-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
.md-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
.md-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
.md-caret-pink-600 { caret-color: var(--quanta-pink-600); }
.md-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
.md-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
.md-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
.md-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
.md-caret-pink-700 { caret-color: var(--quanta-pink-700); }
.md-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
.md-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
.md-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
.md-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
.md-caret-pink-800 { caret-color: var(--quanta-pink-800); }
.md-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
.md-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
.md-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
.md-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
.md-caret-pink-900 { caret-color: var(--quanta-pink-900); }
.md-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
.md-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
.md-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
.md-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
.md-caret-grey-50 { caret-color: var(--quanta-grey-50); }
.md-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
.md-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
.md-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
.md-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
.md-caret-grey-100 { caret-color: var(--quanta-grey-100); }
.md-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
.md-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
.md-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
.md-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
.md-caret-grey-200 { caret-color: var(--quanta-grey-200); }
.md-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
.md-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
.md-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
.md-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
.md-caret-grey-300 { caret-color: var(--quanta-grey-300); }
.md-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
.md-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
.md-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
.md-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
.md-caret-grey-400 { caret-color: var(--quanta-grey-400); }
.md-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
.md-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
.md-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
.md-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
.md-caret-grey-500 { caret-color: var(--quanta-grey-500); }
.md-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
.md-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
.md-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
.md-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
.md-caret-grey-600 { caret-color: var(--quanta-grey-600); }
.md-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
.md-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
.md-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
.md-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
.md-caret-grey-700 { caret-color: var(--quanta-grey-700); }
.md-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
.md-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
.md-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
.md-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
.md-caret-grey-800 { caret-color: var(--quanta-grey-800); }
.md-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
.md-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
.md-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
.md-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
.md-caret-grey-900 { caret-color: var(--quanta-grey-900); }
.md-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
.md-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
.md-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
.md-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
.md-caret-lime-50 { caret-color: var(--quanta-lime-50); }
.md-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
.md-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
.md-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
.md-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
.md-caret-lime-100 { caret-color: var(--quanta-lime-100); }
.md-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
.md-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
.md-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
.md-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
.md-caret-lime-200 { caret-color: var(--quanta-lime-200); }
.md-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
.md-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
.md-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
.md-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
.md-caret-lime-300 { caret-color: var(--quanta-lime-300); }
.md-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
.md-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
.md-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
.md-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
.md-caret-lime-400 { caret-color: var(--quanta-lime-400); }
.md-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
.md-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
.md-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
.md-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
.md-caret-lime-500 { caret-color: var(--quanta-lime-500); }
.md-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
.md-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
.md-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
.md-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
.md-caret-lime-600 { caret-color: var(--quanta-lime-600); }
.md-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
.md-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
.md-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
.md-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
.md-caret-lime-700 { caret-color: var(--quanta-lime-700); }
.md-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
.md-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
.md-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
.md-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
.md-caret-lime-800 { caret-color: var(--quanta-lime-800); }
.md-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
.md-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
.md-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
.md-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
.md-caret-lime-900 { caret-color: var(--quanta-lime-900); }
.md-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
.md-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
.md-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
.md-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
.md-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.md-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
.md-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
.md-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
.md-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
.md-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.md-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
.md-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
.md-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
.md-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
.md-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.md-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
.md-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
.md-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
.md-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
.md-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.md-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
.md-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
.md-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
.md-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
.md-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.md-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
.md-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
.md-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
.md-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
.md-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.md-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
.md-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
.md-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
.md-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
.md-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.md-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
.md-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
.md-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
.md-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
.md-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.md-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
.md-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
.md-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
.md-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
.md-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.md-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
.md-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
.md-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
.md-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
.md-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.md-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
.md-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
.md-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
.md-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
.md-caret-sky-50 { caret-color: var(--quanta-sky-50); }
.md-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
.md-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
.md-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
.md-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
.md-caret-sky-100 { caret-color: var(--quanta-sky-100); }
.md-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
.md-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
.md-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
.md-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
.md-caret-sky-200 { caret-color: var(--quanta-sky-200); }
.md-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
.md-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
.md-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
.md-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
.md-caret-sky-300 { caret-color: var(--quanta-sky-300); }
.md-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
.md-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
.md-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
.md-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
.md-caret-sky-400 { caret-color: var(--quanta-sky-400); }
.md-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
.md-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
.md-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
.md-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
.md-caret-sky-500 { caret-color: var(--quanta-sky-500); }
.md-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
.md-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
.md-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
.md-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
.md-caret-sky-600 { caret-color: var(--quanta-sky-600); }
.md-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
.md-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
.md-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
.md-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
.md-caret-sky-700 { caret-color: var(--quanta-sky-700); }
.md-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
.md-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
.md-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
.md-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
.md-caret-sky-800 { caret-color: var(--quanta-sky-800); }
.md-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
.md-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
.md-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
.md-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
.md-caret-sky-900 { caret-color: var(--quanta-sky-900); }
.md-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
.md-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
.md-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
.md-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
.md-caret-violet-50 { caret-color: var(--quanta-violet-50); }
.md-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
.md-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
.md-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
.md-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
.md-caret-violet-100 { caret-color: var(--quanta-violet-100); }
.md-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
.md-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
.md-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
.md-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
.md-caret-violet-200 { caret-color: var(--quanta-violet-200); }
.md-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
.md-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
.md-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
.md-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
.md-caret-violet-300 { caret-color: var(--quanta-violet-300); }
.md-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
.md-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
.md-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
.md-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
.md-caret-violet-400 { caret-color: var(--quanta-violet-400); }
.md-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
.md-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
.md-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
.md-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
.md-caret-violet-500 { caret-color: var(--quanta-violet-500); }
.md-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
.md-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
.md-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
.md-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
.md-caret-violet-600 { caret-color: var(--quanta-violet-600); }
.md-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
.md-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
.md-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
.md-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
.md-caret-violet-700 { caret-color: var(--quanta-violet-700); }
.md-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
.md-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
.md-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
.md-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
.md-caret-violet-800 { caret-color: var(--quanta-violet-800); }
.md-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
.md-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
.md-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
.md-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
.md-caret-violet-900 { caret-color: var(--quanta-violet-900); }
.md-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
.md-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
.md-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
.md-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
.md-caret-rose-50 { caret-color: var(--quanta-rose-50); }
.md-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
.md-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
.md-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
.md-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
.md-caret-rose-100 { caret-color: var(--quanta-rose-100); }
.md-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
.md-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
.md-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
.md-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
.md-caret-rose-200 { caret-color: var(--quanta-rose-200); }
.md-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
.md-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
.md-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
.md-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
.md-caret-rose-300 { caret-color: var(--quanta-rose-300); }
.md-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
.md-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
.md-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
.md-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
.md-caret-rose-400 { caret-color: var(--quanta-rose-400); }
.md-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
.md-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
.md-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
.md-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
.md-caret-rose-500 { caret-color: var(--quanta-rose-500); }
.md-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
.md-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
.md-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
.md-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
.md-caret-rose-600 { caret-color: var(--quanta-rose-600); }
.md-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
.md-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
.md-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
.md-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
.md-caret-rose-700 { caret-color: var(--quanta-rose-700); }
.md-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
.md-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
.md-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
.md-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
.md-caret-rose-800 { caret-color: var(--quanta-rose-800); }
.md-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
.md-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
.md-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
.md-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
.md-caret-rose-900 { caret-color: var(--quanta-rose-900); }
.md-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
.md-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
.md-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
.md-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
.md-caret-slate-50 { caret-color: var(--quanta-slate-50); }
.md-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
.md-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
.md-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
.md-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
.md-caret-slate-100 { caret-color: var(--quanta-slate-100); }
.md-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
.md-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
.md-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
.md-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
.md-caret-slate-200 { caret-color: var(--quanta-slate-200); }
.md-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
.md-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
.md-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
.md-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
.md-caret-slate-300 { caret-color: var(--quanta-slate-300); }
.md-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
.md-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
.md-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
.md-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
.md-caret-slate-400 { caret-color: var(--quanta-slate-400); }
.md-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
.md-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
.md-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
.md-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
.md-caret-slate-500 { caret-color: var(--quanta-slate-500); }
.md-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
.md-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
.md-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
.md-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
.md-caret-slate-600 { caret-color: var(--quanta-slate-600); }
.md-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
.md-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
.md-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
.md-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
.md-caret-slate-700 { caret-color: var(--quanta-slate-700); }
.md-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
.md-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
.md-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
.md-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
.md-caret-slate-800 { caret-color: var(--quanta-slate-800); }
.md-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
.md-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
.md-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
.md-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
.md-caret-slate-900 { caret-color: var(--quanta-slate-900); }
.md-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
.md-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
.md-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
.md-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
.md-caret-blue-50 { caret-color: var(--quanta-blue-50); }
.md-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
.md-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
.md-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
.md-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
.md-caret-blue-100 { caret-color: var(--quanta-blue-100); }
.md-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
.md-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
.md-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
.md-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
.md-caret-blue-200 { caret-color: var(--quanta-blue-200); }
.md-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
.md-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
.md-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
.md-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
.md-caret-blue-300 { caret-color: var(--quanta-blue-300); }
.md-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
.md-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
.md-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
.md-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
.md-caret-blue-400 { caret-color: var(--quanta-blue-400); }
.md-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
.md-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
.md-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
.md-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
.md-caret-blue-500 { caret-color: var(--quanta-blue-500); }
.md-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
.md-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
.md-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
.md-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
.md-caret-blue-600 { caret-color: var(--quanta-blue-600); }
.md-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
.md-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
.md-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
.md-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
.md-caret-blue-700 { caret-color: var(--quanta-blue-700); }
.md-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
.md-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
.md-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
.md-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
.md-caret-blue-800 { caret-color: var(--quanta-blue-800); }
.md-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
.md-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
.md-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
.md-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
.md-caret-blue-900 { caret-color: var(--quanta-blue-900); }
.md-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
.md-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
.md-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
.md-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
.md-caret-green-50 { caret-color: var(--quanta-green-50); }
.md-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
.md-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
.md-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
.md-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
.md-caret-green-100 { caret-color: var(--quanta-green-100); }
.md-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
.md-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
.md-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
.md-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
.md-caret-green-200 { caret-color: var(--quanta-green-200); }
.md-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
.md-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
.md-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
.md-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
.md-caret-green-300 { caret-color: var(--quanta-green-300); }
.md-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
.md-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
.md-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
.md-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
.md-caret-green-400 { caret-color: var(--quanta-green-400); }
.md-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
.md-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
.md-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
.md-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
.md-caret-green-500 { caret-color: var(--quanta-green-500); }
.md-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
.md-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
.md-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
.md-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
.md-caret-green-600 { caret-color: var(--quanta-green-600); }
.md-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
.md-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
.md-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
.md-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
.md-caret-green-700 { caret-color: var(--quanta-green-700); }
.md-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
.md-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
.md-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
.md-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
.md-caret-green-800 { caret-color: var(--quanta-green-800); }
.md-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
.md-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
.md-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
.md-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
.md-caret-green-900 { caret-color: var(--quanta-green-900); }
.md-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
.md-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
.md-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
.md-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
.md-caret-black { caret-color: var(--black); }
.md-hover-caret-black:hover { caret-color: var(--black); }
.md-focus-caret-black:focus { caret-color: var(--black); }
.md-active-caret-black:active { caret-color: var(--black); }
.md-disabled-caret-black:disabled { caret-color: var(--black); }
.md-caret-white { caret-color: var(--white); }
.md-hover-caret-white:hover { caret-color: var(--white); }
.md-focus-caret-white:focus { caret-color: var(--white); }
.md-active-caret-white:active { caret-color: var(--white); }
.md-disabled-caret-white:disabled { caret-color: var(--white); }
.md-color-scheme-light { color-scheme: light; }
.md-hover-color-scheme-light:hover { color-scheme: light; }
.md-focus-color-scheme-light:focus { color-scheme: light; }
.md-active-color-scheme-light:active { color-scheme: light; }
.md-disabled-color-scheme-light:disabled { color-scheme: light; }
.md-color-scheme-dark { color-scheme: dark; }
.md-hover-color-scheme-dark:hover { color-scheme: dark; }
.md-focus-color-scheme-dark:focus { color-scheme: dark; }
.md-active-color-scheme-dark:active { color-scheme: dark; }
.md-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.md-color-scheme-normal { color-scheme: normal; }
.md-hover-color-scheme-normal:hover { color-scheme: normal; }
.md-focus-color-scheme-normal:focus { color-scheme: normal; }
.md-active-color-scheme-normal:active { color-scheme: normal; }
.md-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.md-cursor-auto { cursor: auto; }
.md-hover-cursor-auto:hover { cursor: auto; }
.md-focus-cursor-auto:focus { cursor: auto; }
.md-active-cursor-auto:active { cursor: auto; }
.md-disabled-cursor-auto:disabled { cursor: auto; }
.md-cursor-default { cursor: default; }
.md-hover-cursor-default:hover { cursor: default; }
.md-focus-cursor-default:focus { cursor: default; }
.md-active-cursor-default:active { cursor: default; }
.md-disabled-cursor-default:disabled { cursor: default; }
.md-cursor-pointer { cursor: pointer; }
.md-hover-cursor-pointer:hover { cursor: pointer; }
.md-focus-cursor-pointer:focus { cursor: pointer; }
.md-active-cursor-pointer:active { cursor: pointer; }
.md-disabled-cursor-pointer:disabled { cursor: pointer; }
.md-cursor-wait { cursor: wait; }
.md-hover-cursor-wait:hover { cursor: wait; }
.md-focus-cursor-wait:focus { cursor: wait; }
.md-active-cursor-wait:active { cursor: wait; }
.md-disabled-cursor-wait:disabled { cursor: wait; }
.md-cursor-text { cursor: text; }
.md-hover-cursor-text:hover { cursor: text; }
.md-focus-cursor-text:focus { cursor: text; }
.md-active-cursor-text:active { cursor: text; }
.md-disabled-cursor-text:disabled { cursor: text; }
.md-cursor-move { cursor: move; }
.md-hover-cursor-move:hover { cursor: move; }
.md-focus-cursor-move:focus { cursor: move; }
.md-active-cursor-move:active { cursor: move; }
.md-disabled-cursor-move:disabled { cursor: move; }
.md-cursor-not-allowed { cursor: not-allowed; }
.md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.md-active-cursor-not-allowed:active { cursor: not-allowed; }
.md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.md-cursor-none { cursor: none; }
.md-hover-cursor-none:hover { cursor: none; }
.md-focus-cursor-none:focus { cursor: none; }
.md-active-cursor-none:active { cursor: none; }
.md-disabled-cursor-none:disabled { cursor: none; }
.md-pointer-events-none { pointer-events: none; }
.md-hover-pointer-events-none:hover { pointer-events: none; }
.md-focus-pointer-events-none:focus { pointer-events: none; }
.md-active-pointer-events-none:active { pointer-events: none; }
.md-disabled-pointer-events-none:disabled { pointer-events: none; }
.md-pointer-events-auto { pointer-events: auto; }
.md-hover-pointer-events-auto:hover { pointer-events: auto; }
.md-focus-pointer-events-auto:focus { pointer-events: auto; }
.md-active-pointer-events-auto:active { pointer-events: auto; }
.md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.md-resize-none { resize: none; }
.md-hover-resize-none:hover { resize: none; }
.md-focus-resize-none:focus { resize: none; }
.md-active-resize-none:active { resize: none; }
.md-disabled-resize-none:disabled { resize: none; }
.md-resize-x { resize: horizontal; }
.md-hover-resize-x:hover { resize: horizontal; }
.md-focus-resize-x:focus { resize: horizontal; }
.md-active-resize-x:active { resize: horizontal; }
.md-disabled-resize-x:disabled { resize: horizontal; }
.md-resize-y { resize: vertical; }
.md-hover-resize-y:hover { resize: vertical; }
.md-focus-resize-y:focus { resize: vertical; }
.md-active-resize-y:active { resize: vertical; }
.md-disabled-resize-y:disabled { resize: vertical; }
.md-resize { resize: both; }
.md-hover-resize:hover { resize: both; }
.md-focus-resize:focus { resize: both; }
.md-active-resize:active { resize: both; }
.md-disabled-resize:disabled { resize: both; }
.md-scroll-auto { scroll-behavior: auto; }
.md-hover-scroll-auto:hover { scroll-behavior: auto; }
.md-focus-scroll-auto:focus { scroll-behavior: auto; }
.md-active-scroll-auto:active { scroll-behavior: auto; }
.md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.md-scroll-smooth { scroll-behavior: smooth; }
.md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.md-active-scroll-smooth:active { scroll-behavior: smooth; }
.md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.md-scroll-m-0 { scroll-margin: 0rem; }
.md-hover-scroll-m-0:hover { scroll-margin: 0rem; }
.md-focus-scroll-m-0:focus { scroll-margin: 0rem; }
.md-active-scroll-m-0:active { scroll-margin: 0rem; }
.md-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
.md-scroll-p-0 { scroll-padding: 0rem; }
.md-hover-scroll-p-0:hover { scroll-padding: 0rem; }
.md-focus-scroll-p-0:focus { scroll-padding: 0rem; }
.md-active-scroll-p-0:active { scroll-padding: 0rem; }
.md-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
.md-scroll-m-0_125 { scroll-margin: 0.125rem; }
.md-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
.md-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
.md-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
.md-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
.md-scroll-p-0_125 { scroll-padding: 0.125rem; }
.md-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
.md-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
.md-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
.md-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
.md-scroll-m-0_25 { scroll-margin: 0.25rem; }
.md-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
.md-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
.md-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
.md-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
.md-scroll-p-0_25 { scroll-padding: 0.25rem; }
.md-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
.md-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
.md-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
.md-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
.md-scroll-m-0_5 { scroll-margin: 0.5rem; }
.md-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
.md-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
.md-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
.md-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
.md-scroll-p-0_5 { scroll-padding: 0.5rem; }
.md-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
.md-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
.md-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
.md-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
.md-scroll-m-0_75 { scroll-margin: 0.75rem; }
.md-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
.md-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
.md-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
.md-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
.md-scroll-p-0_75 { scroll-padding: 0.75rem; }
.md-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
.md-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
.md-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
.md-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
.md-scroll-m-1 { scroll-margin: 1rem; }
.md-hover-scroll-m-1:hover { scroll-margin: 1rem; }
.md-focus-scroll-m-1:focus { scroll-margin: 1rem; }
.md-active-scroll-m-1:active { scroll-margin: 1rem; }
.md-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
.md-scroll-p-1 { scroll-padding: 1rem; }
.md-hover-scroll-p-1:hover { scroll-padding: 1rem; }
.md-focus-scroll-p-1:focus { scroll-padding: 1rem; }
.md-active-scroll-p-1:active { scroll-padding: 1rem; }
.md-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
.md-scroll-m-1_5 { scroll-margin: 1.5rem; }
.md-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
.md-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
.md-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
.md-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
.md-scroll-p-1_5 { scroll-padding: 1.5rem; }
.md-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
.md-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
.md-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
.md-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
.md-scroll-m-2 { scroll-margin: 2rem; }
.md-hover-scroll-m-2:hover { scroll-margin: 2rem; }
.md-focus-scroll-m-2:focus { scroll-margin: 2rem; }
.md-active-scroll-m-2:active { scroll-margin: 2rem; }
.md-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
.md-scroll-p-2 { scroll-padding: 2rem; }
.md-hover-scroll-p-2:hover { scroll-padding: 2rem; }
.md-focus-scroll-p-2:focus { scroll-padding: 2rem; }
.md-active-scroll-p-2:active { scroll-padding: 2rem; }
.md-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
.md-scroll-m-3 { scroll-margin: 3rem; }
.md-hover-scroll-m-3:hover { scroll-margin: 3rem; }
.md-focus-scroll-m-3:focus { scroll-margin: 3rem; }
.md-active-scroll-m-3:active { scroll-margin: 3rem; }
.md-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
.md-scroll-p-3 { scroll-padding: 3rem; }
.md-hover-scroll-p-3:hover { scroll-padding: 3rem; }
.md-focus-scroll-p-3:focus { scroll-padding: 3rem; }
.md-active-scroll-p-3:active { scroll-padding: 3rem; }
.md-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
.md-scroll-m-4 { scroll-margin: 4rem; }
.md-hover-scroll-m-4:hover { scroll-margin: 4rem; }
.md-focus-scroll-m-4:focus { scroll-margin: 4rem; }
.md-active-scroll-m-4:active { scroll-margin: 4rem; }
.md-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
.md-scroll-p-4 { scroll-padding: 4rem; }
.md-hover-scroll-p-4:hover { scroll-padding: 4rem; }
.md-focus-scroll-p-4:focus { scroll-padding: 4rem; }
.md-active-scroll-p-4:active { scroll-padding: 4rem; }
.md-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
.md-snap-x { scroll-snap-type: x mandatory; }
.md-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.md-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.md-active-snap-x:active { scroll-snap-type: x mandatory; }
.md-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.md-snap-y { scroll-snap-type: y mandatory; }
.md-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.md-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.md-active-snap-y:active { scroll-snap-type: y mandatory; }
.md-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.md-snap-both { scroll-snap-type: both mandatory; }
.md-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.md-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.md-active-snap-both:active { scroll-snap-type: both mandatory; }
.md-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.md-snap-align-start { scroll-snap-align: start; }
.md-hover-snap-align-start:hover { scroll-snap-align: start; }
.md-focus-snap-align-start:focus { scroll-snap-align: start; }
.md-active-snap-align-start:active { scroll-snap-align: start; }
.md-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.md-snap-align-end { scroll-snap-align: end; }
.md-hover-snap-align-end:hover { scroll-snap-align: end; }
.md-focus-snap-align-end:focus { scroll-snap-align: end; }
.md-active-snap-align-end:active { scroll-snap-align: end; }
.md-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.md-snap-align-center { scroll-snap-align: center; }
.md-hover-snap-align-center:hover { scroll-snap-align: center; }
.md-focus-snap-align-center:focus { scroll-snap-align: center; }
.md-active-snap-align-center:active { scroll-snap-align: center; }
.md-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.md-snap-align-none { scroll-snap-align: none; }
.md-hover-snap-align-none:hover { scroll-snap-align: none; }
.md-focus-snap-align-none:focus { scroll-snap-align: none; }
.md-active-snap-align-none:active { scroll-snap-align: none; }
.md-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.md-snap-stop-normal { scroll-snap-stop: normal; }
.md-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.md-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.md-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.md-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.md-snap-stop-always { scroll-snap-stop: always; }
.md-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.md-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.md-active-snap-stop-always:active { scroll-snap-stop: always; }
.md-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.md-touch-auto { touch-action: auto; }
.md-hover-touch-auto:hover { touch-action: auto; }
.md-focus-touch-auto:focus { touch-action: auto; }
.md-active-touch-auto:active { touch-action: auto; }
.md-disabled-touch-auto:disabled { touch-action: auto; }
.md-touch-none { touch-action: none; }
.md-hover-touch-none:hover { touch-action: none; }
.md-focus-touch-none:focus { touch-action: none; }
.md-active-touch-none:active { touch-action: none; }
.md-disabled-touch-none:disabled { touch-action: none; }
.md-touch-pan_x { touch-action: pan-x; }
.md-hover-touch-pan_x:hover { touch-action: pan-x; }
.md-focus-touch-pan_x:focus { touch-action: pan-x; }
.md-active-touch-pan_x:active { touch-action: pan-x; }
.md-disabled-touch-pan_x:disabled { touch-action: pan-x; }
.md-touch-pan_y { touch-action: pan-y; }
.md-hover-touch-pan_y:hover { touch-action: pan-y; }
.md-focus-touch-pan_y:focus { touch-action: pan-y; }
.md-active-touch-pan_y:active { touch-action: pan-y; }
.md-disabled-touch-pan_y:disabled { touch-action: pan-y; }
.md-touch-manipulation { touch-action: manipulation; }
.md-hover-touch-manipulation:hover { touch-action: manipulation; }
.md-focus-touch-manipulation:focus { touch-action: manipulation; }
.md-active-touch-manipulation:active { touch-action: manipulation; }
.md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.md-select-auto { user-select: auto; }
.md-hover-select-auto:hover { user-select: auto; }
.md-focus-select-auto:focus { user-select: auto; }
.md-active-select-auto:active { user-select: auto; }
.md-disabled-select-auto:disabled { user-select: auto; }
.md-select-none { user-select: none; }
.md-hover-select-none:hover { user-select: none; }
.md-focus-select-none:focus { user-select: none; }
.md-active-select-none:active { user-select: none; }
.md-disabled-select-none:disabled { user-select: none; }
.md-select-text { user-select: text; }
.md-hover-select-text:hover { user-select: text; }
.md-focus-select-text:focus { user-select: text; }
.md-active-select-text:active { user-select: text; }
.md-disabled-select-text:disabled { user-select: text; }
.md-select-all { user-select: all; }
.md-hover-select-all:hover { user-select: all; }
.md-focus-select-all:focus { user-select: all; }
.md-active-select-all:active { user-select: all; }
.md-disabled-select-all:disabled { user-select: all; }
.md-select-contain { user-select: contain; }
.md-hover-select-contain:hover { user-select: contain; }
.md-focus-select-contain:focus { user-select: contain; }
.md-active-select-contain:active { user-select: contain; }
.md-disabled-select-contain:disabled { user-select: contain; }
.md-will-change-auto { will-change: auto; }
.md-hover-will-change-auto:hover { will-change: auto; }
.md-focus-will-change-auto:focus { will-change: auto; }
.md-active-will-change-auto:active { will-change: auto; }
.md-disabled-will-change-auto:disabled { will-change: auto; }
.md-will-change-scroll { will-change: scroll; }
.md-hover-will-change-scroll:hover { will-change: scroll; }
.md-focus-will-change-scroll:focus { will-change: scroll; }
.md-active-will-change-scroll:active { will-change: scroll; }
.md-disabled-will-change-scroll:disabled { will-change: scroll; }
.md-will-change-transform { will-change: transform; }
.md-hover-will-change-transform:hover { will-change: transform; }
.md-focus-will-change-transform:focus { will-change: transform; }
.md-active-will-change-transform:active { will-change: transform; }
.md-disabled-will-change-transform:disabled { will-change: transform; }
.md-will-change-opacity { will-change: opacity; }
.md-hover-will-change-opacity:hover { will-change: opacity; }
.md-focus-will-change-opacity:focus { will-change: opacity; }
.md-active-will-change-opacity:active { will-change: opacity; }
.md-disabled-will-change-opacity:disabled { will-change: opacity; }
.md-will-change-contents { will-change: contents; }
.md-hover-will-change-contents:hover { will-change: contents; }
.md-focus-will-change-contents:focus { will-change: contents; }
.md-active-will-change-contents:active { will-change: contents; }
.md-disabled-will-change-contents:disabled { will-change: contents; }
.md-color-scheme-light { color-scheme: light; }
.md-hover-color-scheme-light:hover { color-scheme: light; }
.md-focus-color-scheme-light:focus { color-scheme: light; }
.md-active-color-scheme-light:active { color-scheme: light; }
.md-disabled-color-scheme-light:disabled { color-scheme: light; }
.md-color-scheme-dark { color-scheme: dark; }
.md-hover-color-scheme-dark:hover { color-scheme: dark; }
.md-focus-color-scheme-dark:focus { color-scheme: dark; }
.md-active-color-scheme-dark:active { color-scheme: dark; }
.md-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.md-color-scheme-normal { color-scheme: normal; }
.md-hover-color-scheme-normal:hover { color-scheme: normal; }
.md-focus-color-scheme-normal:focus { color-scheme: normal; }
.md-active-color-scheme-normal:active { color-scheme: normal; }
.md-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.md-cursor-auto { cursor: auto; }
.md-hover-cursor-auto:hover { cursor: auto; }
.md-focus-cursor-auto:focus { cursor: auto; }
.md-active-cursor-auto:active { cursor: auto; }
.md-disabled-cursor-auto:disabled { cursor: auto; }
.md-cursor-default { cursor: default; }
.md-hover-cursor-default:hover { cursor: default; }
.md-focus-cursor-default:focus { cursor: default; }
.md-active-cursor-default:active { cursor: default; }
.md-disabled-cursor-default:disabled { cursor: default; }
.md-cursor-pointer { cursor: pointer; }
.md-hover-cursor-pointer:hover { cursor: pointer; }
.md-focus-cursor-pointer:focus { cursor: pointer; }
.md-active-cursor-pointer:active { cursor: pointer; }
.md-disabled-cursor-pointer:disabled { cursor: pointer; }
.md-cursor-wait { cursor: wait; }
.md-hover-cursor-wait:hover { cursor: wait; }
.md-focus-cursor-wait:focus { cursor: wait; }
.md-active-cursor-wait:active { cursor: wait; }
.md-disabled-cursor-wait:disabled { cursor: wait; }
.md-cursor-text { cursor: text; }
.md-hover-cursor-text:hover { cursor: text; }
.md-focus-cursor-text:focus { cursor: text; }
.md-active-cursor-text:active { cursor: text; }
.md-disabled-cursor-text:disabled { cursor: text; }
.md-cursor-move { cursor: move; }
.md-hover-cursor-move:hover { cursor: move; }
.md-focus-cursor-move:focus { cursor: move; }
.md-active-cursor-move:active { cursor: move; }
.md-disabled-cursor-move:disabled { cursor: move; }
.md-cursor-not-allowed { cursor: not-allowed; }
.md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.md-active-cursor-not-allowed:active { cursor: not-allowed; }
.md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.md-cursor-none { cursor: none; }
.md-hover-cursor-none:hover { cursor: none; }
.md-focus-cursor-none:focus { cursor: none; }
.md-active-cursor-none:active { cursor: none; }
.md-disabled-cursor-none:disabled { cursor: none; }
.md-pointer-events-none { pointer-events: none; }
.md-hover-pointer-events-none:hover { pointer-events: none; }
.md-focus-pointer-events-none:focus { pointer-events: none; }
.md-active-pointer-events-none:active { pointer-events: none; }
.md-disabled-pointer-events-none:disabled { pointer-events: none; }
.md-pointer-events-auto { pointer-events: auto; }
.md-hover-pointer-events-auto:hover { pointer-events: auto; }
.md-focus-pointer-events-auto:focus { pointer-events: auto; }
.md-active-pointer-events-auto:active { pointer-events: auto; }
.md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.md-resize-none { resize: none; }
.md-hover-resize-none:hover { resize: none; }
.md-focus-resize-none:focus { resize: none; }
.md-active-resize-none:active { resize: none; }
.md-disabled-resize-none:disabled { resize: none; }
.md-resize-x { resize: horizontal; }
.md-hover-resize-x:hover { resize: horizontal; }
.md-focus-resize-x:focus { resize: horizontal; }
.md-active-resize-x:active { resize: horizontal; }
.md-disabled-resize-x:disabled { resize: horizontal; }
.md-resize-y { resize: vertical; }
.md-hover-resize-y:hover { resize: vertical; }
.md-focus-resize-y:focus { resize: vertical; }
.md-active-resize-y:active { resize: vertical; }
.md-disabled-resize-y:disabled { resize: vertical; }
.md-resize { resize: both; }
.md-hover-resize:hover { resize: both; }
.md-focus-resize:focus { resize: both; }
.md-active-resize:active { resize: both; }
.md-disabled-resize:disabled { resize: both; }
.md-scroll-auto { scroll-behavior: auto; }
.md-hover-scroll-auto:hover { scroll-behavior: auto; }
.md-focus-scroll-auto:focus { scroll-behavior: auto; }
.md-active-scroll-auto:active { scroll-behavior: auto; }
.md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.md-scroll-smooth { scroll-behavior: smooth; }
.md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.md-active-scroll-smooth:active { scroll-behavior: smooth; }
.md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.md-scroll-m-0 { scroll-margin: 0; }
.md-hover-scroll-m-0:hover { scroll-margin: 0; }
.md-focus-scroll-m-0:focus { scroll-margin: 0; }
.md-active-scroll-m-0:active { scroll-margin: 0; }
.md-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.md-scroll-m-1 { scroll-margin: 0.25rem; }
.md-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.md-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.md-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.md-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.md-scroll-m-2 { scroll-margin: 0.5rem; }
.md-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.md-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.md-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.md-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.md-scroll-m-4 { scroll-margin: 1rem; }
.md-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.md-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.md-active-scroll-m-4:active { scroll-margin: 1rem; }
.md-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.md-scroll-m-8 { scroll-margin: 2rem; }
.md-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.md-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.md-active-scroll-m-8:active { scroll-margin: 2rem; }
.md-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.md-scroll-p-0 { scroll-padding: 0; }
.md-hover-scroll-p-0:hover { scroll-padding: 0; }
.md-focus-scroll-p-0:focus { scroll-padding: 0; }
.md-active-scroll-p-0:active { scroll-padding: 0; }
.md-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.md-scroll-p-1 { scroll-padding: 0.25rem; }
.md-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.md-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.md-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.md-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.md-scroll-p-2 { scroll-padding: 0.5rem; }
.md-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.md-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.md-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.md-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.md-scroll-p-4 { scroll-padding: 1rem; }
.md-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.md-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.md-active-scroll-p-4:active { scroll-padding: 1rem; }
.md-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.md-scroll-p-8 { scroll-padding: 2rem; }
.md-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.md-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.md-active-scroll-p-8:active { scroll-padding: 2rem; }
.md-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.md-snap-x { scroll-snap-type: x mandatory; }
.md-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.md-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.md-active-snap-x:active { scroll-snap-type: x mandatory; }
.md-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.md-snap-y { scroll-snap-type: y mandatory; }
.md-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.md-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.md-active-snap-y:active { scroll-snap-type: y mandatory; }
.md-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.md-snap-both { scroll-snap-type: both mandatory; }
.md-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.md-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.md-active-snap-both:active { scroll-snap-type: both mandatory; }
.md-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.md-snap-align-start { scroll-snap-align: start; }
.md-hover-snap-align-start:hover { scroll-snap-align: start; }
.md-focus-snap-align-start:focus { scroll-snap-align: start; }
.md-active-snap-align-start:active { scroll-snap-align: start; }
.md-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.md-snap-align-center { scroll-snap-align: center; }
.md-hover-snap-align-center:hover { scroll-snap-align: center; }
.md-focus-snap-align-center:focus { scroll-snap-align: center; }
.md-active-snap-align-center:active { scroll-snap-align: center; }
.md-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.md-snap-align-end { scroll-snap-align: end; }
.md-hover-snap-align-end:hover { scroll-snap-align: end; }
.md-focus-snap-align-end:focus { scroll-snap-align: end; }
.md-active-snap-align-end:active { scroll-snap-align: end; }
.md-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.md-snap-align-none { scroll-snap-align: none; }
.md-hover-snap-align-none:hover { scroll-snap-align: none; }
.md-focus-snap-align-none:focus { scroll-snap-align: none; }
.md-active-snap-align-none:active { scroll-snap-align: none; }
.md-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.md-snap-stop-normal { scroll-snap-stop: normal; }
.md-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.md-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.md-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.md-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.md-snap-stop-always { scroll-snap-stop: always; }
.md-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.md-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.md-active-snap-stop-always:active { scroll-snap-stop: always; }
.md-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.md-touch-auto { touch-action: auto; }
.md-hover-touch-auto:hover { touch-action: auto; }
.md-focus-touch-auto:focus { touch-action: auto; }
.md-active-touch-auto:active { touch-action: auto; }
.md-disabled-touch-auto:disabled { touch-action: auto; }
.md-touch-none { touch-action: none; }
.md-hover-touch-none:hover { touch-action: none; }
.md-focus-touch-none:focus { touch-action: none; }
.md-active-touch-none:active { touch-action: none; }
.md-disabled-touch-none:disabled { touch-action: none; }
.md-touch-pan-x { touch-action: pan-x; }
.md-hover-touch-pan-x:hover { touch-action: pan-x; }
.md-focus-touch-pan-x:focus { touch-action: pan-x; }
.md-active-touch-pan-x:active { touch-action: pan-x; }
.md-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.md-touch-pan-y { touch-action: pan-y; }
.md-hover-touch-pan-y:hover { touch-action: pan-y; }
.md-focus-touch-pan-y:focus { touch-action: pan-y; }
.md-active-touch-pan-y:active { touch-action: pan-y; }
.md-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.md-touch-manipulation { touch-action: manipulation; }
.md-hover-touch-manipulation:hover { touch-action: manipulation; }
.md-focus-touch-manipulation:focus { touch-action: manipulation; }
.md-active-touch-manipulation:active { touch-action: manipulation; }
.md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.md-select-auto { user-select: auto; }
.md-hover-select-auto:hover { user-select: auto; }
.md-focus-select-auto:focus { user-select: auto; }
.md-active-select-auto:active { user-select: auto; }
.md-disabled-select-auto:disabled { user-select: auto; }
.md-select-none { user-select: none; }
.md-hover-select-none:hover { user-select: none; }
.md-focus-select-none:focus { user-select: none; }
.md-active-select-none:active { user-select: none; }
.md-disabled-select-none:disabled { user-select: none; }
.md-select-text { user-select: text; }
.md-hover-select-text:hover { user-select: text; }
.md-focus-select-text:focus { user-select: text; }
.md-active-select-text:active { user-select: text; }
.md-disabled-select-text:disabled { user-select: text; }
.md-select-all { user-select: all; }
.md-hover-select-all:hover { user-select: all; }
.md-focus-select-all:focus { user-select: all; }
.md-active-select-all:active { user-select: all; }
.md-disabled-select-all:disabled { user-select: all; }
.md-select-contain { user-select: contain; }
.md-hover-select-contain:hover { user-select: contain; }
.md-focus-select-contain:focus { user-select: contain; }
.md-active-select-contain:active { user-select: contain; }
.md-disabled-select-contain:disabled { user-select: contain; }
.md-will-change-auto { will-change: auto; }
.md-hover-will-change-auto:hover { will-change: auto; }
.md-focus-will-change-auto:focus { will-change: auto; }
.md-active-will-change-auto:active { will-change: auto; }
.md-disabled-will-change-auto:disabled { will-change: auto; }
.md-will-change-scroll { will-change: scroll; }
.md-hover-will-change-scroll:hover { will-change: scroll; }
.md-focus-will-change-scroll:focus { will-change: scroll; }
.md-active-will-change-scroll:active { will-change: scroll; }
.md-disabled-will-change-scroll:disabled { will-change: scroll; }
.md-will-change-transform { will-change: transform; }
.md-hover-will-change-transform:hover { will-change: transform; }
.md-focus-will-change-transform:focus { will-change: transform; }
.md-active-will-change-transform:active { will-change: transform; }
.md-disabled-will-change-transform:disabled { will-change: transform; }
.md-will-change-opacity { will-change: opacity; }
.md-hover-will-change-opacity:hover { will-change: opacity; }
.md-focus-will-change-opacity:focus { will-change: opacity; }
.md-active-will-change-opacity:active { will-change: opacity; }
.md-disabled-will-change-opacity:disabled { will-change: opacity; }
.md-will-change-contents { will-change: contents; }
.md-hover-will-change-contents:hover { will-change: contents; }
.md-focus-will-change-contents:focus { will-change: contents; }
.md-active-will-change-contents:active { will-change: contents; }
.md-disabled-will-change-contents:disabled { will-change: contents; }
.md-field-sizing-auto { block-size: auto; inline-size: auto; }
.md-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
.md-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
.md-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
.md-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
.md-field-sizing-fill { block-size: 100%; inline-size: 100%; }
.md-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
.md-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
.md-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
.md-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
.md-field-sizing-min { block-size: min-content; inline-size: min-content; }
.md-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
.md-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
.md-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
.md-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
.md-field-sizing-max { block-size: max-content; inline-size: max-content; }
.md-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
.md-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
.md-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
.md-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
.md-aspect-auto { aspect-ratio: auto; }
.md-hover-aspect-auto:hover { aspect-ratio: auto; }
.md-focus-aspect-auto:focus { aspect-ratio: auto; }
.md-active-aspect-auto:active { aspect-ratio: auto; }
.md-disabled-aspect-auto:disabled { aspect-ratio: auto; }
.md-aspect-square { aspect-ratio: 1 / 1; }
.md-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
.md-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
.md-active-aspect-square:active { aspect-ratio: 1 / 1; }
.md-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
.md-aspect-video { aspect-ratio: 16 / 9; }
.md-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
.md-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
.md-active-aspect-video:active { aspect-ratio: 16 / 9; }
.md-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
.md-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
.md-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
.md-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
.md-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
.md-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
.md-isolation-auto { isolation: auto; }
.md-hover-isolation-auto:hover { isolation: auto; }
.md-focus-isolation-auto:focus { isolation: auto; }
.md-active-isolation-auto:active { isolation: auto; }
.md-disabled-isolation-auto:disabled { isolation: auto; }
.md-isolation-isolate { isolation: isolate; }
.md-hover-isolation-isolate:hover { isolation: isolate; }
.md-focus-isolation-isolate:focus { isolation: isolate; }
.md-active-isolation-isolate:active { isolation: isolate; }
.md-disabled-isolation-isolate:disabled { isolation: isolate; }
.md-contain-none { contain: none; }
.md-hover-contain-none:hover { contain: none; }
.md-focus-contain-none:focus { contain: none; }
.md-active-contain-none:active { contain: none; }
.md-disabled-contain-none:disabled { contain: none; }
.md-contain-layout { contain: layout; }
.md-hover-contain-layout:hover { contain: layout; }
.md-focus-contain-layout:focus { contain: layout; }
.md-active-contain-layout:active { contain: layout; }
.md-disabled-contain-layout:disabled { contain: layout; }
.md-contain-size { contain: size; }
.md-hover-contain-size:hover { contain: size; }
.md-focus-contain-size:focus { contain: size; }
.md-active-contain-size:active { contain: size; }
.md-disabled-contain-size:disabled { contain: size; }
.md-contain-style { contain: style; }
.md-hover-contain-style:hover { contain: style; }
.md-focus-contain-style:focus { contain: style; }
.md-active-contain-style:active { contain: style; }
.md-disabled-contain-style:disabled { contain: style; }
.md-contain-paint { contain: paint; }
.md-hover-contain-paint:hover { contain: paint; }
.md-focus-contain-paint:focus { contain: paint; }
.md-active-contain-paint:active { contain: paint; }
.md-disabled-contain-paint:disabled { contain: paint; }
.md-contain-content { contain: content; }
.md-hover-contain-content:hover { contain: content; }
.md-focus-contain-content:focus { contain: content; }
.md-active-contain-content:active { contain: content; }
.md-disabled-contain-content:disabled { contain: content; }
.md-content-auto { content-visibility: auto; }
.md-hover-content-auto:hover { content-visibility: auto; }
.md-focus-content-auto:focus { content-visibility: auto; }
.md-active-content-auto:active { content-visibility: auto; }
.md-disabled-content-auto:disabled { content-visibility: auto; }
.md-content-hidden { content-visibility: hidden; }
.md-hover-content-hidden:hover { content-visibility: hidden; }
.md-focus-content-hidden:focus { content-visibility: hidden; }
.md-active-content-hidden:active { content-visibility: hidden; }
.md-disabled-content-hidden:disabled { content-visibility: hidden; }
.md-content-visible { content-visibility: visible; }
.md-hover-content-visible:hover { content-visibility: visible; }
.md-focus-content-visible:focus { content-visibility: visible; }
.md-active-content-visible:active { content-visibility: visible; }
.md-disabled-content-visible:disabled { content-visibility: visible; }
.md-box-border { box-sizing: border-box; }
.md-hover-box-border:hover { box-sizing: border-box; }
.md-focus-box-border:focus { box-sizing: border-box; }
.md-active-box-border:active { box-sizing: border-box; }
.md-disabled-box-border:disabled { box-sizing: border-box; }
.md-box-content { box-sizing: content-box; }
.md-hover-box-content:hover { box-sizing: content-box; }
.md-focus-box-content:focus { box-sizing: content-box; }
.md-active-box-content:active { box-sizing: content-box; }
.md-disabled-box-content:disabled { box-sizing: content-box; }
.md-clip-none { clip-path: none; }
.md-hover-clip-none:hover { clip-path: none; }
.md-focus-clip-none:focus { clip-path: none; }
.md-active-clip-none:active { clip-path: none; }
.md-disabled-clip-none:disabled { clip-path: none; }
.md-clip-circle { clip-path: circle(50% at 50% 50%); }
.md-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
.md-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
.md-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
.md-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
.md-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
.md-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
.md-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
.md-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
.md-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
.md-clip-inset { clip-path: inset(0); }
.md-hover-clip-inset:hover { clip-path: inset(0); }
.md-focus-clip-inset:focus { clip-path: inset(0); }
.md-active-clip-inset:active { clip-path: inset(0); }
.md-disabled-clip-inset:disabled { clip-path: inset(0); }
.md-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.md-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.md-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.md-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.md-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.md-margin-block-start-1 { margin-block-start: 1rem; }
.md-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
.md-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
.md-active-margin-block-start-1:active { margin-block-start: 1rem; }
.md-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
.md-margin-block-end-1 { margin-block-end: 1rem; }
.md-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
.md-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
.md-active-margin-block-end-1:active { margin-block-end: 1rem; }
.md-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
.md-margin-inline-start-1 { margin-inline-start: 1rem; }
.md-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
.md-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
.md-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
.md-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
.md-margin-inline-end-1 { margin-inline-end: 1rem; }
.md-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
.md-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
.md-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
.md-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
.md-padding-block-start-1 { padding-block-start: 1rem; }
.md-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
.md-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
.md-active-padding-block-start-1:active { padding-block-start: 1rem; }
.md-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
.md-padding-block-end-1 { padding-block-end: 1rem; }
.md-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
.md-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
.md-active-padding-block-end-1:active { padding-block-end: 1rem; }
.md-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
.md-padding-inline-start-1 { padding-inline-start: 1rem; }
.md-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
.md-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
.md-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
.md-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
.md-padding-inline-end-1 { padding-inline-end: 1rem; }
.md-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
.md-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
.md-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
.md-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
.md-transition-all { transition-property: all; }
.md-hover-transition-all:hover { transition-property: all; }
.md-focus-transition-all:focus { transition-property: all; }
.md-active-transition-all:active { transition-property: all; }
.md-disabled-transition-all:disabled { transition-property: all; }
.md-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
.md-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
.md-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
.md-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
.md-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
.md-transition-opacity { transition-property: opacity; }
.md-hover-transition-opacity:hover { transition-property: opacity; }
.md-focus-transition-opacity:focus { transition-property: opacity; }
.md-active-transition-opacity:active { transition-property: opacity; }
.md-disabled-transition-opacity:disabled { transition-property: opacity; }
.md-transition-shadow { transition-property: box-shadow; }
.md-hover-transition-shadow:hover { transition-property: box-shadow; }
.md-focus-transition-shadow:focus { transition-property: box-shadow; }
.md-active-transition-shadow:active { transition-property: box-shadow; }
.md-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.md-transition-transform { transition-property: transform; }
.md-hover-transition-transform:hover { transition-property: transform; }
.md-focus-transition-transform:focus { transition-property: transform; }
.md-active-transition-transform:active { transition-property: transform; }
.md-disabled-transition-transform:disabled { transition-property: transform; }
.md-duration-75 { transition-duration: 75ms; }
.md-hover-duration-75:hover { transition-duration: 75ms; }
.md-focus-duration-75:focus { transition-duration: 75ms; }
.md-active-duration-75:active { transition-duration: 75ms; }
.md-disabled-duration-75:disabled { transition-duration: 75ms; }
.md-duration-100 { transition-duration: 100ms; }
.md-hover-duration-100:hover { transition-duration: 100ms; }
.md-focus-duration-100:focus { transition-duration: 100ms; }
.md-active-duration-100:active { transition-duration: 100ms; }
.md-disabled-duration-100:disabled { transition-duration: 100ms; }
.md-duration-150 { transition-duration: 150ms; }
.md-hover-duration-150:hover { transition-duration: 150ms; }
.md-focus-duration-150:focus { transition-duration: 150ms; }
.md-active-duration-150:active { transition-duration: 150ms; }
.md-disabled-duration-150:disabled { transition-duration: 150ms; }
.md-duration-200 { transition-duration: 200ms; }
.md-hover-duration-200:hover { transition-duration: 200ms; }
.md-focus-duration-200:focus { transition-duration: 200ms; }
.md-active-duration-200:active { transition-duration: 200ms; }
.md-disabled-duration-200:disabled { transition-duration: 200ms; }
.md-duration-300 { transition-duration: 300ms; }
.md-hover-duration-300:hover { transition-duration: 300ms; }
.md-focus-duration-300:focus { transition-duration: 300ms; }
.md-active-duration-300:active { transition-duration: 300ms; }
.md-disabled-duration-300:disabled { transition-duration: 300ms; }
.md-duration-500 { transition-duration: 500ms; }
.md-hover-duration-500:hover { transition-duration: 500ms; }
.md-focus-duration-500:focus { transition-duration: 500ms; }
.md-active-duration-500:active { transition-duration: 500ms; }
.md-disabled-duration-500:disabled { transition-duration: 500ms; }
.md-duration-700 { transition-duration: 700ms; }
.md-hover-duration-700:hover { transition-duration: 700ms; }
.md-focus-duration-700:focus { transition-duration: 700ms; }
.md-active-duration-700:active { transition-duration: 700ms; }
.md-disabled-duration-700:disabled { transition-duration: 700ms; }
.md-duration-1000 { transition-duration: 1000ms; }
.md-hover-duration-1000:hover { transition-duration: 1000ms; }
.md-focus-duration-1000:focus { transition-duration: 1000ms; }
.md-active-duration-1000:active { transition-duration: 1000ms; }
.md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.md-ease-linear { transition-timing-function: linear; }
.md-hover-ease-linear:hover { transition-timing-function: linear; }
.md-focus-ease-linear:focus { transition-timing-function: linear; }
.md-active-ease-linear:active { transition-timing-function: linear; }
.md-disabled-ease-linear:disabled { transition-timing-function: linear; }
.md-ease-in { transition-timing-function: ease-in; }
.md-hover-ease-in:hover { transition-timing-function: ease-in; }
.md-focus-ease-in:focus { transition-timing-function: ease-in; }
.md-active-ease-in:active { transition-timing-function: ease-in; }
.md-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.md-ease-out { transition-timing-function: ease-out; }
.md-hover-ease-out:hover { transition-timing-function: ease-out; }
.md-focus-ease-out:focus { transition-timing-function: ease-out; }
.md-active-ease-out:active { transition-timing-function: ease-out; }
.md-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.md-ease-in-out { transition-timing-function: ease-in-out; }
.md-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.md-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.md-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.md-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.md-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
.md-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
.md-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
.md-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
.md-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
.md-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
.md-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
.md-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
.md-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
.md-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
.md-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
.md-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
.md-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
.md-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
.md-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
.md-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
.md-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
.md-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
.md-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
.md-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
.md-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
.md-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
.md-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
.md-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
.md-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
.md-animate-bounce { animation: quanta-bounce 1s infinite; }
.md-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
.md-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
.md-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
.md-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
.md-animate-spin { animation: quanta-spin 1s linear infinite; }
.md-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
.md-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
.md-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
.md-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
.md-filter-none { filter: none; }
.md-hover-filter-none:hover { filter: none; }
.md-focus-filter-none:focus { filter: none; }
.md-active-filter-none:active { filter: none; }
.md-disabled-filter-none:disabled { filter: none; }
.md-blur-sm { filter: blur(2px); }
.md-hover-blur-sm:hover { filter: blur(2px); }
.md-focus-blur-sm:focus { filter: blur(2px); }
.md-active-blur-sm:active { filter: blur(2px); }
.md-disabled-blur-sm:disabled { filter: blur(2px); }
.md-blur { filter: blur(4px); }
.md-hover-blur:hover { filter: blur(4px); }
.md-focus-blur:focus { filter: blur(4px); }
.md-active-blur:active { filter: blur(4px); }
.md-disabled-blur:disabled { filter: blur(4px); }
.md-blur-md { filter: blur(8px); }
.md-hover-blur-md:hover { filter: blur(8px); }
.md-focus-blur-md:focus { filter: blur(8px); }
.md-active-blur-md:active { filter: blur(8px); }
.md-disabled-blur-md:disabled { filter: blur(8px); }
.md-blur-lg { filter: blur(12px); }
.md-hover-blur-lg:hover { filter: blur(12px); }
.md-focus-blur-lg:focus { filter: blur(12px); }
.md-active-blur-lg:active { filter: blur(12px); }
.md-disabled-blur-lg:disabled { filter: blur(12px); }
.md-blur-xl { filter: blur(20px); }
.md-hover-blur-xl:hover { filter: blur(20px); }
.md-focus-blur-xl:focus { filter: blur(20px); }
.md-active-blur-xl:active { filter: blur(20px); }
.md-disabled-blur-xl:disabled { filter: blur(20px); }
.md-brightness-50 { filter: brightness(0.5); }
.md-hover-brightness-50:hover { filter: brightness(0.5); }
.md-focus-brightness-50:focus { filter: brightness(0.5); }
.md-active-brightness-50:active { filter: brightness(0.5); }
.md-disabled-brightness-50:disabled { filter: brightness(0.5); }
.md-brightness-100 { filter: brightness(1); }
.md-hover-brightness-100:hover { filter: brightness(1); }
.md-focus-brightness-100:focus { filter: brightness(1); }
.md-active-brightness-100:active { filter: brightness(1); }
.md-disabled-brightness-100:disabled { filter: brightness(1); }
.md-brightness-150 { filter: brightness(1.5); }
.md-hover-brightness-150:hover { filter: brightness(1.5); }
.md-focus-brightness-150:focus { filter: brightness(1.5); }
.md-active-brightness-150:active { filter: brightness(1.5); }
.md-disabled-brightness-150:disabled { filter: brightness(1.5); }
.md-contrast-50 { filter: contrast(0.5); }
.md-hover-contrast-50:hover { filter: contrast(0.5); }
.md-focus-contrast-50:focus { filter: contrast(0.5); }
.md-active-contrast-50:active { filter: contrast(0.5); }
.md-disabled-contrast-50:disabled { filter: contrast(0.5); }
.md-contrast-100 { filter: contrast(1); }
.md-hover-contrast-100:hover { filter: contrast(1); }
.md-focus-contrast-100:focus { filter: contrast(1); }
.md-active-contrast-100:active { filter: contrast(1); }
.md-disabled-contrast-100:disabled { filter: contrast(1); }
.md-grayscale { filter: grayscale(1); }
.md-hover-grayscale:hover { filter: grayscale(1); }
.md-focus-grayscale:focus { filter: grayscale(1); }
.md-active-grayscale:active { filter: grayscale(1); }
.md-disabled-grayscale:disabled { filter: grayscale(1); }
.md-sepia { filter: sepia(1); }
.md-hover-sepia:hover { filter: sepia(1); }
.md-focus-sepia:focus { filter: sepia(1); }
.md-active-sepia:active { filter: sepia(1); }
.md-disabled-sepia:disabled { filter: sepia(1); }
.md-saturate-150 { filter: saturate(1.5); }
.md-hover-saturate-150:hover { filter: saturate(1.5); }
.md-focus-saturate-150:focus { filter: saturate(1.5); }
.md-active-saturate-150:active { filter: saturate(1.5); }
.md-disabled-saturate-150:disabled { filter: saturate(1.5); }
.md-hue-rotate-90 { filter: hue-rotate(90deg); }
.md-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.md-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.md-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.md-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.md-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.md-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.md-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.md-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.md-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.md-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.md-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.md-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.md-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.md-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.md-grid-flow-row { grid-auto-flow: row; }
.md-hover-grid-flow-row:hover { grid-auto-flow: row; }
.md-focus-grid-flow-row:focus { grid-auto-flow: row; }
.md-active-grid-flow-row:active { grid-auto-flow: row; }
.md-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
.md-grid-flow-col { grid-auto-flow: column; }
.md-hover-grid-flow-col:hover { grid-auto-flow: column; }
.md-focus-grid-flow-col:focus { grid-auto-flow: column; }
.md-active-grid-flow-col:active { grid-auto-flow: column; }
.md-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
.md-grid-flow-row-dense { grid-auto-flow: row dense; }
.md-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
.md-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
.md-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
.md-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
.md-grid-flow-col-dense { grid-auto-flow: column dense; }
.md-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
.md-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
.md-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
.md-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
.md-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.md-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.md-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.md-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.md-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.md-transition-none { transition-property: none; }
.md-hover-transition-none:hover { transition-property: none; }
.md-focus-transition-none:focus { transition-property: none; }
.md-active-transition-none:active { transition-property: none; }
.md-disabled-transition-none:disabled { transition-property: none; }
.md-transition-all { transition-property: all; }
.md-hover-transition-all:hover { transition-property: all; }
.md-focus-transition-all:focus { transition-property: all; }
.md-active-transition-all:active { transition-property: all; }
.md-disabled-transition-all:disabled { transition-property: all; }
.md-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.md-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.md-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.md-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.md-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.md-transition-opacity { transition-property: opacity; }
.md-hover-transition-opacity:hover { transition-property: opacity; }
.md-focus-transition-opacity:focus { transition-property: opacity; }
.md-active-transition-opacity:active { transition-property: opacity; }
.md-disabled-transition-opacity:disabled { transition-property: opacity; }
.md-transition-shadow { transition-property: box-shadow; }
.md-hover-transition-shadow:hover { transition-property: box-shadow; }
.md-focus-transition-shadow:focus { transition-property: box-shadow; }
.md-active-transition-shadow:active { transition-property: box-shadow; }
.md-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.md-transition-transform { transition-property: transform; }
.md-hover-transition-transform:hover { transition-property: transform; }
.md-focus-transition-transform:focus { transition-property: transform; }
.md-active-transition-transform:active { transition-property: transform; }
.md-disabled-transition-transform:disabled { transition-property: transform; }
.md-duration-75 { transition-duration: 75ms; }
.md-hover-duration-75:hover { transition-duration: 75ms; }
.md-focus-duration-75:focus { transition-duration: 75ms; }
.md-active-duration-75:active { transition-duration: 75ms; }
.md-disabled-duration-75:disabled { transition-duration: 75ms; }
.md-duration-150 { transition-duration: 150ms; }
.md-hover-duration-150:hover { transition-duration: 150ms; }
.md-focus-duration-150:focus { transition-duration: 150ms; }
.md-active-duration-150:active { transition-duration: 150ms; }
.md-disabled-duration-150:disabled { transition-duration: 150ms; }
.md-duration-300 { transition-duration: 300ms; }
.md-hover-duration-300:hover { transition-duration: 300ms; }
.md-focus-duration-300:focus { transition-duration: 300ms; }
.md-active-duration-300:active { transition-duration: 300ms; }
.md-disabled-duration-300:disabled { transition-duration: 300ms; }
.md-duration-500 { transition-duration: 500ms; }
.md-hover-duration-500:hover { transition-duration: 500ms; }
.md-focus-duration-500:focus { transition-duration: 500ms; }
.md-active-duration-500:active { transition-duration: 500ms; }
.md-disabled-duration-500:disabled { transition-duration: 500ms; }
.md-duration-700 { transition-duration: 700ms; }
.md-hover-duration-700:hover { transition-duration: 700ms; }
.md-focus-duration-700:focus { transition-duration: 700ms; }
.md-active-duration-700:active { transition-duration: 700ms; }
.md-disabled-duration-700:disabled { transition-duration: 700ms; }
.md-duration-1000 { transition-duration: 1000ms; }
.md-hover-duration-1000:hover { transition-duration: 1000ms; }
.md-focus-duration-1000:focus { transition-duration: 1000ms; }
.md-active-duration-1000:active { transition-duration: 1000ms; }
.md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.md-ease-linear { transition-timing-function: linear; }
.md-hover-ease-linear:hover { transition-timing-function: linear; }
.md-focus-ease-linear:focus { transition-timing-function: linear; }
.md-active-ease-linear:active { transition-timing-function: linear; }
.md-disabled-ease-linear:disabled { transition-timing-function: linear; }
.md-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.md-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.md-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.md-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.md-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.md-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.md-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.md-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.md-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.md-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.md-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.md-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.md-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.md-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.md-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.md-animate-none { animation: none; }
.md-hover-animate-none:hover { animation: none; }
.md-focus-animate-none:focus { animation: none; }
.md-active-animate-none:active { animation: none; }
.md-disabled-animate-none:disabled { animation: none; }
.md-animate-fade { animation: fade 300ms ease-out both; }
.md-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
.md-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
.md-active-animate-fade:active { animation: fade 300ms ease-out both; }
.md-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
.md-animate-slide-in { animation: slide-in 500ms ease-out both; }
.md-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
.md-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
.md-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
.md-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
.md-animate-spin { animation: spin 1s linear infinite; }
.md-hover-animate-spin:hover { animation: spin 1s linear infinite; }
.md-focus-animate-spin:focus { animation: spin 1s linear infinite; }
.md-active-animate-spin:active { animation: spin 1s linear infinite; }
.md-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
.md-transform { transform: var(--tw-transform, none); }
.md-hover-transform:hover { transform: var(--tw-transform, none); }
.md-focus-transform:focus { transform: var(--tw-transform, none); }
.md-active-transform:active { transform: var(--tw-transform, none); }
.md-disabled-transform:disabled { transform: var(--tw-transform, none); }
.md-transform-none { transform: none; }
.md-hover-transform-none:hover { transform: none; }
.md-focus-transform-none:focus { transform: none; }
.md-active-transform-none:active { transform: none; }
.md-disabled-transform-none:disabled { transform: none; }
.md-scale-50 { --tw-transform: scale(0.5); }
.md-hover-scale-50:hover { --tw-transform: scale(0.5); }
.md-focus-scale-50:focus { --tw-transform: scale(0.5); }
.md-active-scale-50:active { --tw-transform: scale(0.5); }
.md-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
.md-scale-75 { --tw-transform: scale(0.75); }
.md-hover-scale-75:hover { --tw-transform: scale(0.75); }
.md-focus-scale-75:focus { --tw-transform: scale(0.75); }
.md-active-scale-75:active { --tw-transform: scale(0.75); }
.md-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
.md-scale-90 { --tw-transform: scale(0.9); }
.md-hover-scale-90:hover { --tw-transform: scale(0.9); }
.md-focus-scale-90:focus { --tw-transform: scale(0.9); }
.md-active-scale-90:active { --tw-transform: scale(0.9); }
.md-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
.md-scale-100 { --tw-transform: scale(1); }
.md-hover-scale-100:hover { --tw-transform: scale(1); }
.md-focus-scale-100:focus { --tw-transform: scale(1); }
.md-active-scale-100:active { --tw-transform: scale(1); }
.md-disabled-scale-100:disabled { --tw-transform: scale(1); }
.md-scale-105 { --tw-transform: scale(1.05); }
.md-hover-scale-105:hover { --tw-transform: scale(1.05); }
.md-focus-scale-105:focus { --tw-transform: scale(1.05); }
.md-active-scale-105:active { --tw-transform: scale(1.05); }
.md-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
.md-scale-110 { --tw-transform: scale(1.1); }
.md-hover-scale-110:hover { --tw-transform: scale(1.1); }
.md-focus-scale-110:focus { --tw-transform: scale(1.1); }
.md-active-scale-110:active { --tw-transform: scale(1.1); }
.md-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
.md-scale-125 { --tw-transform: scale(1.25); }
.md-hover-scale-125:hover { --tw-transform: scale(1.25); }
.md-focus-scale-125:focus { --tw-transform: scale(1.25); }
.md-active-scale-125:active { --tw-transform: scale(1.25); }
.md-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
.md-scale-150 { --tw-transform: scale(1.5); }
.md-hover-scale-150:hover { --tw-transform: scale(1.5); }
.md-focus-scale-150:focus { --tw-transform: scale(1.5); }
.md-active-scale-150:active { --tw-transform: scale(1.5); }
.md-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
.md-translate-x-0 { --tw-transform: translateX(0); }
.md-hover-translate-x-0:hover { --tw-transform: translateX(0); }
.md-focus-translate-x-0:focus { --tw-transform: translateX(0); }
.md-active-translate-x-0:active { --tw-transform: translateX(0); }
.md-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
.md-translate-x-1 { --tw-transform: translateX(0.25rem); }
.md-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
.md-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
.md-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
.md-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
.md-translate-x-2 { --tw-transform: translateX(0.5rem); }
.md-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
.md-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
.md-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
.md-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
.md-translate-x-4 { --tw-transform: translateX(1rem); }
.md-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
.md-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
.md-active-translate-x-4:active { --tw-transform: translateX(1rem); }
.md-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
.md-translate-x-8 { --tw-transform: translateX(2rem); }
.md-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
.md-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
.md-active-translate-x-8:active { --tw-transform: translateX(2rem); }
.md-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
.md-translate-y-0 { --tw-transform: translateY(0); }
.md-hover-translate-y-0:hover { --tw-transform: translateY(0); }
.md-focus-translate-y-0:focus { --tw-transform: translateY(0); }
.md-active-translate-y-0:active { --tw-transform: translateY(0); }
.md-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
.md-translate-y-1 { --tw-transform: translateY(0.25rem); }
.md-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
.md-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
.md-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
.md-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
.md-translate-y-2 { --tw-transform: translateY(0.5rem); }
.md-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
.md-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
.md-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
.md-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
.md-translate-y-4 { --tw-transform: translateY(1rem); }
.md-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
.md-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
.md-active-translate-y-4:active { --tw-transform: translateY(1rem); }
.md-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
.md-translate-y-8 { --tw-transform: translateY(2rem); }
.md-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
.md-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
.md-active-translate-y-8:active { --tw-transform: translateY(2rem); }
.md-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
.md-rotate-0 { --tw-transform: rotate(0deg); }
.md-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
.md-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
.md-active-rotate-0:active { --tw-transform: rotate(0deg); }
.md-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
.md-rotate-45 { --tw-transform: rotate(45deg); }
.md-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
.md-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
.md-active-rotate-45:active { --tw-transform: rotate(45deg); }
.md-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
.md-rotate-90 { --tw-transform: rotate(90deg); }
.md-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
.md-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
.md-active-rotate-90:active { --tw-transform: rotate(90deg); }
.md-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
.md-rotate-180 { --tw-transform: rotate(180deg); }
.md-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
.md-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
.md-active-rotate-180:active { --tw-transform: rotate(180deg); }
.md-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
.md-skew-x-0 { --tw-transform: skewX(0); }
.md-hover-skew-x-0:hover { --tw-transform: skewX(0); }
.md-focus-skew-x-0:focus { --tw-transform: skewX(0); }
.md-active-skew-x-0:active { --tw-transform: skewX(0); }
.md-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
.md-skew-x-3 { --tw-transform: skewX(3deg); }
.md-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
.md-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
.md-active-skew-x-3:active { --tw-transform: skewX(3deg); }
.md-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
.md-skew-x-6 { --tw-transform: skewX(6deg); }
.md-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
.md-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
.md-active-skew-x-6:active { --tw-transform: skewX(6deg); }
.md-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
.md-skew-y-0 { --tw-transform: skewY(0); }
.md-hover-skew-y-0:hover { --tw-transform: skewY(0); }
.md-focus-skew-y-0:focus { --tw-transform: skewY(0); }
.md-active-skew-y-0:active { --tw-transform: skewY(0); }
.md-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
.md-skew-y-3 { --tw-transform: skewY(3deg); }
.md-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
.md-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
.md-active-skew-y-3:active { --tw-transform: skewY(3deg); }
.md-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
.md-skew-y-6 { --tw-transform: skewY(6deg); }
.md-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
.md-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
.md-active-skew-y-6:active { --tw-transform: skewY(6deg); }
.md-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
.md-origin-center { transform-origin: center; }
.md-hover-origin-center:hover { transform-origin: center; }
.md-focus-origin-center:focus { transform-origin: center; }
.md-active-origin-center:active { transform-origin: center; }
.md-disabled-origin-center:disabled { transform-origin: center; }
.md-origin-top { transform-origin: top; }
.md-hover-origin-top:hover { transform-origin: top; }
.md-focus-origin-top:focus { transform-origin: top; }
.md-active-origin-top:active { transform-origin: top; }
.md-disabled-origin-top:disabled { transform-origin: top; }
.md-origin-right { transform-origin: right; }
.md-hover-origin-right:hover { transform-origin: right; }
.md-focus-origin-right:focus { transform-origin: right; }
.md-active-origin-right:active { transform-origin: right; }
.md-disabled-origin-right:disabled { transform-origin: right; }
.md-origin-bottom { transform-origin: bottom; }
.md-hover-origin-bottom:hover { transform-origin: bottom; }
.md-focus-origin-bottom:focus { transform-origin: bottom; }
.md-active-origin-bottom:active { transform-origin: bottom; }
.md-disabled-origin-bottom:disabled { transform-origin: bottom; }
.md-origin-left { transform-origin: left; }
.md-hover-origin-left:hover { transform-origin: left; }
.md-focus-origin-left:focus { transform-origin: left; }
.md-active-origin-left:active { transform-origin: left; }
.md-disabled-origin-left:disabled { transform-origin: left; }
.md-perspective-none { perspective: none; }
.md-hover-perspective-none:hover { perspective: none; }
.md-focus-perspective-none:focus { perspective: none; }
.md-active-perspective-none:active { perspective: none; }
.md-disabled-perspective-none:disabled { perspective: none; }
.md-perspective-sm { perspective: 400px; }
.md-hover-perspective-sm:hover { perspective: 400px; }
.md-focus-perspective-sm:focus { perspective: 400px; }
.md-active-perspective-sm:active { perspective: 400px; }
.md-disabled-perspective-sm:disabled { perspective: 400px; }
.md-perspective-md { perspective: 800px; }
.md-hover-perspective-md:hover { perspective: 800px; }
.md-focus-perspective-md:focus { perspective: 800px; }
.md-active-perspective-md:active { perspective: 800px; }
.md-disabled-perspective-md:disabled { perspective: 800px; }
.md-perspective-lg { perspective: 1200px; }
.md-hover-perspective-lg:hover { perspective: 1200px; }
.md-focus-perspective-lg:focus { perspective: 1200px; }
.md-active-perspective-lg:active { perspective: 1200px; }
.md-disabled-perspective-lg:disabled { perspective: 1200px; }
.md-perspective-xl { perspective: 1600px; }
.md-hover-perspective-xl:hover { perspective: 1600px; }
.md-focus-perspective-xl:focus { perspective: 1600px; }
.md-active-perspective-xl:active { perspective: 1600px; }
.md-disabled-perspective-xl:disabled { perspective: 1600px; }
.md-perspective-origin-center { perspective-origin: center; }
.md-hover-perspective-origin-center:hover { perspective-origin: center; }
.md-focus-perspective-origin-center:focus { perspective-origin: center; }
.md-active-perspective-origin-center:active { perspective-origin: center; }
.md-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.md-perspective-origin-top { perspective-origin: top; }
.md-hover-perspective-origin-top:hover { perspective-origin: top; }
.md-focus-perspective-origin-top:focus { perspective-origin: top; }
.md-active-perspective-origin-top:active { perspective-origin: top; }
.md-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.md-perspective-origin-left { perspective-origin: left; }
.md-hover-perspective-origin-left:hover { perspective-origin: left; }
.md-focus-perspective-origin-left:focus { perspective-origin: left; }
.md-active-perspective-origin-left:active { perspective-origin: left; }
.md-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.md-perspective-origin-right { perspective-origin: right; }
.md-hover-perspective-origin-right:hover { perspective-origin: right; }
.md-focus-perspective-origin-right:focus { perspective-origin: right; }
.md-active-perspective-origin-right:active { perspective-origin: right; }
.md-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.md-perspective-origin-bottom { perspective-origin: bottom; }
.md-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.md-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.md-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.md-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.md-backface-visible { backface-visibility: visible; }
.md-hover-backface-visible:hover { backface-visibility: visible; }
.md-focus-backface-visible:focus { backface-visibility: visible; }
.md-active-backface-visible:active { backface-visibility: visible; }
.md-disabled-backface-visible:disabled { backface-visibility: visible; }
.md-backface-hidden { backface-visibility: hidden; }
.md-hover-backface-hidden:hover { backface-visibility: hidden; }
.md-focus-backface-hidden:focus { backface-visibility: hidden; }
.md-active-backface-hidden:active { backface-visibility: hidden; }
.md-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.md-transform-style-flat { transform-style: flat; }
.md-hover-transform-style-flat:hover { transform-style: flat; }
.md-focus-transform-style-flat:focus { transform-style: flat; }
.md-active-transform-style-flat:active { transform-style: flat; }
.md-disabled-transform-style-flat:disabled { transform-style: flat; }
.md-transform-style-preserve { transform-style: preserve-3d; }
.md-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
.md-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
.md-active-transform-style-preserve:active { transform-style: preserve-3d; }
.md-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
.md-filter-none { filter: none; }
.md-hover-filter-none:hover { filter: none; }
.md-focus-filter-none:focus { filter: none; }
.md-active-filter-none:active { filter: none; }
.md-disabled-filter-none:disabled { filter: none; }
.md-filter-grayscale { filter: grayscale(100%); }
.md-hover-filter-grayscale:hover { filter: grayscale(100%); }
.md-focus-filter-grayscale:focus { filter: grayscale(100%); }
.md-active-filter-grayscale:active { filter: grayscale(100%); }
.md-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
.md-filter-blur { filter: blur(4px); }
.md-hover-filter-blur:hover { filter: blur(4px); }
.md-focus-filter-blur:focus { filter: blur(4px); }
.md-active-filter-blur:active { filter: blur(4px); }
.md-disabled-filter-blur:disabled { filter: blur(4px); }
.md-filter-brightness-50 { filter: brightness(0.5); }
.md-hover-filter-brightness-50:hover { filter: brightness(0.5); }
.md-focus-filter-brightness-50:focus { filter: brightness(0.5); }
.md-active-filter-brightness-50:active { filter: brightness(0.5); }
.md-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
.md-filter-contrast-125 { filter: contrast(1.25); }
.md-hover-filter-contrast-125:hover { filter: contrast(1.25); }
.md-focus-filter-contrast-125:focus { filter: contrast(1.25); }
.md-active-filter-contrast-125:active { filter: contrast(1.25); }
.md-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
.md-filter-saturate-150 { filter: saturate(1.5); }
.md-hover-filter-saturate-150:hover { filter: saturate(1.5); }
.md-focus-filter-saturate-150:focus { filter: saturate(1.5); }
.md-active-filter-saturate-150:active { filter: saturate(1.5); }
.md-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
.md-filter-sepia { filter: sepia(100%); }
.md-hover-filter-sepia:hover { filter: sepia(100%); }
.md-focus-filter-sepia:focus { filter: sepia(100%); }
.md-active-filter-sepia:active { filter: sepia(100%); }
.md-disabled-filter-sepia:disabled { filter: sepia(100%); }
.md-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
.md-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.md-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.md-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
.md-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.md-backdrop-filter-none { backdrop-filter: none; }
.md-hover-backdrop-filter-none:hover { backdrop-filter: none; }
.md-focus-backdrop-filter-none:focus { backdrop-filter: none; }
.md-active-backdrop-filter-none:active { backdrop-filter: none; }
.md-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
.md-backdrop-blur { backdrop-filter: blur(4px); }
.md-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
.md-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
.md-active-backdrop-blur:active { backdrop-filter: blur(4px); }
.md-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
.md-bg-blend-normal { background-blend-mode: normal; }
.md-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.md-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.md-active-bg-blend-normal:active { background-blend-mode: normal; }
.md-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.md-bg-blend-multiply { background-blend-mode: multiply; }
.md-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.md-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.md-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.md-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.md-bg-blend-screen { background-blend-mode: screen; }
.md-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.md-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.md-active-bg-blend-screen:active { background-blend-mode: screen; }
.md-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.md-bg-blend-overlay { background-blend-mode: overlay; }
.md-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.md-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.md-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.md-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.md-bg-blend-darken { background-blend-mode: darken; }
.md-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.md-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.md-active-bg-blend-darken:active { background-blend-mode: darken; }
.md-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.md-bg-blend-lighten { background-blend-mode: lighten; }
.md-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.md-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.md-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.md-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.md-mix-blend-normal { mix-blend-mode: normal; }
.md-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
.md-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
.md-active-mix-blend-normal:active { mix-blend-mode: normal; }
.md-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
.md-mix-blend-multiply { mix-blend-mode: multiply; }
.md-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
.md-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
.md-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
.md-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
.md-mix-blend-screen { mix-blend-mode: screen; }
.md-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
.md-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
.md-active-mix-blend-screen:active { mix-blend-mode: screen; }
.md-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
.md-mix-blend-overlay { mix-blend-mode: overlay; }
.md-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
.md-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
.md-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
.md-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
.md-decoration-slice { box-decoration-break: slice; }
.md-hover-decoration-slice:hover { box-decoration-break: slice; }
.md-focus-decoration-slice:focus { box-decoration-break: slice; }
.md-active-decoration-slice:active { box-decoration-break: slice; }
.md-disabled-decoration-slice:disabled { box-decoration-break: slice; }
.md-decoration-clone { box-decoration-break: clone; }
.md-hover-decoration-clone:hover { box-decoration-break: clone; }
.md-focus-decoration-clone:focus { box-decoration-break: clone; }
.md-active-decoration-clone:active { box-decoration-break: clone; }
.md-disabled-decoration-clone:disabled { box-decoration-break: clone; }
.md-box-border { box-sizing: border-box; }
.md-hover-box-border:hover { box-sizing: border-box; }
.md-focus-box-border:focus { box-sizing: border-box; }
.md-active-box-border:active { box-sizing: border-box; }
.md-disabled-box-border:disabled { box-sizing: border-box; }
.md-box-content { box-sizing: content-box; }
.md-hover-box-content:hover { box-sizing: content-box; }
.md-focus-box-content:focus { box-sizing: content-box; }
.md-active-box-content:active { box-sizing: content-box; }
.md-disabled-box-content:disabled { box-sizing: content-box; }
.md-clip-none { clip-path: none; }
.md-hover-clip-none:hover { clip-path: none; }
.md-focus-clip-none:focus { clip-path: none; }
.md-active-clip-none:active { clip-path: none; }
.md-disabled-clip-none:disabled { clip-path: none; }
.md-clip-circle { clip-path: circle(50%); }
.md-hover-clip-circle:hover { clip-path: circle(50%); }
.md-focus-clip-circle:focus { clip-path: circle(50%); }
.md-active-clip-circle:active { clip-path: circle(50%); }
.md-disabled-clip-circle:disabled { clip-path: circle(50%); }
.md-clip-ellipse { clip-path: ellipse(50% 75%); }
.md-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
.md-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
.md-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
.md-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
.md-clip-inset { clip-path: inset(10%); }
.md-hover-clip-inset:hover { clip-path: inset(10%); }
.md-focus-clip-inset:focus { clip-path: inset(10%); }
.md-active-clip-inset:active { clip-path: inset(10%); }
.md-disabled-clip-inset:disabled { clip-path: inset(10%); }
.md-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.md-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.md-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.md-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.md-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.md-outline-none { outline: none; }
.md-hover-outline-none:hover { outline: none; }
.md-focus-outline-none:focus { outline: none; }
.md-active-outline-none:active { outline: none; }
.md-disabled-outline-none:disabled { outline: none; }
.md-outline-solid { outline-style: solid; }
.md-hover-outline-solid:hover { outline-style: solid; }
.md-focus-outline-solid:focus { outline-style: solid; }
.md-active-outline-solid:active { outline-style: solid; }
.md-disabled-outline-solid:disabled { outline-style: solid; }
.md-outline-dashed { outline-style: dashed; }
.md-hover-outline-dashed:hover { outline-style: dashed; }
.md-focus-outline-dashed:focus { outline-style: dashed; }
.md-active-outline-dashed:active { outline-style: dashed; }
.md-disabled-outline-dashed:disabled { outline-style: dashed; }
.md-outline-offset-0 { outline-offset: 0; }
.md-hover-outline-offset-0:hover { outline-offset: 0; }
.md-focus-outline-offset-0:focus { outline-offset: 0; }
.md-active-outline-offset-0:active { outline-offset: 0; }
.md-disabled-outline-offset-0:disabled { outline-offset: 0; }
.md-outline-offset-2 { outline-offset: 2px; }
.md-hover-outline-offset-2:hover { outline-offset: 2px; }
.md-focus-outline-offset-2:focus { outline-offset: 2px; }
.md-active-outline-offset-2:active { outline-offset: 2px; }
.md-disabled-outline-offset-2:disabled { outline-offset: 2px; }
.md-outline-offset-4 { outline-offset: 4px; }
.md-hover-outline-offset-4:hover { outline-offset: 4px; }
.md-focus-outline-offset-4:focus { outline-offset: 4px; }
.md-active-outline-offset-4:active { outline-offset: 4px; }
.md-disabled-outline-offset-4:disabled { outline-offset: 4px; }
.md-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.md-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.md-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.md-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.md-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.md-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.md-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.md-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.md-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.md-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.md-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.md-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.md-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.md-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.md-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.md-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.md-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.md-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.md-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.md-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.md-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.md-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.md-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.md-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.md-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.md-shadow-none { box-shadow: none; }
.md-hover-shadow-none:hover { box-shadow: none; }
.md-focus-shadow-none:focus { box-shadow: none; }
.md-active-shadow-none:active { box-shadow: none; }
.md-disabled-shadow-none:disabled { box-shadow: none; }
.md-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.md-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.md-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.md-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.md-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.md-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.md-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.md-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.md-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.md-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.md-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.md-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.md-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.md-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.md-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.md-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.md-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.md-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.md-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.md-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.md-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.md-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.md-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.md-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.md-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.md-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.md-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.md-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.md-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.md-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.md-accent-auto { accent-color: auto; }
.md-hover-accent-auto:hover { accent-color: auto; }
.md-focus-accent-auto:focus { accent-color: auto; }
.md-active-accent-auto:active { accent-color: auto; }
.md-disabled-accent-auto:disabled { accent-color: auto; }
.md-accent-current { accent-color: currentColor; }
.md-hover-accent-current:hover { accent-color: currentColor; }
.md-focus-accent-current:focus { accent-color: currentColor; }
.md-active-accent-current:active { accent-color: currentColor; }
.md-disabled-accent-current:disabled { accent-color: currentColor; }
.md-appearance-none { appearance: none; }
.md-hover-appearance-none:hover { appearance: none; }
.md-focus-appearance-none:focus { appearance: none; }
.md-active-appearance-none:active { appearance: none; }
.md-disabled-appearance-none:disabled { appearance: none; }
.md-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.md-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.md-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.md-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.md-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.md-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.md-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.md-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.md-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.md-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.md-cursor-auto { cursor: auto; }
.md-hover-cursor-auto:hover { cursor: auto; }
.md-focus-cursor-auto:focus { cursor: auto; }
.md-active-cursor-auto:active { cursor: auto; }
.md-disabled-cursor-auto:disabled { cursor: auto; }
.md-cursor-pointer { cursor: pointer; }
.md-hover-cursor-pointer:hover { cursor: pointer; }
.md-focus-cursor-pointer:focus { cursor: pointer; }
.md-active-cursor-pointer:active { cursor: pointer; }
.md-disabled-cursor-pointer:disabled { cursor: pointer; }
.md-cursor-default { cursor: default; }
.md-hover-cursor-default:hover { cursor: default; }
.md-focus-cursor-default:focus { cursor: default; }
.md-active-cursor-default:active { cursor: default; }
.md-disabled-cursor-default:disabled { cursor: default; }
.md-cursor-wait { cursor: wait; }
.md-hover-cursor-wait:hover { cursor: wait; }
.md-focus-cursor-wait:focus { cursor: wait; }
.md-active-cursor-wait:active { cursor: wait; }
.md-disabled-cursor-wait:disabled { cursor: wait; }
.md-cursor-text { cursor: text; }
.md-hover-cursor-text:hover { cursor: text; }
.md-focus-cursor-text:focus { cursor: text; }
.md-active-cursor-text:active { cursor: text; }
.md-disabled-cursor-text:disabled { cursor: text; }
.md-cursor-move { cursor: move; }
.md-hover-cursor-move:hover { cursor: move; }
.md-focus-cursor-move:focus { cursor: move; }
.md-active-cursor-move:active { cursor: move; }
.md-disabled-cursor-move:disabled { cursor: move; }
.md-cursor-not-allowed { cursor: not-allowed; }
.md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.md-active-cursor-not-allowed:active { cursor: not-allowed; }
.md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.md-pointer-events-auto { pointer-events: auto; }
.md-hover-pointer-events-auto:hover { pointer-events: auto; }
.md-focus-pointer-events-auto:focus { pointer-events: auto; }
.md-active-pointer-events-auto:active { pointer-events: auto; }
.md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.md-pointer-events-none { pointer-events: none; }
.md-hover-pointer-events-none:hover { pointer-events: none; }
.md-focus-pointer-events-none:focus { pointer-events: none; }
.md-active-pointer-events-none:active { pointer-events: none; }
.md-disabled-pointer-events-none:disabled { pointer-events: none; }
.md-resize-none { resize: none; }
.md-hover-resize-none:hover { resize: none; }
.md-focus-resize-none:focus { resize: none; }
.md-active-resize-none:active { resize: none; }
.md-disabled-resize-none:disabled { resize: none; }
.md-resize-y { resize: vertical; }
.md-hover-resize-y:hover { resize: vertical; }
.md-focus-resize-y:focus { resize: vertical; }
.md-active-resize-y:active { resize: vertical; }
.md-disabled-resize-y:disabled { resize: vertical; }
.md-resize-x { resize: horizontal; }
.md-hover-resize-x:hover { resize: horizontal; }
.md-focus-resize-x:focus { resize: horizontal; }
.md-active-resize-x:active { resize: horizontal; }
.md-disabled-resize-x:disabled { resize: horizontal; }
.md-resize { resize: both; }
.md-hover-resize:hover { resize: both; }
.md-focus-resize:focus { resize: both; }
.md-active-resize:active { resize: both; }
.md-disabled-resize:disabled { resize: both; }
.md-scroll-auto { scroll-behavior: auto; }
.md-hover-scroll-auto:hover { scroll-behavior: auto; }
.md-focus-scroll-auto:focus { scroll-behavior: auto; }
.md-active-scroll-auto:active { scroll-behavior: auto; }
.md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.md-scroll-smooth { scroll-behavior: smooth; }
.md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.md-active-scroll-smooth:active { scroll-behavior: smooth; }
.md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.md-scroll-m-0 { scroll-margin: 0; }
.md-hover-scroll-m-0:hover { scroll-margin: 0; }
.md-focus-scroll-m-0:focus { scroll-margin: 0; }
.md-active-scroll-m-0:active { scroll-margin: 0; }
.md-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.md-scroll-m-1 { scroll-margin: 0.25rem; }
.md-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.md-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.md-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.md-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.md-scroll-m-2 { scroll-margin: 0.5rem; }
.md-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.md-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.md-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.md-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.md-scroll-m-4 { scroll-margin: 1rem; }
.md-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.md-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.md-active-scroll-m-4:active { scroll-margin: 1rem; }
.md-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.md-scroll-m-8 { scroll-margin: 2rem; }
.md-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.md-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.md-active-scroll-m-8:active { scroll-margin: 2rem; }
.md-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.md-scroll-p-0 { scroll-padding: 0; }
.md-hover-scroll-p-0:hover { scroll-padding: 0; }
.md-focus-scroll-p-0:focus { scroll-padding: 0; }
.md-active-scroll-p-0:active { scroll-padding: 0; }
.md-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.md-scroll-p-1 { scroll-padding: 0.25rem; }
.md-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.md-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.md-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.md-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.md-scroll-p-2 { scroll-padding: 0.5rem; }
.md-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.md-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.md-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.md-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.md-scroll-p-4 { scroll-padding: 1rem; }
.md-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.md-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.md-active-scroll-p-4:active { scroll-padding: 1rem; }
.md-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.md-scroll-p-8 { scroll-padding: 2rem; }
.md-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.md-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.md-active-scroll-p-8:active { scroll-padding: 2rem; }
.md-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.md-touch-auto { touch-action: auto; }
.md-hover-touch-auto:hover { touch-action: auto; }
.md-focus-touch-auto:focus { touch-action: auto; }
.md-active-touch-auto:active { touch-action: auto; }
.md-disabled-touch-auto:disabled { touch-action: auto; }
.md-touch-none { touch-action: none; }
.md-hover-touch-none:hover { touch-action: none; }
.md-focus-touch-none:focus { touch-action: none; }
.md-active-touch-none:active { touch-action: none; }
.md-disabled-touch-none:disabled { touch-action: none; }
.md-touch-pan-x { touch-action: pan-x; }
.md-hover-touch-pan-x:hover { touch-action: pan-x; }
.md-focus-touch-pan-x:focus { touch-action: pan-x; }
.md-active-touch-pan-x:active { touch-action: pan-x; }
.md-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.md-touch-pan-y { touch-action: pan-y; }
.md-hover-touch-pan-y:hover { touch-action: pan-y; }
.md-focus-touch-pan-y:focus { touch-action: pan-y; }
.md-active-touch-pan-y:active { touch-action: pan-y; }
.md-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.md-touch-manipulation { touch-action: manipulation; }
.md-hover-touch-manipulation:hover { touch-action: manipulation; }
.md-focus-touch-manipulation:focus { touch-action: manipulation; }
.md-active-touch-manipulation:active { touch-action: manipulation; }
.md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.md-select-none { user-select: none; }
.md-hover-select-none:hover { user-select: none; }
.md-focus-select-none:focus { user-select: none; }
.md-active-select-none:active { user-select: none; }
.md-disabled-select-none:disabled { user-select: none; }
.md-select-text { user-select: text; }
.md-hover-select-text:hover { user-select: text; }
.md-focus-select-text:focus { user-select: text; }
.md-active-select-text:active { user-select: text; }
.md-disabled-select-text:disabled { user-select: text; }
.md-select-all { user-select: all; }
.md-hover-select-all:hover { user-select: all; }
.md-focus-select-all:focus { user-select: all; }
.md-active-select-all:active { user-select: all; }
.md-disabled-select-all:disabled { user-select: all; }
.md-select-auto { user-select: auto; }
.md-hover-select-auto:hover { user-select: auto; }
.md-focus-select-auto:focus { user-select: auto; }
.md-active-select-auto:active { user-select: auto; }
.md-disabled-select-auto:disabled { user-select: auto; }
.md-will-change-auto { will-change: auto; }
.md-hover-will-change-auto:hover { will-change: auto; }
.md-focus-will-change-auto:focus { will-change: auto; }
.md-active-will-change-auto:active { will-change: auto; }
.md-disabled-will-change-auto:disabled { will-change: auto; }
.md-will-change-scroll { will-change: scroll-position; }
.md-hover-will-change-scroll:hover { will-change: scroll-position; }
.md-focus-will-change-scroll:focus { will-change: scroll-position; }
.md-active-will-change-scroll:active { will-change: scroll-position; }
.md-disabled-will-change-scroll:disabled { will-change: scroll-position; }
.md-will-change-transform { will-change: transform; }
.md-hover-will-change-transform:hover { will-change: transform; }
.md-focus-will-change-transform:focus { will-change: transform; }
.md-active-will-change-transform:active { will-change: transform; }
.md-disabled-will-change-transform:disabled { will-change: transform; }
.md-will-change-opacity { will-change: opacity; }
.md-hover-will-change-opacity:hover { will-change: opacity; }
.md-focus-will-change-opacity:focus { will-change: opacity; }
.md-active-will-change-opacity:active { will-change: opacity; }
.md-disabled-will-change-opacity:disabled { will-change: opacity; }
.md-bg-primary { background-color: var(--quanta-primary); }
.md-hover-bg-primary:hover { background-color: var(--quanta-primary); }
.md-focus-bg-primary:focus { background-color: var(--quanta-primary); }
.md-active-bg-primary:active { background-color: var(--quanta-primary); }
.md-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
.md-bg-secondary { background-color: var(--quanta-bg-secondary); }
.md-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
.md-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
.md-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
.md-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
.md-bg-success { background-color: var(--quanta-bg-success); }
.md-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
.md-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
.md-active-bg-success:active { background-color: var(--quanta-bg-success); }
.md-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
.md-bg-warning { background-color: var(--quanta-bg-warning); }
.md-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
.md-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
.md-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
.md-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
.md-bg-danger { background-color: var(--quanta-bg-danger); }
.md-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
.md-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
.md-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
.md-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
.md-bg-info { background-color: var(--quanta-bg-info); }
.md-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
.md-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
.md-active-bg-info:active { background-color: var(--quanta-bg-info); }
.md-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
.md-text-primary { color: var(--quanta-primary); }
.md-hover-text-primary:hover { color: var(--quanta-primary); }
.md-focus-text-primary:focus { color: var(--quanta-primary); }
.md-active-text-primary:active { color: var(--quanta-primary); }
.md-disabled-text-primary:disabled { color: var(--quanta-primary); }
.md-text-secondary { color: var(--quanta-text-secondary); }
.md-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
.md-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
.md-active-text-secondary:active { color: var(--quanta-text-secondary); }
.md-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
.md-text-success { color: var(--quanta-text-success); }
.md-hover-text-success:hover { color: var(--quanta-text-success); }
.md-focus-text-success:focus { color: var(--quanta-text-success); }
.md-active-text-success:active { color: var(--quanta-text-success); }
.md-disabled-text-success:disabled { color: var(--quanta-text-success); }
.md-text-warning { color: var(--quanta-text-warning); }
.md-hover-text-warning:hover { color: var(--quanta-text-warning); }
.md-focus-text-warning:focus { color: var(--quanta-text-warning); }
.md-active-text-warning:active { color: var(--quanta-text-warning); }
.md-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
.md-text-danger { color: var(--quanta-text-danger); }
.md-hover-text-danger:hover { color: var(--quanta-text-danger); }
.md-focus-text-danger:focus { color: var(--quanta-text-danger); }
.md-active-text-danger:active { color: var(--quanta-text-danger); }
.md-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
.md-text-info { color: var(--quanta-text-info); }
.md-hover-text-info:hover { color: var(--quanta-text-info); }
.md-focus-text-info:focus { color: var(--quanta-text-info); }
.md-active-text-info:active { color: var(--quanta-text-info); }
.md-disabled-text-info:disabled { color: var(--quanta-text-info); }
.md-border-primary { border-color: var(--quanta-primary); }
.md-hover-border-primary:hover { border-color: var(--quanta-primary); }
.md-focus-border-primary:focus { border-color: var(--quanta-primary); }
.md-active-border-primary:active { border-color: var(--quanta-primary); }
.md-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
.md-border-secondary { border-color: var(--quanta-border-secondary); }
.md-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
.md-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
.md-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
.md-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
.md-border-success { border-color: var(--quanta-border-success); }
.md-hover-border-success:hover { border-color: var(--quanta-border-success); }
.md-focus-border-success:focus { border-color: var(--quanta-border-success); }
.md-active-border-success:active { border-color: var(--quanta-border-success); }
.md-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
.md-border-warning { border-color: var(--quanta-border-warning); }
.md-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
.md-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
.md-active-border-warning:active { border-color: var(--quanta-border-warning); }
.md-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
.md-border-danger { border-color: var(--quanta-border-danger); }
.md-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
.md-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
.md-active-border-danger:active { border-color: var(--quanta-border-danger); }
.md-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
.md-border-info { border-color: var(--quanta-border-info); }
.md-hover-border-info:hover { border-color: var(--quanta-border-info); }
.md-focus-border-info:focus { border-color: var(--quanta-border-info); }
.md-active-border-info:active { border-color: var(--quanta-border-info); }
.md-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
}
@media (min-width: 1024px) {
.lg-p-auto { padding: auto; }
.lg-hover-p-auto:hover { padding: auto; }
.lg-focus-p-auto:focus { padding: auto; }
.lg-active-p-auto:active { padding: auto; }
.lg-disabled-p-auto:disabled { padding: auto; }
.lg-p-0 { padding: 0; }
.lg-hover-p-0:hover { padding: 0; }
.lg-focus-p-0:focus { padding: 0; }
.lg-active-p-0:active { padding: 0; }
.lg-disabled-p-0:disabled { padding: 0; }
.lg-p-1 { padding: 0.25rem; }
.lg-hover-p-1:hover { padding: 0.25rem; }
.lg-focus-p-1:focus { padding: 0.25rem; }
.lg-active-p-1:active { padding: 0.25rem; }
.lg-disabled-p-1:disabled { padding: 0.25rem; }
.lg-p-2 { padding: 0.5rem; }
.lg-hover-p-2:hover { padding: 0.5rem; }
.lg-focus-p-2:focus { padding: 0.5rem; }
.lg-active-p-2:active { padding: 0.5rem; }
.lg-disabled-p-2:disabled { padding: 0.5rem; }
.lg-p-3 { padding: 0.75rem; }
.lg-hover-p-3:hover { padding: 0.75rem; }
.lg-focus-p-3:focus { padding: 0.75rem; }
.lg-active-p-3:active { padding: 0.75rem; }
.lg-disabled-p-3:disabled { padding: 0.75rem; }
.lg-p-4 { padding: 1rem; }
.lg-hover-p-4:hover { padding: 1rem; }
.lg-focus-p-4:focus { padding: 1rem; }
.lg-active-p-4:active { padding: 1rem; }
.lg-disabled-p-4:disabled { padding: 1rem; }
.lg-p-5 { padding: 1.25rem; }
.lg-hover-p-5:hover { padding: 1.25rem; }
.lg-focus-p-5:focus { padding: 1.25rem; }
.lg-active-p-5:active { padding: 1.25rem; }
.lg-disabled-p-5:disabled { padding: 1.25rem; }
.lg-p-6 { padding: 1.5rem; }
.lg-hover-p-6:hover { padding: 1.5rem; }
.lg-focus-p-6:focus { padding: 1.5rem; }
.lg-active-p-6:active { padding: 1.5rem; }
.lg-disabled-p-6:disabled { padding: 1.5rem; }
.lg-p-8 { padding: 2rem; }
.lg-hover-p-8:hover { padding: 2rem; }
.lg-focus-p-8:focus { padding: 2rem; }
.lg-active-p-8:active { padding: 2rem; }
.lg-disabled-p-8:disabled { padding: 2rem; }
.lg-p-10 { padding: 2.5rem; }
.lg-hover-p-10:hover { padding: 2.5rem; }
.lg-focus-p-10:focus { padding: 2.5rem; }
.lg-active-p-10:active { padding: 2.5rem; }
.lg-disabled-p-10:disabled { padding: 2.5rem; }
.lg-p-12 { padding: 3rem; }
.lg-hover-p-12:hover { padding: 3rem; }
.lg-focus-p-12:focus { padding: 3rem; }
.lg-active-p-12:active { padding: 3rem; }
.lg-disabled-p-12:disabled { padding: 3rem; }
.lg-p-16 { padding: 4rem; }
.lg-hover-p-16:hover { padding: 4rem; }
.lg-focus-p-16:focus { padding: 4rem; }
.lg-active-p-16:active { padding: 4rem; }
.lg-disabled-p-16:disabled { padding: 4rem; }
.lg-p-20 { padding: 5rem; }
.lg-hover-p-20:hover { padding: 5rem; }
.lg-focus-p-20:focus { padding: 5rem; }
.lg-active-p-20:active { padding: 5rem; }
.lg-disabled-p-20:disabled { padding: 5rem; }
.lg-p-24 { padding: 6rem; }
.lg-hover-p-24:hover { padding: 6rem; }
.lg-focus-p-24:focus { padding: 6rem; }
.lg-active-p-24:active { padding: 6rem; }
.lg-disabled-p-24:disabled { padding: 6rem; }
.lg-p-28 { padding: 7rem; }
.lg-hover-p-28:hover { padding: 7rem; }
.lg-focus-p-28:focus { padding: 7rem; }
.lg-active-p-28:active { padding: 7rem; }
.lg-disabled-p-28:disabled { padding: 7rem; }
.lg-p-32 { padding: 8rem; }
.lg-hover-p-32:hover { padding: 8rem; }
.lg-focus-p-32:focus { padding: 8rem; }
.lg-active-p-32:active { padding: 8rem; }
.lg-disabled-p-32:disabled { padding: 8rem; }
.lg-pt-auto { padding-top: auto; }
.lg-hover-pt-auto:hover { padding-top: auto; }
.lg-focus-pt-auto:focus { padding-top: auto; }
.lg-active-pt-auto:active { padding-top: auto; }
.lg-disabled-pt-auto:disabled { padding-top: auto; }
.lg-pt-0 { padding-top: 0; }
.lg-hover-pt-0:hover { padding-top: 0; }
.lg-focus-pt-0:focus { padding-top: 0; }
.lg-active-pt-0:active { padding-top: 0; }
.lg-disabled-pt-0:disabled { padding-top: 0; }
.lg-pt-1 { padding-top: 0.25rem; }
.lg-hover-pt-1:hover { padding-top: 0.25rem; }
.lg-focus-pt-1:focus { padding-top: 0.25rem; }
.lg-active-pt-1:active { padding-top: 0.25rem; }
.lg-disabled-pt-1:disabled { padding-top: 0.25rem; }
.lg-pt-2 { padding-top: 0.5rem; }
.lg-hover-pt-2:hover { padding-top: 0.5rem; }
.lg-focus-pt-2:focus { padding-top: 0.5rem; }
.lg-active-pt-2:active { padding-top: 0.5rem; }
.lg-disabled-pt-2:disabled { padding-top: 0.5rem; }
.lg-pt-3 { padding-top: 0.75rem; }
.lg-hover-pt-3:hover { padding-top: 0.75rem; }
.lg-focus-pt-3:focus { padding-top: 0.75rem; }
.lg-active-pt-3:active { padding-top: 0.75rem; }
.lg-disabled-pt-3:disabled { padding-top: 0.75rem; }
.lg-pt-4 { padding-top: 1rem; }
.lg-hover-pt-4:hover { padding-top: 1rem; }
.lg-focus-pt-4:focus { padding-top: 1rem; }
.lg-active-pt-4:active { padding-top: 1rem; }
.lg-disabled-pt-4:disabled { padding-top: 1rem; }
.lg-pt-5 { padding-top: 1.25rem; }
.lg-hover-pt-5:hover { padding-top: 1.25rem; }
.lg-focus-pt-5:focus { padding-top: 1.25rem; }
.lg-active-pt-5:active { padding-top: 1.25rem; }
.lg-disabled-pt-5:disabled { padding-top: 1.25rem; }
.lg-pt-6 { padding-top: 1.5rem; }
.lg-hover-pt-6:hover { padding-top: 1.5rem; }
.lg-focus-pt-6:focus { padding-top: 1.5rem; }
.lg-active-pt-6:active { padding-top: 1.5rem; }
.lg-disabled-pt-6:disabled { padding-top: 1.5rem; }
.lg-pt-8 { padding-top: 2rem; }
.lg-hover-pt-8:hover { padding-top: 2rem; }
.lg-focus-pt-8:focus { padding-top: 2rem; }
.lg-active-pt-8:active { padding-top: 2rem; }
.lg-disabled-pt-8:disabled { padding-top: 2rem; }
.lg-pt-10 { padding-top: 2.5rem; }
.lg-hover-pt-10:hover { padding-top: 2.5rem; }
.lg-focus-pt-10:focus { padding-top: 2.5rem; }
.lg-active-pt-10:active { padding-top: 2.5rem; }
.lg-disabled-pt-10:disabled { padding-top: 2.5rem; }
.lg-pt-12 { padding-top: 3rem; }
.lg-hover-pt-12:hover { padding-top: 3rem; }
.lg-focus-pt-12:focus { padding-top: 3rem; }
.lg-active-pt-12:active { padding-top: 3rem; }
.lg-disabled-pt-12:disabled { padding-top: 3rem; }
.lg-pt-16 { padding-top: 4rem; }
.lg-hover-pt-16:hover { padding-top: 4rem; }
.lg-focus-pt-16:focus { padding-top: 4rem; }
.lg-active-pt-16:active { padding-top: 4rem; }
.lg-disabled-pt-16:disabled { padding-top: 4rem; }
.lg-pt-20 { padding-top: 5rem; }
.lg-hover-pt-20:hover { padding-top: 5rem; }
.lg-focus-pt-20:focus { padding-top: 5rem; }
.lg-active-pt-20:active { padding-top: 5rem; }
.lg-disabled-pt-20:disabled { padding-top: 5rem; }
.lg-pt-24 { padding-top: 6rem; }
.lg-hover-pt-24:hover { padding-top: 6rem; }
.lg-focus-pt-24:focus { padding-top: 6rem; }
.lg-active-pt-24:active { padding-top: 6rem; }
.lg-disabled-pt-24:disabled { padding-top: 6rem; }
.lg-pt-28 { padding-top: 7rem; }
.lg-hover-pt-28:hover { padding-top: 7rem; }
.lg-focus-pt-28:focus { padding-top: 7rem; }
.lg-active-pt-28:active { padding-top: 7rem; }
.lg-disabled-pt-28:disabled { padding-top: 7rem; }
.lg-pt-32 { padding-top: 8rem; }
.lg-hover-pt-32:hover { padding-top: 8rem; }
.lg-focus-pt-32:focus { padding-top: 8rem; }
.lg-active-pt-32:active { padding-top: 8rem; }
.lg-disabled-pt-32:disabled { padding-top: 8rem; }
.lg-pb-auto { padding-bottom: auto; }
.lg-hover-pb-auto:hover { padding-bottom: auto; }
.lg-focus-pb-auto:focus { padding-bottom: auto; }
.lg-active-pb-auto:active { padding-bottom: auto; }
.lg-disabled-pb-auto:disabled { padding-bottom: auto; }
.lg-pb-0 { padding-bottom: 0; }
.lg-hover-pb-0:hover { padding-bottom: 0; }
.lg-focus-pb-0:focus { padding-bottom: 0; }
.lg-active-pb-0:active { padding-bottom: 0; }
.lg-disabled-pb-0:disabled { padding-bottom: 0; }
.lg-pb-1 { padding-bottom: 0.25rem; }
.lg-hover-pb-1:hover { padding-bottom: 0.25rem; }
.lg-focus-pb-1:focus { padding-bottom: 0.25rem; }
.lg-active-pb-1:active { padding-bottom: 0.25rem; }
.lg-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
.lg-pb-2 { padding-bottom: 0.5rem; }
.lg-hover-pb-2:hover { padding-bottom: 0.5rem; }
.lg-focus-pb-2:focus { padding-bottom: 0.5rem; }
.lg-active-pb-2:active { padding-bottom: 0.5rem; }
.lg-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
.lg-pb-3 { padding-bottom: 0.75rem; }
.lg-hover-pb-3:hover { padding-bottom: 0.75rem; }
.lg-focus-pb-3:focus { padding-bottom: 0.75rem; }
.lg-active-pb-3:active { padding-bottom: 0.75rem; }
.lg-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
.lg-pb-4 { padding-bottom: 1rem; }
.lg-hover-pb-4:hover { padding-bottom: 1rem; }
.lg-focus-pb-4:focus { padding-bottom: 1rem; }
.lg-active-pb-4:active { padding-bottom: 1rem; }
.lg-disabled-pb-4:disabled { padding-bottom: 1rem; }
.lg-pb-5 { padding-bottom: 1.25rem; }
.lg-hover-pb-5:hover { padding-bottom: 1.25rem; }
.lg-focus-pb-5:focus { padding-bottom: 1.25rem; }
.lg-active-pb-5:active { padding-bottom: 1.25rem; }
.lg-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
.lg-pb-6 { padding-bottom: 1.5rem; }
.lg-hover-pb-6:hover { padding-bottom: 1.5rem; }
.lg-focus-pb-6:focus { padding-bottom: 1.5rem; }
.lg-active-pb-6:active { padding-bottom: 1.5rem; }
.lg-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
.lg-pb-8 { padding-bottom: 2rem; }
.lg-hover-pb-8:hover { padding-bottom: 2rem; }
.lg-focus-pb-8:focus { padding-bottom: 2rem; }
.lg-active-pb-8:active { padding-bottom: 2rem; }
.lg-disabled-pb-8:disabled { padding-bottom: 2rem; }
.lg-pb-10 { padding-bottom: 2.5rem; }
.lg-hover-pb-10:hover { padding-bottom: 2.5rem; }
.lg-focus-pb-10:focus { padding-bottom: 2.5rem; }
.lg-active-pb-10:active { padding-bottom: 2.5rem; }
.lg-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
.lg-pb-12 { padding-bottom: 3rem; }
.lg-hover-pb-12:hover { padding-bottom: 3rem; }
.lg-focus-pb-12:focus { padding-bottom: 3rem; }
.lg-active-pb-12:active { padding-bottom: 3rem; }
.lg-disabled-pb-12:disabled { padding-bottom: 3rem; }
.lg-pb-16 { padding-bottom: 4rem; }
.lg-hover-pb-16:hover { padding-bottom: 4rem; }
.lg-focus-pb-16:focus { padding-bottom: 4rem; }
.lg-active-pb-16:active { padding-bottom: 4rem; }
.lg-disabled-pb-16:disabled { padding-bottom: 4rem; }
.lg-pb-20 { padding-bottom: 5rem; }
.lg-hover-pb-20:hover { padding-bottom: 5rem; }
.lg-focus-pb-20:focus { padding-bottom: 5rem; }
.lg-active-pb-20:active { padding-bottom: 5rem; }
.lg-disabled-pb-20:disabled { padding-bottom: 5rem; }
.lg-pb-24 { padding-bottom: 6rem; }
.lg-hover-pb-24:hover { padding-bottom: 6rem; }
.lg-focus-pb-24:focus { padding-bottom: 6rem; }
.lg-active-pb-24:active { padding-bottom: 6rem; }
.lg-disabled-pb-24:disabled { padding-bottom: 6rem; }
.lg-pb-28 { padding-bottom: 7rem; }
.lg-hover-pb-28:hover { padding-bottom: 7rem; }
.lg-focus-pb-28:focus { padding-bottom: 7rem; }
.lg-active-pb-28:active { padding-bottom: 7rem; }
.lg-disabled-pb-28:disabled { padding-bottom: 7rem; }
.lg-pb-32 { padding-bottom: 8rem; }
.lg-hover-pb-32:hover { padding-bottom: 8rem; }
.lg-focus-pb-32:focus { padding-bottom: 8rem; }
.lg-active-pb-32:active { padding-bottom: 8rem; }
.lg-disabled-pb-32:disabled { padding-bottom: 8rem; }
.lg-pl-auto { padding-left: auto; }
.lg-hover-pl-auto:hover { padding-left: auto; }
.lg-focus-pl-auto:focus { padding-left: auto; }
.lg-active-pl-auto:active { padding-left: auto; }
.lg-disabled-pl-auto:disabled { padding-left: auto; }
.lg-pl-0 { padding-left: 0; }
.lg-hover-pl-0:hover { padding-left: 0; }
.lg-focus-pl-0:focus { padding-left: 0; }
.lg-active-pl-0:active { padding-left: 0; }
.lg-disabled-pl-0:disabled { padding-left: 0; }
.lg-pl-1 { padding-left: 0.25rem; }
.lg-hover-pl-1:hover { padding-left: 0.25rem; }
.lg-focus-pl-1:focus { padding-left: 0.25rem; }
.lg-active-pl-1:active { padding-left: 0.25rem; }
.lg-disabled-pl-1:disabled { padding-left: 0.25rem; }
.lg-pl-2 { padding-left: 0.5rem; }
.lg-hover-pl-2:hover { padding-left: 0.5rem; }
.lg-focus-pl-2:focus { padding-left: 0.5rem; }
.lg-active-pl-2:active { padding-left: 0.5rem; }
.lg-disabled-pl-2:disabled { padding-left: 0.5rem; }
.lg-pl-3 { padding-left: 0.75rem; }
.lg-hover-pl-3:hover { padding-left: 0.75rem; }
.lg-focus-pl-3:focus { padding-left: 0.75rem; }
.lg-active-pl-3:active { padding-left: 0.75rem; }
.lg-disabled-pl-3:disabled { padding-left: 0.75rem; }
.lg-pl-4 { padding-left: 1rem; }
.lg-hover-pl-4:hover { padding-left: 1rem; }
.lg-focus-pl-4:focus { padding-left: 1rem; }
.lg-active-pl-4:active { padding-left: 1rem; }
.lg-disabled-pl-4:disabled { padding-left: 1rem; }
.lg-pl-5 { padding-left: 1.25rem; }
.lg-hover-pl-5:hover { padding-left: 1.25rem; }
.lg-focus-pl-5:focus { padding-left: 1.25rem; }
.lg-active-pl-5:active { padding-left: 1.25rem; }
.lg-disabled-pl-5:disabled { padding-left: 1.25rem; }
.lg-pl-6 { padding-left: 1.5rem; }
.lg-hover-pl-6:hover { padding-left: 1.5rem; }
.lg-focus-pl-6:focus { padding-left: 1.5rem; }
.lg-active-pl-6:active { padding-left: 1.5rem; }
.lg-disabled-pl-6:disabled { padding-left: 1.5rem; }
.lg-pl-8 { padding-left: 2rem; }
.lg-hover-pl-8:hover { padding-left: 2rem; }
.lg-focus-pl-8:focus { padding-left: 2rem; }
.lg-active-pl-8:active { padding-left: 2rem; }
.lg-disabled-pl-8:disabled { padding-left: 2rem; }
.lg-pl-10 { padding-left: 2.5rem; }
.lg-hover-pl-10:hover { padding-left: 2.5rem; }
.lg-focus-pl-10:focus { padding-left: 2.5rem; }
.lg-active-pl-10:active { padding-left: 2.5rem; }
.lg-disabled-pl-10:disabled { padding-left: 2.5rem; }
.lg-pl-12 { padding-left: 3rem; }
.lg-hover-pl-12:hover { padding-left: 3rem; }
.lg-focus-pl-12:focus { padding-left: 3rem; }
.lg-active-pl-12:active { padding-left: 3rem; }
.lg-disabled-pl-12:disabled { padding-left: 3rem; }
.lg-pl-16 { padding-left: 4rem; }
.lg-hover-pl-16:hover { padding-left: 4rem; }
.lg-focus-pl-16:focus { padding-left: 4rem; }
.lg-active-pl-16:active { padding-left: 4rem; }
.lg-disabled-pl-16:disabled { padding-left: 4rem; }
.lg-pl-20 { padding-left: 5rem; }
.lg-hover-pl-20:hover { padding-left: 5rem; }
.lg-focus-pl-20:focus { padding-left: 5rem; }
.lg-active-pl-20:active { padding-left: 5rem; }
.lg-disabled-pl-20:disabled { padding-left: 5rem; }
.lg-pl-24 { padding-left: 6rem; }
.lg-hover-pl-24:hover { padding-left: 6rem; }
.lg-focus-pl-24:focus { padding-left: 6rem; }
.lg-active-pl-24:active { padding-left: 6rem; }
.lg-disabled-pl-24:disabled { padding-left: 6rem; }
.lg-pl-28 { padding-left: 7rem; }
.lg-hover-pl-28:hover { padding-left: 7rem; }
.lg-focus-pl-28:focus { padding-left: 7rem; }
.lg-active-pl-28:active { padding-left: 7rem; }
.lg-disabled-pl-28:disabled { padding-left: 7rem; }
.lg-pl-32 { padding-left: 8rem; }
.lg-hover-pl-32:hover { padding-left: 8rem; }
.lg-focus-pl-32:focus { padding-left: 8rem; }
.lg-active-pl-32:active { padding-left: 8rem; }
.lg-disabled-pl-32:disabled { padding-left: 8rem; }
.lg-pr-auto { padding-right: auto; }
.lg-hover-pr-auto:hover { padding-right: auto; }
.lg-focus-pr-auto:focus { padding-right: auto; }
.lg-active-pr-auto:active { padding-right: auto; }
.lg-disabled-pr-auto:disabled { padding-right: auto; }
.lg-pr-0 { padding-right: 0; }
.lg-hover-pr-0:hover { padding-right: 0; }
.lg-focus-pr-0:focus { padding-right: 0; }
.lg-active-pr-0:active { padding-right: 0; }
.lg-disabled-pr-0:disabled { padding-right: 0; }
.lg-pr-1 { padding-right: 0.25rem; }
.lg-hover-pr-1:hover { padding-right: 0.25rem; }
.lg-focus-pr-1:focus { padding-right: 0.25rem; }
.lg-active-pr-1:active { padding-right: 0.25rem; }
.lg-disabled-pr-1:disabled { padding-right: 0.25rem; }
.lg-pr-2 { padding-right: 0.5rem; }
.lg-hover-pr-2:hover { padding-right: 0.5rem; }
.lg-focus-pr-2:focus { padding-right: 0.5rem; }
.lg-active-pr-2:active { padding-right: 0.5rem; }
.lg-disabled-pr-2:disabled { padding-right: 0.5rem; }
.lg-pr-3 { padding-right: 0.75rem; }
.lg-hover-pr-3:hover { padding-right: 0.75rem; }
.lg-focus-pr-3:focus { padding-right: 0.75rem; }
.lg-active-pr-3:active { padding-right: 0.75rem; }
.lg-disabled-pr-3:disabled { padding-right: 0.75rem; }
.lg-pr-4 { padding-right: 1rem; }
.lg-hover-pr-4:hover { padding-right: 1rem; }
.lg-focus-pr-4:focus { padding-right: 1rem; }
.lg-active-pr-4:active { padding-right: 1rem; }
.lg-disabled-pr-4:disabled { padding-right: 1rem; }
.lg-pr-5 { padding-right: 1.25rem; }
.lg-hover-pr-5:hover { padding-right: 1.25rem; }
.lg-focus-pr-5:focus { padding-right: 1.25rem; }
.lg-active-pr-5:active { padding-right: 1.25rem; }
.lg-disabled-pr-5:disabled { padding-right: 1.25rem; }
.lg-pr-6 { padding-right: 1.5rem; }
.lg-hover-pr-6:hover { padding-right: 1.5rem; }
.lg-focus-pr-6:focus { padding-right: 1.5rem; }
.lg-active-pr-6:active { padding-right: 1.5rem; }
.lg-disabled-pr-6:disabled { padding-right: 1.5rem; }
.lg-pr-8 { padding-right: 2rem; }
.lg-hover-pr-8:hover { padding-right: 2rem; }
.lg-focus-pr-8:focus { padding-right: 2rem; }
.lg-active-pr-8:active { padding-right: 2rem; }
.lg-disabled-pr-8:disabled { padding-right: 2rem; }
.lg-pr-10 { padding-right: 2.5rem; }
.lg-hover-pr-10:hover { padding-right: 2.5rem; }
.lg-focus-pr-10:focus { padding-right: 2.5rem; }
.lg-active-pr-10:active { padding-right: 2.5rem; }
.lg-disabled-pr-10:disabled { padding-right: 2.5rem; }
.lg-pr-12 { padding-right: 3rem; }
.lg-hover-pr-12:hover { padding-right: 3rem; }
.lg-focus-pr-12:focus { padding-right: 3rem; }
.lg-active-pr-12:active { padding-right: 3rem; }
.lg-disabled-pr-12:disabled { padding-right: 3rem; }
.lg-pr-16 { padding-right: 4rem; }
.lg-hover-pr-16:hover { padding-right: 4rem; }
.lg-focus-pr-16:focus { padding-right: 4rem; }
.lg-active-pr-16:active { padding-right: 4rem; }
.lg-disabled-pr-16:disabled { padding-right: 4rem; }
.lg-pr-20 { padding-right: 5rem; }
.lg-hover-pr-20:hover { padding-right: 5rem; }
.lg-focus-pr-20:focus { padding-right: 5rem; }
.lg-active-pr-20:active { padding-right: 5rem; }
.lg-disabled-pr-20:disabled { padding-right: 5rem; }
.lg-pr-24 { padding-right: 6rem; }
.lg-hover-pr-24:hover { padding-right: 6rem; }
.lg-focus-pr-24:focus { padding-right: 6rem; }
.lg-active-pr-24:active { padding-right: 6rem; }
.lg-disabled-pr-24:disabled { padding-right: 6rem; }
.lg-pr-28 { padding-right: 7rem; }
.lg-hover-pr-28:hover { padding-right: 7rem; }
.lg-focus-pr-28:focus { padding-right: 7rem; }
.lg-active-pr-28:active { padding-right: 7rem; }
.lg-disabled-pr-28:disabled { padding-right: 7rem; }
.lg-pr-32 { padding-right: 8rem; }
.lg-hover-pr-32:hover { padding-right: 8rem; }
.lg-focus-pr-32:focus { padding-right: 8rem; }
.lg-active-pr-32:active { padding-right: 8rem; }
.lg-disabled-pr-32:disabled { padding-right: 8rem; }
.lg-px-auto { padding-left: auto; padding-right: auto; }
.lg-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
.lg-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
.lg-active-px-auto:active { padding-left: auto; padding-right: auto; }
.lg-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
.lg-px-0 { padding-left: 0; padding-right: 0; }
.lg-hover-px-0:hover { padding-left: 0; padding-right: 0; }
.lg-focus-px-0:focus { padding-left: 0; padding-right: 0; }
.lg-active-px-0:active { padding-left: 0; padding-right: 0; }
.lg-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
.lg-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.lg-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
.lg-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
.lg-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
.lg-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
.lg-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.lg-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
.lg-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
.lg-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
.lg-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
.lg-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.lg-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
.lg-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
.lg-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
.lg-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
.lg-px-4 { padding-left: 1rem; padding-right: 1rem; }
.lg-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
.lg-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
.lg-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
.lg-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
.lg-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.lg-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
.lg-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
.lg-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
.lg-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
.lg-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.lg-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
.lg-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
.lg-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
.lg-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
.lg-px-8 { padding-left: 2rem; padding-right: 2rem; }
.lg-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
.lg-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
.lg-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
.lg-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
.lg-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.lg-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
.lg-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
.lg-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
.lg-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
.lg-px-12 { padding-left: 3rem; padding-right: 3rem; }
.lg-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
.lg-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
.lg-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
.lg-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
.lg-px-16 { padding-left: 4rem; padding-right: 4rem; }
.lg-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
.lg-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
.lg-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
.lg-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
.lg-px-20 { padding-left: 5rem; padding-right: 5rem; }
.lg-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
.lg-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
.lg-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
.lg-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
.lg-px-24 { padding-left: 6rem; padding-right: 6rem; }
.lg-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
.lg-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
.lg-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
.lg-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
.lg-px-28 { padding-left: 7rem; padding-right: 7rem; }
.lg-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
.lg-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
.lg-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
.lg-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
.lg-px-32 { padding-left: 8rem; padding-right: 8rem; }
.lg-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
.lg-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
.lg-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
.lg-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
.lg-py-auto { padding-top: auto; padding-bottom: auto; }
.lg-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
.lg-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
.lg-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
.lg-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
.lg-py-0 { padding-top: 0; padding-bottom: 0; }
.lg-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
.lg-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
.lg-active-py-0:active { padding-top: 0; padding-bottom: 0; }
.lg-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
.lg-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.lg-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.lg-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.lg-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.lg-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.lg-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.lg-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.lg-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.lg-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.lg-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.lg-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.lg-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.lg-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.lg-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.lg-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.lg-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.lg-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
.lg-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
.lg-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
.lg-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
.lg-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.lg-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.lg-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.lg-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.lg-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.lg-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.lg-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.lg-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.lg-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.lg-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.lg-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.lg-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
.lg-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
.lg-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
.lg-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
.lg-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.lg-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.lg-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.lg-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.lg-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.lg-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.lg-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
.lg-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
.lg-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
.lg-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
.lg-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.lg-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
.lg-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
.lg-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
.lg-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
.lg-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.lg-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
.lg-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
.lg-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
.lg-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
.lg-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.lg-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
.lg-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
.lg-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
.lg-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
.lg-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.lg-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
.lg-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
.lg-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
.lg-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
.lg-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.lg-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
.lg-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
.lg-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
.lg-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
.lg-m-auto { margin: auto; }
.lg-hover-m-auto:hover { margin: auto; }
.lg-focus-m-auto:focus { margin: auto; }
.lg-active-m-auto:active { margin: auto; }
.lg-disabled-m-auto:disabled { margin: auto; }
.lg-m-0 { margin: 0; }
.lg-hover-m-0:hover { margin: 0; }
.lg-focus-m-0:focus { margin: 0; }
.lg-active-m-0:active { margin: 0; }
.lg-disabled-m-0:disabled { margin: 0; }
.lg-m-1 { margin: 0.25rem; }
.lg-hover-m-1:hover { margin: 0.25rem; }
.lg-focus-m-1:focus { margin: 0.25rem; }
.lg-active-m-1:active { margin: 0.25rem; }
.lg-disabled-m-1:disabled { margin: 0.25rem; }
.lg-m-2 { margin: 0.5rem; }
.lg-hover-m-2:hover { margin: 0.5rem; }
.lg-focus-m-2:focus { margin: 0.5rem; }
.lg-active-m-2:active { margin: 0.5rem; }
.lg-disabled-m-2:disabled { margin: 0.5rem; }
.lg-m-3 { margin: 0.75rem; }
.lg-hover-m-3:hover { margin: 0.75rem; }
.lg-focus-m-3:focus { margin: 0.75rem; }
.lg-active-m-3:active { margin: 0.75rem; }
.lg-disabled-m-3:disabled { margin: 0.75rem; }
.lg-m-4 { margin: 1rem; }
.lg-hover-m-4:hover { margin: 1rem; }
.lg-focus-m-4:focus { margin: 1rem; }
.lg-active-m-4:active { margin: 1rem; }
.lg-disabled-m-4:disabled { margin: 1rem; }
.lg-m-5 { margin: 1.25rem; }
.lg-hover-m-5:hover { margin: 1.25rem; }
.lg-focus-m-5:focus { margin: 1.25rem; }
.lg-active-m-5:active { margin: 1.25rem; }
.lg-disabled-m-5:disabled { margin: 1.25rem; }
.lg-m-6 { margin: 1.5rem; }
.lg-hover-m-6:hover { margin: 1.5rem; }
.lg-focus-m-6:focus { margin: 1.5rem; }
.lg-active-m-6:active { margin: 1.5rem; }
.lg-disabled-m-6:disabled { margin: 1.5rem; }
.lg-m-8 { margin: 2rem; }
.lg-hover-m-8:hover { margin: 2rem; }
.lg-focus-m-8:focus { margin: 2rem; }
.lg-active-m-8:active { margin: 2rem; }
.lg-disabled-m-8:disabled { margin: 2rem; }
.lg-m-10 { margin: 2.5rem; }
.lg-hover-m-10:hover { margin: 2.5rem; }
.lg-focus-m-10:focus { margin: 2.5rem; }
.lg-active-m-10:active { margin: 2.5rem; }
.lg-disabled-m-10:disabled { margin: 2.5rem; }
.lg-m-12 { margin: 3rem; }
.lg-hover-m-12:hover { margin: 3rem; }
.lg-focus-m-12:focus { margin: 3rem; }
.lg-active-m-12:active { margin: 3rem; }
.lg-disabled-m-12:disabled { margin: 3rem; }
.lg-m-16 { margin: 4rem; }
.lg-hover-m-16:hover { margin: 4rem; }
.lg-focus-m-16:focus { margin: 4rem; }
.lg-active-m-16:active { margin: 4rem; }
.lg-disabled-m-16:disabled { margin: 4rem; }
.lg-m-20 { margin: 5rem; }
.lg-hover-m-20:hover { margin: 5rem; }
.lg-focus-m-20:focus { margin: 5rem; }
.lg-active-m-20:active { margin: 5rem; }
.lg-disabled-m-20:disabled { margin: 5rem; }
.lg-m-24 { margin: 6rem; }
.lg-hover-m-24:hover { margin: 6rem; }
.lg-focus-m-24:focus { margin: 6rem; }
.lg-active-m-24:active { margin: 6rem; }
.lg-disabled-m-24:disabled { margin: 6rem; }
.lg-m-28 { margin: 7rem; }
.lg-hover-m-28:hover { margin: 7rem; }
.lg-focus-m-28:focus { margin: 7rem; }
.lg-active-m-28:active { margin: 7rem; }
.lg-disabled-m-28:disabled { margin: 7rem; }
.lg-m-32 { margin: 8rem; }
.lg-hover-m-32:hover { margin: 8rem; }
.lg-focus-m-32:focus { margin: 8rem; }
.lg-active-m-32:active { margin: 8rem; }
.lg-disabled-m-32:disabled { margin: 8rem; }
.lg-mt-auto { margin-top: auto; }
.lg-hover-mt-auto:hover { margin-top: auto; }
.lg-focus-mt-auto:focus { margin-top: auto; }
.lg-active-mt-auto:active { margin-top: auto; }
.lg-disabled-mt-auto:disabled { margin-top: auto; }
.lg-mt-0 { margin-top: 0; }
.lg-hover-mt-0:hover { margin-top: 0; }
.lg-focus-mt-0:focus { margin-top: 0; }
.lg-active-mt-0:active { margin-top: 0; }
.lg-disabled-mt-0:disabled { margin-top: 0; }
.lg-mt-1 { margin-top: 0.25rem; }
.lg-hover-mt-1:hover { margin-top: 0.25rem; }
.lg-focus-mt-1:focus { margin-top: 0.25rem; }
.lg-active-mt-1:active { margin-top: 0.25rem; }
.lg-disabled-mt-1:disabled { margin-top: 0.25rem; }
.lg-mt-2 { margin-top: 0.5rem; }
.lg-hover-mt-2:hover { margin-top: 0.5rem; }
.lg-focus-mt-2:focus { margin-top: 0.5rem; }
.lg-active-mt-2:active { margin-top: 0.5rem; }
.lg-disabled-mt-2:disabled { margin-top: 0.5rem; }
.lg-mt-3 { margin-top: 0.75rem; }
.lg-hover-mt-3:hover { margin-top: 0.75rem; }
.lg-focus-mt-3:focus { margin-top: 0.75rem; }
.lg-active-mt-3:active { margin-top: 0.75rem; }
.lg-disabled-mt-3:disabled { margin-top: 0.75rem; }
.lg-mt-4 { margin-top: 1rem; }
.lg-hover-mt-4:hover { margin-top: 1rem; }
.lg-focus-mt-4:focus { margin-top: 1rem; }
.lg-active-mt-4:active { margin-top: 1rem; }
.lg-disabled-mt-4:disabled { margin-top: 1rem; }
.lg-mt-5 { margin-top: 1.25rem; }
.lg-hover-mt-5:hover { margin-top: 1.25rem; }
.lg-focus-mt-5:focus { margin-top: 1.25rem; }
.lg-active-mt-5:active { margin-top: 1.25rem; }
.lg-disabled-mt-5:disabled { margin-top: 1.25rem; }
.lg-mt-6 { margin-top: 1.5rem; }
.lg-hover-mt-6:hover { margin-top: 1.5rem; }
.lg-focus-mt-6:focus { margin-top: 1.5rem; }
.lg-active-mt-6:active { margin-top: 1.5rem; }
.lg-disabled-mt-6:disabled { margin-top: 1.5rem; }
.lg-mt-8 { margin-top: 2rem; }
.lg-hover-mt-8:hover { margin-top: 2rem; }
.lg-focus-mt-8:focus { margin-top: 2rem; }
.lg-active-mt-8:active { margin-top: 2rem; }
.lg-disabled-mt-8:disabled { margin-top: 2rem; }
.lg-mt-10 { margin-top: 2.5rem; }
.lg-hover-mt-10:hover { margin-top: 2.5rem; }
.lg-focus-mt-10:focus { margin-top: 2.5rem; }
.lg-active-mt-10:active { margin-top: 2.5rem; }
.lg-disabled-mt-10:disabled { margin-top: 2.5rem; }
.lg-mt-12 { margin-top: 3rem; }
.lg-hover-mt-12:hover { margin-top: 3rem; }
.lg-focus-mt-12:focus { margin-top: 3rem; }
.lg-active-mt-12:active { margin-top: 3rem; }
.lg-disabled-mt-12:disabled { margin-top: 3rem; }
.lg-mt-16 { margin-top: 4rem; }
.lg-hover-mt-16:hover { margin-top: 4rem; }
.lg-focus-mt-16:focus { margin-top: 4rem; }
.lg-active-mt-16:active { margin-top: 4rem; }
.lg-disabled-mt-16:disabled { margin-top: 4rem; }
.lg-mt-20 { margin-top: 5rem; }
.lg-hover-mt-20:hover { margin-top: 5rem; }
.lg-focus-mt-20:focus { margin-top: 5rem; }
.lg-active-mt-20:active { margin-top: 5rem; }
.lg-disabled-mt-20:disabled { margin-top: 5rem; }
.lg-mt-24 { margin-top: 6rem; }
.lg-hover-mt-24:hover { margin-top: 6rem; }
.lg-focus-mt-24:focus { margin-top: 6rem; }
.lg-active-mt-24:active { margin-top: 6rem; }
.lg-disabled-mt-24:disabled { margin-top: 6rem; }
.lg-mt-28 { margin-top: 7rem; }
.lg-hover-mt-28:hover { margin-top: 7rem; }
.lg-focus-mt-28:focus { margin-top: 7rem; }
.lg-active-mt-28:active { margin-top: 7rem; }
.lg-disabled-mt-28:disabled { margin-top: 7rem; }
.lg-mt-32 { margin-top: 8rem; }
.lg-hover-mt-32:hover { margin-top: 8rem; }
.lg-focus-mt-32:focus { margin-top: 8rem; }
.lg-active-mt-32:active { margin-top: 8rem; }
.lg-disabled-mt-32:disabled { margin-top: 8rem; }
.lg-mb-auto { margin-bottom: auto; }
.lg-hover-mb-auto:hover { margin-bottom: auto; }
.lg-focus-mb-auto:focus { margin-bottom: auto; }
.lg-active-mb-auto:active { margin-bottom: auto; }
.lg-disabled-mb-auto:disabled { margin-bottom: auto; }
.lg-mb-0 { margin-bottom: 0; }
.lg-hover-mb-0:hover { margin-bottom: 0; }
.lg-focus-mb-0:focus { margin-bottom: 0; }
.lg-active-mb-0:active { margin-bottom: 0; }
.lg-disabled-mb-0:disabled { margin-bottom: 0; }
.lg-mb-1 { margin-bottom: 0.25rem; }
.lg-hover-mb-1:hover { margin-bottom: 0.25rem; }
.lg-focus-mb-1:focus { margin-bottom: 0.25rem; }
.lg-active-mb-1:active { margin-bottom: 0.25rem; }
.lg-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
.lg-mb-2 { margin-bottom: 0.5rem; }
.lg-hover-mb-2:hover { margin-bottom: 0.5rem; }
.lg-focus-mb-2:focus { margin-bottom: 0.5rem; }
.lg-active-mb-2:active { margin-bottom: 0.5rem; }
.lg-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
.lg-mb-3 { margin-bottom: 0.75rem; }
.lg-hover-mb-3:hover { margin-bottom: 0.75rem; }
.lg-focus-mb-3:focus { margin-bottom: 0.75rem; }
.lg-active-mb-3:active { margin-bottom: 0.75rem; }
.lg-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
.lg-mb-4 { margin-bottom: 1rem; }
.lg-hover-mb-4:hover { margin-bottom: 1rem; }
.lg-focus-mb-4:focus { margin-bottom: 1rem; }
.lg-active-mb-4:active { margin-bottom: 1rem; }
.lg-disabled-mb-4:disabled { margin-bottom: 1rem; }
.lg-mb-5 { margin-bottom: 1.25rem; }
.lg-hover-mb-5:hover { margin-bottom: 1.25rem; }
.lg-focus-mb-5:focus { margin-bottom: 1.25rem; }
.lg-active-mb-5:active { margin-bottom: 1.25rem; }
.lg-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
.lg-mb-6 { margin-bottom: 1.5rem; }
.lg-hover-mb-6:hover { margin-bottom: 1.5rem; }
.lg-focus-mb-6:focus { margin-bottom: 1.5rem; }
.lg-active-mb-6:active { margin-bottom: 1.5rem; }
.lg-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
.lg-mb-8 { margin-bottom: 2rem; }
.lg-hover-mb-8:hover { margin-bottom: 2rem; }
.lg-focus-mb-8:focus { margin-bottom: 2rem; }
.lg-active-mb-8:active { margin-bottom: 2rem; }
.lg-disabled-mb-8:disabled { margin-bottom: 2rem; }
.lg-mb-10 { margin-bottom: 2.5rem; }
.lg-hover-mb-10:hover { margin-bottom: 2.5rem; }
.lg-focus-mb-10:focus { margin-bottom: 2.5rem; }
.lg-active-mb-10:active { margin-bottom: 2.5rem; }
.lg-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
.lg-mb-12 { margin-bottom: 3rem; }
.lg-hover-mb-12:hover { margin-bottom: 3rem; }
.lg-focus-mb-12:focus { margin-bottom: 3rem; }
.lg-active-mb-12:active { margin-bottom: 3rem; }
.lg-disabled-mb-12:disabled { margin-bottom: 3rem; }
.lg-mb-16 { margin-bottom: 4rem; }
.lg-hover-mb-16:hover { margin-bottom: 4rem; }
.lg-focus-mb-16:focus { margin-bottom: 4rem; }
.lg-active-mb-16:active { margin-bottom: 4rem; }
.lg-disabled-mb-16:disabled { margin-bottom: 4rem; }
.lg-mb-20 { margin-bottom: 5rem; }
.lg-hover-mb-20:hover { margin-bottom: 5rem; }
.lg-focus-mb-20:focus { margin-bottom: 5rem; }
.lg-active-mb-20:active { margin-bottom: 5rem; }
.lg-disabled-mb-20:disabled { margin-bottom: 5rem; }
.lg-mb-24 { margin-bottom: 6rem; }
.lg-hover-mb-24:hover { margin-bottom: 6rem; }
.lg-focus-mb-24:focus { margin-bottom: 6rem; }
.lg-active-mb-24:active { margin-bottom: 6rem; }
.lg-disabled-mb-24:disabled { margin-bottom: 6rem; }
.lg-mb-28 { margin-bottom: 7rem; }
.lg-hover-mb-28:hover { margin-bottom: 7rem; }
.lg-focus-mb-28:focus { margin-bottom: 7rem; }
.lg-active-mb-28:active { margin-bottom: 7rem; }
.lg-disabled-mb-28:disabled { margin-bottom: 7rem; }
.lg-mb-32 { margin-bottom: 8rem; }
.lg-hover-mb-32:hover { margin-bottom: 8rem; }
.lg-focus-mb-32:focus { margin-bottom: 8rem; }
.lg-active-mb-32:active { margin-bottom: 8rem; }
.lg-disabled-mb-32:disabled { margin-bottom: 8rem; }
.lg-ml-auto { margin-left: auto; }
.lg-hover-ml-auto:hover { margin-left: auto; }
.lg-focus-ml-auto:focus { margin-left: auto; }
.lg-active-ml-auto:active { margin-left: auto; }
.lg-disabled-ml-auto:disabled { margin-left: auto; }
.lg-ml-0 { margin-left: 0; }
.lg-hover-ml-0:hover { margin-left: 0; }
.lg-focus-ml-0:focus { margin-left: 0; }
.lg-active-ml-0:active { margin-left: 0; }
.lg-disabled-ml-0:disabled { margin-left: 0; }
.lg-ml-1 { margin-left: 0.25rem; }
.lg-hover-ml-1:hover { margin-left: 0.25rem; }
.lg-focus-ml-1:focus { margin-left: 0.25rem; }
.lg-active-ml-1:active { margin-left: 0.25rem; }
.lg-disabled-ml-1:disabled { margin-left: 0.25rem; }
.lg-ml-2 { margin-left: 0.5rem; }
.lg-hover-ml-2:hover { margin-left: 0.5rem; }
.lg-focus-ml-2:focus { margin-left: 0.5rem; }
.lg-active-ml-2:active { margin-left: 0.5rem; }
.lg-disabled-ml-2:disabled { margin-left: 0.5rem; }
.lg-ml-3 { margin-left: 0.75rem; }
.lg-hover-ml-3:hover { margin-left: 0.75rem; }
.lg-focus-ml-3:focus { margin-left: 0.75rem; }
.lg-active-ml-3:active { margin-left: 0.75rem; }
.lg-disabled-ml-3:disabled { margin-left: 0.75rem; }
.lg-ml-4 { margin-left: 1rem; }
.lg-hover-ml-4:hover { margin-left: 1rem; }
.lg-focus-ml-4:focus { margin-left: 1rem; }
.lg-active-ml-4:active { margin-left: 1rem; }
.lg-disabled-ml-4:disabled { margin-left: 1rem; }
.lg-ml-5 { margin-left: 1.25rem; }
.lg-hover-ml-5:hover { margin-left: 1.25rem; }
.lg-focus-ml-5:focus { margin-left: 1.25rem; }
.lg-active-ml-5:active { margin-left: 1.25rem; }
.lg-disabled-ml-5:disabled { margin-left: 1.25rem; }
.lg-ml-6 { margin-left: 1.5rem; }
.lg-hover-ml-6:hover { margin-left: 1.5rem; }
.lg-focus-ml-6:focus { margin-left: 1.5rem; }
.lg-active-ml-6:active { margin-left: 1.5rem; }
.lg-disabled-ml-6:disabled { margin-left: 1.5rem; }
.lg-ml-8 { margin-left: 2rem; }
.lg-hover-ml-8:hover { margin-left: 2rem; }
.lg-focus-ml-8:focus { margin-left: 2rem; }
.lg-active-ml-8:active { margin-left: 2rem; }
.lg-disabled-ml-8:disabled { margin-left: 2rem; }
.lg-ml-10 { margin-left: 2.5rem; }
.lg-hover-ml-10:hover { margin-left: 2.5rem; }
.lg-focus-ml-10:focus { margin-left: 2.5rem; }
.lg-active-ml-10:active { margin-left: 2.5rem; }
.lg-disabled-ml-10:disabled { margin-left: 2.5rem; }
.lg-ml-12 { margin-left: 3rem; }
.lg-hover-ml-12:hover { margin-left: 3rem; }
.lg-focus-ml-12:focus { margin-left: 3rem; }
.lg-active-ml-12:active { margin-left: 3rem; }
.lg-disabled-ml-12:disabled { margin-left: 3rem; }
.lg-ml-16 { margin-left: 4rem; }
.lg-hover-ml-16:hover { margin-left: 4rem; }
.lg-focus-ml-16:focus { margin-left: 4rem; }
.lg-active-ml-16:active { margin-left: 4rem; }
.lg-disabled-ml-16:disabled { margin-left: 4rem; }
.lg-ml-20 { margin-left: 5rem; }
.lg-hover-ml-20:hover { margin-left: 5rem; }
.lg-focus-ml-20:focus { margin-left: 5rem; }
.lg-active-ml-20:active { margin-left: 5rem; }
.lg-disabled-ml-20:disabled { margin-left: 5rem; }
.lg-ml-24 { margin-left: 6rem; }
.lg-hover-ml-24:hover { margin-left: 6rem; }
.lg-focus-ml-24:focus { margin-left: 6rem; }
.lg-active-ml-24:active { margin-left: 6rem; }
.lg-disabled-ml-24:disabled { margin-left: 6rem; }
.lg-ml-28 { margin-left: 7rem; }
.lg-hover-ml-28:hover { margin-left: 7rem; }
.lg-focus-ml-28:focus { margin-left: 7rem; }
.lg-active-ml-28:active { margin-left: 7rem; }
.lg-disabled-ml-28:disabled { margin-left: 7rem; }
.lg-ml-32 { margin-left: 8rem; }
.lg-hover-ml-32:hover { margin-left: 8rem; }
.lg-focus-ml-32:focus { margin-left: 8rem; }
.lg-active-ml-32:active { margin-left: 8rem; }
.lg-disabled-ml-32:disabled { margin-left: 8rem; }
.lg-mr-auto { margin-right: auto; }
.lg-hover-mr-auto:hover { margin-right: auto; }
.lg-focus-mr-auto:focus { margin-right: auto; }
.lg-active-mr-auto:active { margin-right: auto; }
.lg-disabled-mr-auto:disabled { margin-right: auto; }
.lg-mr-0 { margin-right: 0; }
.lg-hover-mr-0:hover { margin-right: 0; }
.lg-focus-mr-0:focus { margin-right: 0; }
.lg-active-mr-0:active { margin-right: 0; }
.lg-disabled-mr-0:disabled { margin-right: 0; }
.lg-mr-1 { margin-right: 0.25rem; }
.lg-hover-mr-1:hover { margin-right: 0.25rem; }
.lg-focus-mr-1:focus { margin-right: 0.25rem; }
.lg-active-mr-1:active { margin-right: 0.25rem; }
.lg-disabled-mr-1:disabled { margin-right: 0.25rem; }
.lg-mr-2 { margin-right: 0.5rem; }
.lg-hover-mr-2:hover { margin-right: 0.5rem; }
.lg-focus-mr-2:focus { margin-right: 0.5rem; }
.lg-active-mr-2:active { margin-right: 0.5rem; }
.lg-disabled-mr-2:disabled { margin-right: 0.5rem; }
.lg-mr-3 { margin-right: 0.75rem; }
.lg-hover-mr-3:hover { margin-right: 0.75rem; }
.lg-focus-mr-3:focus { margin-right: 0.75rem; }
.lg-active-mr-3:active { margin-right: 0.75rem; }
.lg-disabled-mr-3:disabled { margin-right: 0.75rem; }
.lg-mr-4 { margin-right: 1rem; }
.lg-hover-mr-4:hover { margin-right: 1rem; }
.lg-focus-mr-4:focus { margin-right: 1rem; }
.lg-active-mr-4:active { margin-right: 1rem; }
.lg-disabled-mr-4:disabled { margin-right: 1rem; }
.lg-mr-5 { margin-right: 1.25rem; }
.lg-hover-mr-5:hover { margin-right: 1.25rem; }
.lg-focus-mr-5:focus { margin-right: 1.25rem; }
.lg-active-mr-5:active { margin-right: 1.25rem; }
.lg-disabled-mr-5:disabled { margin-right: 1.25rem; }
.lg-mr-6 { margin-right: 1.5rem; }
.lg-hover-mr-6:hover { margin-right: 1.5rem; }
.lg-focus-mr-6:focus { margin-right: 1.5rem; }
.lg-active-mr-6:active { margin-right: 1.5rem; }
.lg-disabled-mr-6:disabled { margin-right: 1.5rem; }
.lg-mr-8 { margin-right: 2rem; }
.lg-hover-mr-8:hover { margin-right: 2rem; }
.lg-focus-mr-8:focus { margin-right: 2rem; }
.lg-active-mr-8:active { margin-right: 2rem; }
.lg-disabled-mr-8:disabled { margin-right: 2rem; }
.lg-mr-10 { margin-right: 2.5rem; }
.lg-hover-mr-10:hover { margin-right: 2.5rem; }
.lg-focus-mr-10:focus { margin-right: 2.5rem; }
.lg-active-mr-10:active { margin-right: 2.5rem; }
.lg-disabled-mr-10:disabled { margin-right: 2.5rem; }
.lg-mr-12 { margin-right: 3rem; }
.lg-hover-mr-12:hover { margin-right: 3rem; }
.lg-focus-mr-12:focus { margin-right: 3rem; }
.lg-active-mr-12:active { margin-right: 3rem; }
.lg-disabled-mr-12:disabled { margin-right: 3rem; }
.lg-mr-16 { margin-right: 4rem; }
.lg-hover-mr-16:hover { margin-right: 4rem; }
.lg-focus-mr-16:focus { margin-right: 4rem; }
.lg-active-mr-16:active { margin-right: 4rem; }
.lg-disabled-mr-16:disabled { margin-right: 4rem; }
.lg-mr-20 { margin-right: 5rem; }
.lg-hover-mr-20:hover { margin-right: 5rem; }
.lg-focus-mr-20:focus { margin-right: 5rem; }
.lg-active-mr-20:active { margin-right: 5rem; }
.lg-disabled-mr-20:disabled { margin-right: 5rem; }
.lg-mr-24 { margin-right: 6rem; }
.lg-hover-mr-24:hover { margin-right: 6rem; }
.lg-focus-mr-24:focus { margin-right: 6rem; }
.lg-active-mr-24:active { margin-right: 6rem; }
.lg-disabled-mr-24:disabled { margin-right: 6rem; }
.lg-mr-28 { margin-right: 7rem; }
.lg-hover-mr-28:hover { margin-right: 7rem; }
.lg-focus-mr-28:focus { margin-right: 7rem; }
.lg-active-mr-28:active { margin-right: 7rem; }
.lg-disabled-mr-28:disabled { margin-right: 7rem; }
.lg-mr-32 { margin-right: 8rem; }
.lg-hover-mr-32:hover { margin-right: 8rem; }
.lg-focus-mr-32:focus { margin-right: 8rem; }
.lg-active-mr-32:active { margin-right: 8rem; }
.lg-disabled-mr-32:disabled { margin-right: 8rem; }
.lg-space-x-auto { --space-x: auto; }
.lg-hover-space-x-auto:hover { --space-x: auto; }
.lg-focus-space-x-auto:focus { --space-x: auto; }
.lg-active-space-x-auto:active { --space-x: auto; }
.lg-disabled-space-x-auto:disabled { --space-x: auto; }
.lg-space-x-0 { --space-x: 0; }
.lg-hover-space-x-0:hover { --space-x: 0; }
.lg-focus-space-x-0:focus { --space-x: 0; }
.lg-active-space-x-0:active { --space-x: 0; }
.lg-disabled-space-x-0:disabled { --space-x: 0; }
.lg-space-x-1 { --space-x: 0.25rem; }
.lg-hover-space-x-1:hover { --space-x: 0.25rem; }
.lg-focus-space-x-1:focus { --space-x: 0.25rem; }
.lg-active-space-x-1:active { --space-x: 0.25rem; }
.lg-disabled-space-x-1:disabled { --space-x: 0.25rem; }
.lg-space-x-2 { --space-x: 0.5rem; }
.lg-hover-space-x-2:hover { --space-x: 0.5rem; }
.lg-focus-space-x-2:focus { --space-x: 0.5rem; }
.lg-active-space-x-2:active { --space-x: 0.5rem; }
.lg-disabled-space-x-2:disabled { --space-x: 0.5rem; }
.lg-space-x-3 { --space-x: 0.75rem; }
.lg-hover-space-x-3:hover { --space-x: 0.75rem; }
.lg-focus-space-x-3:focus { --space-x: 0.75rem; }
.lg-active-space-x-3:active { --space-x: 0.75rem; }
.lg-disabled-space-x-3:disabled { --space-x: 0.75rem; }
.lg-space-x-4 { --space-x: 1rem; }
.lg-hover-space-x-4:hover { --space-x: 1rem; }
.lg-focus-space-x-4:focus { --space-x: 1rem; }
.lg-active-space-x-4:active { --space-x: 1rem; }
.lg-disabled-space-x-4:disabled { --space-x: 1rem; }
.lg-space-x-5 { --space-x: 1.25rem; }
.lg-hover-space-x-5:hover { --space-x: 1.25rem; }
.lg-focus-space-x-5:focus { --space-x: 1.25rem; }
.lg-active-space-x-5:active { --space-x: 1.25rem; }
.lg-disabled-space-x-5:disabled { --space-x: 1.25rem; }
.lg-space-x-6 { --space-x: 1.5rem; }
.lg-hover-space-x-6:hover { --space-x: 1.5rem; }
.lg-focus-space-x-6:focus { --space-x: 1.5rem; }
.lg-active-space-x-6:active { --space-x: 1.5rem; }
.lg-disabled-space-x-6:disabled { --space-x: 1.5rem; }
.lg-space-x-8 { --space-x: 2rem; }
.lg-hover-space-x-8:hover { --space-x: 2rem; }
.lg-focus-space-x-8:focus { --space-x: 2rem; }
.lg-active-space-x-8:active { --space-x: 2rem; }
.lg-disabled-space-x-8:disabled { --space-x: 2rem; }
.lg-space-x-10 { --space-x: 2.5rem; }
.lg-hover-space-x-10:hover { --space-x: 2.5rem; }
.lg-focus-space-x-10:focus { --space-x: 2.5rem; }
.lg-active-space-x-10:active { --space-x: 2.5rem; }
.lg-disabled-space-x-10:disabled { --space-x: 2.5rem; }
.lg-space-x-12 { --space-x: 3rem; }
.lg-hover-space-x-12:hover { --space-x: 3rem; }
.lg-focus-space-x-12:focus { --space-x: 3rem; }
.lg-active-space-x-12:active { --space-x: 3rem; }
.lg-disabled-space-x-12:disabled { --space-x: 3rem; }
.lg-space-x-16 { --space-x: 4rem; }
.lg-hover-space-x-16:hover { --space-x: 4rem; }
.lg-focus-space-x-16:focus { --space-x: 4rem; }
.lg-active-space-x-16:active { --space-x: 4rem; }
.lg-disabled-space-x-16:disabled { --space-x: 4rem; }
.lg-space-x-20 { --space-x: 5rem; }
.lg-hover-space-x-20:hover { --space-x: 5rem; }
.lg-focus-space-x-20:focus { --space-x: 5rem; }
.lg-active-space-x-20:active { --space-x: 5rem; }
.lg-disabled-space-x-20:disabled { --space-x: 5rem; }
.lg-space-x-24 { --space-x: 6rem; }
.lg-hover-space-x-24:hover { --space-x: 6rem; }
.lg-focus-space-x-24:focus { --space-x: 6rem; }
.lg-active-space-x-24:active { --space-x: 6rem; }
.lg-disabled-space-x-24:disabled { --space-x: 6rem; }
.lg-space-x-28 { --space-x: 7rem; }
.lg-hover-space-x-28:hover { --space-x: 7rem; }
.lg-focus-space-x-28:focus { --space-x: 7rem; }
.lg-active-space-x-28:active { --space-x: 7rem; }
.lg-disabled-space-x-28:disabled { --space-x: 7rem; }
.lg-space-x-32 { --space-x: 8rem; }
.lg-hover-space-x-32:hover { --space-x: 8rem; }
.lg-focus-space-x-32:focus { --space-x: 8rem; }
.lg-active-space-x-32:active { --space-x: 8rem; }
.lg-disabled-space-x-32:disabled { --space-x: 8rem; }
.lg-space-y-auto { --space-y: auto; }
.lg-hover-space-y-auto:hover { --space-y: auto; }
.lg-focus-space-y-auto:focus { --space-y: auto; }
.lg-active-space-y-auto:active { --space-y: auto; }
.lg-disabled-space-y-auto:disabled { --space-y: auto; }
.lg-space-y-0 { --space-y: 0; }
.lg-hover-space-y-0:hover { --space-y: 0; }
.lg-focus-space-y-0:focus { --space-y: 0; }
.lg-active-space-y-0:active { --space-y: 0; }
.lg-disabled-space-y-0:disabled { --space-y: 0; }
.lg-space-y-1 { --space-y: 0.25rem; }
.lg-hover-space-y-1:hover { --space-y: 0.25rem; }
.lg-focus-space-y-1:focus { --space-y: 0.25rem; }
.lg-active-space-y-1:active { --space-y: 0.25rem; }
.lg-disabled-space-y-1:disabled { --space-y: 0.25rem; }
.lg-space-y-2 { --space-y: 0.5rem; }
.lg-hover-space-y-2:hover { --space-y: 0.5rem; }
.lg-focus-space-y-2:focus { --space-y: 0.5rem; }
.lg-active-space-y-2:active { --space-y: 0.5rem; }
.lg-disabled-space-y-2:disabled { --space-y: 0.5rem; }
.lg-space-y-3 { --space-y: 0.75rem; }
.lg-hover-space-y-3:hover { --space-y: 0.75rem; }
.lg-focus-space-y-3:focus { --space-y: 0.75rem; }
.lg-active-space-y-3:active { --space-y: 0.75rem; }
.lg-disabled-space-y-3:disabled { --space-y: 0.75rem; }
.lg-space-y-4 { --space-y: 1rem; }
.lg-hover-space-y-4:hover { --space-y: 1rem; }
.lg-focus-space-y-4:focus { --space-y: 1rem; }
.lg-active-space-y-4:active { --space-y: 1rem; }
.lg-disabled-space-y-4:disabled { --space-y: 1rem; }
.lg-space-y-5 { --space-y: 1.25rem; }
.lg-hover-space-y-5:hover { --space-y: 1.25rem; }
.lg-focus-space-y-5:focus { --space-y: 1.25rem; }
.lg-active-space-y-5:active { --space-y: 1.25rem; }
.lg-disabled-space-y-5:disabled { --space-y: 1.25rem; }
.lg-space-y-6 { --space-y: 1.5rem; }
.lg-hover-space-y-6:hover { --space-y: 1.5rem; }
.lg-focus-space-y-6:focus { --space-y: 1.5rem; }
.lg-active-space-y-6:active { --space-y: 1.5rem; }
.lg-disabled-space-y-6:disabled { --space-y: 1.5rem; }
.lg-space-y-8 { --space-y: 2rem; }
.lg-hover-space-y-8:hover { --space-y: 2rem; }
.lg-focus-space-y-8:focus { --space-y: 2rem; }
.lg-active-space-y-8:active { --space-y: 2rem; }
.lg-disabled-space-y-8:disabled { --space-y: 2rem; }
.lg-space-y-10 { --space-y: 2.5rem; }
.lg-hover-space-y-10:hover { --space-y: 2.5rem; }
.lg-focus-space-y-10:focus { --space-y: 2.5rem; }
.lg-active-space-y-10:active { --space-y: 2.5rem; }
.lg-disabled-space-y-10:disabled { --space-y: 2.5rem; }
.lg-space-y-12 { --space-y: 3rem; }
.lg-hover-space-y-12:hover { --space-y: 3rem; }
.lg-focus-space-y-12:focus { --space-y: 3rem; }
.lg-active-space-y-12:active { --space-y: 3rem; }
.lg-disabled-space-y-12:disabled { --space-y: 3rem; }
.lg-space-y-16 { --space-y: 4rem; }
.lg-hover-space-y-16:hover { --space-y: 4rem; }
.lg-focus-space-y-16:focus { --space-y: 4rem; }
.lg-active-space-y-16:active { --space-y: 4rem; }
.lg-disabled-space-y-16:disabled { --space-y: 4rem; }
.lg-space-y-20 { --space-y: 5rem; }
.lg-hover-space-y-20:hover { --space-y: 5rem; }
.lg-focus-space-y-20:focus { --space-y: 5rem; }
.lg-active-space-y-20:active { --space-y: 5rem; }
.lg-disabled-space-y-20:disabled { --space-y: 5rem; }
.lg-space-y-24 { --space-y: 6rem; }
.lg-hover-space-y-24:hover { --space-y: 6rem; }
.lg-focus-space-y-24:focus { --space-y: 6rem; }
.lg-active-space-y-24:active { --space-y: 6rem; }
.lg-disabled-space-y-24:disabled { --space-y: 6rem; }
.lg-space-y-28 { --space-y: 7rem; }
.lg-hover-space-y-28:hover { --space-y: 7rem; }
.lg-focus-space-y-28:focus { --space-y: 7rem; }
.lg-active-space-y-28:active { --space-y: 7rem; }
.lg-disabled-space-y-28:disabled { --space-y: 7rem; }
.lg-space-y-32 { --space-y: 8rem; }
.lg-hover-space-y-32:hover { --space-y: 8rem; }
.lg-focus-space-y-32:focus { --space-y: 8rem; }
.lg-active-space-y-32:active { --space-y: 8rem; }
.lg-disabled-space-y-32:disabled { --space-y: 8rem; }
.lg-d-block { display: block; }
.lg-hover-d-block:hover { display: block; }
.lg-focus-d-block:focus { display: block; }
.lg-active-d-block:active { display: block; }
.lg-disabled-d-block:disabled { display: block; }
.lg-d-inline { display: inline; }
.lg-hover-d-inline:hover { display: inline; }
.lg-focus-d-inline:focus { display: inline; }
.lg-active-d-inline:active { display: inline; }
.lg-disabled-d-inline:disabled { display: inline; }
.lg-d-inline-block { display: inline-block; }
.lg-hover-d-inline-block:hover { display: inline-block; }
.lg-focus-d-inline-block:focus { display: inline-block; }
.lg-active-d-inline-block:active { display: inline-block; }
.lg-disabled-d-inline-block:disabled { display: inline-block; }
.lg-d-flex { display: flex; }
.lg-hover-d-flex:hover { display: flex; }
.lg-focus-d-flex:focus { display: flex; }
.lg-active-d-flex:active { display: flex; }
.lg-disabled-d-flex:disabled { display: flex; }
.lg-d-inline-flex { display: inline-flex; }
.lg-hover-d-inline-flex:hover { display: inline-flex; }
.lg-focus-d-inline-flex:focus { display: inline-flex; }
.lg-active-d-inline-flex:active { display: inline-flex; }
.lg-disabled-d-inline-flex:disabled { display: inline-flex; }
.lg-d-grid { display: grid; }
.lg-hover-d-grid:hover { display: grid; }
.lg-focus-d-grid:focus { display: grid; }
.lg-active-d-grid:active { display: grid; }
.lg-disabled-d-grid:disabled { display: grid; }
.lg-d-inline-grid { display: inline-grid; }
.lg-hover-d-inline-grid:hover { display: inline-grid; }
.lg-focus-d-inline-grid:focus { display: inline-grid; }
.lg-active-d-inline-grid:active { display: inline-grid; }
.lg-disabled-d-inline-grid:disabled { display: inline-grid; }
.lg-d-none { display: none; }
.lg-hover-d-none:hover { display: none; }
.lg-focus-d-none:focus { display: none; }
.lg-active-d-none:active { display: none; }
.lg-disabled-d-none:disabled { display: none; }
.lg-position-static { position: static; }
.lg-hover-position-static:hover { position: static; }
.lg-focus-position-static:focus { position: static; }
.lg-active-position-static:active { position: static; }
.lg-disabled-position-static:disabled { position: static; }
.lg-position-relative { position: relative; }
.lg-hover-position-relative:hover { position: relative; }
.lg-focus-position-relative:focus { position: relative; }
.lg-active-position-relative:active { position: relative; }
.lg-disabled-position-relative:disabled { position: relative; }
.lg-position-absolute { position: absolute; }
.lg-hover-position-absolute:hover { position: absolute; }
.lg-focus-position-absolute:focus { position: absolute; }
.lg-active-position-absolute:active { position: absolute; }
.lg-disabled-position-absolute:disabled { position: absolute; }
.lg-position-fixed { position: fixed; }
.lg-hover-position-fixed:hover { position: fixed; }
.lg-focus-position-fixed:focus { position: fixed; }
.lg-active-position-fixed:active { position: fixed; }
.lg-disabled-position-fixed:disabled { position: fixed; }
.lg-position-sticky { position: sticky; }
.lg-hover-position-sticky:hover { position: sticky; }
.lg-focus-position-sticky:focus { position: sticky; }
.lg-active-position-sticky:active { position: sticky; }
.lg-disabled-position-sticky:disabled { position: sticky; }
.lg-inset-0 { inset: 0; }
.lg-hover-inset-0:hover { inset: 0; }
.lg-focus-inset-0:focus { inset: 0; }
.lg-active-inset-0:active { inset: 0; }
.lg-disabled-inset-0:disabled { inset: 0; }
.lg-inset-1 { inset: 0.25rem; }
.lg-hover-inset-1:hover { inset: 0.25rem; }
.lg-focus-inset-1:focus { inset: 0.25rem; }
.lg-active-inset-1:active { inset: 0.25rem; }
.lg-disabled-inset-1:disabled { inset: 0.25rem; }
.lg-inset-2 { inset: 0.5rem; }
.lg-hover-inset-2:hover { inset: 0.5rem; }
.lg-focus-inset-2:focus { inset: 0.5rem; }
.lg-active-inset-2:active { inset: 0.5rem; }
.lg-disabled-inset-2:disabled { inset: 0.5rem; }
.lg-inset-3 { inset: 0.75rem; }
.lg-hover-inset-3:hover { inset: 0.75rem; }
.lg-focus-inset-3:focus { inset: 0.75rem; }
.lg-active-inset-3:active { inset: 0.75rem; }
.lg-disabled-inset-3:disabled { inset: 0.75rem; }
.lg-inset-4 { inset: 1rem; }
.lg-hover-inset-4:hover { inset: 1rem; }
.lg-focus-inset-4:focus { inset: 1rem; }
.lg-active-inset-4:active { inset: 1rem; }
.lg-disabled-inset-4:disabled { inset: 1rem; }
.lg-inset-5 { inset: 1.25rem; }
.lg-hover-inset-5:hover { inset: 1.25rem; }
.lg-focus-inset-5:focus { inset: 1.25rem; }
.lg-active-inset-5:active { inset: 1.25rem; }
.lg-disabled-inset-5:disabled { inset: 1.25rem; }
.lg-inset-6 { inset: 1.5rem; }
.lg-hover-inset-6:hover { inset: 1.5rem; }
.lg-focus-inset-6:focus { inset: 1.5rem; }
.lg-active-inset-6:active { inset: 1.5rem; }
.lg-disabled-inset-6:disabled { inset: 1.5rem; }
.lg-inset-7 { inset: 1.75rem; }
.lg-hover-inset-7:hover { inset: 1.75rem; }
.lg-focus-inset-7:focus { inset: 1.75rem; }
.lg-active-inset-7:active { inset: 1.75rem; }
.lg-disabled-inset-7:disabled { inset: 1.75rem; }
.lg-inset-8 { inset: 2rem; }
.lg-hover-inset-8:hover { inset: 2rem; }
.lg-focus-inset-8:focus { inset: 2rem; }
.lg-active-inset-8:active { inset: 2rem; }
.lg-disabled-inset-8:disabled { inset: 2rem; }
.lg-inset-9 { inset: 2.25rem; }
.lg-hover-inset-9:hover { inset: 2.25rem; }
.lg-focus-inset-9:focus { inset: 2.25rem; }
.lg-active-inset-9:active { inset: 2.25rem; }
.lg-disabled-inset-9:disabled { inset: 2.25rem; }
.lg-inset-10 { inset: 2.5rem; }
.lg-hover-inset-10:hover { inset: 2.5rem; }
.lg-focus-inset-10:focus { inset: 2.5rem; }
.lg-active-inset-10:active { inset: 2.5rem; }
.lg-disabled-inset-10:disabled { inset: 2.5rem; }
.lg-inset-12 { inset: 3rem; }
.lg-hover-inset-12:hover { inset: 3rem; }
.lg-focus-inset-12:focus { inset: 3rem; }
.lg-active-inset-12:active { inset: 3rem; }
.lg-disabled-inset-12:disabled { inset: 3rem; }
.lg-inset-14 { inset: 3.5rem; }
.lg-hover-inset-14:hover { inset: 3.5rem; }
.lg-focus-inset-14:focus { inset: 3.5rem; }
.lg-active-inset-14:active { inset: 3.5rem; }
.lg-disabled-inset-14:disabled { inset: 3.5rem; }
.lg-inset-16 { inset: 4rem; }
.lg-hover-inset-16:hover { inset: 4rem; }
.lg-focus-inset-16:focus { inset: 4rem; }
.lg-active-inset-16:active { inset: 4rem; }
.lg-disabled-inset-16:disabled { inset: 4rem; }
.lg-inset-20 { inset: 5rem; }
.lg-hover-inset-20:hover { inset: 5rem; }
.lg-focus-inset-20:focus { inset: 5rem; }
.lg-active-inset-20:active { inset: 5rem; }
.lg-disabled-inset-20:disabled { inset: 5rem; }
.lg-inset-24 { inset: 6rem; }
.lg-hover-inset-24:hover { inset: 6rem; }
.lg-focus-inset-24:focus { inset: 6rem; }
.lg-active-inset-24:active { inset: 6rem; }
.lg-disabled-inset-24:disabled { inset: 6rem; }
.lg-inset-28 { inset: 7rem; }
.lg-hover-inset-28:hover { inset: 7rem; }
.lg-focus-inset-28:focus { inset: 7rem; }
.lg-active-inset-28:active { inset: 7rem; }
.lg-disabled-inset-28:disabled { inset: 7rem; }
.lg-inset-32 { inset: 8rem; }
.lg-hover-inset-32:hover { inset: 8rem; }
.lg-focus-inset-32:focus { inset: 8rem; }
.lg-active-inset-32:active { inset: 8rem; }
.lg-disabled-inset-32:disabled { inset: 8rem; }
.lg-inset-t-0 { inset-top: 0; }
.lg-hover-inset-t-0:hover { inset-top: 0; }
.lg-focus-inset-t-0:focus { inset-top: 0; }
.lg-active-inset-t-0:active { inset-top: 0; }
.lg-disabled-inset-t-0:disabled { inset-top: 0; }
.lg-inset-t-1 { inset-top: 0.25rem; }
.lg-hover-inset-t-1:hover { inset-top: 0.25rem; }
.lg-focus-inset-t-1:focus { inset-top: 0.25rem; }
.lg-active-inset-t-1:active { inset-top: 0.25rem; }
.lg-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
.lg-inset-t-2 { inset-top: 0.5rem; }
.lg-hover-inset-t-2:hover { inset-top: 0.5rem; }
.lg-focus-inset-t-2:focus { inset-top: 0.5rem; }
.lg-active-inset-t-2:active { inset-top: 0.5rem; }
.lg-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
.lg-inset-t-3 { inset-top: 0.75rem; }
.lg-hover-inset-t-3:hover { inset-top: 0.75rem; }
.lg-focus-inset-t-3:focus { inset-top: 0.75rem; }
.lg-active-inset-t-3:active { inset-top: 0.75rem; }
.lg-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
.lg-inset-t-4 { inset-top: 1rem; }
.lg-hover-inset-t-4:hover { inset-top: 1rem; }
.lg-focus-inset-t-4:focus { inset-top: 1rem; }
.lg-active-inset-t-4:active { inset-top: 1rem; }
.lg-disabled-inset-t-4:disabled { inset-top: 1rem; }
.lg-inset-t-5 { inset-top: 1.25rem; }
.lg-hover-inset-t-5:hover { inset-top: 1.25rem; }
.lg-focus-inset-t-5:focus { inset-top: 1.25rem; }
.lg-active-inset-t-5:active { inset-top: 1.25rem; }
.lg-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
.lg-inset-t-6 { inset-top: 1.5rem; }
.lg-hover-inset-t-6:hover { inset-top: 1.5rem; }
.lg-focus-inset-t-6:focus { inset-top: 1.5rem; }
.lg-active-inset-t-6:active { inset-top: 1.5rem; }
.lg-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
.lg-inset-t-7 { inset-top: 1.75rem; }
.lg-hover-inset-t-7:hover { inset-top: 1.75rem; }
.lg-focus-inset-t-7:focus { inset-top: 1.75rem; }
.lg-active-inset-t-7:active { inset-top: 1.75rem; }
.lg-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
.lg-inset-t-8 { inset-top: 2rem; }
.lg-hover-inset-t-8:hover { inset-top: 2rem; }
.lg-focus-inset-t-8:focus { inset-top: 2rem; }
.lg-active-inset-t-8:active { inset-top: 2rem; }
.lg-disabled-inset-t-8:disabled { inset-top: 2rem; }
.lg-inset-t-9 { inset-top: 2.25rem; }
.lg-hover-inset-t-9:hover { inset-top: 2.25rem; }
.lg-focus-inset-t-9:focus { inset-top: 2.25rem; }
.lg-active-inset-t-9:active { inset-top: 2.25rem; }
.lg-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
.lg-inset-t-10 { inset-top: 2.5rem; }
.lg-hover-inset-t-10:hover { inset-top: 2.5rem; }
.lg-focus-inset-t-10:focus { inset-top: 2.5rem; }
.lg-active-inset-t-10:active { inset-top: 2.5rem; }
.lg-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
.lg-inset-t-12 { inset-top: 3rem; }
.lg-hover-inset-t-12:hover { inset-top: 3rem; }
.lg-focus-inset-t-12:focus { inset-top: 3rem; }
.lg-active-inset-t-12:active { inset-top: 3rem; }
.lg-disabled-inset-t-12:disabled { inset-top: 3rem; }
.lg-inset-t-14 { inset-top: 3.5rem; }
.lg-hover-inset-t-14:hover { inset-top: 3.5rem; }
.lg-focus-inset-t-14:focus { inset-top: 3.5rem; }
.lg-active-inset-t-14:active { inset-top: 3.5rem; }
.lg-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
.lg-inset-t-16 { inset-top: 4rem; }
.lg-hover-inset-t-16:hover { inset-top: 4rem; }
.lg-focus-inset-t-16:focus { inset-top: 4rem; }
.lg-active-inset-t-16:active { inset-top: 4rem; }
.lg-disabled-inset-t-16:disabled { inset-top: 4rem; }
.lg-inset-t-20 { inset-top: 5rem; }
.lg-hover-inset-t-20:hover { inset-top: 5rem; }
.lg-focus-inset-t-20:focus { inset-top: 5rem; }
.lg-active-inset-t-20:active { inset-top: 5rem; }
.lg-disabled-inset-t-20:disabled { inset-top: 5rem; }
.lg-inset-t-24 { inset-top: 6rem; }
.lg-hover-inset-t-24:hover { inset-top: 6rem; }
.lg-focus-inset-t-24:focus { inset-top: 6rem; }
.lg-active-inset-t-24:active { inset-top: 6rem; }
.lg-disabled-inset-t-24:disabled { inset-top: 6rem; }
.lg-inset-t-28 { inset-top: 7rem; }
.lg-hover-inset-t-28:hover { inset-top: 7rem; }
.lg-focus-inset-t-28:focus { inset-top: 7rem; }
.lg-active-inset-t-28:active { inset-top: 7rem; }
.lg-disabled-inset-t-28:disabled { inset-top: 7rem; }
.lg-inset-t-32 { inset-top: 8rem; }
.lg-hover-inset-t-32:hover { inset-top: 8rem; }
.lg-focus-inset-t-32:focus { inset-top: 8rem; }
.lg-active-inset-t-32:active { inset-top: 8rem; }
.lg-disabled-inset-t-32:disabled { inset-top: 8rem; }
.lg-inset-r-0 { inset-right: 0; }
.lg-hover-inset-r-0:hover { inset-right: 0; }
.lg-focus-inset-r-0:focus { inset-right: 0; }
.lg-active-inset-r-0:active { inset-right: 0; }
.lg-disabled-inset-r-0:disabled { inset-right: 0; }
.lg-inset-r-1 { inset-right: 0.25rem; }
.lg-hover-inset-r-1:hover { inset-right: 0.25rem; }
.lg-focus-inset-r-1:focus { inset-right: 0.25rem; }
.lg-active-inset-r-1:active { inset-right: 0.25rem; }
.lg-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
.lg-inset-r-2 { inset-right: 0.5rem; }
.lg-hover-inset-r-2:hover { inset-right: 0.5rem; }
.lg-focus-inset-r-2:focus { inset-right: 0.5rem; }
.lg-active-inset-r-2:active { inset-right: 0.5rem; }
.lg-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
.lg-inset-r-3 { inset-right: 0.75rem; }
.lg-hover-inset-r-3:hover { inset-right: 0.75rem; }
.lg-focus-inset-r-3:focus { inset-right: 0.75rem; }
.lg-active-inset-r-3:active { inset-right: 0.75rem; }
.lg-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
.lg-inset-r-4 { inset-right: 1rem; }
.lg-hover-inset-r-4:hover { inset-right: 1rem; }
.lg-focus-inset-r-4:focus { inset-right: 1rem; }
.lg-active-inset-r-4:active { inset-right: 1rem; }
.lg-disabled-inset-r-4:disabled { inset-right: 1rem; }
.lg-inset-r-5 { inset-right: 1.25rem; }
.lg-hover-inset-r-5:hover { inset-right: 1.25rem; }
.lg-focus-inset-r-5:focus { inset-right: 1.25rem; }
.lg-active-inset-r-5:active { inset-right: 1.25rem; }
.lg-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
.lg-inset-r-6 { inset-right: 1.5rem; }
.lg-hover-inset-r-6:hover { inset-right: 1.5rem; }
.lg-focus-inset-r-6:focus { inset-right: 1.5rem; }
.lg-active-inset-r-6:active { inset-right: 1.5rem; }
.lg-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
.lg-inset-r-7 { inset-right: 1.75rem; }
.lg-hover-inset-r-7:hover { inset-right: 1.75rem; }
.lg-focus-inset-r-7:focus { inset-right: 1.75rem; }
.lg-active-inset-r-7:active { inset-right: 1.75rem; }
.lg-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
.lg-inset-r-8 { inset-right: 2rem; }
.lg-hover-inset-r-8:hover { inset-right: 2rem; }
.lg-focus-inset-r-8:focus { inset-right: 2rem; }
.lg-active-inset-r-8:active { inset-right: 2rem; }
.lg-disabled-inset-r-8:disabled { inset-right: 2rem; }
.lg-inset-r-9 { inset-right: 2.25rem; }
.lg-hover-inset-r-9:hover { inset-right: 2.25rem; }
.lg-focus-inset-r-9:focus { inset-right: 2.25rem; }
.lg-active-inset-r-9:active { inset-right: 2.25rem; }
.lg-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
.lg-inset-r-10 { inset-right: 2.5rem; }
.lg-hover-inset-r-10:hover { inset-right: 2.5rem; }
.lg-focus-inset-r-10:focus { inset-right: 2.5rem; }
.lg-active-inset-r-10:active { inset-right: 2.5rem; }
.lg-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
.lg-inset-r-12 { inset-right: 3rem; }
.lg-hover-inset-r-12:hover { inset-right: 3rem; }
.lg-focus-inset-r-12:focus { inset-right: 3rem; }
.lg-active-inset-r-12:active { inset-right: 3rem; }
.lg-disabled-inset-r-12:disabled { inset-right: 3rem; }
.lg-inset-r-14 { inset-right: 3.5rem; }
.lg-hover-inset-r-14:hover { inset-right: 3.5rem; }
.lg-focus-inset-r-14:focus { inset-right: 3.5rem; }
.lg-active-inset-r-14:active { inset-right: 3.5rem; }
.lg-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
.lg-inset-r-16 { inset-right: 4rem; }
.lg-hover-inset-r-16:hover { inset-right: 4rem; }
.lg-focus-inset-r-16:focus { inset-right: 4rem; }
.lg-active-inset-r-16:active { inset-right: 4rem; }
.lg-disabled-inset-r-16:disabled { inset-right: 4rem; }
.lg-inset-r-20 { inset-right: 5rem; }
.lg-hover-inset-r-20:hover { inset-right: 5rem; }
.lg-focus-inset-r-20:focus { inset-right: 5rem; }
.lg-active-inset-r-20:active { inset-right: 5rem; }
.lg-disabled-inset-r-20:disabled { inset-right: 5rem; }
.lg-inset-r-24 { inset-right: 6rem; }
.lg-hover-inset-r-24:hover { inset-right: 6rem; }
.lg-focus-inset-r-24:focus { inset-right: 6rem; }
.lg-active-inset-r-24:active { inset-right: 6rem; }
.lg-disabled-inset-r-24:disabled { inset-right: 6rem; }
.lg-inset-r-28 { inset-right: 7rem; }
.lg-hover-inset-r-28:hover { inset-right: 7rem; }
.lg-focus-inset-r-28:focus { inset-right: 7rem; }
.lg-active-inset-r-28:active { inset-right: 7rem; }
.lg-disabled-inset-r-28:disabled { inset-right: 7rem; }
.lg-inset-r-32 { inset-right: 8rem; }
.lg-hover-inset-r-32:hover { inset-right: 8rem; }
.lg-focus-inset-r-32:focus { inset-right: 8rem; }
.lg-active-inset-r-32:active { inset-right: 8rem; }
.lg-disabled-inset-r-32:disabled { inset-right: 8rem; }
.lg-inset-b-0 { inset-bottom: 0; }
.lg-hover-inset-b-0:hover { inset-bottom: 0; }
.lg-focus-inset-b-0:focus { inset-bottom: 0; }
.lg-active-inset-b-0:active { inset-bottom: 0; }
.lg-disabled-inset-b-0:disabled { inset-bottom: 0; }
.lg-inset-b-1 { inset-bottom: 0.25rem; }
.lg-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
.lg-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
.lg-active-inset-b-1:active { inset-bottom: 0.25rem; }
.lg-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
.lg-inset-b-2 { inset-bottom: 0.5rem; }
.lg-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
.lg-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
.lg-active-inset-b-2:active { inset-bottom: 0.5rem; }
.lg-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
.lg-inset-b-3 { inset-bottom: 0.75rem; }
.lg-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
.lg-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
.lg-active-inset-b-3:active { inset-bottom: 0.75rem; }
.lg-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
.lg-inset-b-4 { inset-bottom: 1rem; }
.lg-hover-inset-b-4:hover { inset-bottom: 1rem; }
.lg-focus-inset-b-4:focus { inset-bottom: 1rem; }
.lg-active-inset-b-4:active { inset-bottom: 1rem; }
.lg-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
.lg-inset-b-5 { inset-bottom: 1.25rem; }
.lg-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
.lg-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
.lg-active-inset-b-5:active { inset-bottom: 1.25rem; }
.lg-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
.lg-inset-b-6 { inset-bottom: 1.5rem; }
.lg-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
.lg-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
.lg-active-inset-b-6:active { inset-bottom: 1.5rem; }
.lg-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
.lg-inset-b-7 { inset-bottom: 1.75rem; }
.lg-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
.lg-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
.lg-active-inset-b-7:active { inset-bottom: 1.75rem; }
.lg-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
.lg-inset-b-8 { inset-bottom: 2rem; }
.lg-hover-inset-b-8:hover { inset-bottom: 2rem; }
.lg-focus-inset-b-8:focus { inset-bottom: 2rem; }
.lg-active-inset-b-8:active { inset-bottom: 2rem; }
.lg-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
.lg-inset-b-9 { inset-bottom: 2.25rem; }
.lg-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
.lg-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
.lg-active-inset-b-9:active { inset-bottom: 2.25rem; }
.lg-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
.lg-inset-b-10 { inset-bottom: 2.5rem; }
.lg-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
.lg-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
.lg-active-inset-b-10:active { inset-bottom: 2.5rem; }
.lg-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
.lg-inset-b-12 { inset-bottom: 3rem; }
.lg-hover-inset-b-12:hover { inset-bottom: 3rem; }
.lg-focus-inset-b-12:focus { inset-bottom: 3rem; }
.lg-active-inset-b-12:active { inset-bottom: 3rem; }
.lg-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
.lg-inset-b-14 { inset-bottom: 3.5rem; }
.lg-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
.lg-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
.lg-active-inset-b-14:active { inset-bottom: 3.5rem; }
.lg-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
.lg-inset-b-16 { inset-bottom: 4rem; }
.lg-hover-inset-b-16:hover { inset-bottom: 4rem; }
.lg-focus-inset-b-16:focus { inset-bottom: 4rem; }
.lg-active-inset-b-16:active { inset-bottom: 4rem; }
.lg-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
.lg-inset-b-20 { inset-bottom: 5rem; }
.lg-hover-inset-b-20:hover { inset-bottom: 5rem; }
.lg-focus-inset-b-20:focus { inset-bottom: 5rem; }
.lg-active-inset-b-20:active { inset-bottom: 5rem; }
.lg-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
.lg-inset-b-24 { inset-bottom: 6rem; }
.lg-hover-inset-b-24:hover { inset-bottom: 6rem; }
.lg-focus-inset-b-24:focus { inset-bottom: 6rem; }
.lg-active-inset-b-24:active { inset-bottom: 6rem; }
.lg-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
.lg-inset-b-28 { inset-bottom: 7rem; }
.lg-hover-inset-b-28:hover { inset-bottom: 7rem; }
.lg-focus-inset-b-28:focus { inset-bottom: 7rem; }
.lg-active-inset-b-28:active { inset-bottom: 7rem; }
.lg-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
.lg-inset-b-32 { inset-bottom: 8rem; }
.lg-hover-inset-b-32:hover { inset-bottom: 8rem; }
.lg-focus-inset-b-32:focus { inset-bottom: 8rem; }
.lg-active-inset-b-32:active { inset-bottom: 8rem; }
.lg-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
.lg-inset-l-0 { inset-left: 0; }
.lg-hover-inset-l-0:hover { inset-left: 0; }
.lg-focus-inset-l-0:focus { inset-left: 0; }
.lg-active-inset-l-0:active { inset-left: 0; }
.lg-disabled-inset-l-0:disabled { inset-left: 0; }
.lg-inset-l-1 { inset-left: 0.25rem; }
.lg-hover-inset-l-1:hover { inset-left: 0.25rem; }
.lg-focus-inset-l-1:focus { inset-left: 0.25rem; }
.lg-active-inset-l-1:active { inset-left: 0.25rem; }
.lg-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
.lg-inset-l-2 { inset-left: 0.5rem; }
.lg-hover-inset-l-2:hover { inset-left: 0.5rem; }
.lg-focus-inset-l-2:focus { inset-left: 0.5rem; }
.lg-active-inset-l-2:active { inset-left: 0.5rem; }
.lg-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
.lg-inset-l-3 { inset-left: 0.75rem; }
.lg-hover-inset-l-3:hover { inset-left: 0.75rem; }
.lg-focus-inset-l-3:focus { inset-left: 0.75rem; }
.lg-active-inset-l-3:active { inset-left: 0.75rem; }
.lg-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
.lg-inset-l-4 { inset-left: 1rem; }
.lg-hover-inset-l-4:hover { inset-left: 1rem; }
.lg-focus-inset-l-4:focus { inset-left: 1rem; }
.lg-active-inset-l-4:active { inset-left: 1rem; }
.lg-disabled-inset-l-4:disabled { inset-left: 1rem; }
.lg-inset-l-5 { inset-left: 1.25rem; }
.lg-hover-inset-l-5:hover { inset-left: 1.25rem; }
.lg-focus-inset-l-5:focus { inset-left: 1.25rem; }
.lg-active-inset-l-5:active { inset-left: 1.25rem; }
.lg-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
.lg-inset-l-6 { inset-left: 1.5rem; }
.lg-hover-inset-l-6:hover { inset-left: 1.5rem; }
.lg-focus-inset-l-6:focus { inset-left: 1.5rem; }
.lg-active-inset-l-6:active { inset-left: 1.5rem; }
.lg-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
.lg-inset-l-7 { inset-left: 1.75rem; }
.lg-hover-inset-l-7:hover { inset-left: 1.75rem; }
.lg-focus-inset-l-7:focus { inset-left: 1.75rem; }
.lg-active-inset-l-7:active { inset-left: 1.75rem; }
.lg-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
.lg-inset-l-8 { inset-left: 2rem; }
.lg-hover-inset-l-8:hover { inset-left: 2rem; }
.lg-focus-inset-l-8:focus { inset-left: 2rem; }
.lg-active-inset-l-8:active { inset-left: 2rem; }
.lg-disabled-inset-l-8:disabled { inset-left: 2rem; }
.lg-inset-l-9 { inset-left: 2.25rem; }
.lg-hover-inset-l-9:hover { inset-left: 2.25rem; }
.lg-focus-inset-l-9:focus { inset-left: 2.25rem; }
.lg-active-inset-l-9:active { inset-left: 2.25rem; }
.lg-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
.lg-inset-l-10 { inset-left: 2.5rem; }
.lg-hover-inset-l-10:hover { inset-left: 2.5rem; }
.lg-focus-inset-l-10:focus { inset-left: 2.5rem; }
.lg-active-inset-l-10:active { inset-left: 2.5rem; }
.lg-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
.lg-inset-l-12 { inset-left: 3rem; }
.lg-hover-inset-l-12:hover { inset-left: 3rem; }
.lg-focus-inset-l-12:focus { inset-left: 3rem; }
.lg-active-inset-l-12:active { inset-left: 3rem; }
.lg-disabled-inset-l-12:disabled { inset-left: 3rem; }
.lg-inset-l-14 { inset-left: 3.5rem; }
.lg-hover-inset-l-14:hover { inset-left: 3.5rem; }
.lg-focus-inset-l-14:focus { inset-left: 3.5rem; }
.lg-active-inset-l-14:active { inset-left: 3.5rem; }
.lg-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
.lg-inset-l-16 { inset-left: 4rem; }
.lg-hover-inset-l-16:hover { inset-left: 4rem; }
.lg-focus-inset-l-16:focus { inset-left: 4rem; }
.lg-active-inset-l-16:active { inset-left: 4rem; }
.lg-disabled-inset-l-16:disabled { inset-left: 4rem; }
.lg-inset-l-20 { inset-left: 5rem; }
.lg-hover-inset-l-20:hover { inset-left: 5rem; }
.lg-focus-inset-l-20:focus { inset-left: 5rem; }
.lg-active-inset-l-20:active { inset-left: 5rem; }
.lg-disabled-inset-l-20:disabled { inset-left: 5rem; }
.lg-inset-l-24 { inset-left: 6rem; }
.lg-hover-inset-l-24:hover { inset-left: 6rem; }
.lg-focus-inset-l-24:focus { inset-left: 6rem; }
.lg-active-inset-l-24:active { inset-left: 6rem; }
.lg-disabled-inset-l-24:disabled { inset-left: 6rem; }
.lg-inset-l-28 { inset-left: 7rem; }
.lg-hover-inset-l-28:hover { inset-left: 7rem; }
.lg-focus-inset-l-28:focus { inset-left: 7rem; }
.lg-active-inset-l-28:active { inset-left: 7rem; }
.lg-disabled-inset-l-28:disabled { inset-left: 7rem; }
.lg-inset-l-32 { inset-left: 8rem; }
.lg-hover-inset-l-32:hover { inset-left: 8rem; }
.lg-focus-inset-l-32:focus { inset-left: 8rem; }
.lg-active-inset-l-32:active { inset-left: 8rem; }
.lg-disabled-inset-l-32:disabled { inset-left: 8rem; }
.lg-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.lg-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
.lg-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
.lg-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
.lg-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
.lg-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.lg-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
.lg-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
.lg-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
.lg-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
.lg-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.lg-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
.lg-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
.lg-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
.lg-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
.lg-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.lg-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
.lg-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
.lg-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
.lg-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
.lg-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.lg-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
.lg-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
.lg-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
.lg-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
.lg-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.lg-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
.lg-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
.lg-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
.lg-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
.lg-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.lg-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
.lg-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
.lg-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
.lg-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
.lg-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.lg-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
.lg-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
.lg-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
.lg-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
.lg-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.lg-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
.lg-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
.lg-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
.lg-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
.lg-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.lg-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
.lg-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
.lg-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
.lg-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
.lg-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.lg-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
.lg-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
.lg-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
.lg-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
.lg-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.lg-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
.lg-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
.lg-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
.lg-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
.lg-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.lg-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
.lg-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
.lg-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
.lg-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
.lg-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.lg-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
.lg-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
.lg-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
.lg-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
.lg-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.lg-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
.lg-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
.lg-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
.lg-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
.lg-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.lg-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
.lg-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
.lg-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
.lg-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
.lg-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.lg-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
.lg-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
.lg-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
.lg-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
.lg-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
.lg-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
.lg-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
.lg-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
.lg-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
.lg-gap-0 { gap: 0; }
.lg-hover-gap-0:hover { gap: 0; }
.lg-focus-gap-0:focus { gap: 0; }
.lg-active-gap-0:active { gap: 0; }
.lg-disabled-gap-0:disabled { gap: 0; }
.lg-gap-1 { gap: 0.25rem; }
.lg-hover-gap-1:hover { gap: 0.25rem; }
.lg-focus-gap-1:focus { gap: 0.25rem; }
.lg-active-gap-1:active { gap: 0.25rem; }
.lg-disabled-gap-1:disabled { gap: 0.25rem; }
.lg-gap-2 { gap: 0.5rem; }
.lg-hover-gap-2:hover { gap: 0.5rem; }
.lg-focus-gap-2:focus { gap: 0.5rem; }
.lg-active-gap-2:active { gap: 0.5rem; }
.lg-disabled-gap-2:disabled { gap: 0.5rem; }
.lg-gap-3 { gap: 0.75rem; }
.lg-hover-gap-3:hover { gap: 0.75rem; }
.lg-focus-gap-3:focus { gap: 0.75rem; }
.lg-active-gap-3:active { gap: 0.75rem; }
.lg-disabled-gap-3:disabled { gap: 0.75rem; }
.lg-gap-4 { gap: 1rem; }
.lg-hover-gap-4:hover { gap: 1rem; }
.lg-focus-gap-4:focus { gap: 1rem; }
.lg-active-gap-4:active { gap: 1rem; }
.lg-disabled-gap-4:disabled { gap: 1rem; }
.lg-gap-5 { gap: 1.25rem; }
.lg-hover-gap-5:hover { gap: 1.25rem; }
.lg-focus-gap-5:focus { gap: 1.25rem; }
.lg-active-gap-5:active { gap: 1.25rem; }
.lg-disabled-gap-5:disabled { gap: 1.25rem; }
.lg-gap-6 { gap: 1.5rem; }
.lg-hover-gap-6:hover { gap: 1.5rem; }
.lg-focus-gap-6:focus { gap: 1.5rem; }
.lg-active-gap-6:active { gap: 1.5rem; }
.lg-disabled-gap-6:disabled { gap: 1.5rem; }
.lg-gap-7 { gap: 1.75rem; }
.lg-hover-gap-7:hover { gap: 1.75rem; }
.lg-focus-gap-7:focus { gap: 1.75rem; }
.lg-active-gap-7:active { gap: 1.75rem; }
.lg-disabled-gap-7:disabled { gap: 1.75rem; }
.lg-gap-8 { gap: 2rem; }
.lg-hover-gap-8:hover { gap: 2rem; }
.lg-focus-gap-8:focus { gap: 2rem; }
.lg-active-gap-8:active { gap: 2rem; }
.lg-disabled-gap-8:disabled { gap: 2rem; }
.lg-gap-9 { gap: 2.25rem; }
.lg-hover-gap-9:hover { gap: 2.25rem; }
.lg-focus-gap-9:focus { gap: 2.25rem; }
.lg-active-gap-9:active { gap: 2.25rem; }
.lg-disabled-gap-9:disabled { gap: 2.25rem; }
.lg-gap-10 { gap: 2.5rem; }
.lg-hover-gap-10:hover { gap: 2.5rem; }
.lg-focus-gap-10:focus { gap: 2.5rem; }
.lg-active-gap-10:active { gap: 2.5rem; }
.lg-disabled-gap-10:disabled { gap: 2.5rem; }
.lg-gap-12 { gap: 3rem; }
.lg-hover-gap-12:hover { gap: 3rem; }
.lg-focus-gap-12:focus { gap: 3rem; }
.lg-active-gap-12:active { gap: 3rem; }
.lg-disabled-gap-12:disabled { gap: 3rem; }
.lg-gap-14 { gap: 3.5rem; }
.lg-hover-gap-14:hover { gap: 3.5rem; }
.lg-focus-gap-14:focus { gap: 3.5rem; }
.lg-active-gap-14:active { gap: 3.5rem; }
.lg-disabled-gap-14:disabled { gap: 3.5rem; }
.lg-gap-16 { gap: 4rem; }
.lg-hover-gap-16:hover { gap: 4rem; }
.lg-focus-gap-16:focus { gap: 4rem; }
.lg-active-gap-16:active { gap: 4rem; }
.lg-disabled-gap-16:disabled { gap: 4rem; }
.lg-gap-20 { gap: 5rem; }
.lg-hover-gap-20:hover { gap: 5rem; }
.lg-focus-gap-20:focus { gap: 5rem; }
.lg-active-gap-20:active { gap: 5rem; }
.lg-disabled-gap-20:disabled { gap: 5rem; }
.lg-gap-24 { gap: 6rem; }
.lg-hover-gap-24:hover { gap: 6rem; }
.lg-focus-gap-24:focus { gap: 6rem; }
.lg-active-gap-24:active { gap: 6rem; }
.lg-disabled-gap-24:disabled { gap: 6rem; }
.lg-gap-28 { gap: 7rem; }
.lg-hover-gap-28:hover { gap: 7rem; }
.lg-focus-gap-28:focus { gap: 7rem; }
.lg-active-gap-28:active { gap: 7rem; }
.lg-disabled-gap-28:disabled { gap: 7rem; }
.lg-gap-32 { gap: 8rem; }
.lg-hover-gap-32:hover { gap: 8rem; }
.lg-focus-gap-32:focus { gap: 8rem; }
.lg-active-gap-32:active { gap: 8rem; }
.lg-disabled-gap-32:disabled { gap: 8rem; }
.lg-flex-row { flex-direction: row; }
.lg-hover-flex-row:hover { flex-direction: row; }
.lg-focus-flex-row:focus { flex-direction: row; }
.lg-active-flex-row:active { flex-direction: row; }
.lg-disabled-flex-row:disabled { flex-direction: row; }
.lg-flex-col { flex-direction: column; }
.lg-hover-flex-col:hover { flex-direction: column; }
.lg-focus-flex-col:focus { flex-direction: column; }
.lg-active-flex-col:active { flex-direction: column; }
.lg-disabled-flex-col:disabled { flex-direction: column; }
.lg-flex-row-reverse { flex-direction: row-reverse; }
.lg-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
.lg-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
.lg-active-flex-row-reverse:active { flex-direction: row-reverse; }
.lg-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
.lg-flex-col-reverse { flex-direction: column-reverse; }
.lg-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
.lg-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
.lg-active-flex-col-reverse:active { flex-direction: column-reverse; }
.lg-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
.lg-flex-wrap { flex-wrap: wrap; }
.lg-hover-flex-wrap:hover { flex-wrap: wrap; }
.lg-focus-flex-wrap:focus { flex-wrap: wrap; }
.lg-active-flex-wrap:active { flex-wrap: wrap; }
.lg-disabled-flex-wrap:disabled { flex-wrap: wrap; }
.lg-flex-nowrap { flex-wrap: nowrap; }
.lg-hover-flex-nowrap:hover { flex-wrap: nowrap; }
.lg-focus-flex-nowrap:focus { flex-wrap: nowrap; }
.lg-active-flex-nowrap:active { flex-wrap: nowrap; }
.lg-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
.lg-flex-wrap-reverse { flex-wrap: wrap-reverse; }
.lg-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
.lg-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
.lg-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
.lg-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
.lg-flex-1 { flex: 1; }
.lg-hover-flex-1:hover { flex: 1; }
.lg-focus-flex-1:focus { flex: 1; }
.lg-active-flex-1:active { flex: 1; }
.lg-disabled-flex-1:disabled { flex: 1; }
.lg-flex-auto { flex: auto; }
.lg-hover-flex-auto:hover { flex: auto; }
.lg-focus-flex-auto:focus { flex: auto; }
.lg-active-flex-auto:active { flex: auto; }
.lg-disabled-flex-auto:disabled { flex: auto; }
.lg-flex-initial { flex: initial; }
.lg-hover-flex-initial:hover { flex: initial; }
.lg-focus-flex-initial:focus { flex: initial; }
.lg-active-flex-initial:active { flex: initial; }
.lg-disabled-flex-initial:disabled { flex: initial; }
.lg-flex-none { flex: none; }
.lg-hover-flex-none:hover { flex: none; }
.lg-focus-flex-none:focus { flex: none; }
.lg-active-flex-none:active { flex: none; }
.lg-disabled-flex-none:disabled { flex: none; }
.lg-flex-grow-0 { flex-grow: 0; }
.lg-hover-flex-grow-0:hover { flex-grow: 0; }
.lg-focus-flex-grow-0:focus { flex-grow: 0; }
.lg-active-flex-grow-0:active { flex-grow: 0; }
.lg-disabled-flex-grow-0:disabled { flex-grow: 0; }
.lg-flex-grow-1 { flex-grow: 1; }
.lg-hover-flex-grow-1:hover { flex-grow: 1; }
.lg-focus-flex-grow-1:focus { flex-grow: 1; }
.lg-active-flex-grow-1:active { flex-grow: 1; }
.lg-disabled-flex-grow-1:disabled { flex-grow: 1; }
.lg-flex-shrink-0 { flex-shrink: 0; }
.lg-hover-flex-shrink-0:hover { flex-shrink: 0; }
.lg-focus-flex-shrink-0:focus { flex-shrink: 0; }
.lg-active-flex-shrink-0:active { flex-shrink: 0; }
.lg-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
.lg-flex-shrink-1 { flex-shrink: 1; }
.lg-hover-flex-shrink-1:hover { flex-shrink: 1; }
.lg-focus-flex-shrink-1:focus { flex-shrink: 1; }
.lg-active-flex-shrink-1:active { flex-shrink: 1; }
.lg-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
.lg-overflow-auto { overflow: auto; }
.lg-hover-overflow-auto:hover { overflow: auto; }
.lg-focus-overflow-auto:focus { overflow: auto; }
.lg-active-overflow-auto:active { overflow: auto; }
.lg-disabled-overflow-auto:disabled { overflow: auto; }
.lg-overflow-hidden { overflow: hidden; }
.lg-hover-overflow-hidden:hover { overflow: hidden; }
.lg-focus-overflow-hidden:focus { overflow: hidden; }
.lg-active-overflow-hidden:active { overflow: hidden; }
.lg-disabled-overflow-hidden:disabled { overflow: hidden; }
.lg-overflow-visible { overflow: visible; }
.lg-hover-overflow-visible:hover { overflow: visible; }
.lg-focus-overflow-visible:focus { overflow: visible; }
.lg-active-overflow-visible:active { overflow: visible; }
.lg-disabled-overflow-visible:disabled { overflow: visible; }
.lg-overflow-scroll { overflow: scroll; }
.lg-hover-overflow-scroll:hover { overflow: scroll; }
.lg-focus-overflow-scroll:focus { overflow: scroll; }
.lg-active-overflow-scroll:active { overflow: scroll; }
.lg-disabled-overflow-scroll:disabled { overflow: scroll; }
.lg-overflow-x-auto { overflow-x: auto; }
.lg-hover-overflow-x-auto:hover { overflow-x: auto; }
.lg-focus-overflow-x-auto:focus { overflow-x: auto; }
.lg-active-overflow-x-auto:active { overflow-x: auto; }
.lg-disabled-overflow-x-auto:disabled { overflow-x: auto; }
.lg-overflow-x-hidden { overflow-x: hidden; }
.lg-hover-overflow-x-hidden:hover { overflow-x: hidden; }
.lg-focus-overflow-x-hidden:focus { overflow-x: hidden; }
.lg-active-overflow-x-hidden:active { overflow-x: hidden; }
.lg-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
.lg-overflow-x-visible { overflow-x: visible; }
.lg-hover-overflow-x-visible:hover { overflow-x: visible; }
.lg-focus-overflow-x-visible:focus { overflow-x: visible; }
.lg-active-overflow-x-visible:active { overflow-x: visible; }
.lg-disabled-overflow-x-visible:disabled { overflow-x: visible; }
.lg-overflow-x-scroll { overflow-x: scroll; }
.lg-hover-overflow-x-scroll:hover { overflow-x: scroll; }
.lg-focus-overflow-x-scroll:focus { overflow-x: scroll; }
.lg-active-overflow-x-scroll:active { overflow-x: scroll; }
.lg-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
.lg-overflow-y-auto { overflow-y: auto; }
.lg-hover-overflow-y-auto:hover { overflow-y: auto; }
.lg-focus-overflow-y-auto:focus { overflow-y: auto; }
.lg-active-overflow-y-auto:active { overflow-y: auto; }
.lg-disabled-overflow-y-auto:disabled { overflow-y: auto; }
.lg-overflow-y-hidden { overflow-y: hidden; }
.lg-hover-overflow-y-hidden:hover { overflow-y: hidden; }
.lg-focus-overflow-y-hidden:focus { overflow-y: hidden; }
.lg-active-overflow-y-hidden:active { overflow-y: hidden; }
.lg-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
.lg-overflow-y-visible { overflow-y: visible; }
.lg-hover-overflow-y-visible:hover { overflow-y: visible; }
.lg-focus-overflow-y-visible:focus { overflow-y: visible; }
.lg-active-overflow-y-visible:active { overflow-y: visible; }
.lg-disabled-overflow-y-visible:disabled { overflow-y: visible; }
.lg-overflow-y-scroll { overflow-y: scroll; }
.lg-hover-overflow-y-scroll:hover { overflow-y: scroll; }
.lg-focus-overflow-y-scroll:focus { overflow-y: scroll; }
.lg-active-overflow-y-scroll:active { overflow-y: scroll; }
.lg-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
.lg-visible { visibility: visible; }
.lg-hover-visible:hover { visibility: visible; }
.lg-focus-visible:focus { visibility: visible; }
.lg-active-visible:active { visibility: visible; }
.lg-disabled-visible:disabled { visibility: visible; }
.lg-hidden { visibility: hidden; }
.lg-hover-hidden:hover { visibility: hidden; }
.lg-focus-hidden:focus { visibility: hidden; }
.lg-active-hidden:active { visibility: hidden; }
.lg-disabled-hidden:disabled { visibility: hidden; }
.lg-clear-left { clear: left; }
.lg-hover-clear-left:hover { clear: left; }
.lg-focus-clear-left:focus { clear: left; }
.lg-active-clear-left:active { clear: left; }
.lg-disabled-clear-left:disabled { clear: left; }
.lg-clear-right { clear: right; }
.lg-hover-clear-right:hover { clear: right; }
.lg-focus-clear-right:focus { clear: right; }
.lg-active-clear-right:active { clear: right; }
.lg-disabled-clear-right:disabled { clear: right; }
.lg-clear-both { clear: both; }
.lg-hover-clear-both:hover { clear: both; }
.lg-focus-clear-both:focus { clear: both; }
.lg-active-clear-both:active { clear: both; }
.lg-disabled-clear-both:disabled { clear: both; }
.lg-float-left { float: left; }
.lg-hover-float-left:hover { float: left; }
.lg-focus-float-left:focus { float: left; }
.lg-active-float-left:active { float: left; }
.lg-disabled-float-left:disabled { float: left; }
.lg-float-right { float: right; }
.lg-hover-float-right:hover { float: right; }
.lg-focus-float-right:focus { float: right; }
.lg-active-float-right:active { float: right; }
.lg-disabled-float-right:disabled { float: right; }
.lg-float-none { float: none; }
.lg-hover-float-none:hover { float: none; }
.lg-focus-float-none:focus { float: none; }
.lg-active-float-none:active { float: none; }
.lg-disabled-float-none:disabled { float: none; }
.lg-w-auto { width: auto; }
.lg-hover-w-auto:hover { width: auto; }
.lg-focus-w-auto:focus { width: auto; }
.lg-active-w-auto:active { width: auto; }
.lg-disabled-w-auto:disabled { width: auto; }
.lg-w-full { width: 100%; }
.lg-hover-w-full:hover { width: 100%; }
.lg-focus-w-full:focus { width: 100%; }
.lg-active-w-full:active { width: 100%; }
.lg-disabled-w-full:disabled { width: 100%; }
.lg-w-fit { width: fit-content; }
.lg-hover-w-fit:hover { width: fit-content; }
.lg-focus-w-fit:focus { width: fit-content; }
.lg-active-w-fit:active { width: fit-content; }
.lg-disabled-w-fit:disabled { width: fit-content; }
.lg-w-max { width: max-content; }
.lg-hover-w-max:hover { width: max-content; }
.lg-focus-w-max:focus { width: max-content; }
.lg-active-w-max:active { width: max-content; }
.lg-disabled-w-max:disabled { width: max-content; }
.lg-w-min { width: min-content; }
.lg-hover-w-min:hover { width: min-content; }
.lg-focus-w-min:focus { width: min-content; }
.lg-active-w-min:active { width: min-content; }
.lg-disabled-w-min:disabled { width: min-content; }
.lg-w-stretch { width: stretch; }
.lg-hover-w-stretch:hover { width: stretch; }
.lg-focus-w-stretch:focus { width: stretch; }
.lg-active-w-stretch:active { width: stretch; }
.lg-disabled-w-stretch:disabled { width: stretch; }
.lg-w-10p { width: 10%; }
.lg-hover-w-10p:hover { width: 10%; }
.lg-focus-w-10p:focus { width: 10%; }
.lg-active-w-10p:active { width: 10%; }
.lg-disabled-w-10p:disabled { width: 10%; }
.lg-w-20p { width: 20%; }
.lg-hover-w-20p:hover { width: 20%; }
.lg-focus-w-20p:focus { width: 20%; }
.lg-active-w-20p:active { width: 20%; }
.lg-disabled-w-20p:disabled { width: 20%; }
.lg-w-25p { width: 25%; }
.lg-hover-w-25p:hover { width: 25%; }
.lg-focus-w-25p:focus { width: 25%; }
.lg-active-w-25p:active { width: 25%; }
.lg-disabled-w-25p:disabled { width: 25%; }
.lg-w-30p { width: 30%; }
.lg-hover-w-30p:hover { width: 30%; }
.lg-focus-w-30p:focus { width: 30%; }
.lg-active-w-30p:active { width: 30%; }
.lg-disabled-w-30p:disabled { width: 30%; }
.lg-w-33p { width: 33.3333%; }
.lg-hover-w-33p:hover { width: 33.3333%; }
.lg-focus-w-33p:focus { width: 33.3333%; }
.lg-active-w-33p:active { width: 33.3333%; }
.lg-disabled-w-33p:disabled { width: 33.3333%; }
.lg-w-40p { width: 40%; }
.lg-hover-w-40p:hover { width: 40%; }
.lg-focus-w-40p:focus { width: 40%; }
.lg-active-w-40p:active { width: 40%; }
.lg-disabled-w-40p:disabled { width: 40%; }
.lg-w-50p { width: 50%; }
.lg-hover-w-50p:hover { width: 50%; }
.lg-focus-w-50p:focus { width: 50%; }
.lg-active-w-50p:active { width: 50%; }
.lg-disabled-w-50p:disabled { width: 50%; }
.lg-w-60p { width: 60%; }
.lg-hover-w-60p:hover { width: 60%; }
.lg-focus-w-60p:focus { width: 60%; }
.lg-active-w-60p:active { width: 60%; }
.lg-disabled-w-60p:disabled { width: 60%; }
.lg-w-66p { width: 66.6667%; }
.lg-hover-w-66p:hover { width: 66.6667%; }
.lg-focus-w-66p:focus { width: 66.6667%; }
.lg-active-w-66p:active { width: 66.6667%; }
.lg-disabled-w-66p:disabled { width: 66.6667%; }
.lg-w-70p { width: 70%; }
.lg-hover-w-70p:hover { width: 70%; }
.lg-focus-w-70p:focus { width: 70%; }
.lg-active-w-70p:active { width: 70%; }
.lg-disabled-w-70p:disabled { width: 70%; }
.lg-w-75p { width: 75%; }
.lg-hover-w-75p:hover { width: 75%; }
.lg-focus-w-75p:focus { width: 75%; }
.lg-active-w-75p:active { width: 75%; }
.lg-disabled-w-75p:disabled { width: 75%; }
.lg-w-80p { width: 80%; }
.lg-hover-w-80p:hover { width: 80%; }
.lg-focus-w-80p:focus { width: 80%; }
.lg-active-w-80p:active { width: 80%; }
.lg-disabled-w-80p:disabled { width: 80%; }
.lg-w-90p { width: 90%; }
.lg-hover-w-90p:hover { width: 90%; }
.lg-focus-w-90p:focus { width: 90%; }
.lg-active-w-90p:active { width: 90%; }
.lg-disabled-w-90p:disabled { width: 90%; }
.lg-w-100p { width: 100%; }
.lg-hover-w-100p:hover { width: 100%; }
.lg-focus-w-100p:focus { width: 100%; }
.lg-active-w-100p:active { width: 100%; }
.lg-disabled-w-100p:disabled { width: 100%; }
.lg-w-10vw { width: 10vw; }
.lg-hover-w-10vw:hover { width: 10vw; }
.lg-focus-w-10vw:focus { width: 10vw; }
.lg-active-w-10vw:active { width: 10vw; }
.lg-disabled-w-10vw:disabled { width: 10vw; }
.lg-w-20vw { width: 20vw; }
.lg-hover-w-20vw:hover { width: 20vw; }
.lg-focus-w-20vw:focus { width: 20vw; }
.lg-active-w-20vw:active { width: 20vw; }
.lg-disabled-w-20vw:disabled { width: 20vw; }
.lg-w-30vw { width: 30vw; }
.lg-hover-w-30vw:hover { width: 30vw; }
.lg-focus-w-30vw:focus { width: 30vw; }
.lg-active-w-30vw:active { width: 30vw; }
.lg-disabled-w-30vw:disabled { width: 30vw; }
.lg-w-40vw { width: 40vw; }
.lg-hover-w-40vw:hover { width: 40vw; }
.lg-focus-w-40vw:focus { width: 40vw; }
.lg-active-w-40vw:active { width: 40vw; }
.lg-disabled-w-40vw:disabled { width: 40vw; }
.lg-w-50vw { width: 50vw; }
.lg-hover-w-50vw:hover { width: 50vw; }
.lg-focus-w-50vw:focus { width: 50vw; }
.lg-active-w-50vw:active { width: 50vw; }
.lg-disabled-w-50vw:disabled { width: 50vw; }
.lg-w-60vw { width: 60vw; }
.lg-hover-w-60vw:hover { width: 60vw; }
.lg-focus-w-60vw:focus { width: 60vw; }
.lg-active-w-60vw:active { width: 60vw; }
.lg-disabled-w-60vw:disabled { width: 60vw; }
.lg-w-70vw { width: 70vw; }
.lg-hover-w-70vw:hover { width: 70vw; }
.lg-focus-w-70vw:focus { width: 70vw; }
.lg-active-w-70vw:active { width: 70vw; }
.lg-disabled-w-70vw:disabled { width: 70vw; }
.lg-w-80vw { width: 80vw; }
.lg-hover-w-80vw:hover { width: 80vw; }
.lg-focus-w-80vw:focus { width: 80vw; }
.lg-active-w-80vw:active { width: 80vw; }
.lg-disabled-w-80vw:disabled { width: 80vw; }
.lg-w-90vw { width: 90vw; }
.lg-hover-w-90vw:hover { width: 90vw; }
.lg-focus-w-90vw:focus { width: 90vw; }
.lg-active-w-90vw:active { width: 90vw; }
.lg-disabled-w-90vw:disabled { width: 90vw; }
.lg-w-100vw { width: 100vw; }
.lg-hover-w-100vw:hover { width: 100vw; }
.lg-focus-w-100vw:focus { width: 100vw; }
.lg-active-w-100vw:active { width: 100vw; }
.lg-disabled-w-100vw:disabled { width: 100vw; }
.lg-w-lvw { width: 100lvw; }
.lg-hover-w-lvw:hover { width: 100lvw; }
.lg-focus-w-lvw:focus { width: 100lvw; }
.lg-active-w-lvw:active { width: 100lvw; }
.lg-disabled-w-lvw:disabled { width: 100lvw; }
.lg-w-svw { width: 100svw; }
.lg-hover-w-svw:hover { width: 100svw; }
.lg-focus-w-svw:focus { width: 100svw; }
.lg-active-w-svw:active { width: 100svw; }
.lg-disabled-w-svw:disabled { width: 100svw; }
.lg-w-mvw { width: 100mvw; }
.lg-hover-w-mvw:hover { width: 100mvw; }
.lg-focus-w-mvw:focus { width: 100mvw; }
.lg-active-w-mvw:active { width: 100mvw; }
.lg-disabled-w-mvw:disabled { width: 100mvw; }
.lg-w-vmin { width: 100vmin; }
.lg-hover-w-vmin:hover { width: 100vmin; }
.lg-focus-w-vmin:focus { width: 100vmin; }
.lg-active-w-vmin:active { width: 100vmin; }
.lg-disabled-w-vmin:disabled { width: 100vmin; }
.lg-w-vmax { width: 100vmax; }
.lg-hover-w-vmax:hover { width: 100vmax; }
.lg-focus-w-vmax:focus { width: 100vmax; }
.lg-active-w-vmax:active { width: 100vmax; }
.lg-disabled-w-vmax:disabled { width: 100vmax; }
.lg-h-auto { height: auto; }
.lg-hover-h-auto:hover { height: auto; }
.lg-focus-h-auto:focus { height: auto; }
.lg-active-h-auto:active { height: auto; }
.lg-disabled-h-auto:disabled { height: auto; }
.lg-h-full { height: 100%; }
.lg-hover-h-full:hover { height: 100%; }
.lg-focus-h-full:focus { height: 100%; }
.lg-active-h-full:active { height: 100%; }
.lg-disabled-h-full:disabled { height: 100%; }
.lg-h-fit { height: fit-content; }
.lg-hover-h-fit:hover { height: fit-content; }
.lg-focus-h-fit:focus { height: fit-content; }
.lg-active-h-fit:active { height: fit-content; }
.lg-disabled-h-fit:disabled { height: fit-content; }
.lg-h-max { height: max-content; }
.lg-hover-h-max:hover { height: max-content; }
.lg-focus-h-max:focus { height: max-content; }
.lg-active-h-max:active { height: max-content; }
.lg-disabled-h-max:disabled { height: max-content; }
.lg-h-min { height: min-content; }
.lg-hover-h-min:hover { height: min-content; }
.lg-focus-h-min:focus { height: min-content; }
.lg-active-h-min:active { height: min-content; }
.lg-disabled-h-min:disabled { height: min-content; }
.lg-h-stretch { height: stretch; }
.lg-hover-h-stretch:hover { height: stretch; }
.lg-focus-h-stretch:focus { height: stretch; }
.lg-active-h-stretch:active { height: stretch; }
.lg-disabled-h-stretch:disabled { height: stretch; }
.lg-h-10p { height: 10%; }
.lg-hover-h-10p:hover { height: 10%; }
.lg-focus-h-10p:focus { height: 10%; }
.lg-active-h-10p:active { height: 10%; }
.lg-disabled-h-10p:disabled { height: 10%; }
.lg-h-20p { height: 20%; }
.lg-hover-h-20p:hover { height: 20%; }
.lg-focus-h-20p:focus { height: 20%; }
.lg-active-h-20p:active { height: 20%; }
.lg-disabled-h-20p:disabled { height: 20%; }
.lg-h-25p { height: 25%; }
.lg-hover-h-25p:hover { height: 25%; }
.lg-focus-h-25p:focus { height: 25%; }
.lg-active-h-25p:active { height: 25%; }
.lg-disabled-h-25p:disabled { height: 25%; }
.lg-h-30p { height: 30%; }
.lg-hover-h-30p:hover { height: 30%; }
.lg-focus-h-30p:focus { height: 30%; }
.lg-active-h-30p:active { height: 30%; }
.lg-disabled-h-30p:disabled { height: 30%; }
.lg-h-33p { height: 33.3333%; }
.lg-hover-h-33p:hover { height: 33.3333%; }
.lg-focus-h-33p:focus { height: 33.3333%; }
.lg-active-h-33p:active { height: 33.3333%; }
.lg-disabled-h-33p:disabled { height: 33.3333%; }
.lg-h-40p { height: 40%; }
.lg-hover-h-40p:hover { height: 40%; }
.lg-focus-h-40p:focus { height: 40%; }
.lg-active-h-40p:active { height: 40%; }
.lg-disabled-h-40p:disabled { height: 40%; }
.lg-h-50p { height: 50%; }
.lg-hover-h-50p:hover { height: 50%; }
.lg-focus-h-50p:focus { height: 50%; }
.lg-active-h-50p:active { height: 50%; }
.lg-disabled-h-50p:disabled { height: 50%; }
.lg-h-60p { height: 60%; }
.lg-hover-h-60p:hover { height: 60%; }
.lg-focus-h-60p:focus { height: 60%; }
.lg-active-h-60p:active { height: 60%; }
.lg-disabled-h-60p:disabled { height: 60%; }
.lg-h-66p { height: 66.6667%; }
.lg-hover-h-66p:hover { height: 66.6667%; }
.lg-focus-h-66p:focus { height: 66.6667%; }
.lg-active-h-66p:active { height: 66.6667%; }
.lg-disabled-h-66p:disabled { height: 66.6667%; }
.lg-h-70p { height: 70%; }
.lg-hover-h-70p:hover { height: 70%; }
.lg-focus-h-70p:focus { height: 70%; }
.lg-active-h-70p:active { height: 70%; }
.lg-disabled-h-70p:disabled { height: 70%; }
.lg-h-75p { height: 75%; }
.lg-hover-h-75p:hover { height: 75%; }
.lg-focus-h-75p:focus { height: 75%; }
.lg-active-h-75p:active { height: 75%; }
.lg-disabled-h-75p:disabled { height: 75%; }
.lg-h-80p { height: 80%; }
.lg-hover-h-80p:hover { height: 80%; }
.lg-focus-h-80p:focus { height: 80%; }
.lg-active-h-80p:active { height: 80%; }
.lg-disabled-h-80p:disabled { height: 80%; }
.lg-h-90p { height: 90%; }
.lg-hover-h-90p:hover { height: 90%; }
.lg-focus-h-90p:focus { height: 90%; }
.lg-active-h-90p:active { height: 90%; }
.lg-disabled-h-90p:disabled { height: 90%; }
.lg-h-100p { height: 100%; }
.lg-hover-h-100p:hover { height: 100%; }
.lg-focus-h-100p:focus { height: 100%; }
.lg-active-h-100p:active { height: 100%; }
.lg-disabled-h-100p:disabled { height: 100%; }
.lg-h-10vh { height: 10vh; }
.lg-hover-h-10vh:hover { height: 10vh; }
.lg-focus-h-10vh:focus { height: 10vh; }
.lg-active-h-10vh:active { height: 10vh; }
.lg-disabled-h-10vh:disabled { height: 10vh; }
.lg-h-20vh { height: 20vh; }
.lg-hover-h-20vh:hover { height: 20vh; }
.lg-focus-h-20vh:focus { height: 20vh; }
.lg-active-h-20vh:active { height: 20vh; }
.lg-disabled-h-20vh:disabled { height: 20vh; }
.lg-h-30vh { height: 30vh; }
.lg-hover-h-30vh:hover { height: 30vh; }
.lg-focus-h-30vh:focus { height: 30vh; }
.lg-active-h-30vh:active { height: 30vh; }
.lg-disabled-h-30vh:disabled { height: 30vh; }
.lg-h-40vh { height: 40vh; }
.lg-hover-h-40vh:hover { height: 40vh; }
.lg-focus-h-40vh:focus { height: 40vh; }
.lg-active-h-40vh:active { height: 40vh; }
.lg-disabled-h-40vh:disabled { height: 40vh; }
.lg-h-50vh { height: 50vh; }
.lg-hover-h-50vh:hover { height: 50vh; }
.lg-focus-h-50vh:focus { height: 50vh; }
.lg-active-h-50vh:active { height: 50vh; }
.lg-disabled-h-50vh:disabled { height: 50vh; }
.lg-h-60vh { height: 60vh; }
.lg-hover-h-60vh:hover { height: 60vh; }
.lg-focus-h-60vh:focus { height: 60vh; }
.lg-active-h-60vh:active { height: 60vh; }
.lg-disabled-h-60vh:disabled { height: 60vh; }
.lg-h-70vh { height: 70vh; }
.lg-hover-h-70vh:hover { height: 70vh; }
.lg-focus-h-70vh:focus { height: 70vh; }
.lg-active-h-70vh:active { height: 70vh; }
.lg-disabled-h-70vh:disabled { height: 70vh; }
.lg-h-80vh { height: 80vh; }
.lg-hover-h-80vh:hover { height: 80vh; }
.lg-focus-h-80vh:focus { height: 80vh; }
.lg-active-h-80vh:active { height: 80vh; }
.lg-disabled-h-80vh:disabled { height: 80vh; }
.lg-h-90vh { height: 90vh; }
.lg-hover-h-90vh:hover { height: 90vh; }
.lg-focus-h-90vh:focus { height: 90vh; }
.lg-active-h-90vh:active { height: 90vh; }
.lg-disabled-h-90vh:disabled { height: 90vh; }
.lg-h-100vh { height: 100vh; }
.lg-hover-h-100vh:hover { height: 100vh; }
.lg-focus-h-100vh:focus { height: 100vh; }
.lg-active-h-100vh:active { height: 100vh; }
.lg-disabled-h-100vh:disabled { height: 100vh; }
.lg-h-lvh { height: 100lvh; }
.lg-hover-h-lvh:hover { height: 100lvh; }
.lg-focus-h-lvh:focus { height: 100lvh; }
.lg-active-h-lvh:active { height: 100lvh; }
.lg-disabled-h-lvh:disabled { height: 100lvh; }
.lg-h-svh { height: 100svh; }
.lg-hover-h-svh:hover { height: 100svh; }
.lg-focus-h-svh:focus { height: 100svh; }
.lg-active-h-svh:active { height: 100svh; }
.lg-disabled-h-svh:disabled { height: 100svh; }
.lg-h-mvh { height: 100mvh; }
.lg-hover-h-mvh:hover { height: 100mvh; }
.lg-focus-h-mvh:focus { height: 100mvh; }
.lg-active-h-mvh:active { height: 100mvh; }
.lg-disabled-h-mvh:disabled { height: 100mvh; }
.lg-h-vmin { height: 100vmin; }
.lg-hover-h-vmin:hover { height: 100vmin; }
.lg-focus-h-vmin:focus { height: 100vmin; }
.lg-active-h-vmin:active { height: 100vmin; }
.lg-disabled-h-vmin:disabled { height: 100vmin; }
.lg-h-vmax { height: 100vmax; }
.lg-hover-h-vmax:hover { height: 100vmax; }
.lg-focus-h-vmax:focus { height: 100vmax; }
.lg-active-h-vmax:active { height: 100vmax; }
.lg-disabled-h-vmax:disabled { height: 100vmax; }
.lg-min-w-auto { min-width: auto; }
.lg-hover-min-w-auto:hover { min-width: auto; }
.lg-focus-min-w-auto:focus { min-width: auto; }
.lg-active-min-w-auto:active { min-width: auto; }
.lg-disabled-min-w-auto:disabled { min-width: auto; }
.lg-min-w-full { min-width: 100%; }
.lg-hover-min-w-full:hover { min-width: 100%; }
.lg-focus-min-w-full:focus { min-width: 100%; }
.lg-active-min-w-full:active { min-width: 100%; }
.lg-disabled-min-w-full:disabled { min-width: 100%; }
.lg-min-w-fit { min-width: fit-content; }
.lg-hover-min-w-fit:hover { min-width: fit-content; }
.lg-focus-min-w-fit:focus { min-width: fit-content; }
.lg-active-min-w-fit:active { min-width: fit-content; }
.lg-disabled-min-w-fit:disabled { min-width: fit-content; }
.lg-min-w-max { min-width: max-content; }
.lg-hover-min-w-max:hover { min-width: max-content; }
.lg-focus-min-w-max:focus { min-width: max-content; }
.lg-active-min-w-max:active { min-width: max-content; }
.lg-disabled-min-w-max:disabled { min-width: max-content; }
.lg-min-w-min { min-width: min-content; }
.lg-hover-min-w-min:hover { min-width: min-content; }
.lg-focus-min-w-min:focus { min-width: min-content; }
.lg-active-min-w-min:active { min-width: min-content; }
.lg-disabled-min-w-min:disabled { min-width: min-content; }
.lg-min-w-10vw { min-width: 10vw; }
.lg-hover-min-w-10vw:hover { min-width: 10vw; }
.lg-focus-min-w-10vw:focus { min-width: 10vw; }
.lg-active-min-w-10vw:active { min-width: 10vw; }
.lg-disabled-min-w-10vw:disabled { min-width: 10vw; }
.lg-min-w-50vw { min-width: 50vw; }
.lg-hover-min-w-50vw:hover { min-width: 50vw; }
.lg-focus-min-w-50vw:focus { min-width: 50vw; }
.lg-active-min-w-50vw:active { min-width: 50vw; }
.lg-disabled-min-w-50vw:disabled { min-width: 50vw; }
.lg-min-w-100vw { min-width: 100vw; }
.lg-hover-min-w-100vw:hover { min-width: 100vw; }
.lg-focus-min-w-100vw:focus { min-width: 100vw; }
.lg-active-min-w-100vw:active { min-width: 100vw; }
.lg-disabled-min-w-100vw:disabled { min-width: 100vw; }
.lg-max-w-auto { max-width: auto; }
.lg-hover-max-w-auto:hover { max-width: auto; }
.lg-focus-max-w-auto:focus { max-width: auto; }
.lg-active-max-w-auto:active { max-width: auto; }
.lg-disabled-max-w-auto:disabled { max-width: auto; }
.lg-max-w-full { max-width: 100%; }
.lg-hover-max-w-full:hover { max-width: 100%; }
.lg-focus-max-w-full:focus { max-width: 100%; }
.lg-active-max-w-full:active { max-width: 100%; }
.lg-disabled-max-w-full:disabled { max-width: 100%; }
.lg-max-w-fit { max-width: fit-content; }
.lg-hover-max-w-fit:hover { max-width: fit-content; }
.lg-focus-max-w-fit:focus { max-width: fit-content; }
.lg-active-max-w-fit:active { max-width: fit-content; }
.lg-disabled-max-w-fit:disabled { max-width: fit-content; }
.lg-max-w-max { max-width: max-content; }
.lg-hover-max-w-max:hover { max-width: max-content; }
.lg-focus-max-w-max:focus { max-width: max-content; }
.lg-active-max-w-max:active { max-width: max-content; }
.lg-disabled-max-w-max:disabled { max-width: max-content; }
.lg-max-w-min { max-width: min-content; }
.lg-hover-max-w-min:hover { max-width: min-content; }
.lg-focus-max-w-min:focus { max-width: min-content; }
.lg-active-max-w-min:active { max-width: min-content; }
.lg-disabled-max-w-min:disabled { max-width: min-content; }
.lg-max-w-10vw { max-width: 10vw; }
.lg-hover-max-w-10vw:hover { max-width: 10vw; }
.lg-focus-max-w-10vw:focus { max-width: 10vw; }
.lg-active-max-w-10vw:active { max-width: 10vw; }
.lg-disabled-max-w-10vw:disabled { max-width: 10vw; }
.lg-max-w-50vw { max-width: 50vw; }
.lg-hover-max-w-50vw:hover { max-width: 50vw; }
.lg-focus-max-w-50vw:focus { max-width: 50vw; }
.lg-active-max-w-50vw:active { max-width: 50vw; }
.lg-disabled-max-w-50vw:disabled { max-width: 50vw; }
.lg-max-w-100vw { max-width: 100vw; }
.lg-hover-max-w-100vw:hover { max-width: 100vw; }
.lg-focus-max-w-100vw:focus { max-width: 100vw; }
.lg-active-max-w-100vw:active { max-width: 100vw; }
.lg-disabled-max-w-100vw:disabled { max-width: 100vw; }
.lg-min-h-auto { min-height: auto; }
.lg-hover-min-h-auto:hover { min-height: auto; }
.lg-focus-min-h-auto:focus { min-height: auto; }
.lg-active-min-h-auto:active { min-height: auto; }
.lg-disabled-min-h-auto:disabled { min-height: auto; }
.lg-min-h-full { min-height: 100%; }
.lg-hover-min-h-full:hover { min-height: 100%; }
.lg-focus-min-h-full:focus { min-height: 100%; }
.lg-active-min-h-full:active { min-height: 100%; }
.lg-disabled-min-h-full:disabled { min-height: 100%; }
.lg-min-h-fit { min-height: fit-content; }
.lg-hover-min-h-fit:hover { min-height: fit-content; }
.lg-focus-min-h-fit:focus { min-height: fit-content; }
.lg-active-min-h-fit:active { min-height: fit-content; }
.lg-disabled-min-h-fit:disabled { min-height: fit-content; }
.lg-min-h-max { min-height: max-content; }
.lg-hover-min-h-max:hover { min-height: max-content; }
.lg-focus-min-h-max:focus { min-height: max-content; }
.lg-active-min-h-max:active { min-height: max-content; }
.lg-disabled-min-h-max:disabled { min-height: max-content; }
.lg-min-h-min { min-height: min-content; }
.lg-hover-min-h-min:hover { min-height: min-content; }
.lg-focus-min-h-min:focus { min-height: min-content; }
.lg-active-min-h-min:active { min-height: min-content; }
.lg-disabled-min-h-min:disabled { min-height: min-content; }
.lg-min-h-10vh { min-height: 10vh; }
.lg-hover-min-h-10vh:hover { min-height: 10vh; }
.lg-focus-min-h-10vh:focus { min-height: 10vh; }
.lg-active-min-h-10vh:active { min-height: 10vh; }
.lg-disabled-min-h-10vh:disabled { min-height: 10vh; }
.lg-min-h-50vh { min-height: 50vh; }
.lg-hover-min-h-50vh:hover { min-height: 50vh; }
.lg-focus-min-h-50vh:focus { min-height: 50vh; }
.lg-active-min-h-50vh:active { min-height: 50vh; }
.lg-disabled-min-h-50vh:disabled { min-height: 50vh; }
.lg-min-h-100vh { min-height: 100vh; }
.lg-hover-min-h-100vh:hover { min-height: 100vh; }
.lg-focus-min-h-100vh:focus { min-height: 100vh; }
.lg-active-min-h-100vh:active { min-height: 100vh; }
.lg-disabled-min-h-100vh:disabled { min-height: 100vh; }
.lg-max-h-auto { max-height: auto; }
.lg-hover-max-h-auto:hover { max-height: auto; }
.lg-focus-max-h-auto:focus { max-height: auto; }
.lg-active-max-h-auto:active { max-height: auto; }
.lg-disabled-max-h-auto:disabled { max-height: auto; }
.lg-max-h-full { max-height: 100%; }
.lg-hover-max-h-full:hover { max-height: 100%; }
.lg-focus-max-h-full:focus { max-height: 100%; }
.lg-active-max-h-full:active { max-height: 100%; }
.lg-disabled-max-h-full:disabled { max-height: 100%; }
.lg-max-h-fit { max-height: fit-content; }
.lg-hover-max-h-fit:hover { max-height: fit-content; }
.lg-focus-max-h-fit:focus { max-height: fit-content; }
.lg-active-max-h-fit:active { max-height: fit-content; }
.lg-disabled-max-h-fit:disabled { max-height: fit-content; }
.lg-max-h-max { max-height: max-content; }
.lg-hover-max-h-max:hover { max-height: max-content; }
.lg-focus-max-h-max:focus { max-height: max-content; }
.lg-active-max-h-max:active { max-height: max-content; }
.lg-disabled-max-h-max:disabled { max-height: max-content; }
.lg-max-h-min { max-height: min-content; }
.lg-hover-max-h-min:hover { max-height: min-content; }
.lg-focus-max-h-min:focus { max-height: min-content; }
.lg-active-max-h-min:active { max-height: min-content; }
.lg-disabled-max-h-min:disabled { max-height: min-content; }
.lg-max-h-10vh { max-height: 10vh; }
.lg-hover-max-h-10vh:hover { max-height: 10vh; }
.lg-focus-max-h-10vh:focus { max-height: 10vh; }
.lg-active-max-h-10vh:active { max-height: 10vh; }
.lg-disabled-max-h-10vh:disabled { max-height: 10vh; }
.lg-max-h-50vh { max-height: 50vh; }
.lg-hover-max-h-50vh:hover { max-height: 50vh; }
.lg-focus-max-h-50vh:focus { max-height: 50vh; }
.lg-active-max-h-50vh:active { max-height: 50vh; }
.lg-disabled-max-h-50vh:disabled { max-height: 50vh; }
.lg-max-h-100vh { max-height: 100vh; }
.lg-hover-max-h-100vh:hover { max-height: 100vh; }
.lg-focus-max-h-100vh:focus { max-height: 100vh; }
.lg-active-max-h-100vh:active { max-height: 100vh; }
.lg-disabled-max-h-100vh:disabled { max-height: 100vh; }
.lg-font-size-auto { font-size: auto; }
.lg-hover-font-size-auto:hover { font-size: auto; }
.lg-focus-font-size-auto:focus { font-size: auto; }
.lg-active-font-size-auto:active { font-size: auto; }
.lg-disabled-font-size-auto:disabled { font-size: auto; }
.lg-font-size-0 { font-size: 0; }
.lg-hover-font-size-0:hover { font-size: 0; }
.lg-focus-font-size-0:focus { font-size: 0; }
.lg-active-font-size-0:active { font-size: 0; }
.lg-disabled-font-size-0:disabled { font-size: 0; }
.lg-font-size-1 { font-size: 0.25rem; }
.lg-hover-font-size-1:hover { font-size: 0.25rem; }
.lg-focus-font-size-1:focus { font-size: 0.25rem; }
.lg-active-font-size-1:active { font-size: 0.25rem; }
.lg-disabled-font-size-1:disabled { font-size: 0.25rem; }
.lg-font-size-2 { font-size: 0.5rem; }
.lg-hover-font-size-2:hover { font-size: 0.5rem; }
.lg-focus-font-size-2:focus { font-size: 0.5rem; }
.lg-active-font-size-2:active { font-size: 0.5rem; }
.lg-disabled-font-size-2:disabled { font-size: 0.5rem; }
.lg-font-size-3 { font-size: 0.75rem; }
.lg-hover-font-size-3:hover { font-size: 0.75rem; }
.lg-focus-font-size-3:focus { font-size: 0.75rem; }
.lg-active-font-size-3:active { font-size: 0.75rem; }
.lg-disabled-font-size-3:disabled { font-size: 0.75rem; }
.lg-font-size-4 { font-size: 1rem; }
.lg-hover-font-size-4:hover { font-size: 1rem; }
.lg-focus-font-size-4:focus { font-size: 1rem; }
.lg-active-font-size-4:active { font-size: 1rem; }
.lg-disabled-font-size-4:disabled { font-size: 1rem; }
.lg-font-size-5 { font-size: 1.25rem; }
.lg-hover-font-size-5:hover { font-size: 1.25rem; }
.lg-focus-font-size-5:focus { font-size: 1.25rem; }
.lg-active-font-size-5:active { font-size: 1.25rem; }
.lg-disabled-font-size-5:disabled { font-size: 1.25rem; }
.lg-font-size-6 { font-size: 1.5rem; }
.lg-hover-font-size-6:hover { font-size: 1.5rem; }
.lg-focus-font-size-6:focus { font-size: 1.5rem; }
.lg-active-font-size-6:active { font-size: 1.5rem; }
.lg-disabled-font-size-6:disabled { font-size: 1.5rem; }
.lg-font-size-7 { font-size: 1.75rem; }
.lg-hover-font-size-7:hover { font-size: 1.75rem; }
.lg-focus-font-size-7:focus { font-size: 1.75rem; }
.lg-active-font-size-7:active { font-size: 1.75rem; }
.lg-disabled-font-size-7:disabled { font-size: 1.75rem; }
.lg-font-size-8 { font-size: 2rem; }
.lg-hover-font-size-8:hover { font-size: 2rem; }
.lg-focus-font-size-8:focus { font-size: 2rem; }
.lg-active-font-size-8:active { font-size: 2rem; }
.lg-disabled-font-size-8:disabled { font-size: 2rem; }
.lg-font-size-9 { font-size: 2.25rem; }
.lg-hover-font-size-9:hover { font-size: 2.25rem; }
.lg-focus-font-size-9:focus { font-size: 2.25rem; }
.lg-active-font-size-9:active { font-size: 2.25rem; }
.lg-disabled-font-size-9:disabled { font-size: 2.25rem; }
.lg-font-size-10 { font-size: 2.5rem; }
.lg-hover-font-size-10:hover { font-size: 2.5rem; }
.lg-focus-font-size-10:focus { font-size: 2.5rem; }
.lg-active-font-size-10:active { font-size: 2.5rem; }
.lg-disabled-font-size-10:disabled { font-size: 2.5rem; }
.lg-font-size-12 { font-size: 3rem; }
.lg-hover-font-size-12:hover { font-size: 3rem; }
.lg-focus-font-size-12:focus { font-size: 3rem; }
.lg-active-font-size-12:active { font-size: 3rem; }
.lg-disabled-font-size-12:disabled { font-size: 3rem; }
.lg-font-size-14 { font-size: 3.5rem; }
.lg-hover-font-size-14:hover { font-size: 3.5rem; }
.lg-focus-font-size-14:focus { font-size: 3.5rem; }
.lg-active-font-size-14:active { font-size: 3.5rem; }
.lg-disabled-font-size-14:disabled { font-size: 3.5rem; }
.lg-font-size-16 { font-size: 4rem; }
.lg-hover-font-size-16:hover { font-size: 4rem; }
.lg-focus-font-size-16:focus { font-size: 4rem; }
.lg-active-font-size-16:active { font-size: 4rem; }
.lg-disabled-font-size-16:disabled { font-size: 4rem; }
.lg-font-size-18 { font-size: 4.5rem; }
.lg-hover-font-size-18:hover { font-size: 4.5rem; }
.lg-focus-font-size-18:focus { font-size: 4.5rem; }
.lg-active-font-size-18:active { font-size: 4.5rem; }
.lg-disabled-font-size-18:disabled { font-size: 4.5rem; }
.lg-font-size-20 { font-size: 5rem; }
.lg-hover-font-size-20:hover { font-size: 5rem; }
.lg-focus-font-size-20:focus { font-size: 5rem; }
.lg-active-font-size-20:active { font-size: 5rem; }
.lg-disabled-font-size-20:disabled { font-size: 5rem; }
.lg-font-size-24 { font-size: 6rem; }
.lg-hover-font-size-24:hover { font-size: 6rem; }
.lg-focus-font-size-24:focus { font-size: 6rem; }
.lg-active-font-size-24:active { font-size: 6rem; }
.lg-disabled-font-size-24:disabled { font-size: 6rem; }
.lg-font-size-28 { font-size: 7rem; }
.lg-hover-font-size-28:hover { font-size: 7rem; }
.lg-focus-font-size-28:focus { font-size: 7rem; }
.lg-active-font-size-28:active { font-size: 7rem; }
.lg-disabled-font-size-28:disabled { font-size: 7rem; }
.lg-font-size-32 { font-size: 8rem; }
.lg-hover-font-size-32:hover { font-size: 8rem; }
.lg-focus-font-size-32:focus { font-size: 8rem; }
.lg-active-font-size-32:active { font-size: 8rem; }
.lg-disabled-font-size-32:disabled { font-size: 8rem; }
.lg-font-weight-normal { font-weight: normal; }
.lg-hover-font-weight-normal:hover { font-weight: normal; }
.lg-focus-font-weight-normal:focus { font-weight: normal; }
.lg-active-font-weight-normal:active { font-weight: normal; }
.lg-disabled-font-weight-normal:disabled { font-weight: normal; }
.lg-font-weight-light { font-weight: 300; }
.lg-hover-font-weight-light:hover { font-weight: 300; }
.lg-focus-font-weight-light:focus { font-weight: 300; }
.lg-active-font-weight-light:active { font-weight: 300; }
.lg-disabled-font-weight-light:disabled { font-weight: 300; }
.lg-font-weight-medium { font-weight: 500; }
.lg-hover-font-weight-medium:hover { font-weight: 500; }
.lg-focus-font-weight-medium:focus { font-weight: 500; }
.lg-active-font-weight-medium:active { font-weight: 500; }
.lg-disabled-font-weight-medium:disabled { font-weight: 500; }
.lg-font-weight-bold { font-weight: 700; }
.lg-hover-font-weight-bold:hover { font-weight: 700; }
.lg-focus-font-weight-bold:focus { font-weight: 700; }
.lg-active-font-weight-bold:active { font-weight: 700; }
.lg-disabled-font-weight-bold:disabled { font-weight: 700; }
.lg-font-weight-bolder { font-weight: bolder; }
.lg-hover-font-weight-bolder:hover { font-weight: bolder; }
.lg-focus-font-weight-bolder:focus { font-weight: bolder; }
.lg-active-font-weight-bolder:active { font-weight: bolder; }
.lg-disabled-font-weight-bolder:disabled { font-weight: bolder; }
.lg-line-height-1 { line-height: 1; }
.lg-hover-line-height-1:hover { line-height: 1; }
.lg-focus-line-height-1:focus { line-height: 1; }
.lg-active-line-height-1:active { line-height: 1; }
.lg-disabled-line-height-1:disabled { line-height: 1; }
.lg-line-height-2 { line-height: 1.25; }
.lg-hover-line-height-2:hover { line-height: 1.25; }
.lg-focus-line-height-2:focus { line-height: 1.25; }
.lg-active-line-height-2:active { line-height: 1.25; }
.lg-disabled-line-height-2:disabled { line-height: 1.25; }
.lg-line-height-3 { line-height: 1.375; }
.lg-hover-line-height-3:hover { line-height: 1.375; }
.lg-focus-line-height-3:focus { line-height: 1.375; }
.lg-active-line-height-3:active { line-height: 1.375; }
.lg-disabled-line-height-3:disabled { line-height: 1.375; }
.lg-line-height-4 { line-height: 1.5; }
.lg-hover-line-height-4:hover { line-height: 1.5; }
.lg-focus-line-height-4:focus { line-height: 1.5; }
.lg-active-line-height-4:active { line-height: 1.5; }
.lg-disabled-line-height-4:disabled { line-height: 1.5; }
.lg-line-height-5 { line-height: 1.625; }
.lg-hover-line-height-5:hover { line-height: 1.625; }
.lg-focus-line-height-5:focus { line-height: 1.625; }
.lg-active-line-height-5:active { line-height: 1.625; }
.lg-disabled-line-height-5:disabled { line-height: 1.625; }
.lg-line-height-6 { line-height: 1.75; }
.lg-hover-line-height-6:hover { line-height: 1.75; }
.lg-focus-line-height-6:focus { line-height: 1.75; }
.lg-active-line-height-6:active { line-height: 1.75; }
.lg-disabled-line-height-6:disabled { line-height: 1.75; }
.lg-line-height-7 { line-height: 2; }
.lg-hover-line-height-7:hover { line-height: 2; }
.lg-focus-line-height-7:focus { line-height: 2; }
.lg-active-line-height-7:active { line-height: 2; }
.lg-disabled-line-height-7:disabled { line-height: 2; }
.lg-text-left { text-align: left; }
.lg-hover-text-left:hover { text-align: left; }
.lg-focus-text-left:focus { text-align: left; }
.lg-active-text-left:active { text-align: left; }
.lg-disabled-text-left:disabled { text-align: left; }
.lg-text-center { text-align: center; }
.lg-hover-text-center:hover { text-align: center; }
.lg-focus-text-center:focus { text-align: center; }
.lg-active-text-center:active { text-align: center; }
.lg-disabled-text-center:disabled { text-align: center; }
.lg-text-right { text-align: right; }
.lg-hover-text-right:hover { text-align: right; }
.lg-focus-text-right:focus { text-align: right; }
.lg-active-text-right:active { text-align: right; }
.lg-disabled-text-right:disabled { text-align: right; }
.lg-text-justify { text-align: justify; }
.lg-hover-text-justify:hover { text-align: justify; }
.lg-focus-text-justify:focus { text-align: justify; }
.lg-active-text-justify:active { text-align: justify; }
.lg-disabled-text-justify:disabled { text-align: justify; }
.lg-justify-start { justify-content: flex-start; }
.lg-hover-justify-start:hover { justify-content: flex-start; }
.lg-focus-justify-start:focus { justify-content: flex-start; }
.lg-active-justify-start:active { justify-content: flex-start; }
.lg-disabled-justify-start:disabled { justify-content: flex-start; }
.lg-justify-center { justify-content: center; }
.lg-hover-justify-center:hover { justify-content: center; }
.lg-focus-justify-center:focus { justify-content: center; }
.lg-active-justify-center:active { justify-content: center; }
.lg-disabled-justify-center:disabled { justify-content: center; }
.lg-justify-end { justify-content: flex-end; }
.lg-hover-justify-end:hover { justify-content: flex-end; }
.lg-focus-justify-end:focus { justify-content: flex-end; }
.lg-active-justify-end:active { justify-content: flex-end; }
.lg-disabled-justify-end:disabled { justify-content: flex-end; }
.lg-justify-between { justify-content: space-between; }
.lg-hover-justify-between:hover { justify-content: space-between; }
.lg-focus-justify-between:focus { justify-content: space-between; }
.lg-active-justify-between:active { justify-content: space-between; }
.lg-disabled-justify-between:disabled { justify-content: space-between; }
.lg-justify-around { justify-content: space-around; }
.lg-hover-justify-around:hover { justify-content: space-around; }
.lg-focus-justify-around:focus { justify-content: space-around; }
.lg-active-justify-around:active { justify-content: space-around; }
.lg-disabled-justify-around:disabled { justify-content: space-around; }
.lg-justify-evenly { justify-content: space-evenly; }
.lg-hover-justify-evenly:hover { justify-content: space-evenly; }
.lg-focus-justify-evenly:focus { justify-content: space-evenly; }
.lg-active-justify-evenly:active { justify-content: space-evenly; }
.lg-disabled-justify-evenly:disabled { justify-content: space-evenly; }
.lg-items-start { align-items: flex-start; }
.lg-hover-items-start:hover { align-items: flex-start; }
.lg-focus-items-start:focus { align-items: flex-start; }
.lg-active-items-start:active { align-items: flex-start; }
.lg-disabled-items-start:disabled { align-items: flex-start; }
.lg-items-center { align-items: center; }
.lg-hover-items-center:hover { align-items: center; }
.lg-focus-items-center:focus { align-items: center; }
.lg-active-items-center:active { align-items: center; }
.lg-disabled-items-center:disabled { align-items: center; }
.lg-items-end { align-items: flex-end; }
.lg-hover-items-end:hover { align-items: flex-end; }
.lg-focus-items-end:focus { align-items: flex-end; }
.lg-active-items-end:active { align-items: flex-end; }
.lg-disabled-items-end:disabled { align-items: flex-end; }
.lg-items-baseline { align-items: baseline; }
.lg-hover-items-baseline:hover { align-items: baseline; }
.lg-focus-items-baseline:focus { align-items: baseline; }
.lg-active-items-baseline:active { align-items: baseline; }
.lg-disabled-items-baseline:disabled { align-items: baseline; }
.lg-items-stretch { align-items: stretch; }
.lg-hover-items-stretch:hover { align-items: stretch; }
.lg-focus-items-stretch:focus { align-items: stretch; }
.lg-active-items-stretch:active { align-items: stretch; }
.lg-disabled-items-stretch:disabled { align-items: stretch; }
.lg-content-start { align-content: flex-start; }
.lg-hover-content-start:hover { align-content: flex-start; }
.lg-focus-content-start:focus { align-content: flex-start; }
.lg-active-content-start:active { align-content: flex-start; }
.lg-disabled-content-start:disabled { align-content: flex-start; }
.lg-content-center { align-content: center; }
.lg-hover-content-center:hover { align-content: center; }
.lg-focus-content-center:focus { align-content: center; }
.lg-active-content-center:active { align-content: center; }
.lg-disabled-content-center:disabled { align-content: center; }
.lg-content-end { align-content: flex-end; }
.lg-hover-content-end:hover { align-content: flex-end; }
.lg-focus-content-end:focus { align-content: flex-end; }
.lg-active-content-end:active { align-content: flex-end; }
.lg-disabled-content-end:disabled { align-content: flex-end; }
.lg-content-between { align-content: space-between; }
.lg-hover-content-between:hover { align-content: space-between; }
.lg-focus-content-between:focus { align-content: space-between; }
.lg-active-content-between:active { align-content: space-between; }
.lg-disabled-content-between:disabled { align-content: space-between; }
.lg-content-around { align-content: space-around; }
.lg-hover-content-around:hover { align-content: space-around; }
.lg-focus-content-around:focus { align-content: space-around; }
.lg-active-content-around:active { align-content: space-around; }
.lg-disabled-content-around:disabled { align-content: space-around; }
.lg-content-evenly { align-content: space-evenly; }
.lg-hover-content-evenly:hover { align-content: space-evenly; }
.lg-focus-content-evenly:focus { align-content: space-evenly; }
.lg-active-content-evenly:active { align-content: space-evenly; }
.lg-disabled-content-evenly:disabled { align-content: space-evenly; }
.lg-self-auto { align-self: auto; }
.lg-hover-self-auto:hover { align-self: auto; }
.lg-focus-self-auto:focus { align-self: auto; }
.lg-active-self-auto:active { align-self: auto; }
.lg-disabled-self-auto:disabled { align-self: auto; }
.lg-self-start { align-self: flex-start; }
.lg-hover-self-start:hover { align-self: flex-start; }
.lg-focus-self-start:focus { align-self: flex-start; }
.lg-active-self-start:active { align-self: flex-start; }
.lg-disabled-self-start:disabled { align-self: flex-start; }
.lg-self-center { align-self: center; }
.lg-hover-self-center:hover { align-self: center; }
.lg-focus-self-center:focus { align-self: center; }
.lg-active-self-center:active { align-self: center; }
.lg-disabled-self-center:disabled { align-self: center; }
.lg-self-end { align-self: flex-end; }
.lg-hover-self-end:hover { align-self: flex-end; }
.lg-focus-self-end:focus { align-self: flex-end; }
.lg-active-self-end:active { align-self: flex-end; }
.lg-disabled-self-end:disabled { align-self: flex-end; }
.lg-self-stretch { align-self: stretch; }
.lg-hover-self-stretch:hover { align-self: stretch; }
.lg-focus-self-stretch:focus { align-self: stretch; }
.lg-active-self-stretch:active { align-self: stretch; }
.lg-disabled-self-stretch:disabled { align-self: stretch; }
.lg-place-items-start { place-items: start; }
.lg-hover-place-items-start:hover { place-items: start; }
.lg-focus-place-items-start:focus { place-items: start; }
.lg-active-place-items-start:active { place-items: start; }
.lg-disabled-place-items-start:disabled { place-items: start; }
.lg-place-items-center { place-items: center; }
.lg-hover-place-items-center:hover { place-items: center; }
.lg-focus-place-items-center:focus { place-items: center; }
.lg-active-place-items-center:active { place-items: center; }
.lg-disabled-place-items-center:disabled { place-items: center; }
.lg-place-items-end { place-items: end; }
.lg-hover-place-items-end:hover { place-items: end; }
.lg-focus-place-items-end:focus { place-items: end; }
.lg-active-place-items-end:active { place-items: end; }
.lg-disabled-place-items-end:disabled { place-items: end; }
.lg-place-items-stretch { place-items: stretch; }
.lg-hover-place-items-stretch:hover { place-items: stretch; }
.lg-focus-place-items-stretch:focus { place-items: stretch; }
.lg-active-place-items-stretch:active { place-items: stretch; }
.lg-disabled-place-items-stretch:disabled { place-items: stretch; }
.lg-place-content-start { place-content: start; }
.lg-hover-place-content-start:hover { place-content: start; }
.lg-focus-place-content-start:focus { place-content: start; }
.lg-active-place-content-start:active { place-content: start; }
.lg-disabled-place-content-start:disabled { place-content: start; }
.lg-place-content-center { place-content: center; }
.lg-hover-place-content-center:hover { place-content: center; }
.lg-focus-place-content-center:focus { place-content: center; }
.lg-active-place-content-center:active { place-content: center; }
.lg-disabled-place-content-center:disabled { place-content: center; }
.lg-place-content-end { place-content: end; }
.lg-hover-place-content-end:hover { place-content: end; }
.lg-focus-place-content-end:focus { place-content: end; }
.lg-active-place-content-end:active { place-content: end; }
.lg-disabled-place-content-end:disabled { place-content: end; }
.lg-place-content-between { place-content: space-between; }
.lg-hover-place-content-between:hover { place-content: space-between; }
.lg-focus-place-content-between:focus { place-content: space-between; }
.lg-active-place-content-between:active { place-content: space-between; }
.lg-disabled-place-content-between:disabled { place-content: space-between; }
.lg-place-content-around { place-content: space-around; }
.lg-hover-place-content-around:hover { place-content: space-around; }
.lg-focus-place-content-around:focus { place-content: space-around; }
.lg-active-place-content-around:active { place-content: space-around; }
.lg-disabled-place-content-around:disabled { place-content: space-around; }
.lg-place-self-auto { place-self: auto; }
.lg-hover-place-self-auto:hover { place-self: auto; }
.lg-focus-place-self-auto:focus { place-self: auto; }
.lg-active-place-self-auto:active { place-self: auto; }
.lg-disabled-place-self-auto:disabled { place-self: auto; }
.lg-place-self-start { place-self: start; }
.lg-hover-place-self-start:hover { place-self: start; }
.lg-focus-place-self-start:focus { place-self: start; }
.lg-active-place-self-start:active { place-self: start; }
.lg-disabled-place-self-start:disabled { place-self: start; }
.lg-place-self-center { place-self: center; }
.lg-hover-place-self-center:hover { place-self: center; }
.lg-focus-place-self-center:focus { place-self: center; }
.lg-active-place-self-center:active { place-self: center; }
.lg-disabled-place-self-center:disabled { place-self: center; }
.lg-place-self-end { place-self: end; }
.lg-hover-place-self-end:hover { place-self: end; }
.lg-focus-place-self-end:focus { place-self: end; }
.lg-active-place-self-end:active { place-self: end; }
.lg-disabled-place-self-end:disabled { place-self: end; }
.lg-text-uppercase { text-transform: uppercase; }
.lg-hover-text-uppercase:hover { text-transform: uppercase; }
.lg-focus-text-uppercase:focus { text-transform: uppercase; }
.lg-active-text-uppercase:active { text-transform: uppercase; }
.lg-disabled-text-uppercase:disabled { text-transform: uppercase; }
.lg-text-lowercase { text-transform: lowercase; }
.lg-hover-text-lowercase:hover { text-transform: lowercase; }
.lg-focus-text-lowercase:focus { text-transform: lowercase; }
.lg-active-text-lowercase:active { text-transform: lowercase; }
.lg-disabled-text-lowercase:disabled { text-transform: lowercase; }
.lg-text-capitalize { text-transform: capitalize; }
.lg-hover-text-capitalize:hover { text-transform: capitalize; }
.lg-focus-text-capitalize:focus { text-transform: capitalize; }
.lg-active-text-capitalize:active { text-transform: capitalize; }
.lg-disabled-text-capitalize:disabled { text-transform: capitalize; }
.lg-tracking-tight { letter-spacing: -0.05em; }
.lg-hover-tracking-tight:hover { letter-spacing: -0.05em; }
.lg-focus-tracking-tight:focus { letter-spacing: -0.05em; }
.lg-active-tracking-tight:active { letter-spacing: -0.05em; }
.lg-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
.lg-tracking-normal { letter-spacing: 0; }
.lg-hover-tracking-normal:hover { letter-spacing: 0; }
.lg-focus-tracking-normal:focus { letter-spacing: 0; }
.lg-active-tracking-normal:active { letter-spacing: 0; }
.lg-disabled-tracking-normal:disabled { letter-spacing: 0; }
.lg-tracking-wide { letter-spacing: 0.05em; }
.lg-hover-tracking-wide:hover { letter-spacing: 0.05em; }
.lg-focus-tracking-wide:focus { letter-spacing: 0.05em; }
.lg-active-tracking-wide:active { letter-spacing: 0.05em; }
.lg-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
.lg-underline { text-decoration: underline; }
.lg-hover-underline:hover { text-decoration: underline; }
.lg-focus-underline:focus { text-decoration: underline; }
.lg-active-underline:active { text-decoration: underline; }
.lg-disabled-underline:disabled { text-decoration: underline; }
.lg-line-through { text-decoration: line-through; }
.lg-hover-line-through:hover { text-decoration: line-through; }
.lg-focus-line-through:focus { text-decoration: line-through; }
.lg-active-line-through:active { text-decoration: line-through; }
.lg-disabled-line-through:disabled { text-decoration: line-through; }
.lg-no-underline { text-decoration: none; }
.lg-hover-no-underline:hover { text-decoration: none; }
.lg-focus-no-underline:focus { text-decoration: none; }
.lg-active-no-underline:active { text-decoration: none; }
.lg-disabled-no-underline:disabled { text-decoration: none; }
.lg-text-black { color: var(--black); }
.lg-hover-text-black:hover { color: var(--black); }
.lg-focus-text-black:focus { color: var(--black); }
.lg-active-text-black:active { color: var(--black); }
.lg-disabled-text-black:disabled { color: var(--black); }
.lg-text-white { color: var(--white); }
.lg-hover-text-white:hover { color: var(--white); }
.lg-focus-text-white:focus { color: var(--white); }
.lg-active-text-white:active { color: var(--white); }
.lg-disabled-text-white:disabled { color: var(--white); }
.lg-text-red-50 { color: var(--quanta-red-50); }
.lg-hover-text-red-50:hover { color: var(--quanta-red-50); }
.lg-focus-text-red-50:focus { color: var(--quanta-red-50); }
.lg-active-text-red-50:active { color: var(--quanta-red-50); }
.lg-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
.lg-text-red-100 { color: var(--quanta-red-100); }
.lg-hover-text-red-100:hover { color: var(--quanta-red-100); }
.lg-focus-text-red-100:focus { color: var(--quanta-red-100); }
.lg-active-text-red-100:active { color: var(--quanta-red-100); }
.lg-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
.lg-text-red-200 { color: var(--quanta-red-200); }
.lg-hover-text-red-200:hover { color: var(--quanta-red-200); }
.lg-focus-text-red-200:focus { color: var(--quanta-red-200); }
.lg-active-text-red-200:active { color: var(--quanta-red-200); }
.lg-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
.lg-text-red-300 { color: var(--quanta-red-300); }
.lg-hover-text-red-300:hover { color: var(--quanta-red-300); }
.lg-focus-text-red-300:focus { color: var(--quanta-red-300); }
.lg-active-text-red-300:active { color: var(--quanta-red-300); }
.lg-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
.lg-text-red-400 { color: var(--quanta-red-400); }
.lg-hover-text-red-400:hover { color: var(--quanta-red-400); }
.lg-focus-text-red-400:focus { color: var(--quanta-red-400); }
.lg-active-text-red-400:active { color: var(--quanta-red-400); }
.lg-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
.lg-text-red-500 { color: var(--quanta-red-500); }
.lg-hover-text-red-500:hover { color: var(--quanta-red-500); }
.lg-focus-text-red-500:focus { color: var(--quanta-red-500); }
.lg-active-text-red-500:active { color: var(--quanta-red-500); }
.lg-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
.lg-text-red-600 { color: var(--quanta-red-600); }
.lg-hover-text-red-600:hover { color: var(--quanta-red-600); }
.lg-focus-text-red-600:focus { color: var(--quanta-red-600); }
.lg-active-text-red-600:active { color: var(--quanta-red-600); }
.lg-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
.lg-text-red-700 { color: var(--quanta-red-700); }
.lg-hover-text-red-700:hover { color: var(--quanta-red-700); }
.lg-focus-text-red-700:focus { color: var(--quanta-red-700); }
.lg-active-text-red-700:active { color: var(--quanta-red-700); }
.lg-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
.lg-text-red-800 { color: var(--quanta-red-800); }
.lg-hover-text-red-800:hover { color: var(--quanta-red-800); }
.lg-focus-text-red-800:focus { color: var(--quanta-red-800); }
.lg-active-text-red-800:active { color: var(--quanta-red-800); }
.lg-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
.lg-text-red-900 { color: var(--quanta-red-900); }
.lg-hover-text-red-900:hover { color: var(--quanta-red-900); }
.lg-focus-text-red-900:focus { color: var(--quanta-red-900); }
.lg-active-text-red-900:active { color: var(--quanta-red-900); }
.lg-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
.lg-text-orange-50 { color: var(--quanta-orange-50); }
.lg-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
.lg-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
.lg-active-text-orange-50:active { color: var(--quanta-orange-50); }
.lg-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
.lg-text-orange-100 { color: var(--quanta-orange-100); }
.lg-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
.lg-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
.lg-active-text-orange-100:active { color: var(--quanta-orange-100); }
.lg-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
.lg-text-orange-200 { color: var(--quanta-orange-200); }
.lg-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
.lg-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
.lg-active-text-orange-200:active { color: var(--quanta-orange-200); }
.lg-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
.lg-text-orange-300 { color: var(--quanta-orange-300); }
.lg-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
.lg-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
.lg-active-text-orange-300:active { color: var(--quanta-orange-300); }
.lg-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
.lg-text-orange-400 { color: var(--quanta-orange-400); }
.lg-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
.lg-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
.lg-active-text-orange-400:active { color: var(--quanta-orange-400); }
.lg-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
.lg-text-orange-500 { color: var(--quanta-orange-500); }
.lg-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
.lg-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
.lg-active-text-orange-500:active { color: var(--quanta-orange-500); }
.lg-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
.lg-text-orange-600 { color: var(--quanta-orange-600); }
.lg-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
.lg-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
.lg-active-text-orange-600:active { color: var(--quanta-orange-600); }
.lg-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
.lg-text-orange-700 { color: var(--quanta-orange-700); }
.lg-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
.lg-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
.lg-active-text-orange-700:active { color: var(--quanta-orange-700); }
.lg-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
.lg-text-orange-800 { color: var(--quanta-orange-800); }
.lg-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
.lg-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
.lg-active-text-orange-800:active { color: var(--quanta-orange-800); }
.lg-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
.lg-text-orange-900 { color: var(--quanta-orange-900); }
.lg-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
.lg-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
.lg-active-text-orange-900:active { color: var(--quanta-orange-900); }
.lg-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
.lg-text-teal-50 { color: var(--quanta-teal-50); }
.lg-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
.lg-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
.lg-active-text-teal-50:active { color: var(--quanta-teal-50); }
.lg-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
.lg-text-teal-100 { color: var(--quanta-teal-100); }
.lg-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
.lg-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
.lg-active-text-teal-100:active { color: var(--quanta-teal-100); }
.lg-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
.lg-text-teal-200 { color: var(--quanta-teal-200); }
.lg-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
.lg-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
.lg-active-text-teal-200:active { color: var(--quanta-teal-200); }
.lg-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
.lg-text-teal-300 { color: var(--quanta-teal-300); }
.lg-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
.lg-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
.lg-active-text-teal-300:active { color: var(--quanta-teal-300); }
.lg-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
.lg-text-teal-400 { color: var(--quanta-teal-400); }
.lg-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
.lg-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
.lg-active-text-teal-400:active { color: var(--quanta-teal-400); }
.lg-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
.lg-text-teal-500 { color: var(--quanta-teal-500); }
.lg-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
.lg-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
.lg-active-text-teal-500:active { color: var(--quanta-teal-500); }
.lg-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
.lg-text-teal-600 { color: var(--quanta-teal-600); }
.lg-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
.lg-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
.lg-active-text-teal-600:active { color: var(--quanta-teal-600); }
.lg-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
.lg-text-teal-700 { color: var(--quanta-teal-700); }
.lg-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
.lg-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
.lg-active-text-teal-700:active { color: var(--quanta-teal-700); }
.lg-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
.lg-text-teal-800 { color: var(--quanta-teal-800); }
.lg-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
.lg-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
.lg-active-text-teal-800:active { color: var(--quanta-teal-800); }
.lg-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
.lg-text-teal-900 { color: var(--quanta-teal-900); }
.lg-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
.lg-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
.lg-active-text-teal-900:active { color: var(--quanta-teal-900); }
.lg-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
.lg-text-purple-50 { color: var(--quanta-purple-50); }
.lg-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
.lg-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
.lg-active-text-purple-50:active { color: var(--quanta-purple-50); }
.lg-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
.lg-text-purple-100 { color: var(--quanta-purple-100); }
.lg-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
.lg-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
.lg-active-text-purple-100:active { color: var(--quanta-purple-100); }
.lg-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
.lg-text-purple-200 { color: var(--quanta-purple-200); }
.lg-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
.lg-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
.lg-active-text-purple-200:active { color: var(--quanta-purple-200); }
.lg-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
.lg-text-purple-300 { color: var(--quanta-purple-300); }
.lg-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
.lg-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
.lg-active-text-purple-300:active { color: var(--quanta-purple-300); }
.lg-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
.lg-text-purple-400 { color: var(--quanta-purple-400); }
.lg-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
.lg-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
.lg-active-text-purple-400:active { color: var(--quanta-purple-400); }
.lg-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
.lg-text-purple-500 { color: var(--quanta-purple-500); }
.lg-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
.lg-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
.lg-active-text-purple-500:active { color: var(--quanta-purple-500); }
.lg-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
.lg-text-purple-600 { color: var(--quanta-purple-600); }
.lg-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
.lg-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
.lg-active-text-purple-600:active { color: var(--quanta-purple-600); }
.lg-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
.lg-text-purple-700 { color: var(--quanta-purple-700); }
.lg-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
.lg-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
.lg-active-text-purple-700:active { color: var(--quanta-purple-700); }
.lg-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
.lg-text-purple-800 { color: var(--quanta-purple-800); }
.lg-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
.lg-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
.lg-active-text-purple-800:active { color: var(--quanta-purple-800); }
.lg-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
.lg-text-purple-900 { color: var(--quanta-purple-900); }
.lg-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
.lg-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
.lg-active-text-purple-900:active { color: var(--quanta-purple-900); }
.lg-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
.lg-text-indigo-50 { color: var(--quanta-indigo-50); }
.lg-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
.lg-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
.lg-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
.lg-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
.lg-text-indigo-100 { color: var(--quanta-indigo-100); }
.lg-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
.lg-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
.lg-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
.lg-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
.lg-text-indigo-200 { color: var(--quanta-indigo-200); }
.lg-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
.lg-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
.lg-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
.lg-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
.lg-text-indigo-300 { color: var(--quanta-indigo-300); }
.lg-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
.lg-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
.lg-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
.lg-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
.lg-text-indigo-400 { color: var(--quanta-indigo-400); }
.lg-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
.lg-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
.lg-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
.lg-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
.lg-text-indigo-500 { color: var(--quanta-indigo-500); }
.lg-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
.lg-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
.lg-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
.lg-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
.lg-text-indigo-600 { color: var(--quanta-indigo-600); }
.lg-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
.lg-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
.lg-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
.lg-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
.lg-text-indigo-700 { color: var(--quanta-indigo-700); }
.lg-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
.lg-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
.lg-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
.lg-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
.lg-text-indigo-800 { color: var(--quanta-indigo-800); }
.lg-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
.lg-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
.lg-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
.lg-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
.lg-text-indigo-900 { color: var(--quanta-indigo-900); }
.lg-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
.lg-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
.lg-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
.lg-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
.lg-text-yellow-50 { color: var(--quanta-yellow-50); }
.lg-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
.lg-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
.lg-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
.lg-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
.lg-text-yellow-100 { color: var(--quanta-yellow-100); }
.lg-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
.lg-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
.lg-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
.lg-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
.lg-text-yellow-200 { color: var(--quanta-yellow-200); }
.lg-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
.lg-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
.lg-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
.lg-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
.lg-text-yellow-300 { color: var(--quanta-yellow-300); }
.lg-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
.lg-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
.lg-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
.lg-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
.lg-text-yellow-400 { color: var(--quanta-yellow-400); }
.lg-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
.lg-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
.lg-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
.lg-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
.lg-text-yellow-500 { color: var(--quanta-yellow-500); }
.lg-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
.lg-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
.lg-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
.lg-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
.lg-text-yellow-600 { color: var(--quanta-yellow-600); }
.lg-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
.lg-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
.lg-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
.lg-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
.lg-text-yellow-700 { color: var(--quanta-yellow-700); }
.lg-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
.lg-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
.lg-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
.lg-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
.lg-text-yellow-800 { color: var(--quanta-yellow-800); }
.lg-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
.lg-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
.lg-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
.lg-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
.lg-text-yellow-900 { color: var(--quanta-yellow-900); }
.lg-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
.lg-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
.lg-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
.lg-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
.lg-text-pink-50 { color: var(--quanta-pink-50); }
.lg-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
.lg-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
.lg-active-text-pink-50:active { color: var(--quanta-pink-50); }
.lg-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
.lg-text-pink-100 { color: var(--quanta-pink-100); }
.lg-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
.lg-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
.lg-active-text-pink-100:active { color: var(--quanta-pink-100); }
.lg-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
.lg-text-pink-200 { color: var(--quanta-pink-200); }
.lg-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
.lg-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
.lg-active-text-pink-200:active { color: var(--quanta-pink-200); }
.lg-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
.lg-text-pink-300 { color: var(--quanta-pink-300); }
.lg-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
.lg-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
.lg-active-text-pink-300:active { color: var(--quanta-pink-300); }
.lg-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
.lg-text-pink-400 { color: var(--quanta-pink-400); }
.lg-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
.lg-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
.lg-active-text-pink-400:active { color: var(--quanta-pink-400); }
.lg-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
.lg-text-pink-500 { color: var(--quanta-pink-500); }
.lg-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
.lg-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
.lg-active-text-pink-500:active { color: var(--quanta-pink-500); }
.lg-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
.lg-text-pink-600 { color: var(--quanta-pink-600); }
.lg-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
.lg-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
.lg-active-text-pink-600:active { color: var(--quanta-pink-600); }
.lg-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
.lg-text-pink-700 { color: var(--quanta-pink-700); }
.lg-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
.lg-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
.lg-active-text-pink-700:active { color: var(--quanta-pink-700); }
.lg-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
.lg-text-pink-800 { color: var(--quanta-pink-800); }
.lg-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
.lg-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
.lg-active-text-pink-800:active { color: var(--quanta-pink-800); }
.lg-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
.lg-text-pink-900 { color: var(--quanta-pink-900); }
.lg-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
.lg-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
.lg-active-text-pink-900:active { color: var(--quanta-pink-900); }
.lg-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
.lg-text-grey-50 { color: var(--quanta-grey-50); }
.lg-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
.lg-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
.lg-active-text-grey-50:active { color: var(--quanta-grey-50); }
.lg-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
.lg-text-grey-100 { color: var(--quanta-grey-100); }
.lg-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
.lg-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
.lg-active-text-grey-100:active { color: var(--quanta-grey-100); }
.lg-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
.lg-text-grey-200 { color: var(--quanta-grey-200); }
.lg-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
.lg-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
.lg-active-text-grey-200:active { color: var(--quanta-grey-200); }
.lg-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
.lg-text-grey-300 { color: var(--quanta-grey-300); }
.lg-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
.lg-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
.lg-active-text-grey-300:active { color: var(--quanta-grey-300); }
.lg-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
.lg-text-grey-400 { color: var(--quanta-grey-400); }
.lg-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
.lg-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
.lg-active-text-grey-400:active { color: var(--quanta-grey-400); }
.lg-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
.lg-text-grey-500 { color: var(--quanta-grey-500); }
.lg-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
.lg-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
.lg-active-text-grey-500:active { color: var(--quanta-grey-500); }
.lg-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
.lg-text-grey-600 { color: var(--quanta-grey-600); }
.lg-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
.lg-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
.lg-active-text-grey-600:active { color: var(--quanta-grey-600); }
.lg-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
.lg-text-grey-700 { color: var(--quanta-grey-700); }
.lg-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
.lg-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
.lg-active-text-grey-700:active { color: var(--quanta-grey-700); }
.lg-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
.lg-text-grey-800 { color: var(--quanta-grey-800); }
.lg-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
.lg-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
.lg-active-text-grey-800:active { color: var(--quanta-grey-800); }
.lg-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
.lg-text-grey-900 { color: var(--quanta-grey-900); }
.lg-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
.lg-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
.lg-active-text-grey-900:active { color: var(--quanta-grey-900); }
.lg-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
.lg-text-lime-50 { color: var(--quanta-lime-50); }
.lg-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
.lg-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
.lg-active-text-lime-50:active { color: var(--quanta-lime-50); }
.lg-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
.lg-text-lime-100 { color: var(--quanta-lime-100); }
.lg-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
.lg-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
.lg-active-text-lime-100:active { color: var(--quanta-lime-100); }
.lg-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
.lg-text-lime-200 { color: var(--quanta-lime-200); }
.lg-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
.lg-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
.lg-active-text-lime-200:active { color: var(--quanta-lime-200); }
.lg-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
.lg-text-lime-300 { color: var(--quanta-lime-300); }
.lg-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
.lg-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
.lg-active-text-lime-300:active { color: var(--quanta-lime-300); }
.lg-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
.lg-text-lime-400 { color: var(--quanta-lime-400); }
.lg-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
.lg-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
.lg-active-text-lime-400:active { color: var(--quanta-lime-400); }
.lg-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
.lg-text-lime-500 { color: var(--quanta-lime-500); }
.lg-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
.lg-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
.lg-active-text-lime-500:active { color: var(--quanta-lime-500); }
.lg-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
.lg-text-lime-600 { color: var(--quanta-lime-600); }
.lg-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
.lg-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
.lg-active-text-lime-600:active { color: var(--quanta-lime-600); }
.lg-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
.lg-text-lime-700 { color: var(--quanta-lime-700); }
.lg-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
.lg-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
.lg-active-text-lime-700:active { color: var(--quanta-lime-700); }
.lg-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
.lg-text-lime-800 { color: var(--quanta-lime-800); }
.lg-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
.lg-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
.lg-active-text-lime-800:active { color: var(--quanta-lime-800); }
.lg-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
.lg-text-lime-900 { color: var(--quanta-lime-900); }
.lg-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
.lg-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
.lg-active-text-lime-900:active { color: var(--quanta-lime-900); }
.lg-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
.lg-text-cyan-50 { color: var(--quanta-cyan-50); }
.lg-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
.lg-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
.lg-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
.lg-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
.lg-text-cyan-100 { color: var(--quanta-cyan-100); }
.lg-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
.lg-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
.lg-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
.lg-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
.lg-text-cyan-200 { color: var(--quanta-cyan-200); }
.lg-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
.lg-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
.lg-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
.lg-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
.lg-text-cyan-300 { color: var(--quanta-cyan-300); }
.lg-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
.lg-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
.lg-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
.lg-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
.lg-text-cyan-400 { color: var(--quanta-cyan-400); }
.lg-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
.lg-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
.lg-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
.lg-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
.lg-text-cyan-500 { color: var(--quanta-cyan-500); }
.lg-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
.lg-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
.lg-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
.lg-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
.lg-text-cyan-600 { color: var(--quanta-cyan-600); }
.lg-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
.lg-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
.lg-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
.lg-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
.lg-text-cyan-700 { color: var(--quanta-cyan-700); }
.lg-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
.lg-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
.lg-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
.lg-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
.lg-text-cyan-800 { color: var(--quanta-cyan-800); }
.lg-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
.lg-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
.lg-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
.lg-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
.lg-text-cyan-900 { color: var(--quanta-cyan-900); }
.lg-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
.lg-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
.lg-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
.lg-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
.lg-text-sky-50 { color: var(--quanta-sky-50); }
.lg-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
.lg-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
.lg-active-text-sky-50:active { color: var(--quanta-sky-50); }
.lg-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
.lg-text-sky-100 { color: var(--quanta-sky-100); }
.lg-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
.lg-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
.lg-active-text-sky-100:active { color: var(--quanta-sky-100); }
.lg-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
.lg-text-sky-200 { color: var(--quanta-sky-200); }
.lg-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
.lg-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
.lg-active-text-sky-200:active { color: var(--quanta-sky-200); }
.lg-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
.lg-text-sky-300 { color: var(--quanta-sky-300); }
.lg-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
.lg-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
.lg-active-text-sky-300:active { color: var(--quanta-sky-300); }
.lg-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
.lg-text-sky-400 { color: var(--quanta-sky-400); }
.lg-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
.lg-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
.lg-active-text-sky-400:active { color: var(--quanta-sky-400); }
.lg-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
.lg-text-sky-500 { color: var(--quanta-sky-500); }
.lg-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
.lg-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
.lg-active-text-sky-500:active { color: var(--quanta-sky-500); }
.lg-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
.lg-text-sky-600 { color: var(--quanta-sky-600); }
.lg-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
.lg-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
.lg-active-text-sky-600:active { color: var(--quanta-sky-600); }
.lg-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
.lg-text-sky-700 { color: var(--quanta-sky-700); }
.lg-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
.lg-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
.lg-active-text-sky-700:active { color: var(--quanta-sky-700); }
.lg-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
.lg-text-sky-800 { color: var(--quanta-sky-800); }
.lg-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
.lg-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
.lg-active-text-sky-800:active { color: var(--quanta-sky-800); }
.lg-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
.lg-text-sky-900 { color: var(--quanta-sky-900); }
.lg-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
.lg-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
.lg-active-text-sky-900:active { color: var(--quanta-sky-900); }
.lg-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
.lg-text-violet-50 { color: var(--quanta-violet-50); }
.lg-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
.lg-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
.lg-active-text-violet-50:active { color: var(--quanta-violet-50); }
.lg-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
.lg-text-violet-100 { color: var(--quanta-violet-100); }
.lg-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
.lg-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
.lg-active-text-violet-100:active { color: var(--quanta-violet-100); }
.lg-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
.lg-text-violet-200 { color: var(--quanta-violet-200); }
.lg-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
.lg-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
.lg-active-text-violet-200:active { color: var(--quanta-violet-200); }
.lg-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
.lg-text-violet-300 { color: var(--quanta-violet-300); }
.lg-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
.lg-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
.lg-active-text-violet-300:active { color: var(--quanta-violet-300); }
.lg-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
.lg-text-violet-400 { color: var(--quanta-violet-400); }
.lg-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
.lg-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
.lg-active-text-violet-400:active { color: var(--quanta-violet-400); }
.lg-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
.lg-text-violet-500 { color: var(--quanta-violet-500); }
.lg-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
.lg-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
.lg-active-text-violet-500:active { color: var(--quanta-violet-500); }
.lg-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
.lg-text-violet-600 { color: var(--quanta-violet-600); }
.lg-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
.lg-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
.lg-active-text-violet-600:active { color: var(--quanta-violet-600); }
.lg-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
.lg-text-violet-700 { color: var(--quanta-violet-700); }
.lg-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
.lg-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
.lg-active-text-violet-700:active { color: var(--quanta-violet-700); }
.lg-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
.lg-text-violet-800 { color: var(--quanta-violet-800); }
.lg-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
.lg-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
.lg-active-text-violet-800:active { color: var(--quanta-violet-800); }
.lg-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
.lg-text-violet-900 { color: var(--quanta-violet-900); }
.lg-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
.lg-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
.lg-active-text-violet-900:active { color: var(--quanta-violet-900); }
.lg-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
.lg-text-rose-50 { color: var(--quanta-rose-50); }
.lg-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
.lg-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
.lg-active-text-rose-50:active { color: var(--quanta-rose-50); }
.lg-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
.lg-text-rose-100 { color: var(--quanta-rose-100); }
.lg-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
.lg-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
.lg-active-text-rose-100:active { color: var(--quanta-rose-100); }
.lg-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
.lg-text-rose-200 { color: var(--quanta-rose-200); }
.lg-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
.lg-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
.lg-active-text-rose-200:active { color: var(--quanta-rose-200); }
.lg-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
.lg-text-rose-300 { color: var(--quanta-rose-300); }
.lg-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
.lg-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
.lg-active-text-rose-300:active { color: var(--quanta-rose-300); }
.lg-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
.lg-text-rose-400 { color: var(--quanta-rose-400); }
.lg-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
.lg-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
.lg-active-text-rose-400:active { color: var(--quanta-rose-400); }
.lg-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
.lg-text-rose-500 { color: var(--quanta-rose-500); }
.lg-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
.lg-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
.lg-active-text-rose-500:active { color: var(--quanta-rose-500); }
.lg-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
.lg-text-rose-600 { color: var(--quanta-rose-600); }
.lg-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
.lg-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
.lg-active-text-rose-600:active { color: var(--quanta-rose-600); }
.lg-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
.lg-text-rose-700 { color: var(--quanta-rose-700); }
.lg-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
.lg-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
.lg-active-text-rose-700:active { color: var(--quanta-rose-700); }
.lg-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
.lg-text-rose-800 { color: var(--quanta-rose-800); }
.lg-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
.lg-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
.lg-active-text-rose-800:active { color: var(--quanta-rose-800); }
.lg-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
.lg-text-rose-900 { color: var(--quanta-rose-900); }
.lg-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
.lg-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
.lg-active-text-rose-900:active { color: var(--quanta-rose-900); }
.lg-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
.lg-text-slate-50 { color: var(--quanta-slate-50); }
.lg-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
.lg-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
.lg-active-text-slate-50:active { color: var(--quanta-slate-50); }
.lg-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
.lg-text-slate-100 { color: var(--quanta-slate-100); }
.lg-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
.lg-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
.lg-active-text-slate-100:active { color: var(--quanta-slate-100); }
.lg-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
.lg-text-slate-200 { color: var(--quanta-slate-200); }
.lg-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
.lg-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
.lg-active-text-slate-200:active { color: var(--quanta-slate-200); }
.lg-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
.lg-text-slate-300 { color: var(--quanta-slate-300); }
.lg-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
.lg-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
.lg-active-text-slate-300:active { color: var(--quanta-slate-300); }
.lg-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
.lg-text-slate-400 { color: var(--quanta-slate-400); }
.lg-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
.lg-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
.lg-active-text-slate-400:active { color: var(--quanta-slate-400); }
.lg-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
.lg-text-slate-500 { color: var(--quanta-slate-500); }
.lg-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
.lg-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
.lg-active-text-slate-500:active { color: var(--quanta-slate-500); }
.lg-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
.lg-text-slate-600 { color: var(--quanta-slate-600); }
.lg-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
.lg-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
.lg-active-text-slate-600:active { color: var(--quanta-slate-600); }
.lg-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
.lg-text-slate-700 { color: var(--quanta-slate-700); }
.lg-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
.lg-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
.lg-active-text-slate-700:active { color: var(--quanta-slate-700); }
.lg-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
.lg-text-slate-800 { color: var(--quanta-slate-800); }
.lg-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
.lg-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
.lg-active-text-slate-800:active { color: var(--quanta-slate-800); }
.lg-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
.lg-text-slate-900 { color: var(--quanta-slate-900); }
.lg-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
.lg-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
.lg-active-text-slate-900:active { color: var(--quanta-slate-900); }
.lg-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
.lg-text-blue-50 { color: var(--quanta-blue-50); }
.lg-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
.lg-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
.lg-active-text-blue-50:active { color: var(--quanta-blue-50); }
.lg-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
.lg-text-blue-100 { color: var(--quanta-blue-100); }
.lg-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
.lg-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
.lg-active-text-blue-100:active { color: var(--quanta-blue-100); }
.lg-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
.lg-text-blue-200 { color: var(--quanta-blue-200); }
.lg-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
.lg-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
.lg-active-text-blue-200:active { color: var(--quanta-blue-200); }
.lg-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
.lg-text-blue-300 { color: var(--quanta-blue-300); }
.lg-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
.lg-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
.lg-active-text-blue-300:active { color: var(--quanta-blue-300); }
.lg-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
.lg-text-blue-400 { color: var(--quanta-blue-400); }
.lg-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
.lg-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
.lg-active-text-blue-400:active { color: var(--quanta-blue-400); }
.lg-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
.lg-text-blue-500 { color: var(--quanta-blue-500); }
.lg-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
.lg-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
.lg-active-text-blue-500:active { color: var(--quanta-blue-500); }
.lg-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
.lg-text-blue-600 { color: var(--quanta-blue-600); }
.lg-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
.lg-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
.lg-active-text-blue-600:active { color: var(--quanta-blue-600); }
.lg-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
.lg-text-blue-700 { color: var(--quanta-blue-700); }
.lg-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
.lg-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
.lg-active-text-blue-700:active { color: var(--quanta-blue-700); }
.lg-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
.lg-text-blue-800 { color: var(--quanta-blue-800); }
.lg-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
.lg-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
.lg-active-text-blue-800:active { color: var(--quanta-blue-800); }
.lg-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
.lg-text-blue-900 { color: var(--quanta-blue-900); }
.lg-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
.lg-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
.lg-active-text-blue-900:active { color: var(--quanta-blue-900); }
.lg-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
.lg-text-green-50 { color: var(--quanta-green-50); }
.lg-hover-text-green-50:hover { color: var(--quanta-green-50); }
.lg-focus-text-green-50:focus { color: var(--quanta-green-50); }
.lg-active-text-green-50:active { color: var(--quanta-green-50); }
.lg-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
.lg-text-green-100 { color: var(--quanta-green-100); }
.lg-hover-text-green-100:hover { color: var(--quanta-green-100); }
.lg-focus-text-green-100:focus { color: var(--quanta-green-100); }
.lg-active-text-green-100:active { color: var(--quanta-green-100); }
.lg-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
.lg-text-green-200 { color: var(--quanta-green-200); }
.lg-hover-text-green-200:hover { color: var(--quanta-green-200); }
.lg-focus-text-green-200:focus { color: var(--quanta-green-200); }
.lg-active-text-green-200:active { color: var(--quanta-green-200); }
.lg-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
.lg-text-green-300 { color: var(--quanta-green-300); }
.lg-hover-text-green-300:hover { color: var(--quanta-green-300); }
.lg-focus-text-green-300:focus { color: var(--quanta-green-300); }
.lg-active-text-green-300:active { color: var(--quanta-green-300); }
.lg-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
.lg-text-green-400 { color: var(--quanta-green-400); }
.lg-hover-text-green-400:hover { color: var(--quanta-green-400); }
.lg-focus-text-green-400:focus { color: var(--quanta-green-400); }
.lg-active-text-green-400:active { color: var(--quanta-green-400); }
.lg-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
.lg-text-green-500 { color: var(--quanta-green-500); }
.lg-hover-text-green-500:hover { color: var(--quanta-green-500); }
.lg-focus-text-green-500:focus { color: var(--quanta-green-500); }
.lg-active-text-green-500:active { color: var(--quanta-green-500); }
.lg-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
.lg-text-green-600 { color: var(--quanta-green-600); }
.lg-hover-text-green-600:hover { color: var(--quanta-green-600); }
.lg-focus-text-green-600:focus { color: var(--quanta-green-600); }
.lg-active-text-green-600:active { color: var(--quanta-green-600); }
.lg-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
.lg-text-green-700 { color: var(--quanta-green-700); }
.lg-hover-text-green-700:hover { color: var(--quanta-green-700); }
.lg-focus-text-green-700:focus { color: var(--quanta-green-700); }
.lg-active-text-green-700:active { color: var(--quanta-green-700); }
.lg-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
.lg-text-green-800 { color: var(--quanta-green-800); }
.lg-hover-text-green-800:hover { color: var(--quanta-green-800); }
.lg-focus-text-green-800:focus { color: var(--quanta-green-800); }
.lg-active-text-green-800:active { color: var(--quanta-green-800); }
.lg-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
.lg-text-green-900 { color: var(--quanta-green-900); }
.lg-hover-text-green-900:hover { color: var(--quanta-green-900); }
.lg-focus-text-green-900:focus { color: var(--quanta-green-900); }
.lg-active-text-green-900:active { color: var(--quanta-green-900); }
.lg-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
.lg-bg-red-50 { background-color: var(--quanta-red-50); }
.lg-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
.lg-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
.lg-active-bg-red-50:active { background-color: var(--quanta-red-50); }
.lg-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
.lg-bg-red-100 { background-color: var(--quanta-red-100); }
.lg-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
.lg-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
.lg-active-bg-red-100:active { background-color: var(--quanta-red-100); }
.lg-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
.lg-bg-red-200 { background-color: var(--quanta-red-200); }
.lg-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
.lg-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
.lg-active-bg-red-200:active { background-color: var(--quanta-red-200); }
.lg-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
.lg-bg-red-300 { background-color: var(--quanta-red-300); }
.lg-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
.lg-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
.lg-active-bg-red-300:active { background-color: var(--quanta-red-300); }
.lg-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
.lg-bg-red-400 { background-color: var(--quanta-red-400); }
.lg-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
.lg-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
.lg-active-bg-red-400:active { background-color: var(--quanta-red-400); }
.lg-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
.lg-bg-red-500 { background-color: var(--quanta-red-500); }
.lg-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
.lg-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
.lg-active-bg-red-500:active { background-color: var(--quanta-red-500); }
.lg-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
.lg-bg-red-600 { background-color: var(--quanta-red-600); }
.lg-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
.lg-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
.lg-active-bg-red-600:active { background-color: var(--quanta-red-600); }
.lg-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
.lg-bg-red-700 { background-color: var(--quanta-red-700); }
.lg-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
.lg-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
.lg-active-bg-red-700:active { background-color: var(--quanta-red-700); }
.lg-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
.lg-bg-red-800 { background-color: var(--quanta-red-800); }
.lg-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
.lg-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
.lg-active-bg-red-800:active { background-color: var(--quanta-red-800); }
.lg-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
.lg-bg-red-900 { background-color: var(--quanta-red-900); }
.lg-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
.lg-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
.lg-active-bg-red-900:active { background-color: var(--quanta-red-900); }
.lg-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
.lg-bg-orange-50 { background-color: var(--quanta-orange-50); }
.lg-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
.lg-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
.lg-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
.lg-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
.lg-bg-orange-100 { background-color: var(--quanta-orange-100); }
.lg-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
.lg-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
.lg-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
.lg-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
.lg-bg-orange-200 { background-color: var(--quanta-orange-200); }
.lg-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
.lg-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
.lg-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
.lg-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
.lg-bg-orange-300 { background-color: var(--quanta-orange-300); }
.lg-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
.lg-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
.lg-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
.lg-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
.lg-bg-orange-400 { background-color: var(--quanta-orange-400); }
.lg-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
.lg-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
.lg-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
.lg-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
.lg-bg-orange-500 { background-color: var(--quanta-orange-500); }
.lg-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
.lg-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
.lg-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
.lg-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
.lg-bg-orange-600 { background-color: var(--quanta-orange-600); }
.lg-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
.lg-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
.lg-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
.lg-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
.lg-bg-orange-700 { background-color: var(--quanta-orange-700); }
.lg-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
.lg-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
.lg-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
.lg-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
.lg-bg-orange-800 { background-color: var(--quanta-orange-800); }
.lg-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
.lg-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
.lg-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
.lg-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
.lg-bg-orange-900 { background-color: var(--quanta-orange-900); }
.lg-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
.lg-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
.lg-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
.lg-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
.lg-bg-teal-50 { background-color: var(--quanta-teal-50); }
.lg-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
.lg-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
.lg-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
.lg-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
.lg-bg-teal-100 { background-color: var(--quanta-teal-100); }
.lg-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
.lg-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
.lg-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
.lg-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
.lg-bg-teal-200 { background-color: var(--quanta-teal-200); }
.lg-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
.lg-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
.lg-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
.lg-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
.lg-bg-teal-300 { background-color: var(--quanta-teal-300); }
.lg-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
.lg-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
.lg-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
.lg-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
.lg-bg-teal-400 { background-color: var(--quanta-teal-400); }
.lg-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
.lg-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
.lg-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
.lg-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
.lg-bg-teal-500 { background-color: var(--quanta-teal-500); }
.lg-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
.lg-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
.lg-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
.lg-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
.lg-bg-teal-600 { background-color: var(--quanta-teal-600); }
.lg-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
.lg-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
.lg-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
.lg-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
.lg-bg-teal-700 { background-color: var(--quanta-teal-700); }
.lg-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
.lg-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
.lg-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
.lg-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
.lg-bg-teal-800 { background-color: var(--quanta-teal-800); }
.lg-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
.lg-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
.lg-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
.lg-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
.lg-bg-teal-900 { background-color: var(--quanta-teal-900); }
.lg-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
.lg-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
.lg-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
.lg-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
.lg-bg-purple-50 { background-color: var(--quanta-purple-50); }
.lg-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
.lg-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
.lg-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
.lg-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
.lg-bg-purple-100 { background-color: var(--quanta-purple-100); }
.lg-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
.lg-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
.lg-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
.lg-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
.lg-bg-purple-200 { background-color: var(--quanta-purple-200); }
.lg-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
.lg-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
.lg-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
.lg-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
.lg-bg-purple-300 { background-color: var(--quanta-purple-300); }
.lg-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
.lg-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
.lg-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
.lg-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
.lg-bg-purple-400 { background-color: var(--quanta-purple-400); }
.lg-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
.lg-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
.lg-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
.lg-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
.lg-bg-purple-500 { background-color: var(--quanta-purple-500); }
.lg-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
.lg-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
.lg-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
.lg-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
.lg-bg-purple-600 { background-color: var(--quanta-purple-600); }
.lg-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
.lg-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
.lg-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
.lg-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
.lg-bg-purple-700 { background-color: var(--quanta-purple-700); }
.lg-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
.lg-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
.lg-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
.lg-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
.lg-bg-purple-800 { background-color: var(--quanta-purple-800); }
.lg-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
.lg-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
.lg-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
.lg-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
.lg-bg-purple-900 { background-color: var(--quanta-purple-900); }
.lg-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
.lg-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
.lg-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
.lg-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
.lg-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
.lg-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
.lg-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
.lg-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
.lg-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
.lg-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.lg-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
.lg-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
.lg-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
.lg-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
.lg-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.lg-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
.lg-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
.lg-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
.lg-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
.lg-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.lg-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
.lg-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
.lg-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
.lg-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
.lg-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.lg-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
.lg-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
.lg-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
.lg-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
.lg-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.lg-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
.lg-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
.lg-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
.lg-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
.lg-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.lg-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
.lg-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
.lg-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
.lg-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
.lg-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.lg-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
.lg-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
.lg-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
.lg-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
.lg-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.lg-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
.lg-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
.lg-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
.lg-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
.lg-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
.lg-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
.lg-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
.lg-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
.lg-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
.lg-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
.lg-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
.lg-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
.lg-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
.lg-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
.lg-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.lg-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
.lg-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
.lg-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
.lg-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
.lg-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.lg-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
.lg-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
.lg-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
.lg-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
.lg-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.lg-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
.lg-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
.lg-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
.lg-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
.lg-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.lg-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
.lg-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
.lg-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
.lg-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
.lg-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.lg-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
.lg-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
.lg-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
.lg-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
.lg-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.lg-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
.lg-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
.lg-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
.lg-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
.lg-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.lg-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
.lg-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
.lg-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
.lg-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
.lg-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.lg-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
.lg-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
.lg-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
.lg-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
.lg-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
.lg-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
.lg-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
.lg-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
.lg-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
.lg-bg-pink-50 { background-color: var(--quanta-pink-50); }
.lg-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
.lg-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
.lg-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
.lg-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
.lg-bg-pink-100 { background-color: var(--quanta-pink-100); }
.lg-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
.lg-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
.lg-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
.lg-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
.lg-bg-pink-200 { background-color: var(--quanta-pink-200); }
.lg-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
.lg-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
.lg-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
.lg-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
.lg-bg-pink-300 { background-color: var(--quanta-pink-300); }
.lg-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
.lg-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
.lg-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
.lg-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
.lg-bg-pink-400 { background-color: var(--quanta-pink-400); }
.lg-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
.lg-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
.lg-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
.lg-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
.lg-bg-pink-500 { background-color: var(--quanta-pink-500); }
.lg-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
.lg-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
.lg-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
.lg-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
.lg-bg-pink-600 { background-color: var(--quanta-pink-600); }
.lg-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
.lg-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
.lg-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
.lg-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
.lg-bg-pink-700 { background-color: var(--quanta-pink-700); }
.lg-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
.lg-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
.lg-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
.lg-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
.lg-bg-pink-800 { background-color: var(--quanta-pink-800); }
.lg-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
.lg-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
.lg-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
.lg-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
.lg-bg-pink-900 { background-color: var(--quanta-pink-900); }
.lg-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
.lg-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
.lg-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
.lg-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
.lg-bg-grey-50 { background-color: var(--quanta-grey-50); }
.lg-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
.lg-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
.lg-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
.lg-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
.lg-bg-grey-100 { background-color: var(--quanta-grey-100); }
.lg-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
.lg-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
.lg-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
.lg-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
.lg-bg-grey-200 { background-color: var(--quanta-grey-200); }
.lg-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
.lg-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
.lg-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
.lg-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
.lg-bg-grey-300 { background-color: var(--quanta-grey-300); }
.lg-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
.lg-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
.lg-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
.lg-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
.lg-bg-grey-400 { background-color: var(--quanta-grey-400); }
.lg-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
.lg-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
.lg-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
.lg-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
.lg-bg-grey-500 { background-color: var(--quanta-grey-500); }
.lg-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
.lg-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
.lg-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
.lg-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
.lg-bg-grey-600 { background-color: var(--quanta-grey-600); }
.lg-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
.lg-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
.lg-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
.lg-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
.lg-bg-grey-700 { background-color: var(--quanta-grey-700); }
.lg-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
.lg-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
.lg-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
.lg-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
.lg-bg-grey-800 { background-color: var(--quanta-grey-800); }
.lg-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
.lg-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
.lg-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
.lg-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
.lg-bg-grey-900 { background-color: var(--quanta-grey-900); }
.lg-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
.lg-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
.lg-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
.lg-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
.lg-bg-lime-50 { background-color: var(--quanta-lime-50); }
.lg-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
.lg-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
.lg-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
.lg-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
.lg-bg-lime-100 { background-color: var(--quanta-lime-100); }
.lg-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
.lg-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
.lg-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
.lg-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
.lg-bg-lime-200 { background-color: var(--quanta-lime-200); }
.lg-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
.lg-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
.lg-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
.lg-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
.lg-bg-lime-300 { background-color: var(--quanta-lime-300); }
.lg-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
.lg-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
.lg-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
.lg-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
.lg-bg-lime-400 { background-color: var(--quanta-lime-400); }
.lg-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
.lg-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
.lg-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
.lg-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
.lg-bg-lime-500 { background-color: var(--quanta-lime-500); }
.lg-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
.lg-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
.lg-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
.lg-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
.lg-bg-lime-600 { background-color: var(--quanta-lime-600); }
.lg-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
.lg-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
.lg-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
.lg-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
.lg-bg-lime-700 { background-color: var(--quanta-lime-700); }
.lg-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
.lg-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
.lg-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
.lg-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
.lg-bg-lime-800 { background-color: var(--quanta-lime-800); }
.lg-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
.lg-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
.lg-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
.lg-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
.lg-bg-lime-900 { background-color: var(--quanta-lime-900); }
.lg-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
.lg-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
.lg-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
.lg-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
.lg-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
.lg-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
.lg-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
.lg-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
.lg-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
.lg-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.lg-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
.lg-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
.lg-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
.lg-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
.lg-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.lg-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
.lg-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
.lg-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
.lg-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
.lg-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.lg-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
.lg-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
.lg-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
.lg-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
.lg-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.lg-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
.lg-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
.lg-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
.lg-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
.lg-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.lg-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
.lg-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
.lg-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
.lg-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
.lg-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.lg-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
.lg-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
.lg-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
.lg-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
.lg-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.lg-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
.lg-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
.lg-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
.lg-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
.lg-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.lg-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
.lg-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
.lg-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
.lg-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
.lg-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
.lg-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
.lg-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
.lg-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
.lg-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
.lg-bg-sky-50 { background-color: var(--quanta-sky-50); }
.lg-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
.lg-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
.lg-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
.lg-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
.lg-bg-sky-100 { background-color: var(--quanta-sky-100); }
.lg-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
.lg-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
.lg-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
.lg-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
.lg-bg-sky-200 { background-color: var(--quanta-sky-200); }
.lg-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
.lg-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
.lg-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
.lg-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
.lg-bg-sky-300 { background-color: var(--quanta-sky-300); }
.lg-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
.lg-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
.lg-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
.lg-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
.lg-bg-sky-400 { background-color: var(--quanta-sky-400); }
.lg-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
.lg-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
.lg-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
.lg-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
.lg-bg-sky-500 { background-color: var(--quanta-sky-500); }
.lg-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
.lg-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
.lg-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
.lg-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
.lg-bg-sky-600 { background-color: var(--quanta-sky-600); }
.lg-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
.lg-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
.lg-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
.lg-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
.lg-bg-sky-700 { background-color: var(--quanta-sky-700); }
.lg-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
.lg-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
.lg-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
.lg-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
.lg-bg-sky-800 { background-color: var(--quanta-sky-800); }
.lg-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
.lg-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
.lg-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
.lg-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
.lg-bg-sky-900 { background-color: var(--quanta-sky-900); }
.lg-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
.lg-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
.lg-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
.lg-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
.lg-bg-violet-50 { background-color: var(--quanta-violet-50); }
.lg-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
.lg-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
.lg-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
.lg-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
.lg-bg-violet-100 { background-color: var(--quanta-violet-100); }
.lg-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
.lg-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
.lg-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
.lg-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
.lg-bg-violet-200 { background-color: var(--quanta-violet-200); }
.lg-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
.lg-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
.lg-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
.lg-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
.lg-bg-violet-300 { background-color: var(--quanta-violet-300); }
.lg-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
.lg-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
.lg-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
.lg-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
.lg-bg-violet-400 { background-color: var(--quanta-violet-400); }
.lg-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
.lg-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
.lg-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
.lg-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
.lg-bg-violet-500 { background-color: var(--quanta-violet-500); }
.lg-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
.lg-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
.lg-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
.lg-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
.lg-bg-violet-600 { background-color: var(--quanta-violet-600); }
.lg-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
.lg-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
.lg-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
.lg-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
.lg-bg-violet-700 { background-color: var(--quanta-violet-700); }
.lg-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
.lg-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
.lg-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
.lg-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
.lg-bg-violet-800 { background-color: var(--quanta-violet-800); }
.lg-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
.lg-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
.lg-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
.lg-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
.lg-bg-violet-900 { background-color: var(--quanta-violet-900); }
.lg-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
.lg-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
.lg-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
.lg-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
.lg-bg-rose-50 { background-color: var(--quanta-rose-50); }
.lg-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
.lg-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
.lg-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
.lg-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
.lg-bg-rose-100 { background-color: var(--quanta-rose-100); }
.lg-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
.lg-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
.lg-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
.lg-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
.lg-bg-rose-200 { background-color: var(--quanta-rose-200); }
.lg-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
.lg-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
.lg-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
.lg-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
.lg-bg-rose-300 { background-color: var(--quanta-rose-300); }
.lg-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
.lg-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
.lg-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
.lg-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
.lg-bg-rose-400 { background-color: var(--quanta-rose-400); }
.lg-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
.lg-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
.lg-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
.lg-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
.lg-bg-rose-500 { background-color: var(--quanta-rose-500); }
.lg-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
.lg-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
.lg-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
.lg-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
.lg-bg-rose-600 { background-color: var(--quanta-rose-600); }
.lg-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
.lg-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
.lg-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
.lg-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
.lg-bg-rose-700 { background-color: var(--quanta-rose-700); }
.lg-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
.lg-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
.lg-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
.lg-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
.lg-bg-rose-800 { background-color: var(--quanta-rose-800); }
.lg-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
.lg-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
.lg-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
.lg-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
.lg-bg-rose-900 { background-color: var(--quanta-rose-900); }
.lg-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
.lg-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
.lg-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
.lg-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
.lg-bg-slate-50 { background-color: var(--quanta-slate-50); }
.lg-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
.lg-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
.lg-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
.lg-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
.lg-bg-slate-100 { background-color: var(--quanta-slate-100); }
.lg-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
.lg-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
.lg-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
.lg-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
.lg-bg-slate-200 { background-color: var(--quanta-slate-200); }
.lg-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
.lg-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
.lg-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
.lg-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
.lg-bg-slate-300 { background-color: var(--quanta-slate-300); }
.lg-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
.lg-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
.lg-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
.lg-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
.lg-bg-slate-400 { background-color: var(--quanta-slate-400); }
.lg-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
.lg-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
.lg-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
.lg-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
.lg-bg-slate-500 { background-color: var(--quanta-slate-500); }
.lg-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
.lg-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
.lg-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
.lg-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
.lg-bg-slate-600 { background-color: var(--quanta-slate-600); }
.lg-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
.lg-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
.lg-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
.lg-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
.lg-bg-slate-700 { background-color: var(--quanta-slate-700); }
.lg-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
.lg-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
.lg-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
.lg-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
.lg-bg-slate-800 { background-color: var(--quanta-slate-800); }
.lg-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
.lg-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
.lg-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
.lg-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
.lg-bg-slate-900 { background-color: var(--quanta-slate-900); }
.lg-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
.lg-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
.lg-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
.lg-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
.lg-bg-blue-50 { background-color: var(--quanta-blue-50); }
.lg-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
.lg-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
.lg-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
.lg-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
.lg-bg-blue-100 { background-color: var(--quanta-blue-100); }
.lg-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
.lg-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
.lg-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
.lg-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
.lg-bg-blue-200 { background-color: var(--quanta-blue-200); }
.lg-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
.lg-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
.lg-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
.lg-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
.lg-bg-blue-300 { background-color: var(--quanta-blue-300); }
.lg-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
.lg-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
.lg-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
.lg-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
.lg-bg-blue-400 { background-color: var(--quanta-blue-400); }
.lg-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
.lg-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
.lg-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
.lg-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
.lg-bg-blue-500 { background-color: var(--quanta-blue-500); }
.lg-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
.lg-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
.lg-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
.lg-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
.lg-bg-blue-600 { background-color: var(--quanta-blue-600); }
.lg-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
.lg-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
.lg-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
.lg-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
.lg-bg-blue-700 { background-color: var(--quanta-blue-700); }
.lg-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
.lg-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
.lg-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
.lg-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
.lg-bg-blue-800 { background-color: var(--quanta-blue-800); }
.lg-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
.lg-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
.lg-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
.lg-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
.lg-bg-blue-900 { background-color: var(--quanta-blue-900); }
.lg-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
.lg-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
.lg-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
.lg-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
.lg-bg-green-50 { background-color: var(--quanta-green-50); }
.lg-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
.lg-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
.lg-active-bg-green-50:active { background-color: var(--quanta-green-50); }
.lg-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
.lg-bg-green-100 { background-color: var(--quanta-green-100); }
.lg-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
.lg-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
.lg-active-bg-green-100:active { background-color: var(--quanta-green-100); }
.lg-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
.lg-bg-green-200 { background-color: var(--quanta-green-200); }
.lg-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
.lg-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
.lg-active-bg-green-200:active { background-color: var(--quanta-green-200); }
.lg-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
.lg-bg-green-300 { background-color: var(--quanta-green-300); }
.lg-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
.lg-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
.lg-active-bg-green-300:active { background-color: var(--quanta-green-300); }
.lg-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
.lg-bg-green-400 { background-color: var(--quanta-green-400); }
.lg-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
.lg-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
.lg-active-bg-green-400:active { background-color: var(--quanta-green-400); }
.lg-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
.lg-bg-green-500 { background-color: var(--quanta-green-500); }
.lg-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
.lg-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
.lg-active-bg-green-500:active { background-color: var(--quanta-green-500); }
.lg-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
.lg-bg-green-600 { background-color: var(--quanta-green-600); }
.lg-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
.lg-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
.lg-active-bg-green-600:active { background-color: var(--quanta-green-600); }
.lg-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
.lg-bg-green-700 { background-color: var(--quanta-green-700); }
.lg-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
.lg-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
.lg-active-bg-green-700:active { background-color: var(--quanta-green-700); }
.lg-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
.lg-bg-green-800 { background-color: var(--quanta-green-800); }
.lg-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
.lg-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
.lg-active-bg-green-800:active { background-color: var(--quanta-green-800); }
.lg-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
.lg-bg-green-900 { background-color: var(--quanta-green-900); }
.lg-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
.lg-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
.lg-active-bg-green-900:active { background-color: var(--quanta-green-900); }
.lg-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
.lg-bg-black { background-color: var(--black); }
.lg-hover-bg-black:hover { background-color: var(--black); }
.lg-focus-bg-black:focus { background-color: var(--black); }
.lg-active-bg-black:active { background-color: var(--black); }
.lg-disabled-bg-black:disabled { background-color: var(--black); }
.lg-bg-white { background-color: var(--white); }
.lg-hover-bg-white:hover { background-color: var(--white); }
.lg-focus-bg-white:focus { background-color: var(--white); }
.lg-active-bg-white:active { background-color: var(--white); }
.lg-disabled-bg-white:disabled { background-color: var(--white); }
.lg-border-red-50 { border-color: var(--quanta-red-50); }
.lg-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
.lg-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
.lg-active-border-red-50:active { border-color: var(--quanta-red-50); }
.lg-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
.lg-border-red-100 { border-color: var(--quanta-red-100); }
.lg-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
.lg-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
.lg-active-border-red-100:active { border-color: var(--quanta-red-100); }
.lg-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
.lg-border-red-200 { border-color: var(--quanta-red-200); }
.lg-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
.lg-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
.lg-active-border-red-200:active { border-color: var(--quanta-red-200); }
.lg-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
.lg-border-red-300 { border-color: var(--quanta-red-300); }
.lg-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
.lg-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
.lg-active-border-red-300:active { border-color: var(--quanta-red-300); }
.lg-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
.lg-border-red-400 { border-color: var(--quanta-red-400); }
.lg-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
.lg-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
.lg-active-border-red-400:active { border-color: var(--quanta-red-400); }
.lg-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
.lg-border-red-500 { border-color: var(--quanta-red-500); }
.lg-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
.lg-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
.lg-active-border-red-500:active { border-color: var(--quanta-red-500); }
.lg-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
.lg-border-red-600 { border-color: var(--quanta-red-600); }
.lg-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
.lg-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
.lg-active-border-red-600:active { border-color: var(--quanta-red-600); }
.lg-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
.lg-border-red-700 { border-color: var(--quanta-red-700); }
.lg-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
.lg-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
.lg-active-border-red-700:active { border-color: var(--quanta-red-700); }
.lg-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
.lg-border-red-800 { border-color: var(--quanta-red-800); }
.lg-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
.lg-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
.lg-active-border-red-800:active { border-color: var(--quanta-red-800); }
.lg-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
.lg-border-red-900 { border-color: var(--quanta-red-900); }
.lg-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
.lg-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
.lg-active-border-red-900:active { border-color: var(--quanta-red-900); }
.lg-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
.lg-border-orange-50 { border-color: var(--quanta-orange-50); }
.lg-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
.lg-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
.lg-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
.lg-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
.lg-border-orange-100 { border-color: var(--quanta-orange-100); }
.lg-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
.lg-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
.lg-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
.lg-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
.lg-border-orange-200 { border-color: var(--quanta-orange-200); }
.lg-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
.lg-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
.lg-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
.lg-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
.lg-border-orange-300 { border-color: var(--quanta-orange-300); }
.lg-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
.lg-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
.lg-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
.lg-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
.lg-border-orange-400 { border-color: var(--quanta-orange-400); }
.lg-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
.lg-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
.lg-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
.lg-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
.lg-border-orange-500 { border-color: var(--quanta-orange-500); }
.lg-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
.lg-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
.lg-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
.lg-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
.lg-border-orange-600 { border-color: var(--quanta-orange-600); }
.lg-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
.lg-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
.lg-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
.lg-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
.lg-border-orange-700 { border-color: var(--quanta-orange-700); }
.lg-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
.lg-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
.lg-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
.lg-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
.lg-border-orange-800 { border-color: var(--quanta-orange-800); }
.lg-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
.lg-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
.lg-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
.lg-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
.lg-border-orange-900 { border-color: var(--quanta-orange-900); }
.lg-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
.lg-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
.lg-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
.lg-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
.lg-border-teal-50 { border-color: var(--quanta-teal-50); }
.lg-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
.lg-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
.lg-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
.lg-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
.lg-border-teal-100 { border-color: var(--quanta-teal-100); }
.lg-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
.lg-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
.lg-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
.lg-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
.lg-border-teal-200 { border-color: var(--quanta-teal-200); }
.lg-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
.lg-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
.lg-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
.lg-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
.lg-border-teal-300 { border-color: var(--quanta-teal-300); }
.lg-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
.lg-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
.lg-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
.lg-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
.lg-border-teal-400 { border-color: var(--quanta-teal-400); }
.lg-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
.lg-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
.lg-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
.lg-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
.lg-border-teal-500 { border-color: var(--quanta-teal-500); }
.lg-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
.lg-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
.lg-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
.lg-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
.lg-border-teal-600 { border-color: var(--quanta-teal-600); }
.lg-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
.lg-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
.lg-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
.lg-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
.lg-border-teal-700 { border-color: var(--quanta-teal-700); }
.lg-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
.lg-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
.lg-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
.lg-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
.lg-border-teal-800 { border-color: var(--quanta-teal-800); }
.lg-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
.lg-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
.lg-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
.lg-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
.lg-border-teal-900 { border-color: var(--quanta-teal-900); }
.lg-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
.lg-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
.lg-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
.lg-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
.lg-border-purple-50 { border-color: var(--quanta-purple-50); }
.lg-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
.lg-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
.lg-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
.lg-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
.lg-border-purple-100 { border-color: var(--quanta-purple-100); }
.lg-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
.lg-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
.lg-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
.lg-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
.lg-border-purple-200 { border-color: var(--quanta-purple-200); }
.lg-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
.lg-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
.lg-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
.lg-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
.lg-border-purple-300 { border-color: var(--quanta-purple-300); }
.lg-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
.lg-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
.lg-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
.lg-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
.lg-border-purple-400 { border-color: var(--quanta-purple-400); }
.lg-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
.lg-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
.lg-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
.lg-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
.lg-border-purple-500 { border-color: var(--quanta-purple-500); }
.lg-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
.lg-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
.lg-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
.lg-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
.lg-border-purple-600 { border-color: var(--quanta-purple-600); }
.lg-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
.lg-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
.lg-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
.lg-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
.lg-border-purple-700 { border-color: var(--quanta-purple-700); }
.lg-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
.lg-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
.lg-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
.lg-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
.lg-border-purple-800 { border-color: var(--quanta-purple-800); }
.lg-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
.lg-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
.lg-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
.lg-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
.lg-border-purple-900 { border-color: var(--quanta-purple-900); }
.lg-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
.lg-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
.lg-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
.lg-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
.lg-border-indigo-50 { border-color: var(--quanta-indigo-50); }
.lg-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
.lg-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
.lg-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
.lg-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
.lg-border-indigo-100 { border-color: var(--quanta-indigo-100); }
.lg-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
.lg-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
.lg-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
.lg-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
.lg-border-indigo-200 { border-color: var(--quanta-indigo-200); }
.lg-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
.lg-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
.lg-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
.lg-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
.lg-border-indigo-300 { border-color: var(--quanta-indigo-300); }
.lg-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
.lg-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
.lg-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
.lg-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
.lg-border-indigo-400 { border-color: var(--quanta-indigo-400); }
.lg-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
.lg-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
.lg-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
.lg-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
.lg-border-indigo-500 { border-color: var(--quanta-indigo-500); }
.lg-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
.lg-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
.lg-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
.lg-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
.lg-border-indigo-600 { border-color: var(--quanta-indigo-600); }
.lg-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
.lg-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
.lg-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
.lg-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
.lg-border-indigo-700 { border-color: var(--quanta-indigo-700); }
.lg-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
.lg-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
.lg-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
.lg-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
.lg-border-indigo-800 { border-color: var(--quanta-indigo-800); }
.lg-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
.lg-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
.lg-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
.lg-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
.lg-border-indigo-900 { border-color: var(--quanta-indigo-900); }
.lg-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
.lg-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
.lg-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
.lg-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
.lg-border-yellow-50 { border-color: var(--quanta-yellow-50); }
.lg-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
.lg-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
.lg-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
.lg-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
.lg-border-yellow-100 { border-color: var(--quanta-yellow-100); }
.lg-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
.lg-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
.lg-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
.lg-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
.lg-border-yellow-200 { border-color: var(--quanta-yellow-200); }
.lg-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
.lg-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
.lg-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
.lg-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
.lg-border-yellow-300 { border-color: var(--quanta-yellow-300); }
.lg-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
.lg-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
.lg-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
.lg-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
.lg-border-yellow-400 { border-color: var(--quanta-yellow-400); }
.lg-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
.lg-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
.lg-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
.lg-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
.lg-border-yellow-500 { border-color: var(--quanta-yellow-500); }
.lg-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
.lg-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
.lg-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
.lg-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
.lg-border-yellow-600 { border-color: var(--quanta-yellow-600); }
.lg-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
.lg-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
.lg-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
.lg-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
.lg-border-yellow-700 { border-color: var(--quanta-yellow-700); }
.lg-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
.lg-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
.lg-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
.lg-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
.lg-border-yellow-800 { border-color: var(--quanta-yellow-800); }
.lg-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
.lg-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
.lg-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
.lg-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
.lg-border-yellow-900 { border-color: var(--quanta-yellow-900); }
.lg-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
.lg-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
.lg-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
.lg-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
.lg-border-pink-50 { border-color: var(--quanta-pink-50); }
.lg-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
.lg-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
.lg-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
.lg-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
.lg-border-pink-100 { border-color: var(--quanta-pink-100); }
.lg-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
.lg-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
.lg-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
.lg-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
.lg-border-pink-200 { border-color: var(--quanta-pink-200); }
.lg-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
.lg-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
.lg-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
.lg-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
.lg-border-pink-300 { border-color: var(--quanta-pink-300); }
.lg-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
.lg-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
.lg-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
.lg-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
.lg-border-pink-400 { border-color: var(--quanta-pink-400); }
.lg-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
.lg-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
.lg-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
.lg-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
.lg-border-pink-500 { border-color: var(--quanta-pink-500); }
.lg-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
.lg-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
.lg-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
.lg-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
.lg-border-pink-600 { border-color: var(--quanta-pink-600); }
.lg-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
.lg-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
.lg-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
.lg-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
.lg-border-pink-700 { border-color: var(--quanta-pink-700); }
.lg-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
.lg-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
.lg-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
.lg-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
.lg-border-pink-800 { border-color: var(--quanta-pink-800); }
.lg-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
.lg-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
.lg-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
.lg-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
.lg-border-pink-900 { border-color: var(--quanta-pink-900); }
.lg-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
.lg-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
.lg-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
.lg-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
.lg-border-grey-50 { border-color: var(--quanta-grey-50); }
.lg-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
.lg-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
.lg-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
.lg-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
.lg-border-grey-100 { border-color: var(--quanta-grey-100); }
.lg-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
.lg-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
.lg-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
.lg-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
.lg-border-grey-200 { border-color: var(--quanta-grey-200); }
.lg-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
.lg-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
.lg-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
.lg-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
.lg-border-grey-300 { border-color: var(--quanta-grey-300); }
.lg-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
.lg-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
.lg-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
.lg-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
.lg-border-grey-400 { border-color: var(--quanta-grey-400); }
.lg-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
.lg-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
.lg-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
.lg-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
.lg-border-grey-500 { border-color: var(--quanta-grey-500); }
.lg-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
.lg-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
.lg-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
.lg-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
.lg-border-grey-600 { border-color: var(--quanta-grey-600); }
.lg-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
.lg-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
.lg-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
.lg-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
.lg-border-grey-700 { border-color: var(--quanta-grey-700); }
.lg-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
.lg-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
.lg-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
.lg-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
.lg-border-grey-800 { border-color: var(--quanta-grey-800); }
.lg-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
.lg-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
.lg-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
.lg-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
.lg-border-grey-900 { border-color: var(--quanta-grey-900); }
.lg-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
.lg-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
.lg-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
.lg-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
.lg-border-lime-50 { border-color: var(--quanta-lime-50); }
.lg-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
.lg-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
.lg-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
.lg-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
.lg-border-lime-100 { border-color: var(--quanta-lime-100); }
.lg-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
.lg-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
.lg-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
.lg-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
.lg-border-lime-200 { border-color: var(--quanta-lime-200); }
.lg-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
.lg-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
.lg-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
.lg-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
.lg-border-lime-300 { border-color: var(--quanta-lime-300); }
.lg-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
.lg-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
.lg-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
.lg-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
.lg-border-lime-400 { border-color: var(--quanta-lime-400); }
.lg-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
.lg-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
.lg-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
.lg-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
.lg-border-lime-500 { border-color: var(--quanta-lime-500); }
.lg-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
.lg-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
.lg-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
.lg-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
.lg-border-lime-600 { border-color: var(--quanta-lime-600); }
.lg-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
.lg-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
.lg-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
.lg-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
.lg-border-lime-700 { border-color: var(--quanta-lime-700); }
.lg-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
.lg-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
.lg-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
.lg-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
.lg-border-lime-800 { border-color: var(--quanta-lime-800); }
.lg-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
.lg-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
.lg-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
.lg-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
.lg-border-lime-900 { border-color: var(--quanta-lime-900); }
.lg-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
.lg-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
.lg-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
.lg-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
.lg-border-cyan-50 { border-color: var(--quanta-cyan-50); }
.lg-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
.lg-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
.lg-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
.lg-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
.lg-border-cyan-100 { border-color: var(--quanta-cyan-100); }
.lg-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
.lg-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
.lg-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
.lg-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
.lg-border-cyan-200 { border-color: var(--quanta-cyan-200); }
.lg-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
.lg-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
.lg-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
.lg-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
.lg-border-cyan-300 { border-color: var(--quanta-cyan-300); }
.lg-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
.lg-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
.lg-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
.lg-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
.lg-border-cyan-400 { border-color: var(--quanta-cyan-400); }
.lg-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
.lg-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
.lg-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
.lg-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
.lg-border-cyan-500 { border-color: var(--quanta-cyan-500); }
.lg-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
.lg-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
.lg-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
.lg-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
.lg-border-cyan-600 { border-color: var(--quanta-cyan-600); }
.lg-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
.lg-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
.lg-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
.lg-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
.lg-border-cyan-700 { border-color: var(--quanta-cyan-700); }
.lg-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
.lg-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
.lg-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
.lg-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
.lg-border-cyan-800 { border-color: var(--quanta-cyan-800); }
.lg-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
.lg-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
.lg-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
.lg-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
.lg-border-cyan-900 { border-color: var(--quanta-cyan-900); }
.lg-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
.lg-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
.lg-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
.lg-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
.lg-border-sky-50 { border-color: var(--quanta-sky-50); }
.lg-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
.lg-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
.lg-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
.lg-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
.lg-border-sky-100 { border-color: var(--quanta-sky-100); }
.lg-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
.lg-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
.lg-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
.lg-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
.lg-border-sky-200 { border-color: var(--quanta-sky-200); }
.lg-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
.lg-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
.lg-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
.lg-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
.lg-border-sky-300 { border-color: var(--quanta-sky-300); }
.lg-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
.lg-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
.lg-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
.lg-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
.lg-border-sky-400 { border-color: var(--quanta-sky-400); }
.lg-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
.lg-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
.lg-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
.lg-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
.lg-border-sky-500 { border-color: var(--quanta-sky-500); }
.lg-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
.lg-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
.lg-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
.lg-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
.lg-border-sky-600 { border-color: var(--quanta-sky-600); }
.lg-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
.lg-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
.lg-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
.lg-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
.lg-border-sky-700 { border-color: var(--quanta-sky-700); }
.lg-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
.lg-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
.lg-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
.lg-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
.lg-border-sky-800 { border-color: var(--quanta-sky-800); }
.lg-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
.lg-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
.lg-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
.lg-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
.lg-border-sky-900 { border-color: var(--quanta-sky-900); }
.lg-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
.lg-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
.lg-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
.lg-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
.lg-border-violet-50 { border-color: var(--quanta-violet-50); }
.lg-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
.lg-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
.lg-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
.lg-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
.lg-border-violet-100 { border-color: var(--quanta-violet-100); }
.lg-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
.lg-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
.lg-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
.lg-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
.lg-border-violet-200 { border-color: var(--quanta-violet-200); }
.lg-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
.lg-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
.lg-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
.lg-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
.lg-border-violet-300 { border-color: var(--quanta-violet-300); }
.lg-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
.lg-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
.lg-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
.lg-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
.lg-border-violet-400 { border-color: var(--quanta-violet-400); }
.lg-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
.lg-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
.lg-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
.lg-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
.lg-border-violet-500 { border-color: var(--quanta-violet-500); }
.lg-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
.lg-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
.lg-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
.lg-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
.lg-border-violet-600 { border-color: var(--quanta-violet-600); }
.lg-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
.lg-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
.lg-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
.lg-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
.lg-border-violet-700 { border-color: var(--quanta-violet-700); }
.lg-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
.lg-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
.lg-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
.lg-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
.lg-border-violet-800 { border-color: var(--quanta-violet-800); }
.lg-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
.lg-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
.lg-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
.lg-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
.lg-border-violet-900 { border-color: var(--quanta-violet-900); }
.lg-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
.lg-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
.lg-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
.lg-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
.lg-border-rose-50 { border-color: var(--quanta-rose-50); }
.lg-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
.lg-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
.lg-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
.lg-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
.lg-border-rose-100 { border-color: var(--quanta-rose-100); }
.lg-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
.lg-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
.lg-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
.lg-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
.lg-border-rose-200 { border-color: var(--quanta-rose-200); }
.lg-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
.lg-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
.lg-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
.lg-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
.lg-border-rose-300 { border-color: var(--quanta-rose-300); }
.lg-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
.lg-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
.lg-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
.lg-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
.lg-border-rose-400 { border-color: var(--quanta-rose-400); }
.lg-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
.lg-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
.lg-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
.lg-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
.lg-border-rose-500 { border-color: var(--quanta-rose-500); }
.lg-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
.lg-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
.lg-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
.lg-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
.lg-border-rose-600 { border-color: var(--quanta-rose-600); }
.lg-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
.lg-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
.lg-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
.lg-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
.lg-border-rose-700 { border-color: var(--quanta-rose-700); }
.lg-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
.lg-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
.lg-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
.lg-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
.lg-border-rose-800 { border-color: var(--quanta-rose-800); }
.lg-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
.lg-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
.lg-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
.lg-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
.lg-border-rose-900 { border-color: var(--quanta-rose-900); }
.lg-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
.lg-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
.lg-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
.lg-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
.lg-border-slate-50 { border-color: var(--quanta-slate-50); }
.lg-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
.lg-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
.lg-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
.lg-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
.lg-border-slate-100 { border-color: var(--quanta-slate-100); }
.lg-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
.lg-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
.lg-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
.lg-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
.lg-border-slate-200 { border-color: var(--quanta-slate-200); }
.lg-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
.lg-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
.lg-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
.lg-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
.lg-border-slate-300 { border-color: var(--quanta-slate-300); }
.lg-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
.lg-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
.lg-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
.lg-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
.lg-border-slate-400 { border-color: var(--quanta-slate-400); }
.lg-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
.lg-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
.lg-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
.lg-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
.lg-border-slate-500 { border-color: var(--quanta-slate-500); }
.lg-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
.lg-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
.lg-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
.lg-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
.lg-border-slate-600 { border-color: var(--quanta-slate-600); }
.lg-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
.lg-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
.lg-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
.lg-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
.lg-border-slate-700 { border-color: var(--quanta-slate-700); }
.lg-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
.lg-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
.lg-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
.lg-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
.lg-border-slate-800 { border-color: var(--quanta-slate-800); }
.lg-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
.lg-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
.lg-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
.lg-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
.lg-border-slate-900 { border-color: var(--quanta-slate-900); }
.lg-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
.lg-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
.lg-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
.lg-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
.lg-border-blue-50 { border-color: var(--quanta-blue-50); }
.lg-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
.lg-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
.lg-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
.lg-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
.lg-border-blue-100 { border-color: var(--quanta-blue-100); }
.lg-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
.lg-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
.lg-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
.lg-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
.lg-border-blue-200 { border-color: var(--quanta-blue-200); }
.lg-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
.lg-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
.lg-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
.lg-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
.lg-border-blue-300 { border-color: var(--quanta-blue-300); }
.lg-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
.lg-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
.lg-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
.lg-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
.lg-border-blue-400 { border-color: var(--quanta-blue-400); }
.lg-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
.lg-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
.lg-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
.lg-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
.lg-border-blue-500 { border-color: var(--quanta-blue-500); }
.lg-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
.lg-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
.lg-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
.lg-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
.lg-border-blue-600 { border-color: var(--quanta-blue-600); }
.lg-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
.lg-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
.lg-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
.lg-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
.lg-border-blue-700 { border-color: var(--quanta-blue-700); }
.lg-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
.lg-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
.lg-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
.lg-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
.lg-border-blue-800 { border-color: var(--quanta-blue-800); }
.lg-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
.lg-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
.lg-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
.lg-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
.lg-border-blue-900 { border-color: var(--quanta-blue-900); }
.lg-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
.lg-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
.lg-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
.lg-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
.lg-border-green-50 { border-color: var(--quanta-green-50); }
.lg-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
.lg-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
.lg-active-border-green-50:active { border-color: var(--quanta-green-50); }
.lg-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
.lg-border-green-100 { border-color: var(--quanta-green-100); }
.lg-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
.lg-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
.lg-active-border-green-100:active { border-color: var(--quanta-green-100); }
.lg-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
.lg-border-green-200 { border-color: var(--quanta-green-200); }
.lg-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
.lg-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
.lg-active-border-green-200:active { border-color: var(--quanta-green-200); }
.lg-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
.lg-border-green-300 { border-color: var(--quanta-green-300); }
.lg-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
.lg-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
.lg-active-border-green-300:active { border-color: var(--quanta-green-300); }
.lg-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
.lg-border-green-400 { border-color: var(--quanta-green-400); }
.lg-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
.lg-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
.lg-active-border-green-400:active { border-color: var(--quanta-green-400); }
.lg-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
.lg-border-green-500 { border-color: var(--quanta-green-500); }
.lg-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
.lg-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
.lg-active-border-green-500:active { border-color: var(--quanta-green-500); }
.lg-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
.lg-border-green-600 { border-color: var(--quanta-green-600); }
.lg-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
.lg-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
.lg-active-border-green-600:active { border-color: var(--quanta-green-600); }
.lg-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
.lg-border-green-700 { border-color: var(--quanta-green-700); }
.lg-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
.lg-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
.lg-active-border-green-700:active { border-color: var(--quanta-green-700); }
.lg-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
.lg-border-green-800 { border-color: var(--quanta-green-800); }
.lg-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
.lg-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
.lg-active-border-green-800:active { border-color: var(--quanta-green-800); }
.lg-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
.lg-border-green-900 { border-color: var(--quanta-green-900); }
.lg-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
.lg-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
.lg-active-border-green-900:active { border-color: var(--quanta-green-900); }
.lg-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
.lg-border-black { border-color: var(--black); }
.lg-hover-border-black:hover { border-color: var(--black); }
.lg-focus-border-black:focus { border-color: var(--black); }
.lg-active-border-black:active { border-color: var(--black); }
.lg-disabled-border-black:disabled { border-color: var(--black); }
.lg-border-white { border-color: var(--white); }
.lg-hover-border-white:hover { border-color: var(--white); }
.lg-focus-border-white:focus { border-color: var(--white); }
.lg-active-border-white:active { border-color: var(--white); }
.lg-disabled-border-white:disabled { border-color: var(--white); }
.lg-border-0 { border-width: 0.0rem; }
.lg-hover-border-0:hover { border-width: 0.0rem; }
.lg-focus-border-0:focus { border-width: 0.0rem; }
.lg-active-border-0:active { border-width: 0.0rem; }
.lg-disabled-border-0:disabled { border-width: 0.0rem; }
.lg-border-0 { border-width: 0.0rem; }
.lg-hover-border-0:hover { border-width: 0.0rem; }
.lg-focus-border-0:focus { border-width: 0.0rem; }
.lg-active-border-0:active { border-width: 0.0rem; }
.lg-disabled-border-0:disabled { border-width: 0.0rem; }
.lg-border-t-0 { border-top-width: 0.0rem; }
.lg-hover-border-t-0:hover { border-top-width: 0.0rem; }
.lg-focus-border-t-0:focus { border-top-width: 0.0rem; }
.lg-active-border-t-0:active { border-top-width: 0.0rem; }
.lg-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
.lg-border-r-0 { border-right-width: 0.0rem; }
.lg-hover-border-r-0:hover { border-right-width: 0.0rem; }
.lg-focus-border-r-0:focus { border-right-width: 0.0rem; }
.lg-active-border-r-0:active { border-right-width: 0.0rem; }
.lg-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
.lg-border-b-0 { border-bottom-width: 0.0rem; }
.lg-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
.lg-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
.lg-active-border-b-0:active { border-bottom-width: 0.0rem; }
.lg-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
.lg-border-l-0 { border-left-width: 0.0rem; }
.lg-hover-border-l-0:hover { border-left-width: 0.0rem; }
.lg-focus-border-l-0:focus { border-left-width: 0.0rem; }
.lg-active-border-l-0:active { border-left-width: 0.0rem; }
.lg-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
.lg-border-1 { border-width: 0.0625rem; }
.lg-hover-border-1:hover { border-width: 0.0625rem; }
.lg-focus-border-1:focus { border-width: 0.0625rem; }
.lg-active-border-1:active { border-width: 0.0625rem; }
.lg-disabled-border-1:disabled { border-width: 0.0625rem; }
.lg-border-1 { border-width: 0.0625rem; }
.lg-hover-border-1:hover { border-width: 0.0625rem; }
.lg-focus-border-1:focus { border-width: 0.0625rem; }
.lg-active-border-1:active { border-width: 0.0625rem; }
.lg-disabled-border-1:disabled { border-width: 0.0625rem; }
.lg-border-t-1 { border-top-width: 0.0625rem; }
.lg-hover-border-t-1:hover { border-top-width: 0.0625rem; }
.lg-focus-border-t-1:focus { border-top-width: 0.0625rem; }
.lg-active-border-t-1:active { border-top-width: 0.0625rem; }
.lg-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
.lg-border-r-1 { border-right-width: 0.0625rem; }
.lg-hover-border-r-1:hover { border-right-width: 0.0625rem; }
.lg-focus-border-r-1:focus { border-right-width: 0.0625rem; }
.lg-active-border-r-1:active { border-right-width: 0.0625rem; }
.lg-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
.lg-border-b-1 { border-bottom-width: 0.0625rem; }
.lg-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
.lg-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
.lg-active-border-b-1:active { border-bottom-width: 0.0625rem; }
.lg-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
.lg-border-l-1 { border-left-width: 0.0625rem; }
.lg-hover-border-l-1:hover { border-left-width: 0.0625rem; }
.lg-focus-border-l-1:focus { border-left-width: 0.0625rem; }
.lg-active-border-l-1:active { border-left-width: 0.0625rem; }
.lg-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
.lg-border-2 { border-width: 0.125rem; }
.lg-hover-border-2:hover { border-width: 0.125rem; }
.lg-focus-border-2:focus { border-width: 0.125rem; }
.lg-active-border-2:active { border-width: 0.125rem; }
.lg-disabled-border-2:disabled { border-width: 0.125rem; }
.lg-border-2 { border-width: 0.125rem; }
.lg-hover-border-2:hover { border-width: 0.125rem; }
.lg-focus-border-2:focus { border-width: 0.125rem; }
.lg-active-border-2:active { border-width: 0.125rem; }
.lg-disabled-border-2:disabled { border-width: 0.125rem; }
.lg-border-t-2 { border-top-width: 0.125rem; }
.lg-hover-border-t-2:hover { border-top-width: 0.125rem; }
.lg-focus-border-t-2:focus { border-top-width: 0.125rem; }
.lg-active-border-t-2:active { border-top-width: 0.125rem; }
.lg-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
.lg-border-r-2 { border-right-width: 0.125rem; }
.lg-hover-border-r-2:hover { border-right-width: 0.125rem; }
.lg-focus-border-r-2:focus { border-right-width: 0.125rem; }
.lg-active-border-r-2:active { border-right-width: 0.125rem; }
.lg-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
.lg-border-b-2 { border-bottom-width: 0.125rem; }
.lg-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
.lg-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
.lg-active-border-b-2:active { border-bottom-width: 0.125rem; }
.lg-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
.lg-border-l-2 { border-left-width: 0.125rem; }
.lg-hover-border-l-2:hover { border-left-width: 0.125rem; }
.lg-focus-border-l-2:focus { border-left-width: 0.125rem; }
.lg-active-border-l-2:active { border-left-width: 0.125rem; }
.lg-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
.lg-border-3 { border-width: 0.1875rem; }
.lg-hover-border-3:hover { border-width: 0.1875rem; }
.lg-focus-border-3:focus { border-width: 0.1875rem; }
.lg-active-border-3:active { border-width: 0.1875rem; }
.lg-disabled-border-3:disabled { border-width: 0.1875rem; }
.lg-border-3 { border-width: 0.1875rem; }
.lg-hover-border-3:hover { border-width: 0.1875rem; }
.lg-focus-border-3:focus { border-width: 0.1875rem; }
.lg-active-border-3:active { border-width: 0.1875rem; }
.lg-disabled-border-3:disabled { border-width: 0.1875rem; }
.lg-border-t-3 { border-top-width: 0.1875rem; }
.lg-hover-border-t-3:hover { border-top-width: 0.1875rem; }
.lg-focus-border-t-3:focus { border-top-width: 0.1875rem; }
.lg-active-border-t-3:active { border-top-width: 0.1875rem; }
.lg-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
.lg-border-r-3 { border-right-width: 0.1875rem; }
.lg-hover-border-r-3:hover { border-right-width: 0.1875rem; }
.lg-focus-border-r-3:focus { border-right-width: 0.1875rem; }
.lg-active-border-r-3:active { border-right-width: 0.1875rem; }
.lg-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
.lg-border-b-3 { border-bottom-width: 0.1875rem; }
.lg-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
.lg-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
.lg-active-border-b-3:active { border-bottom-width: 0.1875rem; }
.lg-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
.lg-border-l-3 { border-left-width: 0.1875rem; }
.lg-hover-border-l-3:hover { border-left-width: 0.1875rem; }
.lg-focus-border-l-3:focus { border-left-width: 0.1875rem; }
.lg-active-border-l-3:active { border-left-width: 0.1875rem; }
.lg-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
.lg-border-4 { border-width: 0.25rem; }
.lg-hover-border-4:hover { border-width: 0.25rem; }
.lg-focus-border-4:focus { border-width: 0.25rem; }
.lg-active-border-4:active { border-width: 0.25rem; }
.lg-disabled-border-4:disabled { border-width: 0.25rem; }
.lg-border-4 { border-width: 0.25rem; }
.lg-hover-border-4:hover { border-width: 0.25rem; }
.lg-focus-border-4:focus { border-width: 0.25rem; }
.lg-active-border-4:active { border-width: 0.25rem; }
.lg-disabled-border-4:disabled { border-width: 0.25rem; }
.lg-border-t-4 { border-top-width: 0.25rem; }
.lg-hover-border-t-4:hover { border-top-width: 0.25rem; }
.lg-focus-border-t-4:focus { border-top-width: 0.25rem; }
.lg-active-border-t-4:active { border-top-width: 0.25rem; }
.lg-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
.lg-border-r-4 { border-right-width: 0.25rem; }
.lg-hover-border-r-4:hover { border-right-width: 0.25rem; }
.lg-focus-border-r-4:focus { border-right-width: 0.25rem; }
.lg-active-border-r-4:active { border-right-width: 0.25rem; }
.lg-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
.lg-border-b-4 { border-bottom-width: 0.25rem; }
.lg-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
.lg-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
.lg-active-border-b-4:active { border-bottom-width: 0.25rem; }
.lg-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
.lg-border-l-4 { border-left-width: 0.25rem; }
.lg-hover-border-l-4:hover { border-left-width: 0.25rem; }
.lg-focus-border-l-4:focus { border-left-width: 0.25rem; }
.lg-active-border-l-4:active { border-left-width: 0.25rem; }
.lg-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
.lg-border-5 { border-width: 0.3125rem; }
.lg-hover-border-5:hover { border-width: 0.3125rem; }
.lg-focus-border-5:focus { border-width: 0.3125rem; }
.lg-active-border-5:active { border-width: 0.3125rem; }
.lg-disabled-border-5:disabled { border-width: 0.3125rem; }
.lg-border-5 { border-width: 0.3125rem; }
.lg-hover-border-5:hover { border-width: 0.3125rem; }
.lg-focus-border-5:focus { border-width: 0.3125rem; }
.lg-active-border-5:active { border-width: 0.3125rem; }
.lg-disabled-border-5:disabled { border-width: 0.3125rem; }
.lg-border-t-5 { border-top-width: 0.3125rem; }
.lg-hover-border-t-5:hover { border-top-width: 0.3125rem; }
.lg-focus-border-t-5:focus { border-top-width: 0.3125rem; }
.lg-active-border-t-5:active { border-top-width: 0.3125rem; }
.lg-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
.lg-border-r-5 { border-right-width: 0.3125rem; }
.lg-hover-border-r-5:hover { border-right-width: 0.3125rem; }
.lg-focus-border-r-5:focus { border-right-width: 0.3125rem; }
.lg-active-border-r-5:active { border-right-width: 0.3125rem; }
.lg-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
.lg-border-b-5 { border-bottom-width: 0.3125rem; }
.lg-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
.lg-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
.lg-active-border-b-5:active { border-bottom-width: 0.3125rem; }
.lg-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
.lg-border-l-5 { border-left-width: 0.3125rem; }
.lg-hover-border-l-5:hover { border-left-width: 0.3125rem; }
.lg-focus-border-l-5:focus { border-left-width: 0.3125rem; }
.lg-active-border-l-5:active { border-left-width: 0.3125rem; }
.lg-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
.lg-border-6 { border-width: 0.375rem; }
.lg-hover-border-6:hover { border-width: 0.375rem; }
.lg-focus-border-6:focus { border-width: 0.375rem; }
.lg-active-border-6:active { border-width: 0.375rem; }
.lg-disabled-border-6:disabled { border-width: 0.375rem; }
.lg-border-6 { border-width: 0.375rem; }
.lg-hover-border-6:hover { border-width: 0.375rem; }
.lg-focus-border-6:focus { border-width: 0.375rem; }
.lg-active-border-6:active { border-width: 0.375rem; }
.lg-disabled-border-6:disabled { border-width: 0.375rem; }
.lg-border-t-6 { border-top-width: 0.375rem; }
.lg-hover-border-t-6:hover { border-top-width: 0.375rem; }
.lg-focus-border-t-6:focus { border-top-width: 0.375rem; }
.lg-active-border-t-6:active { border-top-width: 0.375rem; }
.lg-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
.lg-border-r-6 { border-right-width: 0.375rem; }
.lg-hover-border-r-6:hover { border-right-width: 0.375rem; }
.lg-focus-border-r-6:focus { border-right-width: 0.375rem; }
.lg-active-border-r-6:active { border-right-width: 0.375rem; }
.lg-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
.lg-border-b-6 { border-bottom-width: 0.375rem; }
.lg-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
.lg-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
.lg-active-border-b-6:active { border-bottom-width: 0.375rem; }
.lg-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
.lg-border-l-6 { border-left-width: 0.375rem; }
.lg-hover-border-l-6:hover { border-left-width: 0.375rem; }
.lg-focus-border-l-6:focus { border-left-width: 0.375rem; }
.lg-active-border-l-6:active { border-left-width: 0.375rem; }
.lg-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
.lg-border-7 { border-width: 0.4375rem; }
.lg-hover-border-7:hover { border-width: 0.4375rem; }
.lg-focus-border-7:focus { border-width: 0.4375rem; }
.lg-active-border-7:active { border-width: 0.4375rem; }
.lg-disabled-border-7:disabled { border-width: 0.4375rem; }
.lg-border-7 { border-width: 0.4375rem; }
.lg-hover-border-7:hover { border-width: 0.4375rem; }
.lg-focus-border-7:focus { border-width: 0.4375rem; }
.lg-active-border-7:active { border-width: 0.4375rem; }
.lg-disabled-border-7:disabled { border-width: 0.4375rem; }
.lg-border-t-7 { border-top-width: 0.4375rem; }
.lg-hover-border-t-7:hover { border-top-width: 0.4375rem; }
.lg-focus-border-t-7:focus { border-top-width: 0.4375rem; }
.lg-active-border-t-7:active { border-top-width: 0.4375rem; }
.lg-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
.lg-border-r-7 { border-right-width: 0.4375rem; }
.lg-hover-border-r-7:hover { border-right-width: 0.4375rem; }
.lg-focus-border-r-7:focus { border-right-width: 0.4375rem; }
.lg-active-border-r-7:active { border-right-width: 0.4375rem; }
.lg-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
.lg-border-b-7 { border-bottom-width: 0.4375rem; }
.lg-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
.lg-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
.lg-active-border-b-7:active { border-bottom-width: 0.4375rem; }
.lg-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
.lg-border-l-7 { border-left-width: 0.4375rem; }
.lg-hover-border-l-7:hover { border-left-width: 0.4375rem; }
.lg-focus-border-l-7:focus { border-left-width: 0.4375rem; }
.lg-active-border-l-7:active { border-left-width: 0.4375rem; }
.lg-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
.lg-border-8 { border-width: 0.5rem; }
.lg-hover-border-8:hover { border-width: 0.5rem; }
.lg-focus-border-8:focus { border-width: 0.5rem; }
.lg-active-border-8:active { border-width: 0.5rem; }
.lg-disabled-border-8:disabled { border-width: 0.5rem; }
.lg-border-8 { border-width: 0.5rem; }
.lg-hover-border-8:hover { border-width: 0.5rem; }
.lg-focus-border-8:focus { border-width: 0.5rem; }
.lg-active-border-8:active { border-width: 0.5rem; }
.lg-disabled-border-8:disabled { border-width: 0.5rem; }
.lg-border-t-8 { border-top-width: 0.5rem; }
.lg-hover-border-t-8:hover { border-top-width: 0.5rem; }
.lg-focus-border-t-8:focus { border-top-width: 0.5rem; }
.lg-active-border-t-8:active { border-top-width: 0.5rem; }
.lg-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
.lg-border-r-8 { border-right-width: 0.5rem; }
.lg-hover-border-r-8:hover { border-right-width: 0.5rem; }
.lg-focus-border-r-8:focus { border-right-width: 0.5rem; }
.lg-active-border-r-8:active { border-right-width: 0.5rem; }
.lg-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
.lg-border-b-8 { border-bottom-width: 0.5rem; }
.lg-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
.lg-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
.lg-active-border-b-8:active { border-bottom-width: 0.5rem; }
.lg-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
.lg-border-l-8 { border-left-width: 0.5rem; }
.lg-hover-border-l-8:hover { border-left-width: 0.5rem; }
.lg-focus-border-l-8:focus { border-left-width: 0.5rem; }
.lg-active-border-l-8:active { border-left-width: 0.5rem; }
.lg-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
.lg-border-9 { border-width: 0.5625rem; }
.lg-hover-border-9:hover { border-width: 0.5625rem; }
.lg-focus-border-9:focus { border-width: 0.5625rem; }
.lg-active-border-9:active { border-width: 0.5625rem; }
.lg-disabled-border-9:disabled { border-width: 0.5625rem; }
.lg-border-9 { border-width: 0.5625rem; }
.lg-hover-border-9:hover { border-width: 0.5625rem; }
.lg-focus-border-9:focus { border-width: 0.5625rem; }
.lg-active-border-9:active { border-width: 0.5625rem; }
.lg-disabled-border-9:disabled { border-width: 0.5625rem; }
.lg-border-t-9 { border-top-width: 0.5625rem; }
.lg-hover-border-t-9:hover { border-top-width: 0.5625rem; }
.lg-focus-border-t-9:focus { border-top-width: 0.5625rem; }
.lg-active-border-t-9:active { border-top-width: 0.5625rem; }
.lg-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
.lg-border-r-9 { border-right-width: 0.5625rem; }
.lg-hover-border-r-9:hover { border-right-width: 0.5625rem; }
.lg-focus-border-r-9:focus { border-right-width: 0.5625rem; }
.lg-active-border-r-9:active { border-right-width: 0.5625rem; }
.lg-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
.lg-border-b-9 { border-bottom-width: 0.5625rem; }
.lg-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
.lg-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
.lg-active-border-b-9:active { border-bottom-width: 0.5625rem; }
.lg-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
.lg-border-l-9 { border-left-width: 0.5625rem; }
.lg-hover-border-l-9:hover { border-left-width: 0.5625rem; }
.lg-focus-border-l-9:focus { border-left-width: 0.5625rem; }
.lg-active-border-l-9:active { border-left-width: 0.5625rem; }
.lg-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
.lg-border-10 { border-width: 0.625rem; }
.lg-hover-border-10:hover { border-width: 0.625rem; }
.lg-focus-border-10:focus { border-width: 0.625rem; }
.lg-active-border-10:active { border-width: 0.625rem; }
.lg-disabled-border-10:disabled { border-width: 0.625rem; }
.lg-border-10 { border-width: 0.625rem; }
.lg-hover-border-10:hover { border-width: 0.625rem; }
.lg-focus-border-10:focus { border-width: 0.625rem; }
.lg-active-border-10:active { border-width: 0.625rem; }
.lg-disabled-border-10:disabled { border-width: 0.625rem; }
.lg-border-t-10 { border-top-width: 0.625rem; }
.lg-hover-border-t-10:hover { border-top-width: 0.625rem; }
.lg-focus-border-t-10:focus { border-top-width: 0.625rem; }
.lg-active-border-t-10:active { border-top-width: 0.625rem; }
.lg-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
.lg-border-r-10 { border-right-width: 0.625rem; }
.lg-hover-border-r-10:hover { border-right-width: 0.625rem; }
.lg-focus-border-r-10:focus { border-right-width: 0.625rem; }
.lg-active-border-r-10:active { border-right-width: 0.625rem; }
.lg-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
.lg-border-b-10 { border-bottom-width: 0.625rem; }
.lg-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
.lg-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
.lg-active-border-b-10:active { border-bottom-width: 0.625rem; }
.lg-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
.lg-border-l-10 { border-left-width: 0.625rem; }
.lg-hover-border-l-10:hover { border-left-width: 0.625rem; }
.lg-focus-border-l-10:focus { border-left-width: 0.625rem; }
.lg-active-border-l-10:active { border-left-width: 0.625rem; }
.lg-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
.lg-border-11 { border-width: 0.6875rem; }
.lg-hover-border-11:hover { border-width: 0.6875rem; }
.lg-focus-border-11:focus { border-width: 0.6875rem; }
.lg-active-border-11:active { border-width: 0.6875rem; }
.lg-disabled-border-11:disabled { border-width: 0.6875rem; }
.lg-border-11 { border-width: 0.6875rem; }
.lg-hover-border-11:hover { border-width: 0.6875rem; }
.lg-focus-border-11:focus { border-width: 0.6875rem; }
.lg-active-border-11:active { border-width: 0.6875rem; }
.lg-disabled-border-11:disabled { border-width: 0.6875rem; }
.lg-border-t-11 { border-top-width: 0.6875rem; }
.lg-hover-border-t-11:hover { border-top-width: 0.6875rem; }
.lg-focus-border-t-11:focus { border-top-width: 0.6875rem; }
.lg-active-border-t-11:active { border-top-width: 0.6875rem; }
.lg-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
.lg-border-r-11 { border-right-width: 0.6875rem; }
.lg-hover-border-r-11:hover { border-right-width: 0.6875rem; }
.lg-focus-border-r-11:focus { border-right-width: 0.6875rem; }
.lg-active-border-r-11:active { border-right-width: 0.6875rem; }
.lg-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
.lg-border-b-11 { border-bottom-width: 0.6875rem; }
.lg-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
.lg-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
.lg-active-border-b-11:active { border-bottom-width: 0.6875rem; }
.lg-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
.lg-border-l-11 { border-left-width: 0.6875rem; }
.lg-hover-border-l-11:hover { border-left-width: 0.6875rem; }
.lg-focus-border-l-11:focus { border-left-width: 0.6875rem; }
.lg-active-border-l-11:active { border-left-width: 0.6875rem; }
.lg-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
.lg-border-12 { border-width: 0.75rem; }
.lg-hover-border-12:hover { border-width: 0.75rem; }
.lg-focus-border-12:focus { border-width: 0.75rem; }
.lg-active-border-12:active { border-width: 0.75rem; }
.lg-disabled-border-12:disabled { border-width: 0.75rem; }
.lg-border-12 { border-width: 0.75rem; }
.lg-hover-border-12:hover { border-width: 0.75rem; }
.lg-focus-border-12:focus { border-width: 0.75rem; }
.lg-active-border-12:active { border-width: 0.75rem; }
.lg-disabled-border-12:disabled { border-width: 0.75rem; }
.lg-border-t-12 { border-top-width: 0.75rem; }
.lg-hover-border-t-12:hover { border-top-width: 0.75rem; }
.lg-focus-border-t-12:focus { border-top-width: 0.75rem; }
.lg-active-border-t-12:active { border-top-width: 0.75rem; }
.lg-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
.lg-border-r-12 { border-right-width: 0.75rem; }
.lg-hover-border-r-12:hover { border-right-width: 0.75rem; }
.lg-focus-border-r-12:focus { border-right-width: 0.75rem; }
.lg-active-border-r-12:active { border-right-width: 0.75rem; }
.lg-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
.lg-border-b-12 { border-bottom-width: 0.75rem; }
.lg-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
.lg-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
.lg-active-border-b-12:active { border-bottom-width: 0.75rem; }
.lg-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
.lg-border-l-12 { border-left-width: 0.75rem; }
.lg-hover-border-l-12:hover { border-left-width: 0.75rem; }
.lg-focus-border-l-12:focus { border-left-width: 0.75rem; }
.lg-active-border-l-12:active { border-left-width: 0.75rem; }
.lg-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
.lg-border-13 { border-width: 0.8125rem; }
.lg-hover-border-13:hover { border-width: 0.8125rem; }
.lg-focus-border-13:focus { border-width: 0.8125rem; }
.lg-active-border-13:active { border-width: 0.8125rem; }
.lg-disabled-border-13:disabled { border-width: 0.8125rem; }
.lg-border-13 { border-width: 0.8125rem; }
.lg-hover-border-13:hover { border-width: 0.8125rem; }
.lg-focus-border-13:focus { border-width: 0.8125rem; }
.lg-active-border-13:active { border-width: 0.8125rem; }
.lg-disabled-border-13:disabled { border-width: 0.8125rem; }
.lg-border-t-13 { border-top-width: 0.8125rem; }
.lg-hover-border-t-13:hover { border-top-width: 0.8125rem; }
.lg-focus-border-t-13:focus { border-top-width: 0.8125rem; }
.lg-active-border-t-13:active { border-top-width: 0.8125rem; }
.lg-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
.lg-border-r-13 { border-right-width: 0.8125rem; }
.lg-hover-border-r-13:hover { border-right-width: 0.8125rem; }
.lg-focus-border-r-13:focus { border-right-width: 0.8125rem; }
.lg-active-border-r-13:active { border-right-width: 0.8125rem; }
.lg-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
.lg-border-b-13 { border-bottom-width: 0.8125rem; }
.lg-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
.lg-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
.lg-active-border-b-13:active { border-bottom-width: 0.8125rem; }
.lg-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
.lg-border-l-13 { border-left-width: 0.8125rem; }
.lg-hover-border-l-13:hover { border-left-width: 0.8125rem; }
.lg-focus-border-l-13:focus { border-left-width: 0.8125rem; }
.lg-active-border-l-13:active { border-left-width: 0.8125rem; }
.lg-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
.lg-border-14 { border-width: 0.875rem; }
.lg-hover-border-14:hover { border-width: 0.875rem; }
.lg-focus-border-14:focus { border-width: 0.875rem; }
.lg-active-border-14:active { border-width: 0.875rem; }
.lg-disabled-border-14:disabled { border-width: 0.875rem; }
.lg-border-14 { border-width: 0.875rem; }
.lg-hover-border-14:hover { border-width: 0.875rem; }
.lg-focus-border-14:focus { border-width: 0.875rem; }
.lg-active-border-14:active { border-width: 0.875rem; }
.lg-disabled-border-14:disabled { border-width: 0.875rem; }
.lg-border-t-14 { border-top-width: 0.875rem; }
.lg-hover-border-t-14:hover { border-top-width: 0.875rem; }
.lg-focus-border-t-14:focus { border-top-width: 0.875rem; }
.lg-active-border-t-14:active { border-top-width: 0.875rem; }
.lg-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
.lg-border-r-14 { border-right-width: 0.875rem; }
.lg-hover-border-r-14:hover { border-right-width: 0.875rem; }
.lg-focus-border-r-14:focus { border-right-width: 0.875rem; }
.lg-active-border-r-14:active { border-right-width: 0.875rem; }
.lg-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
.lg-border-b-14 { border-bottom-width: 0.875rem; }
.lg-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
.lg-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
.lg-active-border-b-14:active { border-bottom-width: 0.875rem; }
.lg-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
.lg-border-l-14 { border-left-width: 0.875rem; }
.lg-hover-border-l-14:hover { border-left-width: 0.875rem; }
.lg-focus-border-l-14:focus { border-left-width: 0.875rem; }
.lg-active-border-l-14:active { border-left-width: 0.875rem; }
.lg-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
.lg-border-15 { border-width: 0.9375rem; }
.lg-hover-border-15:hover { border-width: 0.9375rem; }
.lg-focus-border-15:focus { border-width: 0.9375rem; }
.lg-active-border-15:active { border-width: 0.9375rem; }
.lg-disabled-border-15:disabled { border-width: 0.9375rem; }
.lg-border-15 { border-width: 0.9375rem; }
.lg-hover-border-15:hover { border-width: 0.9375rem; }
.lg-focus-border-15:focus { border-width: 0.9375rem; }
.lg-active-border-15:active { border-width: 0.9375rem; }
.lg-disabled-border-15:disabled { border-width: 0.9375rem; }
.lg-border-t-15 { border-top-width: 0.9375rem; }
.lg-hover-border-t-15:hover { border-top-width: 0.9375rem; }
.lg-focus-border-t-15:focus { border-top-width: 0.9375rem; }
.lg-active-border-t-15:active { border-top-width: 0.9375rem; }
.lg-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
.lg-border-r-15 { border-right-width: 0.9375rem; }
.lg-hover-border-r-15:hover { border-right-width: 0.9375rem; }
.lg-focus-border-r-15:focus { border-right-width: 0.9375rem; }
.lg-active-border-r-15:active { border-right-width: 0.9375rem; }
.lg-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
.lg-border-b-15 { border-bottom-width: 0.9375rem; }
.lg-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
.lg-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
.lg-active-border-b-15:active { border-bottom-width: 0.9375rem; }
.lg-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
.lg-border-l-15 { border-left-width: 0.9375rem; }
.lg-hover-border-l-15:hover { border-left-width: 0.9375rem; }
.lg-focus-border-l-15:focus { border-left-width: 0.9375rem; }
.lg-active-border-l-15:active { border-left-width: 0.9375rem; }
.lg-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
.lg-border-16 { border-width: 1.0rem; }
.lg-hover-border-16:hover { border-width: 1.0rem; }
.lg-focus-border-16:focus { border-width: 1.0rem; }
.lg-active-border-16:active { border-width: 1.0rem; }
.lg-disabled-border-16:disabled { border-width: 1.0rem; }
.lg-border-16 { border-width: 1.0rem; }
.lg-hover-border-16:hover { border-width: 1.0rem; }
.lg-focus-border-16:focus { border-width: 1.0rem; }
.lg-active-border-16:active { border-width: 1.0rem; }
.lg-disabled-border-16:disabled { border-width: 1.0rem; }
.lg-border-t-16 { border-top-width: 1.0rem; }
.lg-hover-border-t-16:hover { border-top-width: 1.0rem; }
.lg-focus-border-t-16:focus { border-top-width: 1.0rem; }
.lg-active-border-t-16:active { border-top-width: 1.0rem; }
.lg-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
.lg-border-r-16 { border-right-width: 1.0rem; }
.lg-hover-border-r-16:hover { border-right-width: 1.0rem; }
.lg-focus-border-r-16:focus { border-right-width: 1.0rem; }
.lg-active-border-r-16:active { border-right-width: 1.0rem; }
.lg-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
.lg-border-b-16 { border-bottom-width: 1.0rem; }
.lg-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
.lg-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
.lg-active-border-b-16:active { border-bottom-width: 1.0rem; }
.lg-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
.lg-border-l-16 { border-left-width: 1.0rem; }
.lg-hover-border-l-16:hover { border-left-width: 1.0rem; }
.lg-focus-border-l-16:focus { border-left-width: 1.0rem; }
.lg-active-border-l-16:active { border-left-width: 1.0rem; }
.lg-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
.lg-border-17 { border-width: 1.0625rem; }
.lg-hover-border-17:hover { border-width: 1.0625rem; }
.lg-focus-border-17:focus { border-width: 1.0625rem; }
.lg-active-border-17:active { border-width: 1.0625rem; }
.lg-disabled-border-17:disabled { border-width: 1.0625rem; }
.lg-border-17 { border-width: 1.0625rem; }
.lg-hover-border-17:hover { border-width: 1.0625rem; }
.lg-focus-border-17:focus { border-width: 1.0625rem; }
.lg-active-border-17:active { border-width: 1.0625rem; }
.lg-disabled-border-17:disabled { border-width: 1.0625rem; }
.lg-border-t-17 { border-top-width: 1.0625rem; }
.lg-hover-border-t-17:hover { border-top-width: 1.0625rem; }
.lg-focus-border-t-17:focus { border-top-width: 1.0625rem; }
.lg-active-border-t-17:active { border-top-width: 1.0625rem; }
.lg-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
.lg-border-r-17 { border-right-width: 1.0625rem; }
.lg-hover-border-r-17:hover { border-right-width: 1.0625rem; }
.lg-focus-border-r-17:focus { border-right-width: 1.0625rem; }
.lg-active-border-r-17:active { border-right-width: 1.0625rem; }
.lg-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
.lg-border-b-17 { border-bottom-width: 1.0625rem; }
.lg-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
.lg-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
.lg-active-border-b-17:active { border-bottom-width: 1.0625rem; }
.lg-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
.lg-border-l-17 { border-left-width: 1.0625rem; }
.lg-hover-border-l-17:hover { border-left-width: 1.0625rem; }
.lg-focus-border-l-17:focus { border-left-width: 1.0625rem; }
.lg-active-border-l-17:active { border-left-width: 1.0625rem; }
.lg-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
.lg-border-18 { border-width: 1.125rem; }
.lg-hover-border-18:hover { border-width: 1.125rem; }
.lg-focus-border-18:focus { border-width: 1.125rem; }
.lg-active-border-18:active { border-width: 1.125rem; }
.lg-disabled-border-18:disabled { border-width: 1.125rem; }
.lg-border-18 { border-width: 1.125rem; }
.lg-hover-border-18:hover { border-width: 1.125rem; }
.lg-focus-border-18:focus { border-width: 1.125rem; }
.lg-active-border-18:active { border-width: 1.125rem; }
.lg-disabled-border-18:disabled { border-width: 1.125rem; }
.lg-border-t-18 { border-top-width: 1.125rem; }
.lg-hover-border-t-18:hover { border-top-width: 1.125rem; }
.lg-focus-border-t-18:focus { border-top-width: 1.125rem; }
.lg-active-border-t-18:active { border-top-width: 1.125rem; }
.lg-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
.lg-border-r-18 { border-right-width: 1.125rem; }
.lg-hover-border-r-18:hover { border-right-width: 1.125rem; }
.lg-focus-border-r-18:focus { border-right-width: 1.125rem; }
.lg-active-border-r-18:active { border-right-width: 1.125rem; }
.lg-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
.lg-border-b-18 { border-bottom-width: 1.125rem; }
.lg-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
.lg-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
.lg-active-border-b-18:active { border-bottom-width: 1.125rem; }
.lg-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
.lg-border-l-18 { border-left-width: 1.125rem; }
.lg-hover-border-l-18:hover { border-left-width: 1.125rem; }
.lg-focus-border-l-18:focus { border-left-width: 1.125rem; }
.lg-active-border-l-18:active { border-left-width: 1.125rem; }
.lg-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
.lg-border-19 { border-width: 1.1875rem; }
.lg-hover-border-19:hover { border-width: 1.1875rem; }
.lg-focus-border-19:focus { border-width: 1.1875rem; }
.lg-active-border-19:active { border-width: 1.1875rem; }
.lg-disabled-border-19:disabled { border-width: 1.1875rem; }
.lg-border-19 { border-width: 1.1875rem; }
.lg-hover-border-19:hover { border-width: 1.1875rem; }
.lg-focus-border-19:focus { border-width: 1.1875rem; }
.lg-active-border-19:active { border-width: 1.1875rem; }
.lg-disabled-border-19:disabled { border-width: 1.1875rem; }
.lg-border-t-19 { border-top-width: 1.1875rem; }
.lg-hover-border-t-19:hover { border-top-width: 1.1875rem; }
.lg-focus-border-t-19:focus { border-top-width: 1.1875rem; }
.lg-active-border-t-19:active { border-top-width: 1.1875rem; }
.lg-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
.lg-border-r-19 { border-right-width: 1.1875rem; }
.lg-hover-border-r-19:hover { border-right-width: 1.1875rem; }
.lg-focus-border-r-19:focus { border-right-width: 1.1875rem; }
.lg-active-border-r-19:active { border-right-width: 1.1875rem; }
.lg-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
.lg-border-b-19 { border-bottom-width: 1.1875rem; }
.lg-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
.lg-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
.lg-active-border-b-19:active { border-bottom-width: 1.1875rem; }
.lg-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
.lg-border-l-19 { border-left-width: 1.1875rem; }
.lg-hover-border-l-19:hover { border-left-width: 1.1875rem; }
.lg-focus-border-l-19:focus { border-left-width: 1.1875rem; }
.lg-active-border-l-19:active { border-left-width: 1.1875rem; }
.lg-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
.lg-border-20 { border-width: 1.25rem; }
.lg-hover-border-20:hover { border-width: 1.25rem; }
.lg-focus-border-20:focus { border-width: 1.25rem; }
.lg-active-border-20:active { border-width: 1.25rem; }
.lg-disabled-border-20:disabled { border-width: 1.25rem; }
.lg-border-20 { border-width: 1.25rem; }
.lg-hover-border-20:hover { border-width: 1.25rem; }
.lg-focus-border-20:focus { border-width: 1.25rem; }
.lg-active-border-20:active { border-width: 1.25rem; }
.lg-disabled-border-20:disabled { border-width: 1.25rem; }
.lg-border-t-20 { border-top-width: 1.25rem; }
.lg-hover-border-t-20:hover { border-top-width: 1.25rem; }
.lg-focus-border-t-20:focus { border-top-width: 1.25rem; }
.lg-active-border-t-20:active { border-top-width: 1.25rem; }
.lg-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
.lg-border-r-20 { border-right-width: 1.25rem; }
.lg-hover-border-r-20:hover { border-right-width: 1.25rem; }
.lg-focus-border-r-20:focus { border-right-width: 1.25rem; }
.lg-active-border-r-20:active { border-right-width: 1.25rem; }
.lg-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
.lg-border-b-20 { border-bottom-width: 1.25rem; }
.lg-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
.lg-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
.lg-active-border-b-20:active { border-bottom-width: 1.25rem; }
.lg-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
.lg-border-l-20 { border-left-width: 1.25rem; }
.lg-hover-border-l-20:hover { border-left-width: 1.25rem; }
.lg-focus-border-l-20:focus { border-left-width: 1.25rem; }
.lg-active-border-l-20:active { border-left-width: 1.25rem; }
.lg-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
.lg-border-21 { border-width: 1.3125rem; }
.lg-hover-border-21:hover { border-width: 1.3125rem; }
.lg-focus-border-21:focus { border-width: 1.3125rem; }
.lg-active-border-21:active { border-width: 1.3125rem; }
.lg-disabled-border-21:disabled { border-width: 1.3125rem; }
.lg-border-21 { border-width: 1.3125rem; }
.lg-hover-border-21:hover { border-width: 1.3125rem; }
.lg-focus-border-21:focus { border-width: 1.3125rem; }
.lg-active-border-21:active { border-width: 1.3125rem; }
.lg-disabled-border-21:disabled { border-width: 1.3125rem; }
.lg-border-t-21 { border-top-width: 1.3125rem; }
.lg-hover-border-t-21:hover { border-top-width: 1.3125rem; }
.lg-focus-border-t-21:focus { border-top-width: 1.3125rem; }
.lg-active-border-t-21:active { border-top-width: 1.3125rem; }
.lg-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
.lg-border-r-21 { border-right-width: 1.3125rem; }
.lg-hover-border-r-21:hover { border-right-width: 1.3125rem; }
.lg-focus-border-r-21:focus { border-right-width: 1.3125rem; }
.lg-active-border-r-21:active { border-right-width: 1.3125rem; }
.lg-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
.lg-border-b-21 { border-bottom-width: 1.3125rem; }
.lg-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
.lg-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
.lg-active-border-b-21:active { border-bottom-width: 1.3125rem; }
.lg-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
.lg-border-l-21 { border-left-width: 1.3125rem; }
.lg-hover-border-l-21:hover { border-left-width: 1.3125rem; }
.lg-focus-border-l-21:focus { border-left-width: 1.3125rem; }
.lg-active-border-l-21:active { border-left-width: 1.3125rem; }
.lg-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
.lg-border-22 { border-width: 1.375rem; }
.lg-hover-border-22:hover { border-width: 1.375rem; }
.lg-focus-border-22:focus { border-width: 1.375rem; }
.lg-active-border-22:active { border-width: 1.375rem; }
.lg-disabled-border-22:disabled { border-width: 1.375rem; }
.lg-border-22 { border-width: 1.375rem; }
.lg-hover-border-22:hover { border-width: 1.375rem; }
.lg-focus-border-22:focus { border-width: 1.375rem; }
.lg-active-border-22:active { border-width: 1.375rem; }
.lg-disabled-border-22:disabled { border-width: 1.375rem; }
.lg-border-t-22 { border-top-width: 1.375rem; }
.lg-hover-border-t-22:hover { border-top-width: 1.375rem; }
.lg-focus-border-t-22:focus { border-top-width: 1.375rem; }
.lg-active-border-t-22:active { border-top-width: 1.375rem; }
.lg-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
.lg-border-r-22 { border-right-width: 1.375rem; }
.lg-hover-border-r-22:hover { border-right-width: 1.375rem; }
.lg-focus-border-r-22:focus { border-right-width: 1.375rem; }
.lg-active-border-r-22:active { border-right-width: 1.375rem; }
.lg-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
.lg-border-b-22 { border-bottom-width: 1.375rem; }
.lg-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
.lg-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
.lg-active-border-b-22:active { border-bottom-width: 1.375rem; }
.lg-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
.lg-border-l-22 { border-left-width: 1.375rem; }
.lg-hover-border-l-22:hover { border-left-width: 1.375rem; }
.lg-focus-border-l-22:focus { border-left-width: 1.375rem; }
.lg-active-border-l-22:active { border-left-width: 1.375rem; }
.lg-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
.lg-border-23 { border-width: 1.4375rem; }
.lg-hover-border-23:hover { border-width: 1.4375rem; }
.lg-focus-border-23:focus { border-width: 1.4375rem; }
.lg-active-border-23:active { border-width: 1.4375rem; }
.lg-disabled-border-23:disabled { border-width: 1.4375rem; }
.lg-border-23 { border-width: 1.4375rem; }
.lg-hover-border-23:hover { border-width: 1.4375rem; }
.lg-focus-border-23:focus { border-width: 1.4375rem; }
.lg-active-border-23:active { border-width: 1.4375rem; }
.lg-disabled-border-23:disabled { border-width: 1.4375rem; }
.lg-border-t-23 { border-top-width: 1.4375rem; }
.lg-hover-border-t-23:hover { border-top-width: 1.4375rem; }
.lg-focus-border-t-23:focus { border-top-width: 1.4375rem; }
.lg-active-border-t-23:active { border-top-width: 1.4375rem; }
.lg-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
.lg-border-r-23 { border-right-width: 1.4375rem; }
.lg-hover-border-r-23:hover { border-right-width: 1.4375rem; }
.lg-focus-border-r-23:focus { border-right-width: 1.4375rem; }
.lg-active-border-r-23:active { border-right-width: 1.4375rem; }
.lg-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
.lg-border-b-23 { border-bottom-width: 1.4375rem; }
.lg-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
.lg-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
.lg-active-border-b-23:active { border-bottom-width: 1.4375rem; }
.lg-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
.lg-border-l-23 { border-left-width: 1.4375rem; }
.lg-hover-border-l-23:hover { border-left-width: 1.4375rem; }
.lg-focus-border-l-23:focus { border-left-width: 1.4375rem; }
.lg-active-border-l-23:active { border-left-width: 1.4375rem; }
.lg-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
.lg-border-24 { border-width: 1.5rem; }
.lg-hover-border-24:hover { border-width: 1.5rem; }
.lg-focus-border-24:focus { border-width: 1.5rem; }
.lg-active-border-24:active { border-width: 1.5rem; }
.lg-disabled-border-24:disabled { border-width: 1.5rem; }
.lg-border-24 { border-width: 1.5rem; }
.lg-hover-border-24:hover { border-width: 1.5rem; }
.lg-focus-border-24:focus { border-width: 1.5rem; }
.lg-active-border-24:active { border-width: 1.5rem; }
.lg-disabled-border-24:disabled { border-width: 1.5rem; }
.lg-border-t-24 { border-top-width: 1.5rem; }
.lg-hover-border-t-24:hover { border-top-width: 1.5rem; }
.lg-focus-border-t-24:focus { border-top-width: 1.5rem; }
.lg-active-border-t-24:active { border-top-width: 1.5rem; }
.lg-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
.lg-border-r-24 { border-right-width: 1.5rem; }
.lg-hover-border-r-24:hover { border-right-width: 1.5rem; }
.lg-focus-border-r-24:focus { border-right-width: 1.5rem; }
.lg-active-border-r-24:active { border-right-width: 1.5rem; }
.lg-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
.lg-border-b-24 { border-bottom-width: 1.5rem; }
.lg-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
.lg-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
.lg-active-border-b-24:active { border-bottom-width: 1.5rem; }
.lg-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
.lg-border-l-24 { border-left-width: 1.5rem; }
.lg-hover-border-l-24:hover { border-left-width: 1.5rem; }
.lg-focus-border-l-24:focus { border-left-width: 1.5rem; }
.lg-active-border-l-24:active { border-left-width: 1.5rem; }
.lg-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
.lg-border-25 { border-width: 1.5625rem; }
.lg-hover-border-25:hover { border-width: 1.5625rem; }
.lg-focus-border-25:focus { border-width: 1.5625rem; }
.lg-active-border-25:active { border-width: 1.5625rem; }
.lg-disabled-border-25:disabled { border-width: 1.5625rem; }
.lg-border-25 { border-width: 1.5625rem; }
.lg-hover-border-25:hover { border-width: 1.5625rem; }
.lg-focus-border-25:focus { border-width: 1.5625rem; }
.lg-active-border-25:active { border-width: 1.5625rem; }
.lg-disabled-border-25:disabled { border-width: 1.5625rem; }
.lg-border-t-25 { border-top-width: 1.5625rem; }
.lg-hover-border-t-25:hover { border-top-width: 1.5625rem; }
.lg-focus-border-t-25:focus { border-top-width: 1.5625rem; }
.lg-active-border-t-25:active { border-top-width: 1.5625rem; }
.lg-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
.lg-border-r-25 { border-right-width: 1.5625rem; }
.lg-hover-border-r-25:hover { border-right-width: 1.5625rem; }
.lg-focus-border-r-25:focus { border-right-width: 1.5625rem; }
.lg-active-border-r-25:active { border-right-width: 1.5625rem; }
.lg-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
.lg-border-b-25 { border-bottom-width: 1.5625rem; }
.lg-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
.lg-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
.lg-active-border-b-25:active { border-bottom-width: 1.5625rem; }
.lg-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
.lg-border-l-25 { border-left-width: 1.5625rem; }
.lg-hover-border-l-25:hover { border-left-width: 1.5625rem; }
.lg-focus-border-l-25:focus { border-left-width: 1.5625rem; }
.lg-active-border-l-25:active { border-left-width: 1.5625rem; }
.lg-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
.lg-border-26 { border-width: 1.625rem; }
.lg-hover-border-26:hover { border-width: 1.625rem; }
.lg-focus-border-26:focus { border-width: 1.625rem; }
.lg-active-border-26:active { border-width: 1.625rem; }
.lg-disabled-border-26:disabled { border-width: 1.625rem; }
.lg-border-26 { border-width: 1.625rem; }
.lg-hover-border-26:hover { border-width: 1.625rem; }
.lg-focus-border-26:focus { border-width: 1.625rem; }
.lg-active-border-26:active { border-width: 1.625rem; }
.lg-disabled-border-26:disabled { border-width: 1.625rem; }
.lg-border-t-26 { border-top-width: 1.625rem; }
.lg-hover-border-t-26:hover { border-top-width: 1.625rem; }
.lg-focus-border-t-26:focus { border-top-width: 1.625rem; }
.lg-active-border-t-26:active { border-top-width: 1.625rem; }
.lg-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
.lg-border-r-26 { border-right-width: 1.625rem; }
.lg-hover-border-r-26:hover { border-right-width: 1.625rem; }
.lg-focus-border-r-26:focus { border-right-width: 1.625rem; }
.lg-active-border-r-26:active { border-right-width: 1.625rem; }
.lg-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
.lg-border-b-26 { border-bottom-width: 1.625rem; }
.lg-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
.lg-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
.lg-active-border-b-26:active { border-bottom-width: 1.625rem; }
.lg-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
.lg-border-l-26 { border-left-width: 1.625rem; }
.lg-hover-border-l-26:hover { border-left-width: 1.625rem; }
.lg-focus-border-l-26:focus { border-left-width: 1.625rem; }
.lg-active-border-l-26:active { border-left-width: 1.625rem; }
.lg-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
.lg-border-27 { border-width: 1.6875rem; }
.lg-hover-border-27:hover { border-width: 1.6875rem; }
.lg-focus-border-27:focus { border-width: 1.6875rem; }
.lg-active-border-27:active { border-width: 1.6875rem; }
.lg-disabled-border-27:disabled { border-width: 1.6875rem; }
.lg-border-27 { border-width: 1.6875rem; }
.lg-hover-border-27:hover { border-width: 1.6875rem; }
.lg-focus-border-27:focus { border-width: 1.6875rem; }
.lg-active-border-27:active { border-width: 1.6875rem; }
.lg-disabled-border-27:disabled { border-width: 1.6875rem; }
.lg-border-t-27 { border-top-width: 1.6875rem; }
.lg-hover-border-t-27:hover { border-top-width: 1.6875rem; }
.lg-focus-border-t-27:focus { border-top-width: 1.6875rem; }
.lg-active-border-t-27:active { border-top-width: 1.6875rem; }
.lg-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
.lg-border-r-27 { border-right-width: 1.6875rem; }
.lg-hover-border-r-27:hover { border-right-width: 1.6875rem; }
.lg-focus-border-r-27:focus { border-right-width: 1.6875rem; }
.lg-active-border-r-27:active { border-right-width: 1.6875rem; }
.lg-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
.lg-border-b-27 { border-bottom-width: 1.6875rem; }
.lg-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
.lg-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
.lg-active-border-b-27:active { border-bottom-width: 1.6875rem; }
.lg-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
.lg-border-l-27 { border-left-width: 1.6875rem; }
.lg-hover-border-l-27:hover { border-left-width: 1.6875rem; }
.lg-focus-border-l-27:focus { border-left-width: 1.6875rem; }
.lg-active-border-l-27:active { border-left-width: 1.6875rem; }
.lg-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
.lg-border-28 { border-width: 1.75rem; }
.lg-hover-border-28:hover { border-width: 1.75rem; }
.lg-focus-border-28:focus { border-width: 1.75rem; }
.lg-active-border-28:active { border-width: 1.75rem; }
.lg-disabled-border-28:disabled { border-width: 1.75rem; }
.lg-border-28 { border-width: 1.75rem; }
.lg-hover-border-28:hover { border-width: 1.75rem; }
.lg-focus-border-28:focus { border-width: 1.75rem; }
.lg-active-border-28:active { border-width: 1.75rem; }
.lg-disabled-border-28:disabled { border-width: 1.75rem; }
.lg-border-t-28 { border-top-width: 1.75rem; }
.lg-hover-border-t-28:hover { border-top-width: 1.75rem; }
.lg-focus-border-t-28:focus { border-top-width: 1.75rem; }
.lg-active-border-t-28:active { border-top-width: 1.75rem; }
.lg-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
.lg-border-r-28 { border-right-width: 1.75rem; }
.lg-hover-border-r-28:hover { border-right-width: 1.75rem; }
.lg-focus-border-r-28:focus { border-right-width: 1.75rem; }
.lg-active-border-r-28:active { border-right-width: 1.75rem; }
.lg-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
.lg-border-b-28 { border-bottom-width: 1.75rem; }
.lg-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
.lg-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
.lg-active-border-b-28:active { border-bottom-width: 1.75rem; }
.lg-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
.lg-border-l-28 { border-left-width: 1.75rem; }
.lg-hover-border-l-28:hover { border-left-width: 1.75rem; }
.lg-focus-border-l-28:focus { border-left-width: 1.75rem; }
.lg-active-border-l-28:active { border-left-width: 1.75rem; }
.lg-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
.lg-border-29 { border-width: 1.8125rem; }
.lg-hover-border-29:hover { border-width: 1.8125rem; }
.lg-focus-border-29:focus { border-width: 1.8125rem; }
.lg-active-border-29:active { border-width: 1.8125rem; }
.lg-disabled-border-29:disabled { border-width: 1.8125rem; }
.lg-border-29 { border-width: 1.8125rem; }
.lg-hover-border-29:hover { border-width: 1.8125rem; }
.lg-focus-border-29:focus { border-width: 1.8125rem; }
.lg-active-border-29:active { border-width: 1.8125rem; }
.lg-disabled-border-29:disabled { border-width: 1.8125rem; }
.lg-border-t-29 { border-top-width: 1.8125rem; }
.lg-hover-border-t-29:hover { border-top-width: 1.8125rem; }
.lg-focus-border-t-29:focus { border-top-width: 1.8125rem; }
.lg-active-border-t-29:active { border-top-width: 1.8125rem; }
.lg-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
.lg-border-r-29 { border-right-width: 1.8125rem; }
.lg-hover-border-r-29:hover { border-right-width: 1.8125rem; }
.lg-focus-border-r-29:focus { border-right-width: 1.8125rem; }
.lg-active-border-r-29:active { border-right-width: 1.8125rem; }
.lg-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
.lg-border-b-29 { border-bottom-width: 1.8125rem; }
.lg-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
.lg-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
.lg-active-border-b-29:active { border-bottom-width: 1.8125rem; }
.lg-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
.lg-border-l-29 { border-left-width: 1.8125rem; }
.lg-hover-border-l-29:hover { border-left-width: 1.8125rem; }
.lg-focus-border-l-29:focus { border-left-width: 1.8125rem; }
.lg-active-border-l-29:active { border-left-width: 1.8125rem; }
.lg-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
.lg-border-30 { border-width: 1.875rem; }
.lg-hover-border-30:hover { border-width: 1.875rem; }
.lg-focus-border-30:focus { border-width: 1.875rem; }
.lg-active-border-30:active { border-width: 1.875rem; }
.lg-disabled-border-30:disabled { border-width: 1.875rem; }
.lg-border-30 { border-width: 1.875rem; }
.lg-hover-border-30:hover { border-width: 1.875rem; }
.lg-focus-border-30:focus { border-width: 1.875rem; }
.lg-active-border-30:active { border-width: 1.875rem; }
.lg-disabled-border-30:disabled { border-width: 1.875rem; }
.lg-border-t-30 { border-top-width: 1.875rem; }
.lg-hover-border-t-30:hover { border-top-width: 1.875rem; }
.lg-focus-border-t-30:focus { border-top-width: 1.875rem; }
.lg-active-border-t-30:active { border-top-width: 1.875rem; }
.lg-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
.lg-border-r-30 { border-right-width: 1.875rem; }
.lg-hover-border-r-30:hover { border-right-width: 1.875rem; }
.lg-focus-border-r-30:focus { border-right-width: 1.875rem; }
.lg-active-border-r-30:active { border-right-width: 1.875rem; }
.lg-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
.lg-border-b-30 { border-bottom-width: 1.875rem; }
.lg-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
.lg-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
.lg-active-border-b-30:active { border-bottom-width: 1.875rem; }
.lg-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
.lg-border-l-30 { border-left-width: 1.875rem; }
.lg-hover-border-l-30:hover { border-left-width: 1.875rem; }
.lg-focus-border-l-30:focus { border-left-width: 1.875rem; }
.lg-active-border-l-30:active { border-left-width: 1.875rem; }
.lg-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
.lg-border-31 { border-width: 1.9375rem; }
.lg-hover-border-31:hover { border-width: 1.9375rem; }
.lg-focus-border-31:focus { border-width: 1.9375rem; }
.lg-active-border-31:active { border-width: 1.9375rem; }
.lg-disabled-border-31:disabled { border-width: 1.9375rem; }
.lg-border-31 { border-width: 1.9375rem; }
.lg-hover-border-31:hover { border-width: 1.9375rem; }
.lg-focus-border-31:focus { border-width: 1.9375rem; }
.lg-active-border-31:active { border-width: 1.9375rem; }
.lg-disabled-border-31:disabled { border-width: 1.9375rem; }
.lg-border-t-31 { border-top-width: 1.9375rem; }
.lg-hover-border-t-31:hover { border-top-width: 1.9375rem; }
.lg-focus-border-t-31:focus { border-top-width: 1.9375rem; }
.lg-active-border-t-31:active { border-top-width: 1.9375rem; }
.lg-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
.lg-border-r-31 { border-right-width: 1.9375rem; }
.lg-hover-border-r-31:hover { border-right-width: 1.9375rem; }
.lg-focus-border-r-31:focus { border-right-width: 1.9375rem; }
.lg-active-border-r-31:active { border-right-width: 1.9375rem; }
.lg-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
.lg-border-b-31 { border-bottom-width: 1.9375rem; }
.lg-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
.lg-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
.lg-active-border-b-31:active { border-bottom-width: 1.9375rem; }
.lg-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
.lg-border-l-31 { border-left-width: 1.9375rem; }
.lg-hover-border-l-31:hover { border-left-width: 1.9375rem; }
.lg-focus-border-l-31:focus { border-left-width: 1.9375rem; }
.lg-active-border-l-31:active { border-left-width: 1.9375rem; }
.lg-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
.lg-border-32 { border-width: 2.0rem; }
.lg-hover-border-32:hover { border-width: 2.0rem; }
.lg-focus-border-32:focus { border-width: 2.0rem; }
.lg-active-border-32:active { border-width: 2.0rem; }
.lg-disabled-border-32:disabled { border-width: 2.0rem; }
.lg-border-32 { border-width: 2.0rem; }
.lg-hover-border-32:hover { border-width: 2.0rem; }
.lg-focus-border-32:focus { border-width: 2.0rem; }
.lg-active-border-32:active { border-width: 2.0rem; }
.lg-disabled-border-32:disabled { border-width: 2.0rem; }
.lg-border-t-32 { border-top-width: 2.0rem; }
.lg-hover-border-t-32:hover { border-top-width: 2.0rem; }
.lg-focus-border-t-32:focus { border-top-width: 2.0rem; }
.lg-active-border-t-32:active { border-top-width: 2.0rem; }
.lg-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
.lg-border-r-32 { border-right-width: 2.0rem; }
.lg-hover-border-r-32:hover { border-right-width: 2.0rem; }
.lg-focus-border-r-32:focus { border-right-width: 2.0rem; }
.lg-active-border-r-32:active { border-right-width: 2.0rem; }
.lg-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
.lg-border-b-32 { border-bottom-width: 2.0rem; }
.lg-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
.lg-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
.lg-active-border-b-32:active { border-bottom-width: 2.0rem; }
.lg-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
.lg-border-l-32 { border-left-width: 2.0rem; }
.lg-hover-border-l-32:hover { border-left-width: 2.0rem; }
.lg-focus-border-l-32:focus { border-left-width: 2.0rem; }
.lg-active-border-l-32:active { border-left-width: 2.0rem; }
.lg-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
.lg-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.lg-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.lg-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.lg-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.lg-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.lg-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.lg-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.lg-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.lg-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.lg-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.lg-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.lg-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.lg-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.lg-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.lg-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.lg-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.lg-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.lg-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.lg-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.lg-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.lg-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.lg-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.lg-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.lg-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.lg-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.lg-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.lg-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.lg-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.lg-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.lg-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.lg-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.lg-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.lg-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.lg-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.lg-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.lg-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.lg-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.lg-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.lg-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.lg-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.lg-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.lg-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.lg-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.lg-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.lg-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.lg-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.lg-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.lg-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.lg-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.lg-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.lg-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.lg-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.lg-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.lg-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.lg-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.lg-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.lg-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.lg-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.lg-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.lg-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.lg-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.lg-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.lg-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.lg-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.lg-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.lg-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.lg-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.lg-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.lg-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.lg-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.lg-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.lg-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.lg-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.lg-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.lg-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.lg-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.lg-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.lg-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.lg-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.lg-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.lg-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.lg-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.lg-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.lg-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.lg-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.lg-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.lg-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.lg-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.lg-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.lg-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.lg-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.lg-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.lg-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.lg-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.lg-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.lg-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.lg-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.lg-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.lg-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.lg-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.lg-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.lg-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.lg-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.lg-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.lg-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.lg-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.lg-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.lg-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.lg-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.lg-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.lg-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.lg-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.lg-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.lg-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.lg-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.lg-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.lg-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.lg-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.lg-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.lg-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.lg-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.lg-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.lg-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.lg-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.lg-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.lg-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.lg-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.lg-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.lg-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.lg-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.lg-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.lg-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.lg-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.lg-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.lg-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.lg-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.lg-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.lg-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.lg-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.lg-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.lg-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.lg-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.lg-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.lg-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.lg-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.lg-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.lg-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.lg-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.lg-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.lg-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.lg-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.lg-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.lg-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.lg-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.lg-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.lg-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.lg-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.lg-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.lg-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.lg-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.lg-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.lg-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.lg-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.lg-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.lg-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.lg-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.lg-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.lg-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.lg-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.lg-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.lg-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.lg-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.lg-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.lg-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.lg-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.lg-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.lg-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.lg-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.lg-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.lg-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.lg-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.lg-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.lg-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.lg-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.lg-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.lg-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.lg-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.lg-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.lg-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.lg-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.lg-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.lg-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.lg-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.lg-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.lg-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.lg-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.lg-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.lg-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.lg-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.lg-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.lg-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.lg-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.lg-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.lg-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.lg-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.lg-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.lg-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.lg-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.lg-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.lg-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.lg-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.lg-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.lg-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.lg-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.lg-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.lg-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.lg-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.lg-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.lg-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.lg-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.lg-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.lg-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.lg-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.lg-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.lg-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.lg-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.lg-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.lg-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.lg-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.lg-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.lg-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.lg-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.lg-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.lg-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.lg-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.lg-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.lg-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.lg-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.lg-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.lg-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.lg-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.lg-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.lg-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.lg-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.lg-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.lg-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.lg-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.lg-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.lg-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.lg-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.lg-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.lg-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.lg-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.lg-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.lg-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.lg-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.lg-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.lg-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.lg-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.lg-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.lg-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.lg-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.lg-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.lg-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.lg-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.lg-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.lg-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.lg-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.lg-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.lg-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.lg-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.lg-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.lg-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.lg-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.lg-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.lg-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.lg-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.lg-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.lg-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.lg-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.lg-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.lg-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.lg-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.lg-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.lg-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.lg-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.lg-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.lg-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.lg-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.lg-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.lg-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.lg-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.lg-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.lg-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.lg-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.lg-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.lg-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.lg-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.lg-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.lg-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.lg-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.lg-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.lg-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.lg-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.lg-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.lg-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.lg-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.lg-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.lg-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.lg-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.lg-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.lg-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.lg-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.lg-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.lg-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.lg-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.lg-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.lg-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.lg-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.lg-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.lg-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.lg-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.lg-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.lg-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.lg-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.lg-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.lg-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.lg-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.lg-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.lg-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.lg-border-transparent { border-color: transparent; }
.lg-hover-border-transparent:hover { border-color: transparent; }
.lg-focus-border-transparent:focus { border-color: transparent; }
.lg-active-border-transparent:active { border-color: transparent; }
.lg-disabled-border-transparent:disabled { border-color: transparent; }
.lg-border-inherit { border-color: inherit; }
.lg-hover-border-inherit:hover { border-color: inherit; }
.lg-focus-border-inherit:focus { border-color: inherit; }
.lg-active-border-inherit:active { border-color: inherit; }
.lg-disabled-border-inherit:disabled { border-color: inherit; }
.lg-bg-transparent { background-color: transparent; }
.lg-hover-bg-transparent:hover { background-color: transparent; }
.lg-focus-bg-transparent:focus { background-color: transparent; }
.lg-active-bg-transparent:active { background-color: transparent; }
.lg-disabled-bg-transparent:disabled { background-color: transparent; }
.lg-bg-inherit { background-color: inherit; }
.lg-hover-bg-inherit:hover { background-color: inherit; }
.lg-focus-bg-inherit:focus { background-color: inherit; }
.lg-active-bg-inherit:active { background-color: inherit; }
.lg-disabled-bg-inherit:disabled { background-color: inherit; }
.lg-text-transparent { color: transparent; }
.lg-hover-text-transparent:hover { color: transparent; }
.lg-focus-text-transparent:focus { color: transparent; }
.lg-active-text-transparent:active { color: transparent; }
.lg-disabled-text-transparent:disabled { color: transparent; }
.lg-text-inherit { color: inherit; }
.lg-hover-text-inherit:hover { color: inherit; }
.lg-focus-text-inherit:focus { color: inherit; }
.lg-active-text-inherit:active { color: inherit; }
.lg-disabled-text-inherit:disabled { color: inherit; }
.lg-border-solid { border-style: solid; }
.lg-hover-border-solid:hover { border-style: solid; }
.lg-focus-border-solid:focus { border-style: solid; }
.lg-active-border-solid:active { border-style: solid; }
.lg-disabled-border-solid:disabled { border-style: solid; }
.lg-border-dashed { border-style: dashed; }
.lg-hover-border-dashed:hover { border-style: dashed; }
.lg-focus-border-dashed:focus { border-style: dashed; }
.lg-active-border-dashed:active { border-style: dashed; }
.lg-disabled-border-dashed:disabled { border-style: dashed; }
.lg-border-dotted { border-style: dotted; }
.lg-hover-border-dotted:hover { border-style: dotted; }
.lg-focus-border-dotted:focus { border-style: dotted; }
.lg-active-border-dotted:active { border-style: dotted; }
.lg-disabled-border-dotted:disabled { border-style: dotted; }
.lg-border-double { border-style: double; }
.lg-hover-border-double:hover { border-style: double; }
.lg-focus-border-double:focus { border-style: double; }
.lg-active-border-double:active { border-style: double; }
.lg-disabled-border-double:disabled { border-style: double; }
.lg-border-none { border-style: none; }
.lg-hover-border-none:hover { border-style: none; }
.lg-focus-border-none:focus { border-style: none; }
.lg-active-border-none:active { border-style: none; }
.lg-disabled-border-none:disabled { border-style: none; }
.lg-z-auto { z-index: auto; }
.lg-hover-z-auto:hover { z-index: auto; }
.lg-focus-z-auto:focus { z-index: auto; }
.lg-active-z-auto:active { z-index: auto; }
.lg-disabled-z-auto:disabled { z-index: auto; }
.lg-z-0 { z-index: 0; }
.lg-hover-z-0:hover { z-index: 0; }
.lg-focus-z-0:focus { z-index: 0; }
.lg-active-z-0:active { z-index: 0; }
.lg-disabled-z-0:disabled { z-index: 0; }
.lg-z-10 { z-index: 10; }
.lg-hover-z-10:hover { z-index: 10; }
.lg-focus-z-10:focus { z-index: 10; }
.lg-active-z-10:active { z-index: 10; }
.lg-disabled-z-10:disabled { z-index: 10; }
.lg-z-20 { z-index: 20; }
.lg-hover-z-20:hover { z-index: 20; }
.lg-focus-z-20:focus { z-index: 20; }
.lg-active-z-20:active { z-index: 20; }
.lg-disabled-z-20:disabled { z-index: 20; }
.lg-z-30 { z-index: 30; }
.lg-hover-z-30:hover { z-index: 30; }
.lg-focus-z-30:focus { z-index: 30; }
.lg-active-z-30:active { z-index: 30; }
.lg-disabled-z-30:disabled { z-index: 30; }
.lg-z-40 { z-index: 40; }
.lg-hover-z-40:hover { z-index: 40; }
.lg-focus-z-40:focus { z-index: 40; }
.lg-active-z-40:active { z-index: 40; }
.lg-disabled-z-40:disabled { z-index: 40; }
.lg-z-50 { z-index: 50; }
.lg-hover-z-50:hover { z-index: 50; }
.lg-focus-z-50:focus { z-index: 50; }
.lg-active-z-50:active { z-index: 50; }
.lg-disabled-z-50:disabled { z-index: 50; }
.lg-z-100 { z-index: 100; }
.lg-hover-z-100:hover { z-index: 100; }
.lg-focus-z-100:focus { z-index: 100; }
.lg-active-z-100:active { z-index: 100; }
.lg-disabled-z-100:disabled { z-index: 100; }
.lg-z-9999 { z-index: 9999; }
.lg-hover-z-9999:hover { z-index: 9999; }
.lg-focus-z-9999:focus { z-index: 9999; }
.lg-active-z-9999:active { z-index: 9999; }
.lg-disabled-z-9999:disabled { z-index: 9999; }
.lg--z-10 { z-index: -10; }
.lg-hover--z-10:hover { z-index: -10; }
.lg-focus--z-10:focus { z-index: -10; }
.lg-active--z-10:active { z-index: -10; }
.lg-disabled--z-10:disabled { z-index: -10; }
.lg--z-20 { z-index: -20; }
.lg-hover--z-20:hover { z-index: -20; }
.lg-focus--z-20:focus { z-index: -20; }
.lg-active--z-20:active { z-index: -20; }
.lg-disabled--z-20:disabled { z-index: -20; }
.lg--z-40 { z-index: -40; }
.lg-hover--z-40:hover { z-index: -40; }
.lg-focus--z-40:focus { z-index: -40; }
.lg-active--z-40:active { z-index: -40; }
.lg-disabled--z-40:disabled { z-index: -40; }
.lg--z-50 { z-index: -50; }
.lg-hover--z-50:hover { z-index: -50; }
.lg-focus--z-50:focus { z-index: -50; }
.lg-active--z-50:active { z-index: -50; }
.lg-disabled--z-50:disabled { z-index: -50; }
.lg--z-100 { z-index: -100; }
.lg-hover--z-100:hover { z-index: -100; }
.lg-focus--z-100:focus { z-index: -100; }
.lg-active--z-100:active { z-index: -100; }
.lg-disabled--z-100:disabled { z-index: -100; }
.lg-opacity-0 { opacity: 0; }
.lg-hover-opacity-0:hover { opacity: 0; }
.lg-focus-opacity-0:focus { opacity: 0; }
.lg-active-opacity-0:active { opacity: 0; }
.lg-disabled-opacity-0:disabled { opacity: 0; }
.lg-opacity-10 { opacity: 0.1; }
.lg-hover-opacity-10:hover { opacity: 0.1; }
.lg-focus-opacity-10:focus { opacity: 0.1; }
.lg-active-opacity-10:active { opacity: 0.1; }
.lg-disabled-opacity-10:disabled { opacity: 0.1; }
.lg-opacity-20 { opacity: 0.2; }
.lg-hover-opacity-20:hover { opacity: 0.2; }
.lg-focus-opacity-20:focus { opacity: 0.2; }
.lg-active-opacity-20:active { opacity: 0.2; }
.lg-disabled-opacity-20:disabled { opacity: 0.2; }
.lg-opacity-25 { opacity: 0.25; }
.lg-hover-opacity-25:hover { opacity: 0.25; }
.lg-focus-opacity-25:focus { opacity: 0.25; }
.lg-active-opacity-25:active { opacity: 0.25; }
.lg-disabled-opacity-25:disabled { opacity: 0.25; }
.lg-opacity-30 { opacity: 0.3; }
.lg-hover-opacity-30:hover { opacity: 0.3; }
.lg-focus-opacity-30:focus { opacity: 0.3; }
.lg-active-opacity-30:active { opacity: 0.3; }
.lg-disabled-opacity-30:disabled { opacity: 0.3; }
.lg-opacity-40 { opacity: 0.4; }
.lg-hover-opacity-40:hover { opacity: 0.4; }
.lg-focus-opacity-40:focus { opacity: 0.4; }
.lg-active-opacity-40:active { opacity: 0.4; }
.lg-disabled-opacity-40:disabled { opacity: 0.4; }
.lg-opacity-50 { opacity: 0.5; }
.lg-hover-opacity-50:hover { opacity: 0.5; }
.lg-focus-opacity-50:focus { opacity: 0.5; }
.lg-active-opacity-50:active { opacity: 0.5; }
.lg-disabled-opacity-50:disabled { opacity: 0.5; }
.lg-opacity-60 { opacity: 0.6; }
.lg-hover-opacity-60:hover { opacity: 0.6; }
.lg-focus-opacity-60:focus { opacity: 0.6; }
.lg-active-opacity-60:active { opacity: 0.6; }
.lg-disabled-opacity-60:disabled { opacity: 0.6; }
.lg-opacity-70 { opacity: 0.7; }
.lg-hover-opacity-70:hover { opacity: 0.7; }
.lg-focus-opacity-70:focus { opacity: 0.7; }
.lg-active-opacity-70:active { opacity: 0.7; }
.lg-disabled-opacity-70:disabled { opacity: 0.7; }
.lg-opacity-75 { opacity: 0.75; }
.lg-hover-opacity-75:hover { opacity: 0.75; }
.lg-focus-opacity-75:focus { opacity: 0.75; }
.lg-active-opacity-75:active { opacity: 0.75; }
.lg-disabled-opacity-75:disabled { opacity: 0.75; }
.lg-opacity-80 { opacity: 0.8; }
.lg-hover-opacity-80:hover { opacity: 0.8; }
.lg-focus-opacity-80:focus { opacity: 0.8; }
.lg-active-opacity-80:active { opacity: 0.8; }
.lg-disabled-opacity-80:disabled { opacity: 0.8; }
.lg-opacity-90 { opacity: 0.9; }
.lg-hover-opacity-90:hover { opacity: 0.9; }
.lg-focus-opacity-90:focus { opacity: 0.9; }
.lg-active-opacity-90:active { opacity: 0.9; }
.lg-disabled-opacity-90:disabled { opacity: 0.9; }
.lg-opacity-100 { opacity: 1; }
.lg-hover-opacity-100:hover { opacity: 1; }
.lg-focus-opacity-100:focus { opacity: 1; }
.lg-active-opacity-100:active { opacity: 1; }
.lg-disabled-opacity-100:disabled { opacity: 1; }
.lg-bg-gradient-l { --quanta-gradient-direction: to left; }
.lg-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
.lg-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
.lg-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
.lg-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
.lg-bg-gradient-r { --quanta-gradient-direction: to right; }
.lg-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
.lg-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
.lg-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
.lg-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
.lg-bg-gradient-t { --quanta-gradient-direction: to top; }
.lg-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
.lg-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
.lg-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
.lg-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
.lg-bg-gradient-b { --quanta-gradient-direction: to bottom; }
.lg-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
.lg-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
.lg-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
.lg-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
.lg-bg-gradient-tl { --quanta-gradient-direction: to top left; }
.lg-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
.lg-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
.lg-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
.lg-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
.lg-bg-gradient-tr { --quanta-gradient-direction: to top right; }
.lg-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
.lg-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
.lg-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
.lg-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
.lg-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
.lg-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
.lg-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
.lg-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
.lg-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
.lg-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
.lg-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
.lg-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
.lg-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
.lg-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
.lg-rounded-0 { border-radius: 0; }
.lg-hover-rounded-0:hover { border-radius: 0; }
.lg-focus-rounded-0:focus { border-radius: 0; }
.lg-active-rounded-0:active { border-radius: 0; }
.lg-disabled-rounded-0:disabled { border-radius: 0; }
.lg-rounded-xs { border-radius: 0.125rem; }
.lg-hover-rounded-xs:hover { border-radius: 0.125rem; }
.lg-focus-rounded-xs:focus { border-radius: 0.125rem; }
.lg-active-rounded-xs:active { border-radius: 0.125rem; }
.lg-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
.lg-rounded-sm { border-radius: 0.25rem; }
.lg-hover-rounded-sm:hover { border-radius: 0.25rem; }
.lg-focus-rounded-sm:focus { border-radius: 0.25rem; }
.lg-active-rounded-sm:active { border-radius: 0.25rem; }
.lg-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
.lg-rounded { border-radius: 0.5rem; }
.lg-hover-rounded:hover { border-radius: 0.5rem; }
.lg-focus-rounded:focus { border-radius: 0.5rem; }
.lg-active-rounded:active { border-radius: 0.5rem; }
.lg-disabled-rounded:disabled { border-radius: 0.5rem; }
.lg-rounded-md { border-radius: 0.75rem; }
.lg-hover-rounded-md:hover { border-radius: 0.75rem; }
.lg-focus-rounded-md:focus { border-radius: 0.75rem; }
.lg-active-rounded-md:active { border-radius: 0.75rem; }
.lg-disabled-rounded-md:disabled { border-radius: 0.75rem; }
.lg-rounded-lg { border-radius: 1rem; }
.lg-hover-rounded-lg:hover { border-radius: 1rem; }
.lg-focus-rounded-lg:focus { border-radius: 1rem; }
.lg-active-rounded-lg:active { border-radius: 1rem; }
.lg-disabled-rounded-lg:disabled { border-radius: 1rem; }
.lg-rounded-xl { border-radius: 1.5rem; }
.lg-hover-rounded-xl:hover { border-radius: 1.5rem; }
.lg-focus-rounded-xl:focus { border-radius: 1.5rem; }
.lg-active-rounded-xl:active { border-radius: 1.5rem; }
.lg-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
.lg-rounded-2xl { border-radius: 2rem; }
.lg-hover-rounded-2xl:hover { border-radius: 2rem; }
.lg-focus-rounded-2xl:focus { border-radius: 2rem; }
.lg-active-rounded-2xl:active { border-radius: 2rem; }
.lg-disabled-rounded-2xl:disabled { border-radius: 2rem; }
.lg-rounded-full { border-radius: 9999px; }
.lg-hover-rounded-full:hover { border-radius: 9999px; }
.lg-focus-rounded-full:focus { border-radius: 9999px; }
.lg-active-rounded-full:active { border-radius: 9999px; }
.lg-disabled-rounded-full:disabled { border-radius: 9999px; }
.lg-rounded-pill { border-radius: 50px; }
.lg-hover-rounded-pill:hover { border-radius: 50px; }
.lg-focus-rounded-pill:focus { border-radius: 50px; }
.lg-active-rounded-pill:active { border-radius: 50px; }
.lg-disabled-rounded-pill:disabled { border-radius: 50px; }
.lg-outline-none { outline: none; }
.lg-hover-outline-none:hover { outline: none; }
.lg-focus-outline-none:focus { outline: none; }
.lg-active-outline-none:active { outline: none; }
.lg-disabled-outline-none:disabled { outline: none; }
.lg-outline { outline: 1px solid currentColor; }
.lg-hover-outline:hover { outline: 1px solid currentColor; }
.lg-focus-outline:focus { outline: 1px solid currentColor; }
.lg-active-outline:active { outline: 1px solid currentColor; }
.lg-disabled-outline:disabled { outline: 1px solid currentColor; }
.lg-outline-offset-0 { outline-offset: 0rem; }
.lg-hover-outline-offset-0:hover { outline-offset: 0rem; }
.lg-focus-outline-offset-0:focus { outline-offset: 0rem; }
.lg-active-outline-offset-0:active { outline-offset: 0rem; }
.lg-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
.lg-outline-offset-1 { outline-offset: 0.25rem; }
.lg-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
.lg-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
.lg-active-outline-offset-1:active { outline-offset: 0.25rem; }
.lg-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
.lg-outline-offset-2 { outline-offset: 0.5rem; }
.lg-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
.lg-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
.lg-active-outline-offset-2:active { outline-offset: 0.5rem; }
.lg-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
.lg-outline-offset-3 { outline-offset: 0.75rem; }
.lg-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
.lg-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
.lg-active-outline-offset-3:active { outline-offset: 0.75rem; }
.lg-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
.lg-outline-offset-4 { outline-offset: 1rem; }
.lg-hover-outline-offset-4:hover { outline-offset: 1rem; }
.lg-focus-outline-offset-4:focus { outline-offset: 1rem; }
.lg-active-outline-offset-4:active { outline-offset: 1rem; }
.lg-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
.lg-outline-offset-8 { outline-offset: 2rem; }
.lg-hover-outline-offset-8:hover { outline-offset: 2rem; }
.lg-focus-outline-offset-8:focus { outline-offset: 2rem; }
.lg-active-outline-offset-8:active { outline-offset: 2rem; }
.lg-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
.lg-outline-red-50 { outline-color: var(--quanta-red-50); }
.lg-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
.lg-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
.lg-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
.lg-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
.lg-outline-red-100 { outline-color: var(--quanta-red-100); }
.lg-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
.lg-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
.lg-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
.lg-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
.lg-outline-red-200 { outline-color: var(--quanta-red-200); }
.lg-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
.lg-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
.lg-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
.lg-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
.lg-outline-red-300 { outline-color: var(--quanta-red-300); }
.lg-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
.lg-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
.lg-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
.lg-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
.lg-outline-red-400 { outline-color: var(--quanta-red-400); }
.lg-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
.lg-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
.lg-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
.lg-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
.lg-outline-red-500 { outline-color: var(--quanta-red-500); }
.lg-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
.lg-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
.lg-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
.lg-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
.lg-outline-red-600 { outline-color: var(--quanta-red-600); }
.lg-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
.lg-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
.lg-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
.lg-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
.lg-outline-red-700 { outline-color: var(--quanta-red-700); }
.lg-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
.lg-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
.lg-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
.lg-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
.lg-outline-red-800 { outline-color: var(--quanta-red-800); }
.lg-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
.lg-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
.lg-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
.lg-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
.lg-outline-red-900 { outline-color: var(--quanta-red-900); }
.lg-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
.lg-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
.lg-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
.lg-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
.lg-outline-orange-50 { outline-color: var(--quanta-orange-50); }
.lg-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
.lg-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
.lg-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
.lg-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
.lg-outline-orange-100 { outline-color: var(--quanta-orange-100); }
.lg-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
.lg-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
.lg-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
.lg-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
.lg-outline-orange-200 { outline-color: var(--quanta-orange-200); }
.lg-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
.lg-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
.lg-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
.lg-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
.lg-outline-orange-300 { outline-color: var(--quanta-orange-300); }
.lg-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
.lg-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
.lg-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
.lg-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
.lg-outline-orange-400 { outline-color: var(--quanta-orange-400); }
.lg-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
.lg-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
.lg-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
.lg-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
.lg-outline-orange-500 { outline-color: var(--quanta-orange-500); }
.lg-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
.lg-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
.lg-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
.lg-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
.lg-outline-orange-600 { outline-color: var(--quanta-orange-600); }
.lg-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
.lg-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
.lg-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
.lg-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
.lg-outline-orange-700 { outline-color: var(--quanta-orange-700); }
.lg-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
.lg-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
.lg-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
.lg-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
.lg-outline-orange-800 { outline-color: var(--quanta-orange-800); }
.lg-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
.lg-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
.lg-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
.lg-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
.lg-outline-orange-900 { outline-color: var(--quanta-orange-900); }
.lg-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
.lg-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
.lg-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
.lg-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
.lg-outline-teal-50 { outline-color: var(--quanta-teal-50); }
.lg-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
.lg-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
.lg-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
.lg-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
.lg-outline-teal-100 { outline-color: var(--quanta-teal-100); }
.lg-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
.lg-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
.lg-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
.lg-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
.lg-outline-teal-200 { outline-color: var(--quanta-teal-200); }
.lg-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
.lg-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
.lg-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
.lg-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
.lg-outline-teal-300 { outline-color: var(--quanta-teal-300); }
.lg-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
.lg-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
.lg-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
.lg-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
.lg-outline-teal-400 { outline-color: var(--quanta-teal-400); }
.lg-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
.lg-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
.lg-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
.lg-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
.lg-outline-teal-500 { outline-color: var(--quanta-teal-500); }
.lg-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
.lg-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
.lg-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
.lg-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
.lg-outline-teal-600 { outline-color: var(--quanta-teal-600); }
.lg-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
.lg-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
.lg-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
.lg-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
.lg-outline-teal-700 { outline-color: var(--quanta-teal-700); }
.lg-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
.lg-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
.lg-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
.lg-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
.lg-outline-teal-800 { outline-color: var(--quanta-teal-800); }
.lg-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
.lg-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
.lg-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
.lg-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
.lg-outline-teal-900 { outline-color: var(--quanta-teal-900); }
.lg-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
.lg-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
.lg-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
.lg-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
.lg-outline-purple-50 { outline-color: var(--quanta-purple-50); }
.lg-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
.lg-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
.lg-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
.lg-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
.lg-outline-purple-100 { outline-color: var(--quanta-purple-100); }
.lg-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
.lg-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
.lg-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
.lg-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
.lg-outline-purple-200 { outline-color: var(--quanta-purple-200); }
.lg-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
.lg-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
.lg-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
.lg-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
.lg-outline-purple-300 { outline-color: var(--quanta-purple-300); }
.lg-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
.lg-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
.lg-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
.lg-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
.lg-outline-purple-400 { outline-color: var(--quanta-purple-400); }
.lg-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
.lg-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
.lg-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
.lg-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
.lg-outline-purple-500 { outline-color: var(--quanta-purple-500); }
.lg-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
.lg-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
.lg-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
.lg-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
.lg-outline-purple-600 { outline-color: var(--quanta-purple-600); }
.lg-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
.lg-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
.lg-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
.lg-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
.lg-outline-purple-700 { outline-color: var(--quanta-purple-700); }
.lg-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
.lg-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
.lg-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
.lg-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
.lg-outline-purple-800 { outline-color: var(--quanta-purple-800); }
.lg-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
.lg-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
.lg-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
.lg-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
.lg-outline-purple-900 { outline-color: var(--quanta-purple-900); }
.lg-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
.lg-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
.lg-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
.lg-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
.lg-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
.lg-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
.lg-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
.lg-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
.lg-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
.lg-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.lg-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
.lg-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
.lg-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
.lg-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
.lg-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.lg-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
.lg-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
.lg-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
.lg-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
.lg-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.lg-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
.lg-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
.lg-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
.lg-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
.lg-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.lg-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
.lg-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
.lg-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
.lg-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
.lg-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.lg-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
.lg-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
.lg-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
.lg-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
.lg-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.lg-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
.lg-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
.lg-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
.lg-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
.lg-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.lg-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
.lg-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
.lg-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
.lg-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
.lg-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.lg-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
.lg-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
.lg-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
.lg-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
.lg-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
.lg-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
.lg-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
.lg-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
.lg-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
.lg-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
.lg-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
.lg-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
.lg-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
.lg-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
.lg-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.lg-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
.lg-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
.lg-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
.lg-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
.lg-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.lg-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
.lg-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
.lg-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
.lg-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
.lg-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.lg-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
.lg-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
.lg-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
.lg-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
.lg-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.lg-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
.lg-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
.lg-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
.lg-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
.lg-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.lg-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
.lg-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
.lg-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
.lg-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
.lg-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.lg-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
.lg-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
.lg-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
.lg-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
.lg-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.lg-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
.lg-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
.lg-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
.lg-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
.lg-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.lg-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
.lg-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
.lg-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
.lg-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
.lg-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
.lg-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
.lg-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
.lg-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
.lg-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
.lg-outline-pink-50 { outline-color: var(--quanta-pink-50); }
.lg-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
.lg-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
.lg-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
.lg-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
.lg-outline-pink-100 { outline-color: var(--quanta-pink-100); }
.lg-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
.lg-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
.lg-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
.lg-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
.lg-outline-pink-200 { outline-color: var(--quanta-pink-200); }
.lg-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
.lg-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
.lg-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
.lg-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
.lg-outline-pink-300 { outline-color: var(--quanta-pink-300); }
.lg-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
.lg-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
.lg-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
.lg-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
.lg-outline-pink-400 { outline-color: var(--quanta-pink-400); }
.lg-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
.lg-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
.lg-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
.lg-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
.lg-outline-pink-500 { outline-color: var(--quanta-pink-500); }
.lg-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
.lg-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
.lg-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
.lg-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
.lg-outline-pink-600 { outline-color: var(--quanta-pink-600); }
.lg-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
.lg-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
.lg-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
.lg-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
.lg-outline-pink-700 { outline-color: var(--quanta-pink-700); }
.lg-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
.lg-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
.lg-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
.lg-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
.lg-outline-pink-800 { outline-color: var(--quanta-pink-800); }
.lg-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
.lg-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
.lg-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
.lg-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
.lg-outline-pink-900 { outline-color: var(--quanta-pink-900); }
.lg-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
.lg-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
.lg-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
.lg-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
.lg-outline-grey-50 { outline-color: var(--quanta-grey-50); }
.lg-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
.lg-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
.lg-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
.lg-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
.lg-outline-grey-100 { outline-color: var(--quanta-grey-100); }
.lg-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
.lg-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
.lg-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
.lg-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
.lg-outline-grey-200 { outline-color: var(--quanta-grey-200); }
.lg-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
.lg-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
.lg-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
.lg-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
.lg-outline-grey-300 { outline-color: var(--quanta-grey-300); }
.lg-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
.lg-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
.lg-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
.lg-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
.lg-outline-grey-400 { outline-color: var(--quanta-grey-400); }
.lg-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
.lg-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
.lg-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
.lg-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
.lg-outline-grey-500 { outline-color: var(--quanta-grey-500); }
.lg-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
.lg-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
.lg-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
.lg-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
.lg-outline-grey-600 { outline-color: var(--quanta-grey-600); }
.lg-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
.lg-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
.lg-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
.lg-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
.lg-outline-grey-700 { outline-color: var(--quanta-grey-700); }
.lg-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
.lg-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
.lg-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
.lg-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
.lg-outline-grey-800 { outline-color: var(--quanta-grey-800); }
.lg-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
.lg-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
.lg-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
.lg-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
.lg-outline-grey-900 { outline-color: var(--quanta-grey-900); }
.lg-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
.lg-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
.lg-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
.lg-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
.lg-outline-lime-50 { outline-color: var(--quanta-lime-50); }
.lg-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
.lg-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
.lg-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
.lg-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
.lg-outline-lime-100 { outline-color: var(--quanta-lime-100); }
.lg-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
.lg-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
.lg-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
.lg-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
.lg-outline-lime-200 { outline-color: var(--quanta-lime-200); }
.lg-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
.lg-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
.lg-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
.lg-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
.lg-outline-lime-300 { outline-color: var(--quanta-lime-300); }
.lg-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
.lg-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
.lg-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
.lg-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
.lg-outline-lime-400 { outline-color: var(--quanta-lime-400); }
.lg-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
.lg-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
.lg-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
.lg-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
.lg-outline-lime-500 { outline-color: var(--quanta-lime-500); }
.lg-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
.lg-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
.lg-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
.lg-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
.lg-outline-lime-600 { outline-color: var(--quanta-lime-600); }
.lg-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
.lg-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
.lg-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
.lg-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
.lg-outline-lime-700 { outline-color: var(--quanta-lime-700); }
.lg-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
.lg-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
.lg-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
.lg-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
.lg-outline-lime-800 { outline-color: var(--quanta-lime-800); }
.lg-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
.lg-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
.lg-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
.lg-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
.lg-outline-lime-900 { outline-color: var(--quanta-lime-900); }
.lg-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
.lg-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
.lg-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
.lg-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
.lg-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
.lg-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
.lg-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
.lg-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
.lg-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
.lg-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.lg-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
.lg-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
.lg-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
.lg-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
.lg-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.lg-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
.lg-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
.lg-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
.lg-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
.lg-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.lg-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
.lg-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
.lg-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
.lg-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
.lg-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.lg-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
.lg-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
.lg-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
.lg-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
.lg-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.lg-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
.lg-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
.lg-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
.lg-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
.lg-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.lg-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
.lg-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
.lg-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
.lg-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
.lg-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.lg-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
.lg-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
.lg-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
.lg-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
.lg-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.lg-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
.lg-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
.lg-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
.lg-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
.lg-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
.lg-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
.lg-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
.lg-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
.lg-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
.lg-outline-sky-50 { outline-color: var(--quanta-sky-50); }
.lg-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
.lg-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
.lg-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
.lg-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
.lg-outline-sky-100 { outline-color: var(--quanta-sky-100); }
.lg-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
.lg-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
.lg-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
.lg-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
.lg-outline-sky-200 { outline-color: var(--quanta-sky-200); }
.lg-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
.lg-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
.lg-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
.lg-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
.lg-outline-sky-300 { outline-color: var(--quanta-sky-300); }
.lg-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
.lg-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
.lg-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
.lg-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
.lg-outline-sky-400 { outline-color: var(--quanta-sky-400); }
.lg-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
.lg-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
.lg-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
.lg-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
.lg-outline-sky-500 { outline-color: var(--quanta-sky-500); }
.lg-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
.lg-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
.lg-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
.lg-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
.lg-outline-sky-600 { outline-color: var(--quanta-sky-600); }
.lg-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
.lg-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
.lg-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
.lg-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
.lg-outline-sky-700 { outline-color: var(--quanta-sky-700); }
.lg-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
.lg-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
.lg-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
.lg-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
.lg-outline-sky-800 { outline-color: var(--quanta-sky-800); }
.lg-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
.lg-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
.lg-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
.lg-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
.lg-outline-sky-900 { outline-color: var(--quanta-sky-900); }
.lg-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
.lg-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
.lg-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
.lg-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
.lg-outline-violet-50 { outline-color: var(--quanta-violet-50); }
.lg-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
.lg-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
.lg-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
.lg-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
.lg-outline-violet-100 { outline-color: var(--quanta-violet-100); }
.lg-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
.lg-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
.lg-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
.lg-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
.lg-outline-violet-200 { outline-color: var(--quanta-violet-200); }
.lg-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
.lg-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
.lg-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
.lg-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
.lg-outline-violet-300 { outline-color: var(--quanta-violet-300); }
.lg-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
.lg-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
.lg-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
.lg-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
.lg-outline-violet-400 { outline-color: var(--quanta-violet-400); }
.lg-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
.lg-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
.lg-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
.lg-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
.lg-outline-violet-500 { outline-color: var(--quanta-violet-500); }
.lg-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
.lg-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
.lg-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
.lg-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
.lg-outline-violet-600 { outline-color: var(--quanta-violet-600); }
.lg-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
.lg-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
.lg-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
.lg-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
.lg-outline-violet-700 { outline-color: var(--quanta-violet-700); }
.lg-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
.lg-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
.lg-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
.lg-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
.lg-outline-violet-800 { outline-color: var(--quanta-violet-800); }
.lg-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
.lg-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
.lg-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
.lg-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
.lg-outline-violet-900 { outline-color: var(--quanta-violet-900); }
.lg-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
.lg-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
.lg-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
.lg-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
.lg-outline-rose-50 { outline-color: var(--quanta-rose-50); }
.lg-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
.lg-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
.lg-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
.lg-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
.lg-outline-rose-100 { outline-color: var(--quanta-rose-100); }
.lg-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
.lg-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
.lg-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
.lg-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
.lg-outline-rose-200 { outline-color: var(--quanta-rose-200); }
.lg-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
.lg-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
.lg-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
.lg-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
.lg-outline-rose-300 { outline-color: var(--quanta-rose-300); }
.lg-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
.lg-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
.lg-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
.lg-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
.lg-outline-rose-400 { outline-color: var(--quanta-rose-400); }
.lg-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
.lg-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
.lg-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
.lg-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
.lg-outline-rose-500 { outline-color: var(--quanta-rose-500); }
.lg-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
.lg-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
.lg-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
.lg-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
.lg-outline-rose-600 { outline-color: var(--quanta-rose-600); }
.lg-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
.lg-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
.lg-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
.lg-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
.lg-outline-rose-700 { outline-color: var(--quanta-rose-700); }
.lg-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
.lg-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
.lg-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
.lg-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
.lg-outline-rose-800 { outline-color: var(--quanta-rose-800); }
.lg-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
.lg-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
.lg-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
.lg-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
.lg-outline-rose-900 { outline-color: var(--quanta-rose-900); }
.lg-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
.lg-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
.lg-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
.lg-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
.lg-outline-slate-50 { outline-color: var(--quanta-slate-50); }
.lg-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
.lg-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
.lg-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
.lg-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
.lg-outline-slate-100 { outline-color: var(--quanta-slate-100); }
.lg-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
.lg-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
.lg-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
.lg-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
.lg-outline-slate-200 { outline-color: var(--quanta-slate-200); }
.lg-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
.lg-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
.lg-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
.lg-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
.lg-outline-slate-300 { outline-color: var(--quanta-slate-300); }
.lg-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
.lg-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
.lg-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
.lg-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
.lg-outline-slate-400 { outline-color: var(--quanta-slate-400); }
.lg-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
.lg-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
.lg-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
.lg-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
.lg-outline-slate-500 { outline-color: var(--quanta-slate-500); }
.lg-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
.lg-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
.lg-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
.lg-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
.lg-outline-slate-600 { outline-color: var(--quanta-slate-600); }
.lg-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
.lg-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
.lg-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
.lg-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
.lg-outline-slate-700 { outline-color: var(--quanta-slate-700); }
.lg-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
.lg-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
.lg-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
.lg-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
.lg-outline-slate-800 { outline-color: var(--quanta-slate-800); }
.lg-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
.lg-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
.lg-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
.lg-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
.lg-outline-slate-900 { outline-color: var(--quanta-slate-900); }
.lg-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
.lg-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
.lg-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
.lg-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
.lg-outline-blue-50 { outline-color: var(--quanta-blue-50); }
.lg-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
.lg-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
.lg-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
.lg-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
.lg-outline-blue-100 { outline-color: var(--quanta-blue-100); }
.lg-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
.lg-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
.lg-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
.lg-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
.lg-outline-blue-200 { outline-color: var(--quanta-blue-200); }
.lg-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
.lg-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
.lg-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
.lg-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
.lg-outline-blue-300 { outline-color: var(--quanta-blue-300); }
.lg-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
.lg-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
.lg-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
.lg-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
.lg-outline-blue-400 { outline-color: var(--quanta-blue-400); }
.lg-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
.lg-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
.lg-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
.lg-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
.lg-outline-blue-500 { outline-color: var(--quanta-blue-500); }
.lg-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
.lg-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
.lg-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
.lg-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
.lg-outline-blue-600 { outline-color: var(--quanta-blue-600); }
.lg-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
.lg-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
.lg-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
.lg-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
.lg-outline-blue-700 { outline-color: var(--quanta-blue-700); }
.lg-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
.lg-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
.lg-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
.lg-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
.lg-outline-blue-800 { outline-color: var(--quanta-blue-800); }
.lg-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
.lg-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
.lg-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
.lg-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
.lg-outline-blue-900 { outline-color: var(--quanta-blue-900); }
.lg-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
.lg-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
.lg-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
.lg-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
.lg-outline-green-50 { outline-color: var(--quanta-green-50); }
.lg-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
.lg-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
.lg-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
.lg-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
.lg-outline-green-100 { outline-color: var(--quanta-green-100); }
.lg-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
.lg-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
.lg-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
.lg-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
.lg-outline-green-200 { outline-color: var(--quanta-green-200); }
.lg-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
.lg-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
.lg-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
.lg-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
.lg-outline-green-300 { outline-color: var(--quanta-green-300); }
.lg-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
.lg-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
.lg-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
.lg-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
.lg-outline-green-400 { outline-color: var(--quanta-green-400); }
.lg-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
.lg-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
.lg-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
.lg-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
.lg-outline-green-500 { outline-color: var(--quanta-green-500); }
.lg-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
.lg-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
.lg-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
.lg-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
.lg-outline-green-600 { outline-color: var(--quanta-green-600); }
.lg-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
.lg-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
.lg-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
.lg-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
.lg-outline-green-700 { outline-color: var(--quanta-green-700); }
.lg-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
.lg-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
.lg-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
.lg-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
.lg-outline-green-800 { outline-color: var(--quanta-green-800); }
.lg-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
.lg-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
.lg-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
.lg-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
.lg-outline-green-900 { outline-color: var(--quanta-green-900); }
.lg-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
.lg-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
.lg-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
.lg-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
.lg-outline-black { outline-color: var(--black); }
.lg-hover-outline-black:hover { outline-color: var(--black); }
.lg-focus-outline-black:focus { outline-color: var(--black); }
.lg-active-outline-black:active { outline-color: var(--black); }
.lg-disabled-outline-black:disabled { outline-color: var(--black); }
.lg-outline-white { outline-color: var(--white); }
.lg-hover-outline-white:hover { outline-color: var(--white); }
.lg-focus-outline-white:focus { outline-color: var(--white); }
.lg-active-outline-white:active { outline-color: var(--white); }
.lg-disabled-outline-white:disabled { outline-color: var(--white); }
.lg-ring-sm { --ring-width: 0.125rem; }
.lg-hover-ring-sm:hover { --ring-width: 0.125rem; }
.lg-focus-ring-sm:focus { --ring-width: 0.125rem; }
.lg-active-ring-sm:active { --ring-width: 0.125rem; }
.lg-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
.lg-ring-md { --ring-width: 0.5rem; }
.lg-hover-ring-md:hover { --ring-width: 0.5rem; }
.lg-focus-ring-md:focus { --ring-width: 0.5rem; }
.lg-active-ring-md:active { --ring-width: 0.5rem; }
.lg-disabled-ring-md:disabled { --ring-width: 0.5rem; }
.lg-ring-lg { --ring-width: 1rem; }
.lg-hover-ring-lg:hover { --ring-width: 1rem; }
.lg-focus-ring-lg:focus { --ring-width: 1rem; }
.lg-active-ring-lg:active { --ring-width: 1rem; }
.lg-disabled-ring-lg:disabled { --ring-width: 1rem; }
.lg-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.lg-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.lg-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.lg-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.lg-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.lg-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
.lg-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
.lg-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
.lg-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
.lg-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
.lg-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
.lg-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
.lg-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
.lg-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
.lg-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
.lg-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
.lg-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
.lg-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
.lg-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
.lg-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
.lg-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
.lg-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
.lg-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
.lg-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
.lg-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
.lg-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
.lg-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
.lg-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
.lg-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
.lg-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
.lg-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
.lg-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
.lg-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
.lg-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
.lg-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
.lg-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
.lg-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
.lg-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
.lg-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
.lg-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
.lg-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
.lg-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
.lg-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
.lg-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
.lg-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
.lg-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
.lg-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
.lg-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
.lg-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
.lg-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
.lg-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
.lg-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
.lg-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
.lg-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
.lg-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
.lg-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
.lg-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
.lg-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
.lg-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
.lg-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
.lg-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.lg-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
.lg-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
.lg-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
.lg-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
.lg-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.lg-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
.lg-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
.lg-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
.lg-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
.lg-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.lg-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
.lg-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
.lg-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
.lg-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
.lg-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.lg-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
.lg-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
.lg-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
.lg-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
.lg-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.lg-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
.lg-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
.lg-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
.lg-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
.lg-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.lg-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
.lg-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
.lg-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
.lg-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
.lg-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.lg-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
.lg-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
.lg-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
.lg-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
.lg-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.lg-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
.lg-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
.lg-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
.lg-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
.lg-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
.lg-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
.lg-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
.lg-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
.lg-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
.lg-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
.lg-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
.lg-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
.lg-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
.lg-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
.lg-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
.lg-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
.lg-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
.lg-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
.lg-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
.lg-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
.lg-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
.lg-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
.lg-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
.lg-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
.lg-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
.lg-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
.lg-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
.lg-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
.lg-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
.lg-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
.lg-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
.lg-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
.lg-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
.lg-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
.lg-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
.lg-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
.lg-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
.lg-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
.lg-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
.lg-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
.lg-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
.lg-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
.lg-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
.lg-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
.lg-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
.lg-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
.lg-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
.lg-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
.lg-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
.lg-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
.lg-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
.lg-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
.lg-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
.lg-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
.lg-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
.lg-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
.lg-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
.lg-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
.lg-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
.lg-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
.lg-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
.lg-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
.lg-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
.lg-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
.lg-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
.lg-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
.lg-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
.lg-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
.lg-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
.lg-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
.lg-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
.lg-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
.lg-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
.lg-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
.lg-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
.lg-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
.lg-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
.lg-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
.lg-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
.lg-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
.lg-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
.lg-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
.lg-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
.lg-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
.lg-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
.lg-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
.lg-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
.lg-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
.lg-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
.lg-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
.lg-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
.lg-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
.lg-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
.lg-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
.lg-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
.lg-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
.lg-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
.lg-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
.lg-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
.lg-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
.lg-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
.lg-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
.lg-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
.lg-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
.lg-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
.lg-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
.lg-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
.lg-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
.lg-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
.lg-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
.lg-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
.lg-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
.lg-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
.lg-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
.lg-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
.lg-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
.lg-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
.lg-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
.lg-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
.lg-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
.lg-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
.lg-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
.lg-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
.lg-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
.lg-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
.lg-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
.lg-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
.lg-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
.lg-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
.lg-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
.lg-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
.lg-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
.lg-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
.lg-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
.lg-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
.lg-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
.lg-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
.lg-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
.lg-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
.lg-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
.lg-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
.lg-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
.lg-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
.lg-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
.lg-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
.lg-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
.lg-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
.lg-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
.lg-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
.lg-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
.lg-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
.lg-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
.lg-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
.lg-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
.lg-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
.lg-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
.lg-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
.lg-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
.lg-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
.lg-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
.lg-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
.lg-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
.lg-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
.lg-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
.lg-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
.lg-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
.lg-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
.lg-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
.lg-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
.lg-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
.lg-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
.lg-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
.lg-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
.lg-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
.lg-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
.lg-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
.lg-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
.lg-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
.lg-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
.lg-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
.lg-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
.lg-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
.lg-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
.lg-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
.lg-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
.lg-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
.lg-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
.lg-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
.lg-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
.lg-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
.lg-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
.lg-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
.lg-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
.lg-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
.lg-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
.lg-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
.lg-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
.lg-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
.lg-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
.lg-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
.lg-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
.lg-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
.lg-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
.lg-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
.lg-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
.lg-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
.lg-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
.lg-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
.lg-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
.lg-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
.lg-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
.lg-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
.lg-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
.lg-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
.lg-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
.lg-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
.lg-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
.lg-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
.lg-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
.lg-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
.lg-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
.lg-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
.lg-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
.lg-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
.lg-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
.lg-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
.lg-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
.lg-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
.lg-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
.lg-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
.lg-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
.lg-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
.lg-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
.lg-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
.lg-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
.lg-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
.lg-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
.lg-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
.lg-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
.lg-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
.lg-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
.lg-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
.lg-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
.lg-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
.lg-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
.lg-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
.lg-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
.lg-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
.lg-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
.lg-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
.lg-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
.lg-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
.lg-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
.lg-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
.lg-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
.lg-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
.lg-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
.lg-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
.lg-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
.lg-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
.lg-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
.lg-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
.lg-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
.lg-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
.lg-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
.lg-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
.lg-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
.lg-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
.lg-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
.lg-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
.lg-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
.lg-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
.lg-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
.lg-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
.lg-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
.lg-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
.lg-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
.lg-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
.lg-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
.lg-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
.lg-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
.lg-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
.lg-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
.lg-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
.lg-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
.lg-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
.lg-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
.lg-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
.lg-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
.lg-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
.lg-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
.lg-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
.lg-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
.lg-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
.lg-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
.lg-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
.lg-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
.lg-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
.lg-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
.lg-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
.lg-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
.lg-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
.lg-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
.lg-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
.lg-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
.lg-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
.lg-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
.lg-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
.lg-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
.lg-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
.lg-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
.lg-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
.lg-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
.lg-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
.lg-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
.lg-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
.lg-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
.lg-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
.lg-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
.lg-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
.lg-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
.lg-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
.lg-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
.lg-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
.lg-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
.lg-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
.lg-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
.lg-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
.lg-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
.lg-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
.lg-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
.lg-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
.lg-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
.lg-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
.lg-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
.lg-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
.lg-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
.lg-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
.lg-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
.lg-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
.lg-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
.lg-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
.lg-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
.lg-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
.lg-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
.lg-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
.lg-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
.lg-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
.lg-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
.lg-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
.lg-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
.lg-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
.lg-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
.lg-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
.lg-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
.lg-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
.lg-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
.lg-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
.lg-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
.lg-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
.lg-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
.lg-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
.lg-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
.lg-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
.lg-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
.lg-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
.lg-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
.lg-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
.lg-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
.lg-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
.lg-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
.lg-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
.lg-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
.lg-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
.lg-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
.lg-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
.lg-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
.lg-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
.lg-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
.lg-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
.lg-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
.lg-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
.lg-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
.lg-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
.lg-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
.lg-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
.lg-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
.lg-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
.lg-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
.lg-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
.lg-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
.lg-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
.lg-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
.lg-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
.lg-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
.lg-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
.lg-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
.lg-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
.lg-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
.lg-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
.lg-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
.lg-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
.lg-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
.lg-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
.lg-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
.lg-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
.lg-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
.lg-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
.lg-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
.lg-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
.lg-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
.lg-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
.lg-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
.lg-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
.lg-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
.lg-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
.lg-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
.lg-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
.lg-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
.lg-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
.lg-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
.lg-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
.lg-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
.lg-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
.lg-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
.lg-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
.lg-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
.lg-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
.lg-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
.lg-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
.lg-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
.lg-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
.lg-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
.lg-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
.lg-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
.lg-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
.lg-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
.lg-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
.lg-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
.lg-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
.lg-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
.lg-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
.lg-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
.lg-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
.lg-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
.lg-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
.lg-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
.lg-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
.lg-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
.lg-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
.lg-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
.lg-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
.lg-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
.lg-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
.lg-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
.lg-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
.lg-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
.lg-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
.lg-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
.lg-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
.lg-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
.lg-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
.lg-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
.lg-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
.lg-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
.lg-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
.lg-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
.lg-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
.lg-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
.lg-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
.lg-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
.lg-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
.lg-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
.lg-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
.lg-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
.lg-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
.lg-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
.lg-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
.lg-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
.lg-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
.lg-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
.lg-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
.lg-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
.lg-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
.lg-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
.lg-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
.lg-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
.lg-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
.lg-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
.lg-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
.lg-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
.lg-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
.lg-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
.lg-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
.lg-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
.lg-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
.lg-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
.lg-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
.lg-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
.lg-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
.lg-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
.lg-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
.lg-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
.lg-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
.lg-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
.lg-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
.lg-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
.lg-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
.lg-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
.lg-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
.lg-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
.lg-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
.lg-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
.lg-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
.lg-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
.lg-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
.lg-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
.lg-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
.lg-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
.lg-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
.lg-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
.lg-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
.lg-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
.lg-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
.lg-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
.lg-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
.lg-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
.lg-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
.lg-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
.lg-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
.lg-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
.lg-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
.lg-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
.lg-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
.lg-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
.lg-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
.lg-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
.lg-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
.lg-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
.lg-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
.lg-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
.lg-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
.lg-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
.lg-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
.lg-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
.lg-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
.lg-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
.lg-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
.lg-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
.lg-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
.lg-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
.lg-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
.lg-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
.lg-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
.lg-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
.lg-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
.lg-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
.lg-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
.lg-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
.lg-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
.lg-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
.lg-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
.lg-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
.lg-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
.lg-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
.lg-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
.lg-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
.lg-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
.lg-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
.lg-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
.lg-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
.lg-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
.lg-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
.lg-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
.lg-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
.lg-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
.lg-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
.lg-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
.lg-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
.lg-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
.lg-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
.lg-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
.lg-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
.lg-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
.lg-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
.lg-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
.lg-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
.lg-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
.lg-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
.lg-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
.lg-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
.lg-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
.lg-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
.lg-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
.lg-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
.lg-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
.lg-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
.lg-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
.lg-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
.lg-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
.lg-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
.lg-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
.lg-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
.lg-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
.lg-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
.lg-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
.lg-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
.lg-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
.lg-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
.lg-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
.lg-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
.lg-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
.lg-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
.lg-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
.lg-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
.lg-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
.lg-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
.lg-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
.lg-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
.lg-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
.lg-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
.lg-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
.lg-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
.lg-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
.lg-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
.lg-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
.lg-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
.lg-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
.lg-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
.lg-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
.lg-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
.lg-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
.lg-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
.lg-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
.lg-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
.lg-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
.lg-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
.lg-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
.lg-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
.lg-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
.lg-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
.lg-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
.lg-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
.lg-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
.lg-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
.lg-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
.lg-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
.lg-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
.lg-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
.lg-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
.lg-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
.lg-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
.lg-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
.lg-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
.lg-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
.lg-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
.lg-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
.lg-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
.lg-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
.lg-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
.lg-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
.lg-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
.lg-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
.lg-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
.lg-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
.lg-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
.lg-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
.lg-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
.lg-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
.lg-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
.lg-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
.lg-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
.lg-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
.lg-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
.lg-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
.lg-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
.lg-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
.lg-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
.lg-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
.lg-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
.lg-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
.lg-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
.lg-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
.lg-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
.lg-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
.lg-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
.lg-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
.lg-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
.lg-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
.lg-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
.lg-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
.lg-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
.lg-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
.lg-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
.lg-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
.lg-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
.lg-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
.lg-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
.lg-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
.lg-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
.lg-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
.lg-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
.lg-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
.lg-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
.lg-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
.lg-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
.lg-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
.lg-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
.lg-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
.lg-ring-black { --quanta-ring-color: var(--black); }
.lg-hover-ring-black:hover { --quanta-ring-color: var(--black); }
.lg-focus-ring-black:focus { --quanta-ring-color: var(--black); }
.lg-active-ring-black:active { --quanta-ring-color: var(--black); }
.lg-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
.lg-ring-white { --quanta-ring-color: var(--white); }
.lg-hover-ring-white:hover { --quanta-ring-color: var(--white); }
.lg-focus-ring-white:focus { --quanta-ring-color: var(--white); }
.lg-active-ring-white:active { --quanta-ring-color: var(--white); }
.lg-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
.lg-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.lg-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
.lg-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
.lg-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
.lg-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
.lg-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.lg-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
.lg-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
.lg-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
.lg-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
.lg-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.lg-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
.lg-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
.lg-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
.lg-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
.lg-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.lg-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
.lg-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
.lg-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
.lg-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
.lg-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.lg-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
.lg-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
.lg-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
.lg-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
.lg-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.lg-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
.lg-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
.lg-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
.lg-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
.lg-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.lg-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
.lg-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
.lg-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
.lg-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
.lg-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.lg-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
.lg-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
.lg-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
.lg-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
.lg-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.lg-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
.lg-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
.lg-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
.lg-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
.lg-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.lg-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
.lg-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
.lg-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
.lg-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
.lg-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.lg-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
.lg-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
.lg-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
.lg-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
.lg-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.lg-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
.lg-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
.lg-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
.lg-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
.lg-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.lg-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
.lg-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
.lg-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
.lg-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
.lg-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.lg-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
.lg-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
.lg-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
.lg-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
.lg-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.lg-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
.lg-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
.lg-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
.lg-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
.lg-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.lg-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
.lg-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
.lg-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
.lg-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
.lg-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.lg-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
.lg-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
.lg-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
.lg-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
.lg-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.lg-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
.lg-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
.lg-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
.lg-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
.lg-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.lg-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
.lg-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
.lg-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
.lg-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
.lg-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.lg-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
.lg-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
.lg-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
.lg-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
.lg-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.lg-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
.lg-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
.lg-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
.lg-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
.lg-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.lg-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
.lg-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
.lg-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
.lg-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
.lg-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.lg-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
.lg-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
.lg-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
.lg-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
.lg-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.lg-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
.lg-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
.lg-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
.lg-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
.lg-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.lg-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
.lg-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
.lg-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
.lg-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
.lg-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.lg-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
.lg-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
.lg-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
.lg-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
.lg-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.lg-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
.lg-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
.lg-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
.lg-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
.lg-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.lg-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
.lg-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
.lg-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
.lg-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
.lg-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.lg-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
.lg-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
.lg-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
.lg-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
.lg-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.lg-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
.lg-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
.lg-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
.lg-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
.lg-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.lg-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
.lg-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
.lg-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
.lg-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
.lg-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.lg-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
.lg-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
.lg-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
.lg-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
.lg-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.lg-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
.lg-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
.lg-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
.lg-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
.lg-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.lg-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
.lg-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
.lg-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
.lg-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
.lg-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.lg-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
.lg-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
.lg-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
.lg-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
.lg-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.lg-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
.lg-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
.lg-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
.lg-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
.lg-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.lg-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
.lg-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
.lg-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
.lg-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
.lg-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.lg-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
.lg-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
.lg-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
.lg-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
.lg-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.lg-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
.lg-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
.lg-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
.lg-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
.lg-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.lg-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
.lg-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
.lg-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
.lg-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
.lg-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.lg-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
.lg-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
.lg-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
.lg-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
.lg-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.lg-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
.lg-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
.lg-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
.lg-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
.lg-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.lg-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
.lg-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
.lg-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
.lg-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
.lg-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.lg-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
.lg-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
.lg-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
.lg-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
.lg-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.lg-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
.lg-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
.lg-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
.lg-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
.lg-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.lg-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
.lg-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
.lg-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
.lg-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
.lg-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.lg-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
.lg-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
.lg-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
.lg-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
.lg-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.lg-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
.lg-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
.lg-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
.lg-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
.lg-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.lg-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
.lg-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
.lg-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
.lg-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
.lg-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.lg-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
.lg-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
.lg-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
.lg-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
.lg-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.lg-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
.lg-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
.lg-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
.lg-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
.lg-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.lg-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
.lg-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
.lg-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
.lg-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
.lg-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.lg-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
.lg-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
.lg-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
.lg-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
.lg-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.lg-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
.lg-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
.lg-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
.lg-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
.lg-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.lg-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
.lg-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
.lg-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
.lg-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
.lg-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.lg-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
.lg-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
.lg-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
.lg-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
.lg-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.lg-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
.lg-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
.lg-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
.lg-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
.lg-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.lg-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
.lg-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
.lg-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
.lg-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
.lg-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.lg-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
.lg-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
.lg-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
.lg-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
.lg-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.lg-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
.lg-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
.lg-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
.lg-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
.lg-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.lg-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
.lg-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
.lg-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
.lg-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
.lg-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.lg-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
.lg-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
.lg-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
.lg-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
.lg-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.lg-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
.lg-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
.lg-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
.lg-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
.lg-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.lg-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
.lg-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
.lg-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
.lg-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
.lg-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.lg-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
.lg-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
.lg-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
.lg-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
.lg-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.lg-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
.lg-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
.lg-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
.lg-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
.lg-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.lg-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
.lg-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
.lg-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
.lg-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
.lg-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.lg-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
.lg-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
.lg-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
.lg-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
.lg-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.lg-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
.lg-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
.lg-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
.lg-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
.lg-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.lg-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
.lg-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
.lg-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
.lg-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
.lg-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.lg-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
.lg-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
.lg-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
.lg-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
.lg-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.lg-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
.lg-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
.lg-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
.lg-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
.lg-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.lg-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
.lg-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
.lg-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
.lg-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
.lg-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.lg-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
.lg-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
.lg-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
.lg-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
.lg-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.lg-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
.lg-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
.lg-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
.lg-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
.lg-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.lg-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
.lg-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
.lg-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
.lg-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
.lg-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.lg-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
.lg-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
.lg-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
.lg-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
.lg-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.lg-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
.lg-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
.lg-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
.lg-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
.lg-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.lg-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
.lg-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
.lg-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
.lg-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
.lg-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.lg-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
.lg-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
.lg-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
.lg-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
.lg-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.lg-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
.lg-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
.lg-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
.lg-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
.lg-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.lg-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
.lg-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
.lg-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
.lg-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
.lg-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.lg-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
.lg-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
.lg-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
.lg-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
.lg-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.lg-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
.lg-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
.lg-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
.lg-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
.lg-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.lg-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
.lg-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
.lg-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
.lg-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
.lg-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.lg-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
.lg-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
.lg-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
.lg-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
.lg-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.lg-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
.lg-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
.lg-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
.lg-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
.lg-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.lg-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
.lg-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
.lg-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
.lg-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
.lg-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.lg-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
.lg-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
.lg-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
.lg-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
.lg-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.lg-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
.lg-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
.lg-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
.lg-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
.lg-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.lg-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
.lg-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
.lg-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
.lg-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
.lg-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.lg-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
.lg-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
.lg-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
.lg-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
.lg-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.lg-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
.lg-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
.lg-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
.lg-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
.lg-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.lg-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
.lg-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
.lg-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
.lg-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
.lg-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.lg-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
.lg-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
.lg-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
.lg-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
.lg-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.lg-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
.lg-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
.lg-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
.lg-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
.lg-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.lg-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
.lg-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
.lg-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
.lg-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
.lg-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.lg-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
.lg-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
.lg-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
.lg-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
.lg-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.lg-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
.lg-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
.lg-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
.lg-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
.lg-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.lg-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
.lg-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
.lg-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
.lg-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
.lg-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.lg-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
.lg-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
.lg-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
.lg-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
.lg-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.lg-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
.lg-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
.lg-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
.lg-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
.lg-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.lg-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
.lg-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
.lg-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
.lg-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
.lg-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.lg-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
.lg-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
.lg-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
.lg-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
.lg-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.lg-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
.lg-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
.lg-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
.lg-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
.lg-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.lg-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
.lg-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
.lg-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
.lg-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
.lg-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.lg-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
.lg-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
.lg-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
.lg-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
.lg-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.lg-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
.lg-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
.lg-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
.lg-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
.lg-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.lg-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
.lg-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
.lg-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
.lg-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
.lg-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.lg-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
.lg-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
.lg-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
.lg-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
.lg-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.lg-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
.lg-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
.lg-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
.lg-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
.lg-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.lg-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
.lg-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
.lg-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
.lg-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
.lg-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.lg-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
.lg-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
.lg-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
.lg-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
.lg-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.lg-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
.lg-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
.lg-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
.lg-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
.lg-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.lg-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
.lg-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
.lg-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
.lg-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
.lg-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.lg-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
.lg-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
.lg-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
.lg-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
.lg-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.lg-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
.lg-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
.lg-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
.lg-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
.lg-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.lg-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
.lg-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
.lg-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
.lg-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
.lg-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.lg-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
.lg-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
.lg-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
.lg-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
.lg-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.lg-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
.lg-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
.lg-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
.lg-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
.lg-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.lg-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
.lg-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
.lg-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
.lg-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
.lg-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.lg-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
.lg-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
.lg-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
.lg-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
.lg-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.lg-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
.lg-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
.lg-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
.lg-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
.lg-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.lg-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
.lg-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
.lg-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
.lg-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
.lg-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.lg-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
.lg-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
.lg-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
.lg-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
.lg-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.lg-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
.lg-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
.lg-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
.lg-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
.lg-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.lg-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
.lg-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
.lg-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
.lg-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
.lg-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.lg-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
.lg-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
.lg-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
.lg-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
.lg-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.lg-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
.lg-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
.lg-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
.lg-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
.lg-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.lg-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
.lg-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
.lg-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
.lg-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
.lg-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.lg-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
.lg-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
.lg-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
.lg-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
.lg-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.lg-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
.lg-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
.lg-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
.lg-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
.lg-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.lg-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
.lg-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
.lg-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
.lg-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
.lg-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.lg-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
.lg-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
.lg-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
.lg-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
.lg-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.lg-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
.lg-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
.lg-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
.lg-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
.lg-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.lg-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
.lg-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
.lg-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
.lg-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
.lg-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.lg-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
.lg-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
.lg-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
.lg-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
.lg-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.lg-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
.lg-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
.lg-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
.lg-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
.lg-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.lg-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
.lg-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
.lg-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
.lg-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
.lg-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.lg-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
.lg-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
.lg-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
.lg-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
.lg-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.lg-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
.lg-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
.lg-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
.lg-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
.lg-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.lg-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
.lg-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
.lg-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
.lg-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
.lg-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.lg-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
.lg-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
.lg-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
.lg-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
.lg-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.lg-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
.lg-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
.lg-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
.lg-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
.lg-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.lg-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
.lg-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
.lg-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
.lg-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
.lg-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.lg-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
.lg-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
.lg-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
.lg-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
.lg-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.lg-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
.lg-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
.lg-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
.lg-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
.lg-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.lg-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
.lg-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
.lg-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
.lg-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
.lg-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.lg-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
.lg-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
.lg-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
.lg-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
.lg-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.lg-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
.lg-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
.lg-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
.lg-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
.lg-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.lg-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
.lg-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
.lg-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
.lg-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
.lg-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.lg-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
.lg-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
.lg-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
.lg-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
.lg-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.lg-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
.lg-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
.lg-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
.lg-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
.lg-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.lg-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
.lg-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
.lg-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
.lg-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
.lg-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.lg-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
.lg-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
.lg-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
.lg-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
.lg-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.lg-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
.lg-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
.lg-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
.lg-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
.lg-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.lg-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
.lg-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
.lg-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
.lg-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
.lg-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.lg-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
.lg-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
.lg-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
.lg-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
.lg-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.lg-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
.lg-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
.lg-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
.lg-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
.lg-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.lg-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
.lg-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
.lg-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
.lg-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
.lg-shadow-color-black { --shadow-color: var(--black); }
.lg-hover-shadow-color-black:hover { --shadow-color: var(--black); }
.lg-focus-shadow-color-black:focus { --shadow-color: var(--black); }
.lg-active-shadow-color-black:active { --shadow-color: var(--black); }
.lg-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
.lg-shadow-color-white { --shadow-color: var(--white); }
.lg-hover-shadow-color-white:hover { --shadow-color: var(--white); }
.lg-focus-shadow-color-white:focus { --shadow-color: var(--white); }
.lg-active-shadow-color-white:active { --shadow-color: var(--white); }
.lg-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
.lg-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.lg-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
.lg-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
.lg-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
.lg-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
.lg-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.lg-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
.lg-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
.lg-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
.lg-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
.lg-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.lg-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
.lg-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
.lg-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
.lg-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
.lg-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.lg-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
.lg-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
.lg-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
.lg-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
.lg-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.lg-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
.lg-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
.lg-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
.lg-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
.lg-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.lg-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
.lg-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
.lg-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
.lg-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
.lg-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.lg-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
.lg-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
.lg-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
.lg-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
.lg-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.lg-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
.lg-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
.lg-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
.lg-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
.lg-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.lg-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
.lg-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
.lg-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
.lg-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
.lg-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.lg-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
.lg-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
.lg-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
.lg-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
.lg-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.lg-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
.lg-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
.lg-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
.lg-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
.lg-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.lg-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
.lg-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
.lg-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
.lg-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
.lg-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.lg-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
.lg-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
.lg-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
.lg-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
.lg-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.lg-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
.lg-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
.lg-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
.lg-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
.lg-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.lg-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
.lg-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
.lg-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
.lg-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
.lg-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.lg-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
.lg-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
.lg-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
.lg-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
.lg-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.lg-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
.lg-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
.lg-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
.lg-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
.lg-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.lg-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
.lg-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
.lg-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
.lg-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
.lg-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.lg-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
.lg-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
.lg-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
.lg-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
.lg-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.lg-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
.lg-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
.lg-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
.lg-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
.lg-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.lg-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
.lg-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
.lg-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
.lg-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
.lg-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.lg-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
.lg-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
.lg-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
.lg-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
.lg-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.lg-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
.lg-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
.lg-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
.lg-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
.lg-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.lg-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
.lg-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
.lg-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
.lg-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
.lg-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.lg-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
.lg-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
.lg-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
.lg-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
.lg-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.lg-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
.lg-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
.lg-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
.lg-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
.lg-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.lg-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
.lg-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
.lg-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
.lg-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
.lg-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.lg-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
.lg-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
.lg-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
.lg-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
.lg-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.lg-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
.lg-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
.lg-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
.lg-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
.lg-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.lg-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
.lg-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
.lg-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
.lg-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
.lg-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.lg-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
.lg-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
.lg-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
.lg-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
.lg-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.lg-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
.lg-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
.lg-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
.lg-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
.lg-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.lg-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
.lg-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
.lg-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
.lg-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
.lg-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.lg-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
.lg-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
.lg-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
.lg-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
.lg-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.lg-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
.lg-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
.lg-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
.lg-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
.lg-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.lg-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
.lg-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
.lg-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
.lg-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
.lg-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.lg-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
.lg-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
.lg-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
.lg-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
.lg-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.lg-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
.lg-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
.lg-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
.lg-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
.lg-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.lg-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
.lg-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
.lg-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
.lg-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
.lg-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.lg-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
.lg-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
.lg-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
.lg-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
.lg-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.lg-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
.lg-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
.lg-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
.lg-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
.lg-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.lg-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
.lg-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
.lg-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
.lg-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
.lg-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.lg-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
.lg-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
.lg-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
.lg-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
.lg-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.lg-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
.lg-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
.lg-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
.lg-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
.lg-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.lg-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
.lg-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
.lg-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
.lg-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
.lg-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.lg-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
.lg-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
.lg-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
.lg-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
.lg-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.lg-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
.lg-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
.lg-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
.lg-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
.lg-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.lg-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
.lg-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
.lg-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
.lg-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
.lg-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.lg-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
.lg-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
.lg-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
.lg-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
.lg-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.lg-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
.lg-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
.lg-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
.lg-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
.lg-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.lg-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
.lg-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
.lg-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
.lg-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
.lg-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.lg-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
.lg-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
.lg-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
.lg-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
.lg-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.lg-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
.lg-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
.lg-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
.lg-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
.lg-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.lg-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
.lg-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
.lg-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
.lg-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
.lg-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.lg-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
.lg-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
.lg-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
.lg-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
.lg-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.lg-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
.lg-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
.lg-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
.lg-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
.lg-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.lg-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
.lg-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
.lg-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
.lg-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
.lg-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.lg-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
.lg-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
.lg-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
.lg-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
.lg-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.lg-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
.lg-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
.lg-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
.lg-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
.lg-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.lg-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
.lg-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
.lg-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
.lg-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
.lg-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.lg-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
.lg-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
.lg-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
.lg-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
.lg-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.lg-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
.lg-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
.lg-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
.lg-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
.lg-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.lg-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
.lg-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
.lg-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
.lg-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
.lg-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.lg-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
.lg-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
.lg-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
.lg-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
.lg-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.lg-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
.lg-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
.lg-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
.lg-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
.lg-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.lg-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
.lg-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
.lg-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
.lg-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
.lg-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.lg-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
.lg-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
.lg-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
.lg-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
.lg-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.lg-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
.lg-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
.lg-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
.lg-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
.lg-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.lg-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
.lg-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
.lg-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
.lg-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
.lg-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.lg-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
.lg-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
.lg-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
.lg-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
.lg-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.lg-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
.lg-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
.lg-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
.lg-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
.lg-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.lg-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
.lg-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
.lg-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
.lg-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
.lg-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.lg-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
.lg-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
.lg-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
.lg-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
.lg-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.lg-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
.lg-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
.lg-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
.lg-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
.lg-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.lg-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
.lg-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
.lg-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
.lg-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
.lg-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.lg-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
.lg-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
.lg-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
.lg-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
.lg-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.lg-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
.lg-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
.lg-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
.lg-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
.lg-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.lg-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
.lg-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
.lg-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
.lg-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
.lg-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.lg-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
.lg-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
.lg-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
.lg-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
.lg-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.lg-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
.lg-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
.lg-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
.lg-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
.lg-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.lg-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
.lg-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
.lg-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
.lg-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
.lg-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.lg-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
.lg-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
.lg-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
.lg-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
.lg-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.lg-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
.lg-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
.lg-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
.lg-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
.lg-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.lg-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
.lg-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
.lg-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
.lg-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
.lg-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.lg-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
.lg-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
.lg-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
.lg-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
.lg-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.lg-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
.lg-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
.lg-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
.lg-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
.lg-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.lg-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
.lg-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
.lg-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
.lg-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
.lg-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.lg-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
.lg-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
.lg-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
.lg-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
.lg-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.lg-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
.lg-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
.lg-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
.lg-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
.lg-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.lg-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
.lg-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
.lg-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
.lg-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
.lg-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.lg-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
.lg-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
.lg-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
.lg-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
.lg-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.lg-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
.lg-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
.lg-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
.lg-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
.lg-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.lg-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
.lg-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
.lg-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
.lg-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
.lg-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.lg-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
.lg-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
.lg-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
.lg-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
.lg-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.lg-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
.lg-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
.lg-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
.lg-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
.lg-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.lg-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
.lg-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
.lg-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
.lg-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
.lg-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.lg-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
.lg-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
.lg-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
.lg-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
.lg-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.lg-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
.lg-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
.lg-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
.lg-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
.lg-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.lg-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
.lg-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
.lg-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
.lg-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
.lg-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.lg-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
.lg-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
.lg-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
.lg-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
.lg-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.lg-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
.lg-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
.lg-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
.lg-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
.lg-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.lg-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
.lg-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
.lg-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
.lg-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
.lg-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.lg-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
.lg-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
.lg-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
.lg-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
.lg-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.lg-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
.lg-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
.lg-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
.lg-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
.lg-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.lg-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
.lg-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
.lg-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
.lg-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
.lg-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.lg-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
.lg-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
.lg-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
.lg-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
.lg-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.lg-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
.lg-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
.lg-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
.lg-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
.lg-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.lg-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
.lg-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
.lg-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
.lg-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
.lg-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.lg-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
.lg-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
.lg-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
.lg-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
.lg-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.lg-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
.lg-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
.lg-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
.lg-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
.lg-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.lg-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
.lg-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
.lg-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
.lg-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
.lg-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.lg-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
.lg-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
.lg-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
.lg-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
.lg-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.lg-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
.lg-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
.lg-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
.lg-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
.lg-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.lg-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
.lg-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
.lg-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
.lg-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
.lg-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.lg-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
.lg-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
.lg-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
.lg-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
.lg-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.lg-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
.lg-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
.lg-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
.lg-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
.lg-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.lg-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
.lg-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
.lg-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
.lg-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
.lg-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.lg-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
.lg-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
.lg-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
.lg-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
.lg-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.lg-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
.lg-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
.lg-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
.lg-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
.lg-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.lg-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
.lg-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
.lg-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
.lg-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
.lg-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.lg-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
.lg-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
.lg-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
.lg-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
.lg-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.lg-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
.lg-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
.lg-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
.lg-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
.lg-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.lg-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
.lg-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
.lg-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
.lg-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
.lg-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.lg-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
.lg-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
.lg-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
.lg-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
.lg-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.lg-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
.lg-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
.lg-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
.lg-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
.lg-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.lg-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
.lg-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
.lg-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
.lg-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
.lg-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.lg-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
.lg-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
.lg-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
.lg-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
.lg-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.lg-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
.lg-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
.lg-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
.lg-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
.lg-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.lg-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
.lg-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
.lg-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
.lg-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
.lg-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.lg-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
.lg-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
.lg-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
.lg-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
.lg-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.lg-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
.lg-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
.lg-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
.lg-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
.lg-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.lg-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
.lg-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
.lg-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
.lg-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
.lg-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.lg-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
.lg-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
.lg-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
.lg-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
.lg-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.lg-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
.lg-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
.lg-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
.lg-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
.lg-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.lg-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
.lg-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
.lg-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
.lg-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
.lg-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.lg-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
.lg-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
.lg-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
.lg-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
.lg-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.lg-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
.lg-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
.lg-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
.lg-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
.lg-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.lg-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
.lg-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
.lg-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
.lg-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
.lg-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.lg-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
.lg-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
.lg-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
.lg-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
.lg-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.lg-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
.lg-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
.lg-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
.lg-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
.lg-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.lg-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
.lg-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
.lg-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
.lg-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
.lg-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.lg-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
.lg-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
.lg-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
.lg-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
.lg-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.lg-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
.lg-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
.lg-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
.lg-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
.lg-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.lg-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
.lg-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
.lg-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
.lg-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
.lg-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.lg-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
.lg-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
.lg-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
.lg-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
.lg-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.lg-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
.lg-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
.lg-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
.lg-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
.lg-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.lg-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
.lg-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
.lg-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
.lg-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
.lg-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.lg-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
.lg-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
.lg-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
.lg-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
.lg-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.lg-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
.lg-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
.lg-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
.lg-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
.lg-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.lg-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
.lg-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
.lg-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
.lg-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
.lg-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.lg-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
.lg-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
.lg-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
.lg-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
.lg-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.lg-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
.lg-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
.lg-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
.lg-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
.lg-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.lg-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
.lg-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
.lg-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
.lg-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
.lg-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.lg-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
.lg-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
.lg-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
.lg-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
.lg-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.lg-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
.lg-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
.lg-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
.lg-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
.lg-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.lg-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
.lg-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
.lg-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
.lg-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
.lg-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.lg-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
.lg-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
.lg-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
.lg-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
.lg-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.lg-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
.lg-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
.lg-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
.lg-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
.lg-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.lg-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
.lg-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
.lg-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
.lg-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
.lg-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.lg-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
.lg-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
.lg-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
.lg-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
.lg-gradient-from-black { --quanta-from-color: var(--black); }
.lg-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
.lg-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
.lg-active-gradient-from-black:active { --quanta-from-color: var(--black); }
.lg-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
.lg-gradient-from-white { --quanta-from-color: var(--white); }
.lg-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
.lg-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
.lg-active-gradient-from-white:active { --quanta-from-color: var(--white); }
.lg-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
.lg-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.lg-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
.lg-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
.lg-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
.lg-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
.lg-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.lg-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
.lg-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
.lg-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
.lg-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
.lg-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.lg-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
.lg-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
.lg-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
.lg-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
.lg-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.lg-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
.lg-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
.lg-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
.lg-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
.lg-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.lg-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
.lg-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
.lg-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
.lg-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
.lg-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.lg-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
.lg-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
.lg-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
.lg-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
.lg-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.lg-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
.lg-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
.lg-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
.lg-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
.lg-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.lg-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
.lg-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
.lg-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
.lg-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
.lg-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.lg-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
.lg-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
.lg-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
.lg-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
.lg-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.lg-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
.lg-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
.lg-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
.lg-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
.lg-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.lg-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
.lg-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
.lg-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
.lg-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
.lg-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.lg-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
.lg-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
.lg-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
.lg-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
.lg-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.lg-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
.lg-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
.lg-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
.lg-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
.lg-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.lg-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
.lg-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
.lg-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
.lg-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
.lg-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.lg-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
.lg-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
.lg-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
.lg-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
.lg-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.lg-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
.lg-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
.lg-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
.lg-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
.lg-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.lg-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
.lg-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
.lg-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
.lg-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
.lg-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.lg-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
.lg-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
.lg-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
.lg-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
.lg-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.lg-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
.lg-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
.lg-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
.lg-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
.lg-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.lg-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
.lg-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
.lg-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
.lg-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
.lg-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.lg-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
.lg-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
.lg-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
.lg-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
.lg-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.lg-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
.lg-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
.lg-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
.lg-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
.lg-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.lg-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
.lg-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
.lg-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
.lg-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
.lg-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.lg-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
.lg-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
.lg-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
.lg-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
.lg-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.lg-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
.lg-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
.lg-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
.lg-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
.lg-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.lg-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
.lg-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
.lg-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
.lg-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
.lg-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.lg-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
.lg-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
.lg-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
.lg-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
.lg-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.lg-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
.lg-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
.lg-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
.lg-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
.lg-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.lg-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
.lg-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
.lg-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
.lg-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
.lg-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.lg-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
.lg-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
.lg-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
.lg-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
.lg-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.lg-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
.lg-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
.lg-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
.lg-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
.lg-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.lg-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
.lg-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
.lg-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
.lg-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
.lg-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.lg-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
.lg-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
.lg-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
.lg-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
.lg-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.lg-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
.lg-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
.lg-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
.lg-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
.lg-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.lg-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
.lg-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
.lg-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
.lg-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
.lg-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.lg-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
.lg-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
.lg-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
.lg-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
.lg-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.lg-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
.lg-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
.lg-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
.lg-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
.lg-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.lg-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
.lg-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
.lg-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
.lg-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
.lg-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.lg-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
.lg-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
.lg-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
.lg-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
.lg-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.lg-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
.lg-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
.lg-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
.lg-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
.lg-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.lg-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
.lg-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
.lg-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
.lg-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
.lg-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.lg-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
.lg-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
.lg-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
.lg-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
.lg-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.lg-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
.lg-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
.lg-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
.lg-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
.lg-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.lg-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
.lg-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
.lg-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
.lg-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
.lg-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.lg-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
.lg-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
.lg-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
.lg-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
.lg-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.lg-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
.lg-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
.lg-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
.lg-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
.lg-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.lg-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
.lg-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
.lg-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
.lg-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
.lg-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.lg-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
.lg-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
.lg-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
.lg-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
.lg-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.lg-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
.lg-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
.lg-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
.lg-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
.lg-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.lg-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
.lg-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
.lg-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
.lg-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
.lg-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.lg-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
.lg-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
.lg-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
.lg-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
.lg-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.lg-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
.lg-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
.lg-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
.lg-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
.lg-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.lg-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
.lg-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
.lg-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
.lg-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
.lg-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.lg-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
.lg-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
.lg-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
.lg-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
.lg-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.lg-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
.lg-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
.lg-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
.lg-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
.lg-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.lg-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
.lg-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
.lg-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
.lg-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
.lg-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.lg-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
.lg-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
.lg-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
.lg-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
.lg-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.lg-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
.lg-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
.lg-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
.lg-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
.lg-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.lg-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
.lg-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
.lg-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
.lg-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
.lg-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.lg-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
.lg-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
.lg-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
.lg-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
.lg-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.lg-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
.lg-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
.lg-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
.lg-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
.lg-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.lg-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
.lg-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
.lg-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
.lg-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
.lg-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.lg-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
.lg-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
.lg-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
.lg-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
.lg-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.lg-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
.lg-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
.lg-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
.lg-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
.lg-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.lg-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
.lg-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
.lg-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
.lg-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
.lg-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.lg-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
.lg-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
.lg-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
.lg-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
.lg-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.lg-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
.lg-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
.lg-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
.lg-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
.lg-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.lg-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
.lg-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
.lg-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
.lg-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
.lg-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.lg-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
.lg-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
.lg-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
.lg-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
.lg-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.lg-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
.lg-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
.lg-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
.lg-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
.lg-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.lg-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
.lg-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
.lg-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
.lg-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
.lg-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.lg-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
.lg-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
.lg-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
.lg-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
.lg-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.lg-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
.lg-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
.lg-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
.lg-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
.lg-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.lg-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
.lg-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
.lg-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
.lg-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
.lg-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.lg-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
.lg-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
.lg-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
.lg-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
.lg-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.lg-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
.lg-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
.lg-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
.lg-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
.lg-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.lg-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
.lg-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
.lg-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
.lg-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
.lg-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.lg-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
.lg-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
.lg-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
.lg-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
.lg-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.lg-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
.lg-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
.lg-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
.lg-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
.lg-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.lg-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
.lg-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
.lg-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
.lg-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
.lg-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.lg-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
.lg-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
.lg-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
.lg-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
.lg-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.lg-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
.lg-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
.lg-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
.lg-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
.lg-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.lg-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
.lg-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
.lg-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
.lg-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
.lg-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.lg-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
.lg-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
.lg-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
.lg-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
.lg-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.lg-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
.lg-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
.lg-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
.lg-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
.lg-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.lg-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
.lg-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
.lg-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
.lg-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
.lg-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.lg-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
.lg-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
.lg-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
.lg-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
.lg-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.lg-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
.lg-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
.lg-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
.lg-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
.lg-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.lg-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
.lg-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
.lg-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
.lg-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
.lg-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.lg-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
.lg-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
.lg-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
.lg-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
.lg-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.lg-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
.lg-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
.lg-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
.lg-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
.lg-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.lg-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
.lg-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
.lg-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
.lg-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
.lg-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.lg-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
.lg-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
.lg-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
.lg-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
.lg-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.lg-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
.lg-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
.lg-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
.lg-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
.lg-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.lg-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
.lg-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
.lg-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
.lg-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
.lg-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.lg-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
.lg-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
.lg-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
.lg-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
.lg-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.lg-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
.lg-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
.lg-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
.lg-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
.lg-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.lg-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
.lg-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
.lg-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
.lg-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
.lg-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.lg-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
.lg-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
.lg-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
.lg-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
.lg-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.lg-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
.lg-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
.lg-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
.lg-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
.lg-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.lg-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
.lg-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
.lg-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
.lg-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
.lg-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.lg-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
.lg-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
.lg-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
.lg-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
.lg-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.lg-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
.lg-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
.lg-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
.lg-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
.lg-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.lg-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
.lg-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
.lg-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
.lg-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
.lg-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.lg-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
.lg-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
.lg-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
.lg-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
.lg-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.lg-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
.lg-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
.lg-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
.lg-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
.lg-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.lg-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
.lg-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
.lg-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
.lg-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
.lg-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.lg-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
.lg-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
.lg-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
.lg-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
.lg-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.lg-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
.lg-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
.lg-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
.lg-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
.lg-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.lg-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
.lg-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
.lg-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
.lg-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
.lg-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.lg-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
.lg-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
.lg-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
.lg-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
.lg-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.lg-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
.lg-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
.lg-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
.lg-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
.lg-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.lg-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
.lg-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
.lg-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
.lg-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
.lg-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.lg-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
.lg-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
.lg-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
.lg-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
.lg-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.lg-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
.lg-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
.lg-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
.lg-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
.lg-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.lg-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
.lg-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
.lg-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
.lg-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
.lg-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.lg-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
.lg-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
.lg-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
.lg-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
.lg-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.lg-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
.lg-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
.lg-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
.lg-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
.lg-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.lg-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
.lg-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
.lg-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
.lg-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
.lg-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.lg-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
.lg-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
.lg-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
.lg-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
.lg-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.lg-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
.lg-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
.lg-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
.lg-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
.lg-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.lg-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
.lg-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
.lg-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
.lg-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
.lg-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.lg-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
.lg-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
.lg-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
.lg-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
.lg-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.lg-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
.lg-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
.lg-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
.lg-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
.lg-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.lg-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
.lg-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
.lg-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
.lg-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
.lg-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.lg-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
.lg-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
.lg-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
.lg-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
.lg-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.lg-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
.lg-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
.lg-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
.lg-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
.lg-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.lg-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
.lg-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
.lg-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
.lg-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
.lg-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.lg-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
.lg-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
.lg-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
.lg-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
.lg-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.lg-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
.lg-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
.lg-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
.lg-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
.lg-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.lg-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
.lg-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
.lg-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
.lg-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
.lg-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.lg-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
.lg-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
.lg-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
.lg-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
.lg-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.lg-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
.lg-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
.lg-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
.lg-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
.lg-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.lg-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
.lg-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
.lg-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
.lg-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
.lg-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.lg-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
.lg-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
.lg-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
.lg-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
.lg-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.lg-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
.lg-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
.lg-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
.lg-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
.lg-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.lg-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
.lg-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
.lg-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
.lg-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
.lg-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.lg-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
.lg-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
.lg-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
.lg-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
.lg-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.lg-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
.lg-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
.lg-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
.lg-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
.lg-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.lg-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
.lg-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
.lg-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
.lg-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
.lg-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.lg-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
.lg-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
.lg-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
.lg-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
.lg-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.lg-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
.lg-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
.lg-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
.lg-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
.lg-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.lg-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
.lg-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
.lg-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
.lg-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
.lg-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.lg-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
.lg-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
.lg-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
.lg-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
.lg-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.lg-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
.lg-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
.lg-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
.lg-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
.lg-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.lg-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
.lg-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
.lg-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
.lg-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
.lg-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.lg-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
.lg-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
.lg-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
.lg-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
.lg-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.lg-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
.lg-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
.lg-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
.lg-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
.lg-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.lg-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
.lg-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
.lg-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
.lg-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
.lg-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.lg-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
.lg-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
.lg-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
.lg-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
.lg-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.lg-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
.lg-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
.lg-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
.lg-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
.lg-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.lg-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
.lg-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
.lg-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
.lg-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
.lg-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.lg-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
.lg-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
.lg-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
.lg-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
.lg-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.lg-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
.lg-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
.lg-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
.lg-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
.lg-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.lg-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
.lg-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
.lg-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
.lg-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
.lg-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.lg-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
.lg-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
.lg-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
.lg-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
.lg-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.lg-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
.lg-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
.lg-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
.lg-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
.lg-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.lg-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
.lg-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
.lg-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
.lg-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
.lg-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.lg-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
.lg-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
.lg-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
.lg-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
.lg-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.lg-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
.lg-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
.lg-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
.lg-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
.lg-gradient-to-black { --quanta-to-color: var(--black); }
.lg-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
.lg-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
.lg-active-gradient-to-black:active { --quanta-to-color: var(--black); }
.lg-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
.lg-gradient-to-white { --quanta-to-color: var(--white); }
.lg-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
.lg-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
.lg-active-gradient-to-white:active { --quanta-to-color: var(--white); }
.lg-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
.lg-transition-all { transition-property: all; }
.lg-hover-transition-all:hover { transition-property: all; }
.lg-focus-transition-all:focus { transition-property: all; }
.lg-active-transition-all:active { transition-property: all; }
.lg-disabled-transition-all:disabled { transition-property: all; }
.lg-transition-bg { transition-property: background-color; }
.lg-hover-transition-bg:hover { transition-property: background-color; }
.lg-focus-transition-bg:focus { transition-property: background-color; }
.lg-active-transition-bg:active { transition-property: background-color; }
.lg-disabled-transition-bg:disabled { transition-property: background-color; }
.lg-transition-color { transition-property: color; }
.lg-hover-transition-color:hover { transition-property: color; }
.lg-focus-transition-color:focus { transition-property: color; }
.lg-active-transition-color:active { transition-property: color; }
.lg-disabled-transition-color:disabled { transition-property: color; }
.lg-transition-opacity { transition-property: opacity; }
.lg-hover-transition-opacity:hover { transition-property: opacity; }
.lg-focus-transition-opacity:focus { transition-property: opacity; }
.lg-active-transition-opacity:active { transition-property: opacity; }
.lg-disabled-transition-opacity:disabled { transition-property: opacity; }
.lg-transition-transform { transition-property: transform; }
.lg-hover-transition-transform:hover { transition-property: transform; }
.lg-focus-transition-transform:focus { transition-property: transform; }
.lg-active-transition-transform:active { transition-property: transform; }
.lg-disabled-transition-transform:disabled { transition-property: transform; }
.lg-transition-shadow { transition-property: shadow; }
.lg-hover-transition-shadow:hover { transition-property: shadow; }
.lg-focus-transition-shadow:focus { transition-property: shadow; }
.lg-active-transition-shadow:active { transition-property: shadow; }
.lg-disabled-transition-shadow:disabled { transition-property: shadow; }
.lg-transition-border { transition-property: border; }
.lg-hover-transition-border:hover { transition-property: border; }
.lg-focus-transition-border:focus { transition-property: border; }
.lg-active-transition-border:active { transition-property: border; }
.lg-disabled-transition-border:disabled { transition-property: border; }
.lg-duration-75 { transition-duration: 75ms; }
.lg-hover-duration-75:hover { transition-duration: 75ms; }
.lg-focus-duration-75:focus { transition-duration: 75ms; }
.lg-active-duration-75:active { transition-duration: 75ms; }
.lg-disabled-duration-75:disabled { transition-duration: 75ms; }
.lg-duration-100 { transition-duration: 100ms; }
.lg-hover-duration-100:hover { transition-duration: 100ms; }
.lg-focus-duration-100:focus { transition-duration: 100ms; }
.lg-active-duration-100:active { transition-duration: 100ms; }
.lg-disabled-duration-100:disabled { transition-duration: 100ms; }
.lg-duration-150 { transition-duration: 150ms; }
.lg-hover-duration-150:hover { transition-duration: 150ms; }
.lg-focus-duration-150:focus { transition-duration: 150ms; }
.lg-active-duration-150:active { transition-duration: 150ms; }
.lg-disabled-duration-150:disabled { transition-duration: 150ms; }
.lg-duration-200 { transition-duration: 200ms; }
.lg-hover-duration-200:hover { transition-duration: 200ms; }
.lg-focus-duration-200:focus { transition-duration: 200ms; }
.lg-active-duration-200:active { transition-duration: 200ms; }
.lg-disabled-duration-200:disabled { transition-duration: 200ms; }
.lg-duration-300 { transition-duration: 300ms; }
.lg-hover-duration-300:hover { transition-duration: 300ms; }
.lg-focus-duration-300:focus { transition-duration: 300ms; }
.lg-active-duration-300:active { transition-duration: 300ms; }
.lg-disabled-duration-300:disabled { transition-duration: 300ms; }
.lg-duration-500 { transition-duration: 500ms; }
.lg-hover-duration-500:hover { transition-duration: 500ms; }
.lg-focus-duration-500:focus { transition-duration: 500ms; }
.lg-active-duration-500:active { transition-duration: 500ms; }
.lg-disabled-duration-500:disabled { transition-duration: 500ms; }
.lg-duration-700 { transition-duration: 700ms; }
.lg-hover-duration-700:hover { transition-duration: 700ms; }
.lg-focus-duration-700:focus { transition-duration: 700ms; }
.lg-active-duration-700:active { transition-duration: 700ms; }
.lg-disabled-duration-700:disabled { transition-duration: 700ms; }
.lg-duration-1000 { transition-duration: 1000ms; }
.lg-hover-duration-1000:hover { transition-duration: 1000ms; }
.lg-focus-duration-1000:focus { transition-duration: 1000ms; }
.lg-active-duration-1000:active { transition-duration: 1000ms; }
.lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.lg-ease-linear { transition-timing-function: ease-linear; }
.lg-hover-ease-linear:hover { transition-timing-function: ease-linear; }
.lg-focus-ease-linear:focus { transition-timing-function: ease-linear; }
.lg-active-ease-linear:active { transition-timing-function: ease-linear; }
.lg-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
.lg-ease-in { transition-timing-function: ease-in; }
.lg-hover-ease-in:hover { transition-timing-function: ease-in; }
.lg-focus-ease-in:focus { transition-timing-function: ease-in; }
.lg-active-ease-in:active { transition-timing-function: ease-in; }
.lg-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.lg-ease-out { transition-timing-function: ease-out; }
.lg-hover-ease-out:hover { transition-timing-function: ease-out; }
.lg-focus-ease-out:focus { transition-timing-function: ease-out; }
.lg-active-ease-out:active { transition-timing-function: ease-out; }
.lg-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.lg-ease-in-out { transition-timing-function: ease-in-out; }
.lg-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.lg-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.lg-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.lg-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.lg-translate-x-0 { transform: translateX(0rem); }
.lg-hover-translate-x-0:hover { transform: translateX(0rem); }
.lg-focus-translate-x-0:focus { transform: translateX(0rem); }
.lg-active-translate-x-0:active { transform: translateX(0rem); }
.lg-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.lg-translate-y-0 { transform: translateY(0rem); }
.lg-hover-translate-y-0:hover { transform: translateY(0rem); }
.lg-focus-translate-y-0:focus { transform: translateY(0rem); }
.lg-active-translate-y-0:active { transform: translateY(0rem); }
.lg-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.lg-translate-x-0_25 { transform: translateX(0.25rem); }
.lg-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.lg-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.lg-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.lg-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.lg-translate-y-0_25 { transform: translateY(0.25rem); }
.lg-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.lg-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.lg-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.lg-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.lg-translate-x-0_5 { transform: translateX(0.5rem); }
.lg-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.lg-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.lg-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.lg-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.lg-translate-y-0_5 { transform: translateY(0.5rem); }
.lg-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.lg-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.lg-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.lg-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.lg-translate-x-1 { transform: translateX(1rem); }
.lg-hover-translate-x-1:hover { transform: translateX(1rem); }
.lg-focus-translate-x-1:focus { transform: translateX(1rem); }
.lg-active-translate-x-1:active { transform: translateX(1rem); }
.lg-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.lg-translate-y-1 { transform: translateY(1rem); }
.lg-hover-translate-y-1:hover { transform: translateY(1rem); }
.lg-focus-translate-y-1:focus { transform: translateY(1rem); }
.lg-active-translate-y-1:active { transform: translateY(1rem); }
.lg-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.lg-translate-x-1_5 { transform: translateX(1.5rem); }
.lg-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.lg-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.lg-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.lg-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.lg-translate-y-1_5 { transform: translateY(1.5rem); }
.lg-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.lg-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.lg-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.lg-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.lg-translate-x-2 { transform: translateX(2rem); }
.lg-hover-translate-x-2:hover { transform: translateX(2rem); }
.lg-focus-translate-x-2:focus { transform: translateX(2rem); }
.lg-active-translate-x-2:active { transform: translateX(2rem); }
.lg-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.lg-translate-y-2 { transform: translateY(2rem); }
.lg-hover-translate-y-2:hover { transform: translateY(2rem); }
.lg-focus-translate-y-2:focus { transform: translateY(2rem); }
.lg-active-translate-y-2:active { transform: translateY(2rem); }
.lg-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.lg-translate-x-3 { transform: translateX(3rem); }
.lg-hover-translate-x-3:hover { transform: translateX(3rem); }
.lg-focus-translate-x-3:focus { transform: translateX(3rem); }
.lg-active-translate-x-3:active { transform: translateX(3rem); }
.lg-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.lg-translate-y-3 { transform: translateY(3rem); }
.lg-hover-translate-y-3:hover { transform: translateY(3rem); }
.lg-focus-translate-y-3:focus { transform: translateY(3rem); }
.lg-active-translate-y-3:active { transform: translateY(3rem); }
.lg-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.lg-translate-x-4 { transform: translateX(4rem); }
.lg-hover-translate-x-4:hover { transform: translateX(4rem); }
.lg-focus-translate-x-4:focus { transform: translateX(4rem); }
.lg-active-translate-x-4:active { transform: translateX(4rem); }
.lg-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.lg-translate-y-4 { transform: translateY(4rem); }
.lg-hover-translate-y-4:hover { transform: translateY(4rem); }
.lg-focus-translate-y-4:focus { transform: translateY(4rem); }
.lg-active-translate-y-4:active { transform: translateY(4rem); }
.lg-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.lg-translate-x-5 { transform: translateX(5rem); }
.lg-hover-translate-x-5:hover { transform: translateX(5rem); }
.lg-focus-translate-x-5:focus { transform: translateX(5rem); }
.lg-active-translate-x-5:active { transform: translateX(5rem); }
.lg-disabled-translate-x-5:disabled { transform: translateX(5rem); }
.lg-translate-y-5 { transform: translateY(5rem); }
.lg-hover-translate-y-5:hover { transform: translateY(5rem); }
.lg-focus-translate-y-5:focus { transform: translateY(5rem); }
.lg-active-translate-y-5:active { transform: translateY(5rem); }
.lg-disabled-translate-y-5:disabled { transform: translateY(5rem); }
.lg-translate-x-6 { transform: translateX(6rem); }
.lg-hover-translate-x-6:hover { transform: translateX(6rem); }
.lg-focus-translate-x-6:focus { transform: translateX(6rem); }
.lg-active-translate-x-6:active { transform: translateX(6rem); }
.lg-disabled-translate-x-6:disabled { transform: translateX(6rem); }
.lg-translate-y-6 { transform: translateY(6rem); }
.lg-hover-translate-y-6:hover { transform: translateY(6rem); }
.lg-focus-translate-y-6:focus { transform: translateY(6rem); }
.lg-active-translate-y-6:active { transform: translateY(6rem); }
.lg-disabled-translate-y-6:disabled { transform: translateY(6rem); }
.lg-translate-x-8 { transform: translateX(8rem); }
.lg-hover-translate-x-8:hover { transform: translateX(8rem); }
.lg-focus-translate-x-8:focus { transform: translateX(8rem); }
.lg-active-translate-x-8:active { transform: translateX(8rem); }
.lg-disabled-translate-x-8:disabled { transform: translateX(8rem); }
.lg-translate-y-8 { transform: translateY(8rem); }
.lg-hover-translate-y-8:hover { transform: translateY(8rem); }
.lg-focus-translate-y-8:focus { transform: translateY(8rem); }
.lg-active-translate-y-8:active { transform: translateY(8rem); }
.lg-disabled-translate-y-8:disabled { transform: translateY(8rem); }
.lg-translate-x-10 { transform: translateX(10rem); }
.lg-hover-translate-x-10:hover { transform: translateX(10rem); }
.lg-focus-translate-x-10:focus { transform: translateX(10rem); }
.lg-active-translate-x-10:active { transform: translateX(10rem); }
.lg-disabled-translate-x-10:disabled { transform: translateX(10rem); }
.lg-translate-y-10 { transform: translateY(10rem); }
.lg-hover-translate-y-10:hover { transform: translateY(10rem); }
.lg-focus-translate-y-10:focus { transform: translateY(10rem); }
.lg-active-translate-y-10:active { transform: translateY(10rem); }
.lg-disabled-translate-y-10:disabled { transform: translateY(10rem); }
.lg-translate-x-12 { transform: translateX(12rem); }
.lg-hover-translate-x-12:hover { transform: translateX(12rem); }
.lg-focus-translate-x-12:focus { transform: translateX(12rem); }
.lg-active-translate-x-12:active { transform: translateX(12rem); }
.lg-disabled-translate-x-12:disabled { transform: translateX(12rem); }
.lg-translate-y-12 { transform: translateY(12rem); }
.lg-hover-translate-y-12:hover { transform: translateY(12rem); }
.lg-focus-translate-y-12:focus { transform: translateY(12rem); }
.lg-active-translate-y-12:active { transform: translateY(12rem); }
.lg-disabled-translate-y-12:disabled { transform: translateY(12rem); }
.lg-translate-x-16 { transform: translateX(16rem); }
.lg-hover-translate-x-16:hover { transform: translateX(16rem); }
.lg-focus-translate-x-16:focus { transform: translateX(16rem); }
.lg-active-translate-x-16:active { transform: translateX(16rem); }
.lg-disabled-translate-x-16:disabled { transform: translateX(16rem); }
.lg-translate-y-16 { transform: translateY(16rem); }
.lg-hover-translate-y-16:hover { transform: translateY(16rem); }
.lg-focus-translate-y-16:focus { transform: translateY(16rem); }
.lg-active-translate-y-16:active { transform: translateY(16rem); }
.lg-disabled-translate-y-16:disabled { transform: translateY(16rem); }
.lg-translate-x-20 { transform: translateX(20rem); }
.lg-hover-translate-x-20:hover { transform: translateX(20rem); }
.lg-focus-translate-x-20:focus { transform: translateX(20rem); }
.lg-active-translate-x-20:active { transform: translateX(20rem); }
.lg-disabled-translate-x-20:disabled { transform: translateX(20rem); }
.lg-translate-y-20 { transform: translateY(20rem); }
.lg-hover-translate-y-20:hover { transform: translateY(20rem); }
.lg-focus-translate-y-20:focus { transform: translateY(20rem); }
.lg-active-translate-y-20:active { transform: translateY(20rem); }
.lg-disabled-translate-y-20:disabled { transform: translateY(20rem); }
.lg-translate-x-24 { transform: translateX(24rem); }
.lg-hover-translate-x-24:hover { transform: translateX(24rem); }
.lg-focus-translate-x-24:focus { transform: translateX(24rem); }
.lg-active-translate-x-24:active { transform: translateX(24rem); }
.lg-disabled-translate-x-24:disabled { transform: translateX(24rem); }
.lg-translate-y-24 { transform: translateY(24rem); }
.lg-hover-translate-y-24:hover { transform: translateY(24rem); }
.lg-focus-translate-y-24:focus { transform: translateY(24rem); }
.lg-active-translate-y-24:active { transform: translateY(24rem); }
.lg-disabled-translate-y-24:disabled { transform: translateY(24rem); }
.lg-translate-x-32 { transform: translateX(32rem); }
.lg-hover-translate-x-32:hover { transform: translateX(32rem); }
.lg-focus-translate-x-32:focus { transform: translateX(32rem); }
.lg-active-translate-x-32:active { transform: translateX(32rem); }
.lg-disabled-translate-x-32:disabled { transform: translateX(32rem); }
.lg-translate-y-32 { transform: translateY(32rem); }
.lg-hover-translate-y-32:hover { transform: translateY(32rem); }
.lg-focus-translate-y-32:focus { transform: translateY(32rem); }
.lg-active-translate-y-32:active { transform: translateY(32rem); }
.lg-disabled-translate-y-32:disabled { transform: translateY(32rem); }
.lg-scale-0 { transform: scale(0.0); }
.lg-hover-scale-0:hover { transform: scale(0.0); }
.lg-focus-scale-0:focus { transform: scale(0.0); }
.lg-active-scale-0:active { transform: scale(0.0); }
.lg-disabled-scale-0:disabled { transform: scale(0.0); }
.lg-scale-50 { transform: scale(0.5); }
.lg-hover-scale-50:hover { transform: scale(0.5); }
.lg-focus-scale-50:focus { transform: scale(0.5); }
.lg-active-scale-50:active { transform: scale(0.5); }
.lg-disabled-scale-50:disabled { transform: scale(0.5); }
.lg-scale-75 { transform: scale(0.75); }
.lg-hover-scale-75:hover { transform: scale(0.75); }
.lg-focus-scale-75:focus { transform: scale(0.75); }
.lg-active-scale-75:active { transform: scale(0.75); }
.lg-disabled-scale-75:disabled { transform: scale(0.75); }
.lg-scale-90 { transform: scale(0.9); }
.lg-hover-scale-90:hover { transform: scale(0.9); }
.lg-focus-scale-90:focus { transform: scale(0.9); }
.lg-active-scale-90:active { transform: scale(0.9); }
.lg-disabled-scale-90:disabled { transform: scale(0.9); }
.lg-scale-95 { transform: scale(0.95); }
.lg-hover-scale-95:hover { transform: scale(0.95); }
.lg-focus-scale-95:focus { transform: scale(0.95); }
.lg-active-scale-95:active { transform: scale(0.95); }
.lg-disabled-scale-95:disabled { transform: scale(0.95); }
.lg-scale-100 { transform: scale(1.0); }
.lg-hover-scale-100:hover { transform: scale(1.0); }
.lg-focus-scale-100:focus { transform: scale(1.0); }
.lg-active-scale-100:active { transform: scale(1.0); }
.lg-disabled-scale-100:disabled { transform: scale(1.0); }
.lg-scale-105 { transform: scale(1.05); }
.lg-hover-scale-105:hover { transform: scale(1.05); }
.lg-focus-scale-105:focus { transform: scale(1.05); }
.lg-active-scale-105:active { transform: scale(1.05); }
.lg-disabled-scale-105:disabled { transform: scale(1.05); }
.lg-scale-110 { transform: scale(1.1); }
.lg-hover-scale-110:hover { transform: scale(1.1); }
.lg-focus-scale-110:focus { transform: scale(1.1); }
.lg-active-scale-110:active { transform: scale(1.1); }
.lg-disabled-scale-110:disabled { transform: scale(1.1); }
.lg-scale-125 { transform: scale(1.25); }
.lg-hover-scale-125:hover { transform: scale(1.25); }
.lg-focus-scale-125:focus { transform: scale(1.25); }
.lg-active-scale-125:active { transform: scale(1.25); }
.lg-disabled-scale-125:disabled { transform: scale(1.25); }
.lg-scale-150 { transform: scale(1.5); }
.lg-hover-scale-150:hover { transform: scale(1.5); }
.lg-focus-scale-150:focus { transform: scale(1.5); }
.lg-active-scale-150:active { transform: scale(1.5); }
.lg-disabled-scale-150:disabled { transform: scale(1.5); }
.lg-rotate--180 { transform: rotate(-180deg); }
.lg-hover-rotate--180:hover { transform: rotate(-180deg); }
.lg-focus-rotate--180:focus { transform: rotate(-180deg); }
.lg-active-rotate--180:active { transform: rotate(-180deg); }
.lg-disabled-rotate--180:disabled { transform: rotate(-180deg); }
.lg-rotate--90 { transform: rotate(-90deg); }
.lg-hover-rotate--90:hover { transform: rotate(-90deg); }
.lg-focus-rotate--90:focus { transform: rotate(-90deg); }
.lg-active-rotate--90:active { transform: rotate(-90deg); }
.lg-disabled-rotate--90:disabled { transform: rotate(-90deg); }
.lg-rotate--45 { transform: rotate(-45deg); }
.lg-hover-rotate--45:hover { transform: rotate(-45deg); }
.lg-focus-rotate--45:focus { transform: rotate(-45deg); }
.lg-active-rotate--45:active { transform: rotate(-45deg); }
.lg-disabled-rotate--45:disabled { transform: rotate(-45deg); }
.lg-rotate-0 { transform: rotate(0deg); }
.lg-hover-rotate-0:hover { transform: rotate(0deg); }
.lg-focus-rotate-0:focus { transform: rotate(0deg); }
.lg-active-rotate-0:active { transform: rotate(0deg); }
.lg-disabled-rotate-0:disabled { transform: rotate(0deg); }
.lg-rotate-45 { transform: rotate(45deg); }
.lg-hover-rotate-45:hover { transform: rotate(45deg); }
.lg-focus-rotate-45:focus { transform: rotate(45deg); }
.lg-active-rotate-45:active { transform: rotate(45deg); }
.lg-disabled-rotate-45:disabled { transform: rotate(45deg); }
.lg-rotate-90 { transform: rotate(90deg); }
.lg-hover-rotate-90:hover { transform: rotate(90deg); }
.lg-focus-rotate-90:focus { transform: rotate(90deg); }
.lg-active-rotate-90:active { transform: rotate(90deg); }
.lg-disabled-rotate-90:disabled { transform: rotate(90deg); }
.lg-rotate-180 { transform: rotate(180deg); }
.lg-hover-rotate-180:hover { transform: rotate(180deg); }
.lg-focus-rotate-180:focus { transform: rotate(180deg); }
.lg-active-rotate-180:active { transform: rotate(180deg); }
.lg-disabled-rotate-180:disabled { transform: rotate(180deg); }
.lg-skew-x--45 { transform: skewX(-45deg); }
.lg-hover-skew-x--45:hover { transform: skewX(-45deg); }
.lg-focus-skew-x--45:focus { transform: skewX(-45deg); }
.lg-active-skew-x--45:active { transform: skewX(-45deg); }
.lg-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
.lg-skew-y--45 { transform: skewY(-45deg); }
.lg-hover-skew-y--45:hover { transform: skewY(-45deg); }
.lg-focus-skew-y--45:focus { transform: skewY(-45deg); }
.lg-active-skew-y--45:active { transform: skewY(-45deg); }
.lg-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
.lg-skew-x--30 { transform: skewX(-30deg); }
.lg-hover-skew-x--30:hover { transform: skewX(-30deg); }
.lg-focus-skew-x--30:focus { transform: skewX(-30deg); }
.lg-active-skew-x--30:active { transform: skewX(-30deg); }
.lg-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
.lg-skew-y--30 { transform: skewY(-30deg); }
.lg-hover-skew-y--30:hover { transform: skewY(-30deg); }
.lg-focus-skew-y--30:focus { transform: skewY(-30deg); }
.lg-active-skew-y--30:active { transform: skewY(-30deg); }
.lg-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
.lg-skew-x--15 { transform: skewX(-15deg); }
.lg-hover-skew-x--15:hover { transform: skewX(-15deg); }
.lg-focus-skew-x--15:focus { transform: skewX(-15deg); }
.lg-active-skew-x--15:active { transform: skewX(-15deg); }
.lg-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
.lg-skew-y--15 { transform: skewY(-15deg); }
.lg-hover-skew-y--15:hover { transform: skewY(-15deg); }
.lg-focus-skew-y--15:focus { transform: skewY(-15deg); }
.lg-active-skew-y--15:active { transform: skewY(-15deg); }
.lg-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
.lg-skew-x-0 { transform: skewX(0deg); }
.lg-hover-skew-x-0:hover { transform: skewX(0deg); }
.lg-focus-skew-x-0:focus { transform: skewX(0deg); }
.lg-active-skew-x-0:active { transform: skewX(0deg); }
.lg-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.lg-skew-y-0 { transform: skewY(0deg); }
.lg-hover-skew-y-0:hover { transform: skewY(0deg); }
.lg-focus-skew-y-0:focus { transform: skewY(0deg); }
.lg-active-skew-y-0:active { transform: skewY(0deg); }
.lg-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.lg-skew-x-15 { transform: skewX(15deg); }
.lg-hover-skew-x-15:hover { transform: skewX(15deg); }
.lg-focus-skew-x-15:focus { transform: skewX(15deg); }
.lg-active-skew-x-15:active { transform: skewX(15deg); }
.lg-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.lg-skew-y-15 { transform: skewY(15deg); }
.lg-hover-skew-y-15:hover { transform: skewY(15deg); }
.lg-focus-skew-y-15:focus { transform: skewY(15deg); }
.lg-active-skew-y-15:active { transform: skewY(15deg); }
.lg-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.lg-skew-x-30 { transform: skewX(30deg); }
.lg-hover-skew-x-30:hover { transform: skewX(30deg); }
.lg-focus-skew-x-30:focus { transform: skewX(30deg); }
.lg-active-skew-x-30:active { transform: skewX(30deg); }
.lg-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.lg-skew-y-30 { transform: skewY(30deg); }
.lg-hover-skew-y-30:hover { transform: skewY(30deg); }
.lg-focus-skew-y-30:focus { transform: skewY(30deg); }
.lg-active-skew-y-30:active { transform: skewY(30deg); }
.lg-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.lg-skew-x-45 { transform: skewX(45deg); }
.lg-hover-skew-x-45:hover { transform: skewX(45deg); }
.lg-focus-skew-x-45:focus { transform: skewX(45deg); }
.lg-active-skew-x-45:active { transform: skewX(45deg); }
.lg-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.lg-skew-y-45 { transform: skewY(45deg); }
.lg-hover-skew-y-45:hover { transform: skewY(45deg); }
.lg-focus-skew-y-45:focus { transform: skewY(45deg); }
.lg-active-skew-y-45:active { transform: skewY(45deg); }
.lg-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.lg-blur-none { filter: blur(0); }
.lg-hover-blur-none:hover { filter: blur(0); }
.lg-focus-blur-none:focus { filter: blur(0); }
.lg-active-blur-none:active { filter: blur(0); }
.lg-disabled-blur-none:disabled { filter: blur(0); }
.lg-blur-sm { filter: blur(2px); }
.lg-hover-blur-sm:hover { filter: blur(2px); }
.lg-focus-blur-sm:focus { filter: blur(2px); }
.lg-active-blur-sm:active { filter: blur(2px); }
.lg-disabled-blur-sm:disabled { filter: blur(2px); }
.lg-blur { filter: blur(4px); }
.lg-hover-blur:hover { filter: blur(4px); }
.lg-focus-blur:focus { filter: blur(4px); }
.lg-active-blur:active { filter: blur(4px); }
.lg-disabled-blur:disabled { filter: blur(4px); }
.lg-blur-md { filter: blur(8px); }
.lg-hover-blur-md:hover { filter: blur(8px); }
.lg-focus-blur-md:focus { filter: blur(8px); }
.lg-active-blur-md:active { filter: blur(8px); }
.lg-disabled-blur-md:disabled { filter: blur(8px); }
.lg-blur-lg { filter: blur(12px); }
.lg-hover-blur-lg:hover { filter: blur(12px); }
.lg-focus-blur-lg:focus { filter: blur(12px); }
.lg-active-blur-lg:active { filter: blur(12px); }
.lg-disabled-blur-lg:disabled { filter: blur(12px); }
.lg-blur-xl { filter: blur(20px); }
.lg-hover-blur-xl:hover { filter: blur(20px); }
.lg-focus-blur-xl:focus { filter: blur(20px); }
.lg-active-blur-xl:active { filter: blur(20px); }
.lg-disabled-blur-xl:disabled { filter: blur(20px); }
.lg-brightness-0 { filter: brightness(0); }
.lg-hover-brightness-0:hover { filter: brightness(0); }
.lg-focus-brightness-0:focus { filter: brightness(0); }
.lg-active-brightness-0:active { filter: brightness(0); }
.lg-disabled-brightness-0:disabled { filter: brightness(0); }
.lg-brightness-50 { filter: brightness(0.5); }
.lg-hover-brightness-50:hover { filter: brightness(0.5); }
.lg-focus-brightness-50:focus { filter: brightness(0.5); }
.lg-active-brightness-50:active { filter: brightness(0.5); }
.lg-disabled-brightness-50:disabled { filter: brightness(0.5); }
.lg-brightness-75 { filter: brightness(0.75); }
.lg-hover-brightness-75:hover { filter: brightness(0.75); }
.lg-focus-brightness-75:focus { filter: brightness(0.75); }
.lg-active-brightness-75:active { filter: brightness(0.75); }
.lg-disabled-brightness-75:disabled { filter: brightness(0.75); }
.lg-brightness-90 { filter: brightness(0.9); }
.lg-hover-brightness-90:hover { filter: brightness(0.9); }
.lg-focus-brightness-90:focus { filter: brightness(0.9); }
.lg-active-brightness-90:active { filter: brightness(0.9); }
.lg-disabled-brightness-90:disabled { filter: brightness(0.9); }
.lg-brightness-100 { filter: brightness(1); }
.lg-hover-brightness-100:hover { filter: brightness(1); }
.lg-focus-brightness-100:focus { filter: brightness(1); }
.lg-active-brightness-100:active { filter: brightness(1); }
.lg-disabled-brightness-100:disabled { filter: brightness(1); }
.lg-brightness-125 { filter: brightness(1.25); }
.lg-hover-brightness-125:hover { filter: brightness(1.25); }
.lg-focus-brightness-125:focus { filter: brightness(1.25); }
.lg-active-brightness-125:active { filter: brightness(1.25); }
.lg-disabled-brightness-125:disabled { filter: brightness(1.25); }
.lg-brightness-150 { filter: brightness(1.5); }
.lg-hover-brightness-150:hover { filter: brightness(1.5); }
.lg-focus-brightness-150:focus { filter: brightness(1.5); }
.lg-active-brightness-150:active { filter: brightness(1.5); }
.lg-disabled-brightness-150:disabled { filter: brightness(1.5); }
.lg-brightness-200 { filter: brightness(2); }
.lg-hover-brightness-200:hover { filter: brightness(2); }
.lg-focus-brightness-200:focus { filter: brightness(2); }
.lg-active-brightness-200:active { filter: brightness(2); }
.lg-disabled-brightness-200:disabled { filter: brightness(2); }
.lg-contrast-0 { filter: contrast(0); }
.lg-hover-contrast-0:hover { filter: contrast(0); }
.lg-focus-contrast-0:focus { filter: contrast(0); }
.lg-active-contrast-0:active { filter: contrast(0); }
.lg-disabled-contrast-0:disabled { filter: contrast(0); }
.lg-contrast-50 { filter: contrast(0.5); }
.lg-hover-contrast-50:hover { filter: contrast(0.5); }
.lg-focus-contrast-50:focus { filter: contrast(0.5); }
.lg-active-contrast-50:active { filter: contrast(0.5); }
.lg-disabled-contrast-50:disabled { filter: contrast(0.5); }
.lg-contrast-75 { filter: contrast(0.75); }
.lg-hover-contrast-75:hover { filter: contrast(0.75); }
.lg-focus-contrast-75:focus { filter: contrast(0.75); }
.lg-active-contrast-75:active { filter: contrast(0.75); }
.lg-disabled-contrast-75:disabled { filter: contrast(0.75); }
.lg-contrast-100 { filter: contrast(1); }
.lg-hover-contrast-100:hover { filter: contrast(1); }
.lg-focus-contrast-100:focus { filter: contrast(1); }
.lg-active-contrast-100:active { filter: contrast(1); }
.lg-disabled-contrast-100:disabled { filter: contrast(1); }
.lg-contrast-125 { filter: contrast(1.25); }
.lg-hover-contrast-125:hover { filter: contrast(1.25); }
.lg-focus-contrast-125:focus { filter: contrast(1.25); }
.lg-active-contrast-125:active { filter: contrast(1.25); }
.lg-disabled-contrast-125:disabled { filter: contrast(1.25); }
.lg-contrast-150 { filter: contrast(1.5); }
.lg-hover-contrast-150:hover { filter: contrast(1.5); }
.lg-focus-contrast-150:focus { filter: contrast(1.5); }
.lg-active-contrast-150:active { filter: contrast(1.5); }
.lg-disabled-contrast-150:disabled { filter: contrast(1.5); }
.lg-contrast-200 { filter: contrast(2); }
.lg-hover-contrast-200:hover { filter: contrast(2); }
.lg-focus-contrast-200:focus { filter: contrast(2); }
.lg-active-contrast-200:active { filter: contrast(2); }
.lg-disabled-contrast-200:disabled { filter: contrast(2); }
.lg-grayscale-0 { filter: grayscale(0); }
.lg-hover-grayscale-0:hover { filter: grayscale(0); }
.lg-focus-grayscale-0:focus { filter: grayscale(0); }
.lg-active-grayscale-0:active { filter: grayscale(0); }
.lg-disabled-grayscale-0:disabled { filter: grayscale(0); }
.lg-grayscale-100 { filter: grayscale(1); }
.lg-hover-grayscale-100:hover { filter: grayscale(1); }
.lg-focus-grayscale-100:focus { filter: grayscale(1); }
.lg-active-grayscale-100:active { filter: grayscale(1); }
.lg-disabled-grayscale-100:disabled { filter: grayscale(1); }
.lg-hue-rotate-0 { filter: hue-rotate(0deg); }
.lg-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
.lg-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
.lg-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
.lg-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
.lg-hue-rotate-45 { filter: hue-rotate(45deg); }
.lg-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
.lg-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
.lg-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
.lg-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
.lg-hue-rotate-90 { filter: hue-rotate(90deg); }
.lg-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.lg-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.lg-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.lg-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.lg-hue-rotate-180 { filter: hue-rotate(180deg); }
.lg-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
.lg-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
.lg-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
.lg-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
.lg-invert-0 { filter: invert(0); }
.lg-hover-invert-0:hover { filter: invert(0); }
.lg-focus-invert-0:focus { filter: invert(0); }
.lg-active-invert-0:active { filter: invert(0); }
.lg-disabled-invert-0:disabled { filter: invert(0); }
.lg-invert-100 { filter: invert(1); }
.lg-hover-invert-100:hover { filter: invert(1); }
.lg-focus-invert-100:focus { filter: invert(1); }
.lg-active-invert-100:active { filter: invert(1); }
.lg-disabled-invert-100:disabled { filter: invert(1); }
.lg-saturate-0 { filter: saturate(0); }
.lg-hover-saturate-0:hover { filter: saturate(0); }
.lg-focus-saturate-0:focus { filter: saturate(0); }
.lg-active-saturate-0:active { filter: saturate(0); }
.lg-disabled-saturate-0:disabled { filter: saturate(0); }
.lg-saturate-50 { filter: saturate(0.5); }
.lg-hover-saturate-50:hover { filter: saturate(0.5); }
.lg-focus-saturate-50:focus { filter: saturate(0.5); }
.lg-active-saturate-50:active { filter: saturate(0.5); }
.lg-disabled-saturate-50:disabled { filter: saturate(0.5); }
.lg-saturate-100 { filter: saturate(1); }
.lg-hover-saturate-100:hover { filter: saturate(1); }
.lg-focus-saturate-100:focus { filter: saturate(1); }
.lg-active-saturate-100:active { filter: saturate(1); }
.lg-disabled-saturate-100:disabled { filter: saturate(1); }
.lg-saturate-150 { filter: saturate(1.5); }
.lg-hover-saturate-150:hover { filter: saturate(1.5); }
.lg-focus-saturate-150:focus { filter: saturate(1.5); }
.lg-active-saturate-150:active { filter: saturate(1.5); }
.lg-disabled-saturate-150:disabled { filter: saturate(1.5); }
.lg-saturate-200 { filter: saturate(2); }
.lg-hover-saturate-200:hover { filter: saturate(2); }
.lg-focus-saturate-200:focus { filter: saturate(2); }
.lg-active-saturate-200:active { filter: saturate(2); }
.lg-disabled-saturate-200:disabled { filter: saturate(2); }
.lg-sepia-0 { filter: sepia(0); }
.lg-hover-sepia-0:hover { filter: sepia(0); }
.lg-focus-sepia-0:focus { filter: sepia(0); }
.lg-active-sepia-0:active { filter: sepia(0); }
.lg-disabled-sepia-0:disabled { filter: sepia(0); }
.lg-sepia-100 { filter: sepia(1); }
.lg-hover-sepia-100:hover { filter: sepia(1); }
.lg-focus-sepia-100:focus { filter: sepia(1); }
.lg-active-sepia-100:active { filter: sepia(1); }
.lg-disabled-sepia-100:disabled { filter: sepia(1); }
.lg-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.lg-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.lg-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.lg-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.lg-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.lg-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.lg-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.lg-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.lg-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.lg-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.lg-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.lg-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.lg-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.lg-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.lg-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.lg-mix-normal { mix-blend-mode: normal; }
.lg-hover-mix-normal:hover { mix-blend-mode: normal; }
.lg-focus-mix-normal:focus { mix-blend-mode: normal; }
.lg-active-mix-normal:active { mix-blend-mode: normal; }
.lg-disabled-mix-normal:disabled { mix-blend-mode: normal; }
.lg-mix-multiply { mix-blend-mode: multiply; }
.lg-hover-mix-multiply:hover { mix-blend-mode: multiply; }
.lg-focus-mix-multiply:focus { mix-blend-mode: multiply; }
.lg-active-mix-multiply:active { mix-blend-mode: multiply; }
.lg-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
.lg-mix-screen { mix-blend-mode: screen; }
.lg-hover-mix-screen:hover { mix-blend-mode: screen; }
.lg-focus-mix-screen:focus { mix-blend-mode: screen; }
.lg-active-mix-screen:active { mix-blend-mode: screen; }
.lg-disabled-mix-screen:disabled { mix-blend-mode: screen; }
.lg-mix-overlay { mix-blend-mode: overlay; }
.lg-hover-mix-overlay:hover { mix-blend-mode: overlay; }
.lg-focus-mix-overlay:focus { mix-blend-mode: overlay; }
.lg-active-mix-overlay:active { mix-blend-mode: overlay; }
.lg-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
.lg-mix-darken { mix-blend-mode: darken; }
.lg-hover-mix-darken:hover { mix-blend-mode: darken; }
.lg-focus-mix-darken:focus { mix-blend-mode: darken; }
.lg-active-mix-darken:active { mix-blend-mode: darken; }
.lg-disabled-mix-darken:disabled { mix-blend-mode: darken; }
.lg-mix-lighten { mix-blend-mode: lighten; }
.lg-hover-mix-lighten:hover { mix-blend-mode: lighten; }
.lg-focus-mix-lighten:focus { mix-blend-mode: lighten; }
.lg-active-mix-lighten:active { mix-blend-mode: lighten; }
.lg-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
.lg-mix-color-dodge { mix-blend-mode: color-dodge; }
.lg-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
.lg-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
.lg-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
.lg-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
.lg-mix-color-burn { mix-blend-mode: color-burn; }
.lg-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
.lg-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
.lg-active-mix-color-burn:active { mix-blend-mode: color-burn; }
.lg-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
.lg-mix-hard-light { mix-blend-mode: hard-light; }
.lg-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
.lg-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
.lg-active-mix-hard-light:active { mix-blend-mode: hard-light; }
.lg-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
.lg-mix-soft-light { mix-blend-mode: soft-light; }
.lg-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
.lg-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
.lg-active-mix-soft-light:active { mix-blend-mode: soft-light; }
.lg-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
.lg-mix-difference { mix-blend-mode: difference; }
.lg-hover-mix-difference:hover { mix-blend-mode: difference; }
.lg-focus-mix-difference:focus { mix-blend-mode: difference; }
.lg-active-mix-difference:active { mix-blend-mode: difference; }
.lg-disabled-mix-difference:disabled { mix-blend-mode: difference; }
.lg-mix-exclusion { mix-blend-mode: exclusion; }
.lg-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
.lg-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
.lg-active-mix-exclusion:active { mix-blend-mode: exclusion; }
.lg-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
.lg-mix-hue { mix-blend-mode: hue; }
.lg-hover-mix-hue:hover { mix-blend-mode: hue; }
.lg-focus-mix-hue:focus { mix-blend-mode: hue; }
.lg-active-mix-hue:active { mix-blend-mode: hue; }
.lg-disabled-mix-hue:disabled { mix-blend-mode: hue; }
.lg-mix-saturation { mix-blend-mode: saturation; }
.lg-hover-mix-saturation:hover { mix-blend-mode: saturation; }
.lg-focus-mix-saturation:focus { mix-blend-mode: saturation; }
.lg-active-mix-saturation:active { mix-blend-mode: saturation; }
.lg-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
.lg-mix-color { mix-blend-mode: color; }
.lg-hover-mix-color:hover { mix-blend-mode: color; }
.lg-focus-mix-color:focus { mix-blend-mode: color; }
.lg-active-mix-color:active { mix-blend-mode: color; }
.lg-disabled-mix-color:disabled { mix-blend-mode: color; }
.lg-mix-luminosity { mix-blend-mode: luminosity; }
.lg-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
.lg-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
.lg-active-mix-luminosity:active { mix-blend-mode: luminosity; }
.lg-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
.lg-bg-blend-normal { background-blend-mode: normal; }
.lg-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.lg-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.lg-active-bg-blend-normal:active { background-blend-mode: normal; }
.lg-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.lg-bg-blend-multiply { background-blend-mode: multiply; }
.lg-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.lg-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.lg-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.lg-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.lg-bg-blend-screen { background-blend-mode: screen; }
.lg-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.lg-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.lg-active-bg-blend-screen:active { background-blend-mode: screen; }
.lg-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.lg-bg-blend-overlay { background-blend-mode: overlay; }
.lg-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.lg-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.lg-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.lg-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.lg-bg-blend-darken { background-blend-mode: darken; }
.lg-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.lg-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.lg-active-bg-blend-darken:active { background-blend-mode: darken; }
.lg-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.lg-bg-blend-lighten { background-blend-mode: lighten; }
.lg-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.lg-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.lg-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.lg-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.lg-bg-blend-color-dodge { background-blend-mode: color-dodge; }
.lg-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
.lg-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
.lg-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
.lg-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
.lg-bg-blend-color-burn { background-blend-mode: color-burn; }
.lg-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
.lg-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
.lg-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
.lg-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
.lg-bg-blend-hard-light { background-blend-mode: hard-light; }
.lg-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
.lg-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
.lg-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
.lg-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
.lg-bg-blend-soft-light { background-blend-mode: soft-light; }
.lg-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
.lg-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
.lg-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
.lg-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
.lg-bg-blend-difference { background-blend-mode: difference; }
.lg-hover-bg-blend-difference:hover { background-blend-mode: difference; }
.lg-focus-bg-blend-difference:focus { background-blend-mode: difference; }
.lg-active-bg-blend-difference:active { background-blend-mode: difference; }
.lg-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
.lg-bg-blend-exclusion { background-blend-mode: exclusion; }
.lg-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
.lg-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
.lg-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
.lg-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
.lg-bg-blend-hue { background-blend-mode: hue; }
.lg-hover-bg-blend-hue:hover { background-blend-mode: hue; }
.lg-focus-bg-blend-hue:focus { background-blend-mode: hue; }
.lg-active-bg-blend-hue:active { background-blend-mode: hue; }
.lg-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
.lg-bg-blend-saturation { background-blend-mode: saturation; }
.lg-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
.lg-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
.lg-active-bg-blend-saturation:active { background-blend-mode: saturation; }
.lg-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
.lg-bg-blend-color { background-blend-mode: color; }
.lg-hover-bg-blend-color:hover { background-blend-mode: color; }
.lg-focus-bg-blend-color:focus { background-blend-mode: color; }
.lg-active-bg-blend-color:active { background-blend-mode: color; }
.lg-disabled-bg-blend-color:disabled { background-blend-mode: color; }
.lg-bg-blend-luminosity { background-blend-mode: luminosity; }
.lg-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
.lg-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
.lg-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
.lg-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
.lg-object-contain { object-fit: contain; }
.lg-hover-object-contain:hover { object-fit: contain; }
.lg-focus-object-contain:focus { object-fit: contain; }
.lg-active-object-contain:active { object-fit: contain; }
.lg-disabled-object-contain:disabled { object-fit: contain; }
.lg-object-cover { object-fit: cover; }
.lg-hover-object-cover:hover { object-fit: cover; }
.lg-focus-object-cover:focus { object-fit: cover; }
.lg-active-object-cover:active { object-fit: cover; }
.lg-disabled-object-cover:disabled { object-fit: cover; }
.lg-object-fill { object-fit: fill; }
.lg-hover-object-fill:hover { object-fit: fill; }
.lg-focus-object-fill:focus { object-fit: fill; }
.lg-active-object-fill:active { object-fit: fill; }
.lg-disabled-object-fill:disabled { object-fit: fill; }
.lg-object-none { object-fit: none; }
.lg-hover-object-none:hover { object-fit: none; }
.lg-focus-object-none:focus { object-fit: none; }
.lg-active-object-none:active { object-fit: none; }
.lg-disabled-object-none:disabled { object-fit: none; }
.lg-object-scale-down { object-fit: scale-down; }
.lg-hover-object-scale-down:hover { object-fit: scale-down; }
.lg-focus-object-scale-down:focus { object-fit: scale-down; }
.lg-active-object-scale-down:active { object-fit: scale-down; }
.lg-disabled-object-scale-down:disabled { object-fit: scale-down; }
.lg-object-top { object-position: top; }
.lg-hover-object-top:hover { object-position: top; }
.lg-focus-object-top:focus { object-position: top; }
.lg-active-object-top:active { object-position: top; }
.lg-disabled-object-top:disabled { object-position: top; }
.lg-object-bottom { object-position: bottom; }
.lg-hover-object-bottom:hover { object-position: bottom; }
.lg-focus-object-bottom:focus { object-position: bottom; }
.lg-active-object-bottom:active { object-position: bottom; }
.lg-disabled-object-bottom:disabled { object-position: bottom; }
.lg-object-center { object-position: center; }
.lg-hover-object-center:hover { object-position: center; }
.lg-focus-object-center:focus { object-position: center; }
.lg-active-object-center:active { object-position: center; }
.lg-disabled-object-center:disabled { object-position: center; }
.lg-object-left { object-position: left; }
.lg-hover-object-left:hover { object-position: left; }
.lg-focus-object-left:focus { object-position: left; }
.lg-active-object-left:active { object-position: left; }
.lg-disabled-object-left:disabled { object-position: left; }
.lg-object-right { object-position: right; }
.lg-hover-object-right:hover { object-position: right; }
.lg-focus-object-right:focus { object-position: right; }
.lg-active-object-right:active { object-position: right; }
.lg-disabled-object-right:disabled { object-position: right; }
.lg-object-left-top { object-position: left top; }
.lg-hover-object-left-top:hover { object-position: left top; }
.lg-focus-object-left-top:focus { object-position: left top; }
.lg-active-object-left-top:active { object-position: left top; }
.lg-disabled-object-left-top:disabled { object-position: left top; }
.lg-object-right-top { object-position: right top; }
.lg-hover-object-right-top:hover { object-position: right top; }
.lg-focus-object-right-top:focus { object-position: right top; }
.lg-active-object-right-top:active { object-position: right top; }
.lg-disabled-object-right-top:disabled { object-position: right top; }
.lg-object-left-bottom { object-position: left bottom; }
.lg-hover-object-left-bottom:hover { object-position: left bottom; }
.lg-focus-object-left-bottom:focus { object-position: left bottom; }
.lg-active-object-left-bottom:active { object-position: left bottom; }
.lg-disabled-object-left-bottom:disabled { object-position: left bottom; }
.lg-object-right-bottom { object-position: right bottom; }
.lg-hover-object-right-bottom:hover { object-position: right bottom; }
.lg-focus-object-right-bottom:focus { object-position: right bottom; }
.lg-active-object-right-bottom:active { object-position: right bottom; }
.lg-disabled-object-right-bottom:disabled { object-position: right bottom; }
.lg-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lg-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lg-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lg-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lg-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lg-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lg-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lg-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lg-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lg-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lg-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lg-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lg-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lg-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lg-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lg-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.lg-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.lg-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.lg-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.lg-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.lg-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.lg-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.lg-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.lg-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.lg-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.lg-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.lg-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.lg-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.lg-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.lg-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.lg-list-style-image-none { list-style-image: none; }
.lg-hover-list-style-image-none:hover { list-style-image: none; }
.lg-focus-list-style-image-none:focus { list-style-image: none; }
.lg-active-list-style-image-none:active { list-style-image: none; }
.lg-disabled-list-style-image-none:disabled { list-style-image: none; }
.lg-list-style-position-inside { list-style-position: inside; }
.lg-hover-list-style-position-inside:hover { list-style-position: inside; }
.lg-focus-list-style-position-inside:focus { list-style-position: inside; }
.lg-active-list-style-position-inside:active { list-style-position: inside; }
.lg-disabled-list-style-position-inside:disabled { list-style-position: inside; }
.lg-list-style-position-outside { list-style-position: outside; }
.lg-hover-list-style-position-outside:hover { list-style-position: outside; }
.lg-focus-list-style-position-outside:focus { list-style-position: outside; }
.lg-active-list-style-position-outside:active { list-style-position: outside; }
.lg-disabled-list-style-position-outside:disabled { list-style-position: outside; }
.lg-list-style-type-none { list-style-type: none; }
.lg-hover-list-style-type-none:hover { list-style-type: none; }
.lg-focus-list-style-type-none:focus { list-style-type: none; }
.lg-active-list-style-type-none:active { list-style-type: none; }
.lg-disabled-list-style-type-none:disabled { list-style-type: none; }
.lg-list-style-type-disc { list-style-type: disc; }
.lg-hover-list-style-type-disc:hover { list-style-type: disc; }
.lg-focus-list-style-type-disc:focus { list-style-type: disc; }
.lg-active-list-style-type-disc:active { list-style-type: disc; }
.lg-disabled-list-style-type-disc:disabled { list-style-type: disc; }
.lg-list-style-type-circle { list-style-type: circle; }
.lg-hover-list-style-type-circle:hover { list-style-type: circle; }
.lg-focus-list-style-type-circle:focus { list-style-type: circle; }
.lg-active-list-style-type-circle:active { list-style-type: circle; }
.lg-disabled-list-style-type-circle:disabled { list-style-type: circle; }
.lg-list-style-type-square { list-style-type: square; }
.lg-hover-list-style-type-square:hover { list-style-type: square; }
.lg-focus-list-style-type-square:focus { list-style-type: square; }
.lg-active-list-style-type-square:active { list-style-type: square; }
.lg-disabled-list-style-type-square:disabled { list-style-type: square; }
.lg-list-style-type-decimal { list-style-type: decimal; }
.lg-hover-list-style-type-decimal:hover { list-style-type: decimal; }
.lg-focus-list-style-type-decimal:focus { list-style-type: decimal; }
.lg-active-list-style-type-decimal:active { list-style-type: decimal; }
.lg-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
.lg-list-style-type-lower_roman { list-style-type: lower-roman; }
.lg-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
.lg-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
.lg-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
.lg-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
.lg-list-style-type-upper_roman { list-style-type: upper-roman; }
.lg-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
.lg-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
.lg-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
.lg-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
.lg-list-style-type-lower_alpha { list-style-type: lower-alpha; }
.lg-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
.lg-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
.lg-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
.lg-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
.lg-list-style-type-upper_alpha { list-style-type: upper-alpha; }
.lg-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
.lg-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
.lg-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
.lg-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
.lg-text-align-left { text-align: left; }
.lg-hover-text-align-left:hover { text-align: left; }
.lg-focus-text-align-left:focus { text-align: left; }
.lg-active-text-align-left:active { text-align: left; }
.lg-disabled-text-align-left:disabled { text-align: left; }
.lg-text-align-center { text-align: center; }
.lg-hover-text-align-center:hover { text-align: center; }
.lg-focus-text-align-center:focus { text-align: center; }
.lg-active-text-align-center:active { text-align: center; }
.lg-disabled-text-align-center:disabled { text-align: center; }
.lg-text-align-right { text-align: right; }
.lg-hover-text-align-right:hover { text-align: right; }
.lg-focus-text-align-right:focus { text-align: right; }
.lg-active-text-align-right:active { text-align: right; }
.lg-disabled-text-align-right:disabled { text-align: right; }
.lg-text-align-justify { text-align: justify; }
.lg-hover-text-align-justify:hover { text-align: justify; }
.lg-focus-text-align-justify:focus { text-align: justify; }
.lg-active-text-align-justify:active { text-align: justify; }
.lg-disabled-text-align-justify:disabled { text-align: justify; }
.lg-backface-visible { backface-visibility: visible; }
.lg-hover-backface-visible:hover { backface-visibility: visible; }
.lg-focus-backface-visible:focus { backface-visibility: visible; }
.lg-active-backface-visible:active { backface-visibility: visible; }
.lg-disabled-backface-visible:disabled { backface-visibility: visible; }
.lg-backface-hidden { backface-visibility: hidden; }
.lg-hover-backface-hidden:hover { backface-visibility: hidden; }
.lg-focus-backface-hidden:focus { backface-visibility: hidden; }
.lg-active-backface-hidden:active { backface-visibility: hidden; }
.lg-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.lg-perspective-none { perspective: none; }
.lg-hover-perspective-none:hover { perspective: none; }
.lg-focus-perspective-none:focus { perspective: none; }
.lg-active-perspective-none:active { perspective: none; }
.lg-disabled-perspective-none:disabled { perspective: none; }
.lg-perspective-100 { perspective: 100px; }
.lg-hover-perspective-100:hover { perspective: 100px; }
.lg-focus-perspective-100:focus { perspective: 100px; }
.lg-active-perspective-100:active { perspective: 100px; }
.lg-disabled-perspective-100:disabled { perspective: 100px; }
.lg-perspective-500 { perspective: 500px; }
.lg-hover-perspective-500:hover { perspective: 500px; }
.lg-focus-perspective-500:focus { perspective: 500px; }
.lg-active-perspective-500:active { perspective: 500px; }
.lg-disabled-perspective-500:disabled { perspective: 500px; }
.lg-perspective-1000 { perspective: 1000px; }
.lg-hover-perspective-1000:hover { perspective: 1000px; }
.lg-focus-perspective-1000:focus { perspective: 1000px; }
.lg-active-perspective-1000:active { perspective: 1000px; }
.lg-disabled-perspective-1000:disabled { perspective: 1000px; }
.lg-perspective-1500 { perspective: 1500px; }
.lg-hover-perspective-1500:hover { perspective: 1500px; }
.lg-focus-perspective-1500:focus { perspective: 1500px; }
.lg-active-perspective-1500:active { perspective: 1500px; }
.lg-disabled-perspective-1500:disabled { perspective: 1500px; }
.lg-perspective-2000 { perspective: 2000px; }
.lg-hover-perspective-2000:hover { perspective: 2000px; }
.lg-focus-perspective-2000:focus { perspective: 2000px; }
.lg-active-perspective-2000:active { perspective: 2000px; }
.lg-disabled-perspective-2000:disabled { perspective: 2000px; }
.lg-perspective-origin-center { perspective-origin: center; }
.lg-hover-perspective-origin-center:hover { perspective-origin: center; }
.lg-focus-perspective-origin-center:focus { perspective-origin: center; }
.lg-active-perspective-origin-center:active { perspective-origin: center; }
.lg-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.lg-perspective-origin-top { perspective-origin: top; }
.lg-hover-perspective-origin-top:hover { perspective-origin: top; }
.lg-focus-perspective-origin-top:focus { perspective-origin: top; }
.lg-active-perspective-origin-top:active { perspective-origin: top; }
.lg-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.lg-perspective-origin-bottom { perspective-origin: bottom; }
.lg-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.lg-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.lg-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.lg-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.lg-perspective-origin-left { perspective-origin: left; }
.lg-hover-perspective-origin-left:hover { perspective-origin: left; }
.lg-focus-perspective-origin-left:focus { perspective-origin: left; }
.lg-active-perspective-origin-left:active { perspective-origin: left; }
.lg-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.lg-perspective-origin-right { perspective-origin: right; }
.lg-hover-perspective-origin-right:hover { perspective-origin: right; }
.lg-focus-perspective-origin-right:focus { perspective-origin: right; }
.lg-active-perspective-origin-right:active { perspective-origin: right; }
.lg-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.lg-perspective-origin-top_left { perspective-origin: top left; }
.lg-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
.lg-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
.lg-active-perspective-origin-top_left:active { perspective-origin: top left; }
.lg-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
.lg-perspective-origin-top_right { perspective-origin: top right; }
.lg-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
.lg-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
.lg-active-perspective-origin-top_right:active { perspective-origin: top right; }
.lg-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
.lg-perspective-origin-bottom_left { perspective-origin: bottom left; }
.lg-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
.lg-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
.lg-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
.lg-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
.lg-perspective-origin-bottom_right { perspective-origin: bottom right; }
.lg-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
.lg-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
.lg-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
.lg-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
.lg-transform { transform: var(--quanta-transform, none); }
.lg-hover-transform:hover { transform: var(--quanta-transform, none); }
.lg-focus-transform:focus { transform: var(--quanta-transform, none); }
.lg-active-transform:active { transform: var(--quanta-transform, none); }
.lg-disabled-transform:disabled { transform: var(--quanta-transform, none); }
.lg-transform-none { transform: none; }
.lg-hover-transform-none:hover { transform: none; }
.lg-focus-transform-none:focus { transform: none; }
.lg-active-transform-none:active { transform: none; }
.lg-disabled-transform-none:disabled { transform: none; }
.lg-rotate-n180 { transform: rotate(-180deg); }
.lg-hover-rotate-n180:hover { transform: rotate(-180deg); }
.lg-focus-rotate-n180:focus { transform: rotate(-180deg); }
.lg-active-rotate-n180:active { transform: rotate(-180deg); }
.lg-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
.lg-rotate-n90 { transform: rotate(-90deg); }
.lg-hover-rotate-n90:hover { transform: rotate(-90deg); }
.lg-focus-rotate-n90:focus { transform: rotate(-90deg); }
.lg-active-rotate-n90:active { transform: rotate(-90deg); }
.lg-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
.lg-rotate-n45 { transform: rotate(-45deg); }
.lg-hover-rotate-n45:hover { transform: rotate(-45deg); }
.lg-focus-rotate-n45:focus { transform: rotate(-45deg); }
.lg-active-rotate-n45:active { transform: rotate(-45deg); }
.lg-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
.lg-rotate-0 { transform: rotate(0deg); }
.lg-hover-rotate-0:hover { transform: rotate(0deg); }
.lg-focus-rotate-0:focus { transform: rotate(0deg); }
.lg-active-rotate-0:active { transform: rotate(0deg); }
.lg-disabled-rotate-0:disabled { transform: rotate(0deg); }
.lg-rotate-45 { transform: rotate(45deg); }
.lg-hover-rotate-45:hover { transform: rotate(45deg); }
.lg-focus-rotate-45:focus { transform: rotate(45deg); }
.lg-active-rotate-45:active { transform: rotate(45deg); }
.lg-disabled-rotate-45:disabled { transform: rotate(45deg); }
.lg-rotate-90 { transform: rotate(90deg); }
.lg-hover-rotate-90:hover { transform: rotate(90deg); }
.lg-focus-rotate-90:focus { transform: rotate(90deg); }
.lg-active-rotate-90:active { transform: rotate(90deg); }
.lg-disabled-rotate-90:disabled { transform: rotate(90deg); }
.lg-rotate-180 { transform: rotate(180deg); }
.lg-hover-rotate-180:hover { transform: rotate(180deg); }
.lg-focus-rotate-180:focus { transform: rotate(180deg); }
.lg-active-rotate-180:active { transform: rotate(180deg); }
.lg-disabled-rotate-180:disabled { transform: rotate(180deg); }
.lg-scale-50 { transform: scale(0.5); }
.lg-hover-scale-50:hover { transform: scale(0.5); }
.lg-focus-scale-50:focus { transform: scale(0.5); }
.lg-active-scale-50:active { transform: scale(0.5); }
.lg-disabled-scale-50:disabled { transform: scale(0.5); }
.lg-scale-75 { transform: scale(0.75); }
.lg-hover-scale-75:hover { transform: scale(0.75); }
.lg-focus-scale-75:focus { transform: scale(0.75); }
.lg-active-scale-75:active { transform: scale(0.75); }
.lg-disabled-scale-75:disabled { transform: scale(0.75); }
.lg-scale-90 { transform: scale(0.9); }
.lg-hover-scale-90:hover { transform: scale(0.9); }
.lg-focus-scale-90:focus { transform: scale(0.9); }
.lg-active-scale-90:active { transform: scale(0.9); }
.lg-disabled-scale-90:disabled { transform: scale(0.9); }
.lg-scale-95 { transform: scale(0.95); }
.lg-hover-scale-95:hover { transform: scale(0.95); }
.lg-focus-scale-95:focus { transform: scale(0.95); }
.lg-active-scale-95:active { transform: scale(0.95); }
.lg-disabled-scale-95:disabled { transform: scale(0.95); }
.lg-scale-100 { transform: scale(1.0); }
.lg-hover-scale-100:hover { transform: scale(1.0); }
.lg-focus-scale-100:focus { transform: scale(1.0); }
.lg-active-scale-100:active { transform: scale(1.0); }
.lg-disabled-scale-100:disabled { transform: scale(1.0); }
.lg-scale-105 { transform: scale(1.05); }
.lg-hover-scale-105:hover { transform: scale(1.05); }
.lg-focus-scale-105:focus { transform: scale(1.05); }
.lg-active-scale-105:active { transform: scale(1.05); }
.lg-disabled-scale-105:disabled { transform: scale(1.05); }
.lg-scale-110 { transform: scale(1.1); }
.lg-hover-scale-110:hover { transform: scale(1.1); }
.lg-focus-scale-110:focus { transform: scale(1.1); }
.lg-active-scale-110:active { transform: scale(1.1); }
.lg-disabled-scale-110:disabled { transform: scale(1.1); }
.lg-scale-125 { transform: scale(1.25); }
.lg-hover-scale-125:hover { transform: scale(1.25); }
.lg-focus-scale-125:focus { transform: scale(1.25); }
.lg-active-scale-125:active { transform: scale(1.25); }
.lg-disabled-scale-125:disabled { transform: scale(1.25); }
.lg-scale-150 { transform: scale(1.5); }
.lg-hover-scale-150:hover { transform: scale(1.5); }
.lg-focus-scale-150:focus { transform: scale(1.5); }
.lg-active-scale-150:active { transform: scale(1.5); }
.lg-disabled-scale-150:disabled { transform: scale(1.5); }
.lg-skew-x-n45 { transform: skewX(-45deg); }
.lg-hover-skew-x-n45:hover { transform: skewX(-45deg); }
.lg-focus-skew-x-n45:focus { transform: skewX(-45deg); }
.lg-active-skew-x-n45:active { transform: skewX(-45deg); }
.lg-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
.lg-skew-y-n45 { transform: skewY(-45deg); }
.lg-hover-skew-y-n45:hover { transform: skewY(-45deg); }
.lg-focus-skew-y-n45:focus { transform: skewY(-45deg); }
.lg-active-skew-y-n45:active { transform: skewY(-45deg); }
.lg-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
.lg-skew-x-n30 { transform: skewX(-30deg); }
.lg-hover-skew-x-n30:hover { transform: skewX(-30deg); }
.lg-focus-skew-x-n30:focus { transform: skewX(-30deg); }
.lg-active-skew-x-n30:active { transform: skewX(-30deg); }
.lg-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
.lg-skew-y-n30 { transform: skewY(-30deg); }
.lg-hover-skew-y-n30:hover { transform: skewY(-30deg); }
.lg-focus-skew-y-n30:focus { transform: skewY(-30deg); }
.lg-active-skew-y-n30:active { transform: skewY(-30deg); }
.lg-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
.lg-skew-x-n15 { transform: skewX(-15deg); }
.lg-hover-skew-x-n15:hover { transform: skewX(-15deg); }
.lg-focus-skew-x-n15:focus { transform: skewX(-15deg); }
.lg-active-skew-x-n15:active { transform: skewX(-15deg); }
.lg-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
.lg-skew-y-n15 { transform: skewY(-15deg); }
.lg-hover-skew-y-n15:hover { transform: skewY(-15deg); }
.lg-focus-skew-y-n15:focus { transform: skewY(-15deg); }
.lg-active-skew-y-n15:active { transform: skewY(-15deg); }
.lg-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
.lg-skew-x-0 { transform: skewX(0deg); }
.lg-hover-skew-x-0:hover { transform: skewX(0deg); }
.lg-focus-skew-x-0:focus { transform: skewX(0deg); }
.lg-active-skew-x-0:active { transform: skewX(0deg); }
.lg-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.lg-skew-y-0 { transform: skewY(0deg); }
.lg-hover-skew-y-0:hover { transform: skewY(0deg); }
.lg-focus-skew-y-0:focus { transform: skewY(0deg); }
.lg-active-skew-y-0:active { transform: skewY(0deg); }
.lg-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.lg-skew-x-15 { transform: skewX(15deg); }
.lg-hover-skew-x-15:hover { transform: skewX(15deg); }
.lg-focus-skew-x-15:focus { transform: skewX(15deg); }
.lg-active-skew-x-15:active { transform: skewX(15deg); }
.lg-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.lg-skew-y-15 { transform: skewY(15deg); }
.lg-hover-skew-y-15:hover { transform: skewY(15deg); }
.lg-focus-skew-y-15:focus { transform: skewY(15deg); }
.lg-active-skew-y-15:active { transform: skewY(15deg); }
.lg-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.lg-skew-x-30 { transform: skewX(30deg); }
.lg-hover-skew-x-30:hover { transform: skewX(30deg); }
.lg-focus-skew-x-30:focus { transform: skewX(30deg); }
.lg-active-skew-x-30:active { transform: skewX(30deg); }
.lg-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.lg-skew-y-30 { transform: skewY(30deg); }
.lg-hover-skew-y-30:hover { transform: skewY(30deg); }
.lg-focus-skew-y-30:focus { transform: skewY(30deg); }
.lg-active-skew-y-30:active { transform: skewY(30deg); }
.lg-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.lg-skew-x-45 { transform: skewX(45deg); }
.lg-hover-skew-x-45:hover { transform: skewX(45deg); }
.lg-focus-skew-x-45:focus { transform: skewX(45deg); }
.lg-active-skew-x-45:active { transform: skewX(45deg); }
.lg-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.lg-skew-y-45 { transform: skewY(45deg); }
.lg-hover-skew-y-45:hover { transform: skewY(45deg); }
.lg-focus-skew-y-45:focus { transform: skewY(45deg); }
.lg-active-skew-y-45:active { transform: skewY(45deg); }
.lg-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.lg-translate-x-0 { transform: translateX(0rem); }
.lg-hover-translate-x-0:hover { transform: translateX(0rem); }
.lg-focus-translate-x-0:focus { transform: translateX(0rem); }
.lg-active-translate-x-0:active { transform: translateX(0rem); }
.lg-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.lg-translate-y-0 { transform: translateY(0rem); }
.lg-hover-translate-y-0:hover { transform: translateY(0rem); }
.lg-focus-translate-y-0:focus { transform: translateY(0rem); }
.lg-active-translate-y-0:active { transform: translateY(0rem); }
.lg-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.lg-translate-x-0_125 { transform: translateX(0.125rem); }
.lg-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
.lg-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
.lg-active-translate-x-0_125:active { transform: translateX(0.125rem); }
.lg-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
.lg-translate-y-0_125 { transform: translateY(0.125rem); }
.lg-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
.lg-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
.lg-active-translate-y-0_125:active { transform: translateY(0.125rem); }
.lg-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
.lg-translate-x-0_25 { transform: translateX(0.25rem); }
.lg-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.lg-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.lg-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.lg-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.lg-translate-y-0_25 { transform: translateY(0.25rem); }
.lg-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.lg-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.lg-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.lg-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.lg-translate-x-0_5 { transform: translateX(0.5rem); }
.lg-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.lg-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.lg-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.lg-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.lg-translate-y-0_5 { transform: translateY(0.5rem); }
.lg-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.lg-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.lg-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.lg-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.lg-translate-x-0_75 { transform: translateX(0.75rem); }
.lg-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
.lg-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
.lg-active-translate-x-0_75:active { transform: translateX(0.75rem); }
.lg-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
.lg-translate-y-0_75 { transform: translateY(0.75rem); }
.lg-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
.lg-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
.lg-active-translate-y-0_75:active { transform: translateY(0.75rem); }
.lg-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
.lg-translate-x-1 { transform: translateX(1rem); }
.lg-hover-translate-x-1:hover { transform: translateX(1rem); }
.lg-focus-translate-x-1:focus { transform: translateX(1rem); }
.lg-active-translate-x-1:active { transform: translateX(1rem); }
.lg-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.lg-translate-y-1 { transform: translateY(1rem); }
.lg-hover-translate-y-1:hover { transform: translateY(1rem); }
.lg-focus-translate-y-1:focus { transform: translateY(1rem); }
.lg-active-translate-y-1:active { transform: translateY(1rem); }
.lg-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.lg-translate-x-1_5 { transform: translateX(1.5rem); }
.lg-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.lg-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.lg-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.lg-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.lg-translate-y-1_5 { transform: translateY(1.5rem); }
.lg-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.lg-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.lg-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.lg-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.lg-translate-x-2 { transform: translateX(2rem); }
.lg-hover-translate-x-2:hover { transform: translateX(2rem); }
.lg-focus-translate-x-2:focus { transform: translateX(2rem); }
.lg-active-translate-x-2:active { transform: translateX(2rem); }
.lg-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.lg-translate-y-2 { transform: translateY(2rem); }
.lg-hover-translate-y-2:hover { transform: translateY(2rem); }
.lg-focus-translate-y-2:focus { transform: translateY(2rem); }
.lg-active-translate-y-2:active { transform: translateY(2rem); }
.lg-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.lg-translate-x-3 { transform: translateX(3rem); }
.lg-hover-translate-x-3:hover { transform: translateX(3rem); }
.lg-focus-translate-x-3:focus { transform: translateX(3rem); }
.lg-active-translate-x-3:active { transform: translateX(3rem); }
.lg-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.lg-translate-y-3 { transform: translateY(3rem); }
.lg-hover-translate-y-3:hover { transform: translateY(3rem); }
.lg-focus-translate-y-3:focus { transform: translateY(3rem); }
.lg-active-translate-y-3:active { transform: translateY(3rem); }
.lg-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.lg-translate-x-4 { transform: translateX(4rem); }
.lg-hover-translate-x-4:hover { transform: translateX(4rem); }
.lg-focus-translate-x-4:focus { transform: translateX(4rem); }
.lg-active-translate-x-4:active { transform: translateX(4rem); }
.lg-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.lg-translate-y-4 { transform: translateY(4rem); }
.lg-hover-translate-y-4:hover { transform: translateY(4rem); }
.lg-focus-translate-y-4:focus { transform: translateY(4rem); }
.lg-active-translate-y-4:active { transform: translateY(4rem); }
.lg-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.lg-origin-center { transform-origin: center; }
.lg-hover-origin-center:hover { transform-origin: center; }
.lg-focus-origin-center:focus { transform-origin: center; }
.lg-active-origin-center:active { transform-origin: center; }
.lg-disabled-origin-center:disabled { transform-origin: center; }
.lg-origin-top { transform-origin: top; }
.lg-hover-origin-top:hover { transform-origin: top; }
.lg-focus-origin-top:focus { transform-origin: top; }
.lg-active-origin-top:active { transform-origin: top; }
.lg-disabled-origin-top:disabled { transform-origin: top; }
.lg-origin-bottom { transform-origin: bottom; }
.lg-hover-origin-bottom:hover { transform-origin: bottom; }
.lg-focus-origin-bottom:focus { transform-origin: bottom; }
.lg-active-origin-bottom:active { transform-origin: bottom; }
.lg-disabled-origin-bottom:disabled { transform-origin: bottom; }
.lg-origin-left { transform-origin: left; }
.lg-hover-origin-left:hover { transform-origin: left; }
.lg-focus-origin-left:focus { transform-origin: left; }
.lg-active-origin-left:active { transform-origin: left; }
.lg-disabled-origin-left:disabled { transform-origin: left; }
.lg-origin-right { transform-origin: right; }
.lg-hover-origin-right:hover { transform-origin: right; }
.lg-focus-origin-right:focus { transform-origin: right; }
.lg-active-origin-right:active { transform-origin: right; }
.lg-disabled-origin-right:disabled { transform-origin: right; }
.lg-origin-top_left { transform-origin: top left; }
.lg-hover-origin-top_left:hover { transform-origin: top left; }
.lg-focus-origin-top_left:focus { transform-origin: top left; }
.lg-active-origin-top_left:active { transform-origin: top left; }
.lg-disabled-origin-top_left:disabled { transform-origin: top left; }
.lg-origin-top_right { transform-origin: top right; }
.lg-hover-origin-top_right:hover { transform-origin: top right; }
.lg-focus-origin-top_right:focus { transform-origin: top right; }
.lg-active-origin-top_right:active { transform-origin: top right; }
.lg-disabled-origin-top_right:disabled { transform-origin: top right; }
.lg-origin-bottom_left { transform-origin: bottom left; }
.lg-hover-origin-bottom_left:hover { transform-origin: bottom left; }
.lg-focus-origin-bottom_left:focus { transform-origin: bottom left; }
.lg-active-origin-bottom_left:active { transform-origin: bottom left; }
.lg-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
.lg-origin-bottom_right { transform-origin: bottom right; }
.lg-hover-origin-bottom_right:hover { transform-origin: bottom right; }
.lg-focus-origin-bottom_right:focus { transform-origin: bottom right; }
.lg-active-origin-bottom_right:active { transform-origin: bottom right; }
.lg-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
.lg-transform-style-flat { transform-style: flat; }
.lg-hover-transform-style-flat:hover { transform-style: flat; }
.lg-focus-transform-style-flat:focus { transform-style: flat; }
.lg-active-transform-style-flat:active { transform-style: flat; }
.lg-disabled-transform-style-flat:disabled { transform-style: flat; }
.lg-transform-style-preserve-3d { transform-style: preserve-3d; }
.lg-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
.lg-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
.lg-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
.lg-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
.lg-accent-auto { accent-color: auto; }
.lg-hover-accent-auto:hover { accent-color: auto; }
.lg-focus-accent-auto:focus { accent-color: auto; }
.lg-active-accent-auto:active { accent-color: auto; }
.lg-disabled-accent-auto:disabled { accent-color: auto; }
.lg-accent-transparent { accent-color: transparent; }
.lg-hover-accent-transparent:hover { accent-color: transparent; }
.lg-focus-accent-transparent:focus { accent-color: transparent; }
.lg-active-accent-transparent:active { accent-color: transparent; }
.lg-disabled-accent-transparent:disabled { accent-color: transparent; }
.lg-accent-red-50 { accent-color: var(--quanta-red-50); }
.lg-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
.lg-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
.lg-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
.lg-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
.lg-accent-red-100 { accent-color: var(--quanta-red-100); }
.lg-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
.lg-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
.lg-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
.lg-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
.lg-accent-red-200 { accent-color: var(--quanta-red-200); }
.lg-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
.lg-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
.lg-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
.lg-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
.lg-accent-red-300 { accent-color: var(--quanta-red-300); }
.lg-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
.lg-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
.lg-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
.lg-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
.lg-accent-red-400 { accent-color: var(--quanta-red-400); }
.lg-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
.lg-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
.lg-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
.lg-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
.lg-accent-red-500 { accent-color: var(--quanta-red-500); }
.lg-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
.lg-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
.lg-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
.lg-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
.lg-accent-red-600 { accent-color: var(--quanta-red-600); }
.lg-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
.lg-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
.lg-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
.lg-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
.lg-accent-red-700 { accent-color: var(--quanta-red-700); }
.lg-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
.lg-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
.lg-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
.lg-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
.lg-accent-red-800 { accent-color: var(--quanta-red-800); }
.lg-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
.lg-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
.lg-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
.lg-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
.lg-accent-red-900 { accent-color: var(--quanta-red-900); }
.lg-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
.lg-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
.lg-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
.lg-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
.lg-accent-orange-50 { accent-color: var(--quanta-orange-50); }
.lg-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
.lg-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
.lg-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
.lg-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
.lg-accent-orange-100 { accent-color: var(--quanta-orange-100); }
.lg-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
.lg-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
.lg-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
.lg-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
.lg-accent-orange-200 { accent-color: var(--quanta-orange-200); }
.lg-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
.lg-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
.lg-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
.lg-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
.lg-accent-orange-300 { accent-color: var(--quanta-orange-300); }
.lg-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
.lg-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
.lg-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
.lg-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
.lg-accent-orange-400 { accent-color: var(--quanta-orange-400); }
.lg-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
.lg-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
.lg-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
.lg-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
.lg-accent-orange-500 { accent-color: var(--quanta-orange-500); }
.lg-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
.lg-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
.lg-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
.lg-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
.lg-accent-orange-600 { accent-color: var(--quanta-orange-600); }
.lg-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
.lg-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
.lg-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
.lg-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
.lg-accent-orange-700 { accent-color: var(--quanta-orange-700); }
.lg-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
.lg-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
.lg-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
.lg-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
.lg-accent-orange-800 { accent-color: var(--quanta-orange-800); }
.lg-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
.lg-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
.lg-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
.lg-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
.lg-accent-orange-900 { accent-color: var(--quanta-orange-900); }
.lg-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
.lg-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
.lg-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
.lg-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
.lg-accent-teal-50 { accent-color: var(--quanta-teal-50); }
.lg-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
.lg-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
.lg-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
.lg-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
.lg-accent-teal-100 { accent-color: var(--quanta-teal-100); }
.lg-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
.lg-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
.lg-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
.lg-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
.lg-accent-teal-200 { accent-color: var(--quanta-teal-200); }
.lg-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
.lg-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
.lg-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
.lg-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
.lg-accent-teal-300 { accent-color: var(--quanta-teal-300); }
.lg-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
.lg-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
.lg-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
.lg-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
.lg-accent-teal-400 { accent-color: var(--quanta-teal-400); }
.lg-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
.lg-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
.lg-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
.lg-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
.lg-accent-teal-500 { accent-color: var(--quanta-teal-500); }
.lg-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
.lg-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
.lg-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
.lg-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
.lg-accent-teal-600 { accent-color: var(--quanta-teal-600); }
.lg-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
.lg-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
.lg-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
.lg-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
.lg-accent-teal-700 { accent-color: var(--quanta-teal-700); }
.lg-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
.lg-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
.lg-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
.lg-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
.lg-accent-teal-800 { accent-color: var(--quanta-teal-800); }
.lg-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
.lg-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
.lg-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
.lg-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
.lg-accent-teal-900 { accent-color: var(--quanta-teal-900); }
.lg-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
.lg-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
.lg-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
.lg-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
.lg-accent-purple-50 { accent-color: var(--quanta-purple-50); }
.lg-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
.lg-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
.lg-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
.lg-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
.lg-accent-purple-100 { accent-color: var(--quanta-purple-100); }
.lg-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
.lg-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
.lg-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
.lg-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
.lg-accent-purple-200 { accent-color: var(--quanta-purple-200); }
.lg-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
.lg-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
.lg-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
.lg-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
.lg-accent-purple-300 { accent-color: var(--quanta-purple-300); }
.lg-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
.lg-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
.lg-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
.lg-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
.lg-accent-purple-400 { accent-color: var(--quanta-purple-400); }
.lg-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
.lg-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
.lg-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
.lg-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
.lg-accent-purple-500 { accent-color: var(--quanta-purple-500); }
.lg-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
.lg-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
.lg-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
.lg-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
.lg-accent-purple-600 { accent-color: var(--quanta-purple-600); }
.lg-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
.lg-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
.lg-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
.lg-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
.lg-accent-purple-700 { accent-color: var(--quanta-purple-700); }
.lg-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
.lg-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
.lg-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
.lg-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
.lg-accent-purple-800 { accent-color: var(--quanta-purple-800); }
.lg-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
.lg-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
.lg-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
.lg-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
.lg-accent-purple-900 { accent-color: var(--quanta-purple-900); }
.lg-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
.lg-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
.lg-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
.lg-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
.lg-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.lg-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
.lg-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
.lg-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
.lg-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
.lg-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.lg-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
.lg-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
.lg-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
.lg-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
.lg-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.lg-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
.lg-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
.lg-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
.lg-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
.lg-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.lg-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
.lg-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
.lg-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
.lg-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
.lg-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.lg-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
.lg-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
.lg-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
.lg-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
.lg-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.lg-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
.lg-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
.lg-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
.lg-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
.lg-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.lg-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
.lg-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
.lg-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
.lg-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
.lg-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.lg-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
.lg-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
.lg-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
.lg-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
.lg-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.lg-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
.lg-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
.lg-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
.lg-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
.lg-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.lg-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
.lg-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
.lg-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
.lg-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
.lg-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.lg-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
.lg-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
.lg-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
.lg-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
.lg-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.lg-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
.lg-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
.lg-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
.lg-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
.lg-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.lg-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
.lg-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
.lg-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
.lg-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
.lg-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.lg-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
.lg-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
.lg-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
.lg-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
.lg-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.lg-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
.lg-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
.lg-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
.lg-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
.lg-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.lg-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
.lg-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
.lg-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
.lg-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
.lg-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.lg-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
.lg-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
.lg-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
.lg-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
.lg-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.lg-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
.lg-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
.lg-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
.lg-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
.lg-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.lg-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
.lg-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
.lg-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
.lg-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
.lg-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.lg-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
.lg-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
.lg-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
.lg-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
.lg-accent-pink-50 { accent-color: var(--quanta-pink-50); }
.lg-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
.lg-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
.lg-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
.lg-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
.lg-accent-pink-100 { accent-color: var(--quanta-pink-100); }
.lg-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
.lg-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
.lg-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
.lg-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
.lg-accent-pink-200 { accent-color: var(--quanta-pink-200); }
.lg-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
.lg-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
.lg-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
.lg-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
.lg-accent-pink-300 { accent-color: var(--quanta-pink-300); }
.lg-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
.lg-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
.lg-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
.lg-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
.lg-accent-pink-400 { accent-color: var(--quanta-pink-400); }
.lg-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
.lg-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
.lg-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
.lg-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
.lg-accent-pink-500 { accent-color: var(--quanta-pink-500); }
.lg-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
.lg-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
.lg-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
.lg-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
.lg-accent-pink-600 { accent-color: var(--quanta-pink-600); }
.lg-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
.lg-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
.lg-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
.lg-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
.lg-accent-pink-700 { accent-color: var(--quanta-pink-700); }
.lg-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
.lg-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
.lg-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
.lg-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
.lg-accent-pink-800 { accent-color: var(--quanta-pink-800); }
.lg-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
.lg-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
.lg-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
.lg-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
.lg-accent-pink-900 { accent-color: var(--quanta-pink-900); }
.lg-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
.lg-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
.lg-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
.lg-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
.lg-accent-grey-50 { accent-color: var(--quanta-grey-50); }
.lg-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
.lg-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
.lg-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
.lg-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
.lg-accent-grey-100 { accent-color: var(--quanta-grey-100); }
.lg-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
.lg-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
.lg-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
.lg-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
.lg-accent-grey-200 { accent-color: var(--quanta-grey-200); }
.lg-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
.lg-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
.lg-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
.lg-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
.lg-accent-grey-300 { accent-color: var(--quanta-grey-300); }
.lg-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
.lg-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
.lg-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
.lg-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
.lg-accent-grey-400 { accent-color: var(--quanta-grey-400); }
.lg-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
.lg-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
.lg-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
.lg-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
.lg-accent-grey-500 { accent-color: var(--quanta-grey-500); }
.lg-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
.lg-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
.lg-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
.lg-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
.lg-accent-grey-600 { accent-color: var(--quanta-grey-600); }
.lg-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
.lg-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
.lg-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
.lg-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
.lg-accent-grey-700 { accent-color: var(--quanta-grey-700); }
.lg-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
.lg-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
.lg-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
.lg-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
.lg-accent-grey-800 { accent-color: var(--quanta-grey-800); }
.lg-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
.lg-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
.lg-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
.lg-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
.lg-accent-grey-900 { accent-color: var(--quanta-grey-900); }
.lg-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
.lg-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
.lg-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
.lg-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
.lg-accent-lime-50 { accent-color: var(--quanta-lime-50); }
.lg-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
.lg-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
.lg-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
.lg-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
.lg-accent-lime-100 { accent-color: var(--quanta-lime-100); }
.lg-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
.lg-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
.lg-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
.lg-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
.lg-accent-lime-200 { accent-color: var(--quanta-lime-200); }
.lg-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
.lg-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
.lg-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
.lg-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
.lg-accent-lime-300 { accent-color: var(--quanta-lime-300); }
.lg-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
.lg-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
.lg-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
.lg-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
.lg-accent-lime-400 { accent-color: var(--quanta-lime-400); }
.lg-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
.lg-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
.lg-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
.lg-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
.lg-accent-lime-500 { accent-color: var(--quanta-lime-500); }
.lg-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
.lg-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
.lg-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
.lg-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
.lg-accent-lime-600 { accent-color: var(--quanta-lime-600); }
.lg-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
.lg-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
.lg-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
.lg-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
.lg-accent-lime-700 { accent-color: var(--quanta-lime-700); }
.lg-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
.lg-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
.lg-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
.lg-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
.lg-accent-lime-800 { accent-color: var(--quanta-lime-800); }
.lg-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
.lg-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
.lg-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
.lg-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
.lg-accent-lime-900 { accent-color: var(--quanta-lime-900); }
.lg-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
.lg-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
.lg-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
.lg-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
.lg-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.lg-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
.lg-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
.lg-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
.lg-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
.lg-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.lg-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
.lg-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
.lg-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
.lg-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
.lg-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.lg-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
.lg-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
.lg-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
.lg-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
.lg-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.lg-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
.lg-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
.lg-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
.lg-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
.lg-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.lg-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
.lg-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
.lg-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
.lg-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
.lg-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.lg-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
.lg-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
.lg-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
.lg-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
.lg-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.lg-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
.lg-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
.lg-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
.lg-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
.lg-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.lg-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
.lg-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
.lg-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
.lg-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
.lg-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.lg-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
.lg-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
.lg-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
.lg-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
.lg-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.lg-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
.lg-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
.lg-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
.lg-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
.lg-accent-sky-50 { accent-color: var(--quanta-sky-50); }
.lg-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
.lg-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
.lg-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
.lg-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
.lg-accent-sky-100 { accent-color: var(--quanta-sky-100); }
.lg-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
.lg-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
.lg-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
.lg-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
.lg-accent-sky-200 { accent-color: var(--quanta-sky-200); }
.lg-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
.lg-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
.lg-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
.lg-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
.lg-accent-sky-300 { accent-color: var(--quanta-sky-300); }
.lg-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
.lg-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
.lg-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
.lg-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
.lg-accent-sky-400 { accent-color: var(--quanta-sky-400); }
.lg-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
.lg-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
.lg-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
.lg-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
.lg-accent-sky-500 { accent-color: var(--quanta-sky-500); }
.lg-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
.lg-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
.lg-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
.lg-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
.lg-accent-sky-600 { accent-color: var(--quanta-sky-600); }
.lg-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
.lg-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
.lg-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
.lg-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
.lg-accent-sky-700 { accent-color: var(--quanta-sky-700); }
.lg-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
.lg-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
.lg-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
.lg-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
.lg-accent-sky-800 { accent-color: var(--quanta-sky-800); }
.lg-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
.lg-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
.lg-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
.lg-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
.lg-accent-sky-900 { accent-color: var(--quanta-sky-900); }
.lg-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
.lg-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
.lg-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
.lg-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
.lg-accent-violet-50 { accent-color: var(--quanta-violet-50); }
.lg-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
.lg-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
.lg-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
.lg-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
.lg-accent-violet-100 { accent-color: var(--quanta-violet-100); }
.lg-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
.lg-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
.lg-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
.lg-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
.lg-accent-violet-200 { accent-color: var(--quanta-violet-200); }
.lg-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
.lg-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
.lg-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
.lg-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
.lg-accent-violet-300 { accent-color: var(--quanta-violet-300); }
.lg-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
.lg-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
.lg-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
.lg-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
.lg-accent-violet-400 { accent-color: var(--quanta-violet-400); }
.lg-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
.lg-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
.lg-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
.lg-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
.lg-accent-violet-500 { accent-color: var(--quanta-violet-500); }
.lg-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
.lg-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
.lg-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
.lg-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
.lg-accent-violet-600 { accent-color: var(--quanta-violet-600); }
.lg-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
.lg-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
.lg-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
.lg-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
.lg-accent-violet-700 { accent-color: var(--quanta-violet-700); }
.lg-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
.lg-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
.lg-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
.lg-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
.lg-accent-violet-800 { accent-color: var(--quanta-violet-800); }
.lg-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
.lg-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
.lg-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
.lg-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
.lg-accent-violet-900 { accent-color: var(--quanta-violet-900); }
.lg-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
.lg-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
.lg-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
.lg-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
.lg-accent-rose-50 { accent-color: var(--quanta-rose-50); }
.lg-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
.lg-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
.lg-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
.lg-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
.lg-accent-rose-100 { accent-color: var(--quanta-rose-100); }
.lg-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
.lg-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
.lg-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
.lg-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
.lg-accent-rose-200 { accent-color: var(--quanta-rose-200); }
.lg-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
.lg-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
.lg-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
.lg-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
.lg-accent-rose-300 { accent-color: var(--quanta-rose-300); }
.lg-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
.lg-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
.lg-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
.lg-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
.lg-accent-rose-400 { accent-color: var(--quanta-rose-400); }
.lg-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
.lg-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
.lg-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
.lg-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
.lg-accent-rose-500 { accent-color: var(--quanta-rose-500); }
.lg-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
.lg-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
.lg-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
.lg-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
.lg-accent-rose-600 { accent-color: var(--quanta-rose-600); }
.lg-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
.lg-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
.lg-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
.lg-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
.lg-accent-rose-700 { accent-color: var(--quanta-rose-700); }
.lg-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
.lg-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
.lg-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
.lg-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
.lg-accent-rose-800 { accent-color: var(--quanta-rose-800); }
.lg-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
.lg-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
.lg-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
.lg-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
.lg-accent-rose-900 { accent-color: var(--quanta-rose-900); }
.lg-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
.lg-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
.lg-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
.lg-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
.lg-accent-slate-50 { accent-color: var(--quanta-slate-50); }
.lg-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
.lg-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
.lg-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
.lg-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
.lg-accent-slate-100 { accent-color: var(--quanta-slate-100); }
.lg-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
.lg-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
.lg-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
.lg-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
.lg-accent-slate-200 { accent-color: var(--quanta-slate-200); }
.lg-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
.lg-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
.lg-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
.lg-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
.lg-accent-slate-300 { accent-color: var(--quanta-slate-300); }
.lg-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
.lg-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
.lg-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
.lg-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
.lg-accent-slate-400 { accent-color: var(--quanta-slate-400); }
.lg-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
.lg-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
.lg-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
.lg-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
.lg-accent-slate-500 { accent-color: var(--quanta-slate-500); }
.lg-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
.lg-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
.lg-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
.lg-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
.lg-accent-slate-600 { accent-color: var(--quanta-slate-600); }
.lg-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
.lg-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
.lg-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
.lg-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
.lg-accent-slate-700 { accent-color: var(--quanta-slate-700); }
.lg-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
.lg-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
.lg-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
.lg-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
.lg-accent-slate-800 { accent-color: var(--quanta-slate-800); }
.lg-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
.lg-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
.lg-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
.lg-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
.lg-accent-slate-900 { accent-color: var(--quanta-slate-900); }
.lg-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
.lg-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
.lg-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
.lg-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
.lg-accent-blue-50 { accent-color: var(--quanta-blue-50); }
.lg-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
.lg-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
.lg-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
.lg-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
.lg-accent-blue-100 { accent-color: var(--quanta-blue-100); }
.lg-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
.lg-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
.lg-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
.lg-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
.lg-accent-blue-200 { accent-color: var(--quanta-blue-200); }
.lg-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
.lg-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
.lg-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
.lg-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
.lg-accent-blue-300 { accent-color: var(--quanta-blue-300); }
.lg-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
.lg-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
.lg-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
.lg-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
.lg-accent-blue-400 { accent-color: var(--quanta-blue-400); }
.lg-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
.lg-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
.lg-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
.lg-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
.lg-accent-blue-500 { accent-color: var(--quanta-blue-500); }
.lg-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
.lg-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
.lg-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
.lg-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
.lg-accent-blue-600 { accent-color: var(--quanta-blue-600); }
.lg-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
.lg-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
.lg-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
.lg-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
.lg-accent-blue-700 { accent-color: var(--quanta-blue-700); }
.lg-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
.lg-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
.lg-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
.lg-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
.lg-accent-blue-800 { accent-color: var(--quanta-blue-800); }
.lg-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
.lg-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
.lg-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
.lg-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
.lg-accent-blue-900 { accent-color: var(--quanta-blue-900); }
.lg-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
.lg-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
.lg-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
.lg-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
.lg-accent-green-50 { accent-color: var(--quanta-green-50); }
.lg-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
.lg-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
.lg-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
.lg-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
.lg-accent-green-100 { accent-color: var(--quanta-green-100); }
.lg-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
.lg-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
.lg-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
.lg-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
.lg-accent-green-200 { accent-color: var(--quanta-green-200); }
.lg-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
.lg-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
.lg-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
.lg-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
.lg-accent-green-300 { accent-color: var(--quanta-green-300); }
.lg-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
.lg-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
.lg-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
.lg-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
.lg-accent-green-400 { accent-color: var(--quanta-green-400); }
.lg-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
.lg-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
.lg-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
.lg-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
.lg-accent-green-500 { accent-color: var(--quanta-green-500); }
.lg-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
.lg-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
.lg-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
.lg-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
.lg-accent-green-600 { accent-color: var(--quanta-green-600); }
.lg-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
.lg-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
.lg-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
.lg-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
.lg-accent-green-700 { accent-color: var(--quanta-green-700); }
.lg-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
.lg-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
.lg-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
.lg-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
.lg-accent-green-800 { accent-color: var(--quanta-green-800); }
.lg-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
.lg-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
.lg-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
.lg-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
.lg-accent-green-900 { accent-color: var(--quanta-green-900); }
.lg-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
.lg-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
.lg-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
.lg-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
.lg-appearance-none { appearance: none; }
.lg-hover-appearance-none:hover { appearance: none; }
.lg-focus-appearance-none:focus { appearance: none; }
.lg-active-appearance-none:active { appearance: none; }
.lg-disabled-appearance-none:disabled { appearance: none; }
.lg-appearance-auto { appearance: auto; }
.lg-hover-appearance-auto:hover { appearance: auto; }
.lg-focus-appearance-auto:focus { appearance: auto; }
.lg-active-appearance-auto:active { appearance: auto; }
.lg-disabled-appearance-auto:disabled { appearance: auto; }
.lg-caret-red-50 { caret-color: var(--quanta-red-50); }
.lg-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
.lg-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
.lg-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
.lg-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
.lg-caret-red-100 { caret-color: var(--quanta-red-100); }
.lg-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
.lg-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
.lg-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
.lg-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
.lg-caret-red-200 { caret-color: var(--quanta-red-200); }
.lg-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
.lg-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
.lg-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
.lg-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
.lg-caret-red-300 { caret-color: var(--quanta-red-300); }
.lg-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
.lg-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
.lg-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
.lg-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
.lg-caret-red-400 { caret-color: var(--quanta-red-400); }
.lg-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
.lg-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
.lg-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
.lg-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
.lg-caret-red-500 { caret-color: var(--quanta-red-500); }
.lg-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
.lg-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
.lg-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
.lg-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
.lg-caret-red-600 { caret-color: var(--quanta-red-600); }
.lg-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
.lg-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
.lg-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
.lg-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
.lg-caret-red-700 { caret-color: var(--quanta-red-700); }
.lg-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
.lg-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
.lg-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
.lg-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
.lg-caret-red-800 { caret-color: var(--quanta-red-800); }
.lg-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
.lg-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
.lg-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
.lg-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
.lg-caret-red-900 { caret-color: var(--quanta-red-900); }
.lg-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
.lg-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
.lg-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
.lg-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
.lg-caret-orange-50 { caret-color: var(--quanta-orange-50); }
.lg-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
.lg-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
.lg-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
.lg-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
.lg-caret-orange-100 { caret-color: var(--quanta-orange-100); }
.lg-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
.lg-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
.lg-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
.lg-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
.lg-caret-orange-200 { caret-color: var(--quanta-orange-200); }
.lg-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
.lg-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
.lg-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
.lg-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
.lg-caret-orange-300 { caret-color: var(--quanta-orange-300); }
.lg-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
.lg-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
.lg-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
.lg-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
.lg-caret-orange-400 { caret-color: var(--quanta-orange-400); }
.lg-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
.lg-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
.lg-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
.lg-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
.lg-caret-orange-500 { caret-color: var(--quanta-orange-500); }
.lg-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
.lg-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
.lg-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
.lg-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
.lg-caret-orange-600 { caret-color: var(--quanta-orange-600); }
.lg-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
.lg-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
.lg-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
.lg-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
.lg-caret-orange-700 { caret-color: var(--quanta-orange-700); }
.lg-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
.lg-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
.lg-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
.lg-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
.lg-caret-orange-800 { caret-color: var(--quanta-orange-800); }
.lg-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
.lg-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
.lg-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
.lg-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
.lg-caret-orange-900 { caret-color: var(--quanta-orange-900); }
.lg-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
.lg-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
.lg-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
.lg-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
.lg-caret-teal-50 { caret-color: var(--quanta-teal-50); }
.lg-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
.lg-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
.lg-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
.lg-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
.lg-caret-teal-100 { caret-color: var(--quanta-teal-100); }
.lg-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
.lg-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
.lg-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
.lg-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
.lg-caret-teal-200 { caret-color: var(--quanta-teal-200); }
.lg-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
.lg-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
.lg-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
.lg-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
.lg-caret-teal-300 { caret-color: var(--quanta-teal-300); }
.lg-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
.lg-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
.lg-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
.lg-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
.lg-caret-teal-400 { caret-color: var(--quanta-teal-400); }
.lg-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
.lg-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
.lg-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
.lg-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
.lg-caret-teal-500 { caret-color: var(--quanta-teal-500); }
.lg-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
.lg-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
.lg-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
.lg-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
.lg-caret-teal-600 { caret-color: var(--quanta-teal-600); }
.lg-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
.lg-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
.lg-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
.lg-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
.lg-caret-teal-700 { caret-color: var(--quanta-teal-700); }
.lg-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
.lg-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
.lg-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
.lg-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
.lg-caret-teal-800 { caret-color: var(--quanta-teal-800); }
.lg-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
.lg-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
.lg-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
.lg-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
.lg-caret-teal-900 { caret-color: var(--quanta-teal-900); }
.lg-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
.lg-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
.lg-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
.lg-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
.lg-caret-purple-50 { caret-color: var(--quanta-purple-50); }
.lg-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
.lg-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
.lg-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
.lg-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
.lg-caret-purple-100 { caret-color: var(--quanta-purple-100); }
.lg-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
.lg-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
.lg-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
.lg-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
.lg-caret-purple-200 { caret-color: var(--quanta-purple-200); }
.lg-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
.lg-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
.lg-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
.lg-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
.lg-caret-purple-300 { caret-color: var(--quanta-purple-300); }
.lg-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
.lg-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
.lg-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
.lg-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
.lg-caret-purple-400 { caret-color: var(--quanta-purple-400); }
.lg-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
.lg-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
.lg-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
.lg-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
.lg-caret-purple-500 { caret-color: var(--quanta-purple-500); }
.lg-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
.lg-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
.lg-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
.lg-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
.lg-caret-purple-600 { caret-color: var(--quanta-purple-600); }
.lg-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
.lg-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
.lg-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
.lg-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
.lg-caret-purple-700 { caret-color: var(--quanta-purple-700); }
.lg-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
.lg-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
.lg-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
.lg-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
.lg-caret-purple-800 { caret-color: var(--quanta-purple-800); }
.lg-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
.lg-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
.lg-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
.lg-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
.lg-caret-purple-900 { caret-color: var(--quanta-purple-900); }
.lg-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
.lg-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
.lg-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
.lg-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
.lg-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.lg-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
.lg-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
.lg-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
.lg-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
.lg-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.lg-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
.lg-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
.lg-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
.lg-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
.lg-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.lg-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
.lg-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
.lg-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
.lg-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
.lg-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.lg-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
.lg-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
.lg-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
.lg-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
.lg-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.lg-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
.lg-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
.lg-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
.lg-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
.lg-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.lg-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
.lg-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
.lg-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
.lg-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
.lg-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.lg-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
.lg-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
.lg-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
.lg-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
.lg-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.lg-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
.lg-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
.lg-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
.lg-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
.lg-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.lg-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
.lg-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
.lg-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
.lg-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
.lg-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.lg-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
.lg-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
.lg-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
.lg-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
.lg-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.lg-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
.lg-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
.lg-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
.lg-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
.lg-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.lg-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
.lg-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
.lg-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
.lg-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
.lg-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.lg-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
.lg-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
.lg-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
.lg-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
.lg-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.lg-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
.lg-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
.lg-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
.lg-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
.lg-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.lg-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
.lg-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
.lg-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
.lg-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
.lg-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.lg-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
.lg-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
.lg-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
.lg-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
.lg-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.lg-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
.lg-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
.lg-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
.lg-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
.lg-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.lg-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
.lg-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
.lg-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
.lg-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
.lg-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.lg-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
.lg-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
.lg-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
.lg-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
.lg-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.lg-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
.lg-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
.lg-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
.lg-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
.lg-caret-pink-50 { caret-color: var(--quanta-pink-50); }
.lg-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
.lg-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
.lg-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
.lg-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
.lg-caret-pink-100 { caret-color: var(--quanta-pink-100); }
.lg-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
.lg-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
.lg-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
.lg-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
.lg-caret-pink-200 { caret-color: var(--quanta-pink-200); }
.lg-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
.lg-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
.lg-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
.lg-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
.lg-caret-pink-300 { caret-color: var(--quanta-pink-300); }
.lg-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
.lg-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
.lg-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
.lg-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
.lg-caret-pink-400 { caret-color: var(--quanta-pink-400); }
.lg-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
.lg-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
.lg-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
.lg-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
.lg-caret-pink-500 { caret-color: var(--quanta-pink-500); }
.lg-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
.lg-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
.lg-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
.lg-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
.lg-caret-pink-600 { caret-color: var(--quanta-pink-600); }
.lg-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
.lg-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
.lg-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
.lg-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
.lg-caret-pink-700 { caret-color: var(--quanta-pink-700); }
.lg-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
.lg-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
.lg-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
.lg-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
.lg-caret-pink-800 { caret-color: var(--quanta-pink-800); }
.lg-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
.lg-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
.lg-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
.lg-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
.lg-caret-pink-900 { caret-color: var(--quanta-pink-900); }
.lg-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
.lg-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
.lg-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
.lg-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
.lg-caret-grey-50 { caret-color: var(--quanta-grey-50); }
.lg-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
.lg-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
.lg-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
.lg-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
.lg-caret-grey-100 { caret-color: var(--quanta-grey-100); }
.lg-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
.lg-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
.lg-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
.lg-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
.lg-caret-grey-200 { caret-color: var(--quanta-grey-200); }
.lg-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
.lg-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
.lg-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
.lg-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
.lg-caret-grey-300 { caret-color: var(--quanta-grey-300); }
.lg-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
.lg-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
.lg-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
.lg-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
.lg-caret-grey-400 { caret-color: var(--quanta-grey-400); }
.lg-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
.lg-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
.lg-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
.lg-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
.lg-caret-grey-500 { caret-color: var(--quanta-grey-500); }
.lg-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
.lg-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
.lg-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
.lg-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
.lg-caret-grey-600 { caret-color: var(--quanta-grey-600); }
.lg-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
.lg-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
.lg-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
.lg-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
.lg-caret-grey-700 { caret-color: var(--quanta-grey-700); }
.lg-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
.lg-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
.lg-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
.lg-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
.lg-caret-grey-800 { caret-color: var(--quanta-grey-800); }
.lg-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
.lg-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
.lg-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
.lg-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
.lg-caret-grey-900 { caret-color: var(--quanta-grey-900); }
.lg-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
.lg-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
.lg-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
.lg-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
.lg-caret-lime-50 { caret-color: var(--quanta-lime-50); }
.lg-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
.lg-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
.lg-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
.lg-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
.lg-caret-lime-100 { caret-color: var(--quanta-lime-100); }
.lg-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
.lg-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
.lg-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
.lg-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
.lg-caret-lime-200 { caret-color: var(--quanta-lime-200); }
.lg-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
.lg-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
.lg-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
.lg-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
.lg-caret-lime-300 { caret-color: var(--quanta-lime-300); }
.lg-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
.lg-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
.lg-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
.lg-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
.lg-caret-lime-400 { caret-color: var(--quanta-lime-400); }
.lg-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
.lg-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
.lg-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
.lg-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
.lg-caret-lime-500 { caret-color: var(--quanta-lime-500); }
.lg-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
.lg-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
.lg-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
.lg-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
.lg-caret-lime-600 { caret-color: var(--quanta-lime-600); }
.lg-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
.lg-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
.lg-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
.lg-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
.lg-caret-lime-700 { caret-color: var(--quanta-lime-700); }
.lg-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
.lg-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
.lg-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
.lg-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
.lg-caret-lime-800 { caret-color: var(--quanta-lime-800); }
.lg-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
.lg-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
.lg-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
.lg-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
.lg-caret-lime-900 { caret-color: var(--quanta-lime-900); }
.lg-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
.lg-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
.lg-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
.lg-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
.lg-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.lg-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
.lg-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
.lg-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
.lg-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
.lg-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.lg-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
.lg-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
.lg-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
.lg-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
.lg-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.lg-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
.lg-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
.lg-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
.lg-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
.lg-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.lg-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
.lg-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
.lg-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
.lg-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
.lg-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.lg-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
.lg-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
.lg-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
.lg-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
.lg-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.lg-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
.lg-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
.lg-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
.lg-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
.lg-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.lg-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
.lg-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
.lg-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
.lg-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
.lg-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.lg-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
.lg-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
.lg-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
.lg-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
.lg-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.lg-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
.lg-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
.lg-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
.lg-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
.lg-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.lg-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
.lg-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
.lg-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
.lg-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
.lg-caret-sky-50 { caret-color: var(--quanta-sky-50); }
.lg-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
.lg-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
.lg-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
.lg-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
.lg-caret-sky-100 { caret-color: var(--quanta-sky-100); }
.lg-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
.lg-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
.lg-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
.lg-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
.lg-caret-sky-200 { caret-color: var(--quanta-sky-200); }
.lg-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
.lg-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
.lg-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
.lg-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
.lg-caret-sky-300 { caret-color: var(--quanta-sky-300); }
.lg-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
.lg-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
.lg-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
.lg-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
.lg-caret-sky-400 { caret-color: var(--quanta-sky-400); }
.lg-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
.lg-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
.lg-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
.lg-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
.lg-caret-sky-500 { caret-color: var(--quanta-sky-500); }
.lg-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
.lg-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
.lg-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
.lg-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
.lg-caret-sky-600 { caret-color: var(--quanta-sky-600); }
.lg-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
.lg-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
.lg-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
.lg-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
.lg-caret-sky-700 { caret-color: var(--quanta-sky-700); }
.lg-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
.lg-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
.lg-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
.lg-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
.lg-caret-sky-800 { caret-color: var(--quanta-sky-800); }
.lg-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
.lg-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
.lg-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
.lg-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
.lg-caret-sky-900 { caret-color: var(--quanta-sky-900); }
.lg-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
.lg-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
.lg-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
.lg-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
.lg-caret-violet-50 { caret-color: var(--quanta-violet-50); }
.lg-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
.lg-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
.lg-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
.lg-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
.lg-caret-violet-100 { caret-color: var(--quanta-violet-100); }
.lg-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
.lg-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
.lg-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
.lg-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
.lg-caret-violet-200 { caret-color: var(--quanta-violet-200); }
.lg-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
.lg-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
.lg-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
.lg-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
.lg-caret-violet-300 { caret-color: var(--quanta-violet-300); }
.lg-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
.lg-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
.lg-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
.lg-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
.lg-caret-violet-400 { caret-color: var(--quanta-violet-400); }
.lg-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
.lg-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
.lg-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
.lg-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
.lg-caret-violet-500 { caret-color: var(--quanta-violet-500); }
.lg-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
.lg-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
.lg-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
.lg-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
.lg-caret-violet-600 { caret-color: var(--quanta-violet-600); }
.lg-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
.lg-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
.lg-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
.lg-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
.lg-caret-violet-700 { caret-color: var(--quanta-violet-700); }
.lg-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
.lg-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
.lg-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
.lg-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
.lg-caret-violet-800 { caret-color: var(--quanta-violet-800); }
.lg-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
.lg-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
.lg-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
.lg-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
.lg-caret-violet-900 { caret-color: var(--quanta-violet-900); }
.lg-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
.lg-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
.lg-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
.lg-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
.lg-caret-rose-50 { caret-color: var(--quanta-rose-50); }
.lg-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
.lg-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
.lg-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
.lg-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
.lg-caret-rose-100 { caret-color: var(--quanta-rose-100); }
.lg-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
.lg-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
.lg-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
.lg-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
.lg-caret-rose-200 { caret-color: var(--quanta-rose-200); }
.lg-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
.lg-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
.lg-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
.lg-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
.lg-caret-rose-300 { caret-color: var(--quanta-rose-300); }
.lg-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
.lg-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
.lg-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
.lg-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
.lg-caret-rose-400 { caret-color: var(--quanta-rose-400); }
.lg-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
.lg-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
.lg-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
.lg-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
.lg-caret-rose-500 { caret-color: var(--quanta-rose-500); }
.lg-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
.lg-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
.lg-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
.lg-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
.lg-caret-rose-600 { caret-color: var(--quanta-rose-600); }
.lg-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
.lg-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
.lg-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
.lg-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
.lg-caret-rose-700 { caret-color: var(--quanta-rose-700); }
.lg-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
.lg-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
.lg-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
.lg-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
.lg-caret-rose-800 { caret-color: var(--quanta-rose-800); }
.lg-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
.lg-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
.lg-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
.lg-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
.lg-caret-rose-900 { caret-color: var(--quanta-rose-900); }
.lg-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
.lg-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
.lg-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
.lg-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
.lg-caret-slate-50 { caret-color: var(--quanta-slate-50); }
.lg-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
.lg-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
.lg-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
.lg-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
.lg-caret-slate-100 { caret-color: var(--quanta-slate-100); }
.lg-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
.lg-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
.lg-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
.lg-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
.lg-caret-slate-200 { caret-color: var(--quanta-slate-200); }
.lg-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
.lg-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
.lg-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
.lg-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
.lg-caret-slate-300 { caret-color: var(--quanta-slate-300); }
.lg-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
.lg-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
.lg-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
.lg-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
.lg-caret-slate-400 { caret-color: var(--quanta-slate-400); }
.lg-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
.lg-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
.lg-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
.lg-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
.lg-caret-slate-500 { caret-color: var(--quanta-slate-500); }
.lg-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
.lg-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
.lg-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
.lg-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
.lg-caret-slate-600 { caret-color: var(--quanta-slate-600); }
.lg-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
.lg-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
.lg-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
.lg-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
.lg-caret-slate-700 { caret-color: var(--quanta-slate-700); }
.lg-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
.lg-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
.lg-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
.lg-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
.lg-caret-slate-800 { caret-color: var(--quanta-slate-800); }
.lg-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
.lg-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
.lg-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
.lg-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
.lg-caret-slate-900 { caret-color: var(--quanta-slate-900); }
.lg-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
.lg-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
.lg-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
.lg-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
.lg-caret-blue-50 { caret-color: var(--quanta-blue-50); }
.lg-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
.lg-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
.lg-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
.lg-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
.lg-caret-blue-100 { caret-color: var(--quanta-blue-100); }
.lg-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
.lg-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
.lg-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
.lg-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
.lg-caret-blue-200 { caret-color: var(--quanta-blue-200); }
.lg-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
.lg-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
.lg-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
.lg-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
.lg-caret-blue-300 { caret-color: var(--quanta-blue-300); }
.lg-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
.lg-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
.lg-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
.lg-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
.lg-caret-blue-400 { caret-color: var(--quanta-blue-400); }
.lg-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
.lg-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
.lg-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
.lg-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
.lg-caret-blue-500 { caret-color: var(--quanta-blue-500); }
.lg-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
.lg-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
.lg-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
.lg-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
.lg-caret-blue-600 { caret-color: var(--quanta-blue-600); }
.lg-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
.lg-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
.lg-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
.lg-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
.lg-caret-blue-700 { caret-color: var(--quanta-blue-700); }
.lg-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
.lg-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
.lg-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
.lg-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
.lg-caret-blue-800 { caret-color: var(--quanta-blue-800); }
.lg-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
.lg-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
.lg-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
.lg-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
.lg-caret-blue-900 { caret-color: var(--quanta-blue-900); }
.lg-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
.lg-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
.lg-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
.lg-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
.lg-caret-green-50 { caret-color: var(--quanta-green-50); }
.lg-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
.lg-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
.lg-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
.lg-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
.lg-caret-green-100 { caret-color: var(--quanta-green-100); }
.lg-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
.lg-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
.lg-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
.lg-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
.lg-caret-green-200 { caret-color: var(--quanta-green-200); }
.lg-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
.lg-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
.lg-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
.lg-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
.lg-caret-green-300 { caret-color: var(--quanta-green-300); }
.lg-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
.lg-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
.lg-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
.lg-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
.lg-caret-green-400 { caret-color: var(--quanta-green-400); }
.lg-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
.lg-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
.lg-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
.lg-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
.lg-caret-green-500 { caret-color: var(--quanta-green-500); }
.lg-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
.lg-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
.lg-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
.lg-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
.lg-caret-green-600 { caret-color: var(--quanta-green-600); }
.lg-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
.lg-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
.lg-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
.lg-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
.lg-caret-green-700 { caret-color: var(--quanta-green-700); }
.lg-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
.lg-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
.lg-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
.lg-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
.lg-caret-green-800 { caret-color: var(--quanta-green-800); }
.lg-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
.lg-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
.lg-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
.lg-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
.lg-caret-green-900 { caret-color: var(--quanta-green-900); }
.lg-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
.lg-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
.lg-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
.lg-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
.lg-caret-black { caret-color: var(--black); }
.lg-hover-caret-black:hover { caret-color: var(--black); }
.lg-focus-caret-black:focus { caret-color: var(--black); }
.lg-active-caret-black:active { caret-color: var(--black); }
.lg-disabled-caret-black:disabled { caret-color: var(--black); }
.lg-caret-white { caret-color: var(--white); }
.lg-hover-caret-white:hover { caret-color: var(--white); }
.lg-focus-caret-white:focus { caret-color: var(--white); }
.lg-active-caret-white:active { caret-color: var(--white); }
.lg-disabled-caret-white:disabled { caret-color: var(--white); }
.lg-color-scheme-light { color-scheme: light; }
.lg-hover-color-scheme-light:hover { color-scheme: light; }
.lg-focus-color-scheme-light:focus { color-scheme: light; }
.lg-active-color-scheme-light:active { color-scheme: light; }
.lg-disabled-color-scheme-light:disabled { color-scheme: light; }
.lg-color-scheme-dark { color-scheme: dark; }
.lg-hover-color-scheme-dark:hover { color-scheme: dark; }
.lg-focus-color-scheme-dark:focus { color-scheme: dark; }
.lg-active-color-scheme-dark:active { color-scheme: dark; }
.lg-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.lg-color-scheme-normal { color-scheme: normal; }
.lg-hover-color-scheme-normal:hover { color-scheme: normal; }
.lg-focus-color-scheme-normal:focus { color-scheme: normal; }
.lg-active-color-scheme-normal:active { color-scheme: normal; }
.lg-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.lg-cursor-auto { cursor: auto; }
.lg-hover-cursor-auto:hover { cursor: auto; }
.lg-focus-cursor-auto:focus { cursor: auto; }
.lg-active-cursor-auto:active { cursor: auto; }
.lg-disabled-cursor-auto:disabled { cursor: auto; }
.lg-cursor-default { cursor: default; }
.lg-hover-cursor-default:hover { cursor: default; }
.lg-focus-cursor-default:focus { cursor: default; }
.lg-active-cursor-default:active { cursor: default; }
.lg-disabled-cursor-default:disabled { cursor: default; }
.lg-cursor-pointer { cursor: pointer; }
.lg-hover-cursor-pointer:hover { cursor: pointer; }
.lg-focus-cursor-pointer:focus { cursor: pointer; }
.lg-active-cursor-pointer:active { cursor: pointer; }
.lg-disabled-cursor-pointer:disabled { cursor: pointer; }
.lg-cursor-wait { cursor: wait; }
.lg-hover-cursor-wait:hover { cursor: wait; }
.lg-focus-cursor-wait:focus { cursor: wait; }
.lg-active-cursor-wait:active { cursor: wait; }
.lg-disabled-cursor-wait:disabled { cursor: wait; }
.lg-cursor-text { cursor: text; }
.lg-hover-cursor-text:hover { cursor: text; }
.lg-focus-cursor-text:focus { cursor: text; }
.lg-active-cursor-text:active { cursor: text; }
.lg-disabled-cursor-text:disabled { cursor: text; }
.lg-cursor-move { cursor: move; }
.lg-hover-cursor-move:hover { cursor: move; }
.lg-focus-cursor-move:focus { cursor: move; }
.lg-active-cursor-move:active { cursor: move; }
.lg-disabled-cursor-move:disabled { cursor: move; }
.lg-cursor-not-allowed { cursor: not-allowed; }
.lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.lg-active-cursor-not-allowed:active { cursor: not-allowed; }
.lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.lg-cursor-none { cursor: none; }
.lg-hover-cursor-none:hover { cursor: none; }
.lg-focus-cursor-none:focus { cursor: none; }
.lg-active-cursor-none:active { cursor: none; }
.lg-disabled-cursor-none:disabled { cursor: none; }
.lg-pointer-events-none { pointer-events: none; }
.lg-hover-pointer-events-none:hover { pointer-events: none; }
.lg-focus-pointer-events-none:focus { pointer-events: none; }
.lg-active-pointer-events-none:active { pointer-events: none; }
.lg-disabled-pointer-events-none:disabled { pointer-events: none; }
.lg-pointer-events-auto { pointer-events: auto; }
.lg-hover-pointer-events-auto:hover { pointer-events: auto; }
.lg-focus-pointer-events-auto:focus { pointer-events: auto; }
.lg-active-pointer-events-auto:active { pointer-events: auto; }
.lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.lg-resize-none { resize: none; }
.lg-hover-resize-none:hover { resize: none; }
.lg-focus-resize-none:focus { resize: none; }
.lg-active-resize-none:active { resize: none; }
.lg-disabled-resize-none:disabled { resize: none; }
.lg-resize-x { resize: horizontal; }
.lg-hover-resize-x:hover { resize: horizontal; }
.lg-focus-resize-x:focus { resize: horizontal; }
.lg-active-resize-x:active { resize: horizontal; }
.lg-disabled-resize-x:disabled { resize: horizontal; }
.lg-resize-y { resize: vertical; }
.lg-hover-resize-y:hover { resize: vertical; }
.lg-focus-resize-y:focus { resize: vertical; }
.lg-active-resize-y:active { resize: vertical; }
.lg-disabled-resize-y:disabled { resize: vertical; }
.lg-resize { resize: both; }
.lg-hover-resize:hover { resize: both; }
.lg-focus-resize:focus { resize: both; }
.lg-active-resize:active { resize: both; }
.lg-disabled-resize:disabled { resize: both; }
.lg-scroll-auto { scroll-behavior: auto; }
.lg-hover-scroll-auto:hover { scroll-behavior: auto; }
.lg-focus-scroll-auto:focus { scroll-behavior: auto; }
.lg-active-scroll-auto:active { scroll-behavior: auto; }
.lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.lg-scroll-smooth { scroll-behavior: smooth; }
.lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.lg-active-scroll-smooth:active { scroll-behavior: smooth; }
.lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.lg-scroll-m-0 { scroll-margin: 0rem; }
.lg-hover-scroll-m-0:hover { scroll-margin: 0rem; }
.lg-focus-scroll-m-0:focus { scroll-margin: 0rem; }
.lg-active-scroll-m-0:active { scroll-margin: 0rem; }
.lg-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
.lg-scroll-p-0 { scroll-padding: 0rem; }
.lg-hover-scroll-p-0:hover { scroll-padding: 0rem; }
.lg-focus-scroll-p-0:focus { scroll-padding: 0rem; }
.lg-active-scroll-p-0:active { scroll-padding: 0rem; }
.lg-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
.lg-scroll-m-0_125 { scroll-margin: 0.125rem; }
.lg-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
.lg-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
.lg-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
.lg-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
.lg-scroll-p-0_125 { scroll-padding: 0.125rem; }
.lg-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
.lg-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
.lg-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
.lg-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
.lg-scroll-m-0_25 { scroll-margin: 0.25rem; }
.lg-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
.lg-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
.lg-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
.lg-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
.lg-scroll-p-0_25 { scroll-padding: 0.25rem; }
.lg-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
.lg-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
.lg-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
.lg-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
.lg-scroll-m-0_5 { scroll-margin: 0.5rem; }
.lg-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
.lg-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
.lg-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
.lg-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
.lg-scroll-p-0_5 { scroll-padding: 0.5rem; }
.lg-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
.lg-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
.lg-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
.lg-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
.lg-scroll-m-0_75 { scroll-margin: 0.75rem; }
.lg-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
.lg-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
.lg-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
.lg-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
.lg-scroll-p-0_75 { scroll-padding: 0.75rem; }
.lg-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
.lg-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
.lg-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
.lg-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
.lg-scroll-m-1 { scroll-margin: 1rem; }
.lg-hover-scroll-m-1:hover { scroll-margin: 1rem; }
.lg-focus-scroll-m-1:focus { scroll-margin: 1rem; }
.lg-active-scroll-m-1:active { scroll-margin: 1rem; }
.lg-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
.lg-scroll-p-1 { scroll-padding: 1rem; }
.lg-hover-scroll-p-1:hover { scroll-padding: 1rem; }
.lg-focus-scroll-p-1:focus { scroll-padding: 1rem; }
.lg-active-scroll-p-1:active { scroll-padding: 1rem; }
.lg-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
.lg-scroll-m-1_5 { scroll-margin: 1.5rem; }
.lg-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
.lg-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
.lg-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
.lg-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
.lg-scroll-p-1_5 { scroll-padding: 1.5rem; }
.lg-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
.lg-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
.lg-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
.lg-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
.lg-scroll-m-2 { scroll-margin: 2rem; }
.lg-hover-scroll-m-2:hover { scroll-margin: 2rem; }
.lg-focus-scroll-m-2:focus { scroll-margin: 2rem; }
.lg-active-scroll-m-2:active { scroll-margin: 2rem; }
.lg-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
.lg-scroll-p-2 { scroll-padding: 2rem; }
.lg-hover-scroll-p-2:hover { scroll-padding: 2rem; }
.lg-focus-scroll-p-2:focus { scroll-padding: 2rem; }
.lg-active-scroll-p-2:active { scroll-padding: 2rem; }
.lg-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
.lg-scroll-m-3 { scroll-margin: 3rem; }
.lg-hover-scroll-m-3:hover { scroll-margin: 3rem; }
.lg-focus-scroll-m-3:focus { scroll-margin: 3rem; }
.lg-active-scroll-m-3:active { scroll-margin: 3rem; }
.lg-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
.lg-scroll-p-3 { scroll-padding: 3rem; }
.lg-hover-scroll-p-3:hover { scroll-padding: 3rem; }
.lg-focus-scroll-p-3:focus { scroll-padding: 3rem; }
.lg-active-scroll-p-3:active { scroll-padding: 3rem; }
.lg-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
.lg-scroll-m-4 { scroll-margin: 4rem; }
.lg-hover-scroll-m-4:hover { scroll-margin: 4rem; }
.lg-focus-scroll-m-4:focus { scroll-margin: 4rem; }
.lg-active-scroll-m-4:active { scroll-margin: 4rem; }
.lg-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
.lg-scroll-p-4 { scroll-padding: 4rem; }
.lg-hover-scroll-p-4:hover { scroll-padding: 4rem; }
.lg-focus-scroll-p-4:focus { scroll-padding: 4rem; }
.lg-active-scroll-p-4:active { scroll-padding: 4rem; }
.lg-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
.lg-snap-x { scroll-snap-type: x mandatory; }
.lg-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.lg-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.lg-active-snap-x:active { scroll-snap-type: x mandatory; }
.lg-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.lg-snap-y { scroll-snap-type: y mandatory; }
.lg-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.lg-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.lg-active-snap-y:active { scroll-snap-type: y mandatory; }
.lg-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.lg-snap-both { scroll-snap-type: both mandatory; }
.lg-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.lg-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.lg-active-snap-both:active { scroll-snap-type: both mandatory; }
.lg-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.lg-snap-align-start { scroll-snap-align: start; }
.lg-hover-snap-align-start:hover { scroll-snap-align: start; }
.lg-focus-snap-align-start:focus { scroll-snap-align: start; }
.lg-active-snap-align-start:active { scroll-snap-align: start; }
.lg-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.lg-snap-align-end { scroll-snap-align: end; }
.lg-hover-snap-align-end:hover { scroll-snap-align: end; }
.lg-focus-snap-align-end:focus { scroll-snap-align: end; }
.lg-active-snap-align-end:active { scroll-snap-align: end; }
.lg-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.lg-snap-align-center { scroll-snap-align: center; }
.lg-hover-snap-align-center:hover { scroll-snap-align: center; }
.lg-focus-snap-align-center:focus { scroll-snap-align: center; }
.lg-active-snap-align-center:active { scroll-snap-align: center; }
.lg-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.lg-snap-align-none { scroll-snap-align: none; }
.lg-hover-snap-align-none:hover { scroll-snap-align: none; }
.lg-focus-snap-align-none:focus { scroll-snap-align: none; }
.lg-active-snap-align-none:active { scroll-snap-align: none; }
.lg-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.lg-snap-stop-normal { scroll-snap-stop: normal; }
.lg-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.lg-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.lg-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.lg-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.lg-snap-stop-always { scroll-snap-stop: always; }
.lg-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.lg-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.lg-active-snap-stop-always:active { scroll-snap-stop: always; }
.lg-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.lg-touch-auto { touch-action: auto; }
.lg-hover-touch-auto:hover { touch-action: auto; }
.lg-focus-touch-auto:focus { touch-action: auto; }
.lg-active-touch-auto:active { touch-action: auto; }
.lg-disabled-touch-auto:disabled { touch-action: auto; }
.lg-touch-none { touch-action: none; }
.lg-hover-touch-none:hover { touch-action: none; }
.lg-focus-touch-none:focus { touch-action: none; }
.lg-active-touch-none:active { touch-action: none; }
.lg-disabled-touch-none:disabled { touch-action: none; }
.lg-touch-pan_x { touch-action: pan-x; }
.lg-hover-touch-pan_x:hover { touch-action: pan-x; }
.lg-focus-touch-pan_x:focus { touch-action: pan-x; }
.lg-active-touch-pan_x:active { touch-action: pan-x; }
.lg-disabled-touch-pan_x:disabled { touch-action: pan-x; }
.lg-touch-pan_y { touch-action: pan-y; }
.lg-hover-touch-pan_y:hover { touch-action: pan-y; }
.lg-focus-touch-pan_y:focus { touch-action: pan-y; }
.lg-active-touch-pan_y:active { touch-action: pan-y; }
.lg-disabled-touch-pan_y:disabled { touch-action: pan-y; }
.lg-touch-manipulation { touch-action: manipulation; }
.lg-hover-touch-manipulation:hover { touch-action: manipulation; }
.lg-focus-touch-manipulation:focus { touch-action: manipulation; }
.lg-active-touch-manipulation:active { touch-action: manipulation; }
.lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.lg-select-auto { user-select: auto; }
.lg-hover-select-auto:hover { user-select: auto; }
.lg-focus-select-auto:focus { user-select: auto; }
.lg-active-select-auto:active { user-select: auto; }
.lg-disabled-select-auto:disabled { user-select: auto; }
.lg-select-none { user-select: none; }
.lg-hover-select-none:hover { user-select: none; }
.lg-focus-select-none:focus { user-select: none; }
.lg-active-select-none:active { user-select: none; }
.lg-disabled-select-none:disabled { user-select: none; }
.lg-select-text { user-select: text; }
.lg-hover-select-text:hover { user-select: text; }
.lg-focus-select-text:focus { user-select: text; }
.lg-active-select-text:active { user-select: text; }
.lg-disabled-select-text:disabled { user-select: text; }
.lg-select-all { user-select: all; }
.lg-hover-select-all:hover { user-select: all; }
.lg-focus-select-all:focus { user-select: all; }
.lg-active-select-all:active { user-select: all; }
.lg-disabled-select-all:disabled { user-select: all; }
.lg-select-contain { user-select: contain; }
.lg-hover-select-contain:hover { user-select: contain; }
.lg-focus-select-contain:focus { user-select: contain; }
.lg-active-select-contain:active { user-select: contain; }
.lg-disabled-select-contain:disabled { user-select: contain; }
.lg-will-change-auto { will-change: auto; }
.lg-hover-will-change-auto:hover { will-change: auto; }
.lg-focus-will-change-auto:focus { will-change: auto; }
.lg-active-will-change-auto:active { will-change: auto; }
.lg-disabled-will-change-auto:disabled { will-change: auto; }
.lg-will-change-scroll { will-change: scroll; }
.lg-hover-will-change-scroll:hover { will-change: scroll; }
.lg-focus-will-change-scroll:focus { will-change: scroll; }
.lg-active-will-change-scroll:active { will-change: scroll; }
.lg-disabled-will-change-scroll:disabled { will-change: scroll; }
.lg-will-change-transform { will-change: transform; }
.lg-hover-will-change-transform:hover { will-change: transform; }
.lg-focus-will-change-transform:focus { will-change: transform; }
.lg-active-will-change-transform:active { will-change: transform; }
.lg-disabled-will-change-transform:disabled { will-change: transform; }
.lg-will-change-opacity { will-change: opacity; }
.lg-hover-will-change-opacity:hover { will-change: opacity; }
.lg-focus-will-change-opacity:focus { will-change: opacity; }
.lg-active-will-change-opacity:active { will-change: opacity; }
.lg-disabled-will-change-opacity:disabled { will-change: opacity; }
.lg-will-change-contents { will-change: contents; }
.lg-hover-will-change-contents:hover { will-change: contents; }
.lg-focus-will-change-contents:focus { will-change: contents; }
.lg-active-will-change-contents:active { will-change: contents; }
.lg-disabled-will-change-contents:disabled { will-change: contents; }
.lg-color-scheme-light { color-scheme: light; }
.lg-hover-color-scheme-light:hover { color-scheme: light; }
.lg-focus-color-scheme-light:focus { color-scheme: light; }
.lg-active-color-scheme-light:active { color-scheme: light; }
.lg-disabled-color-scheme-light:disabled { color-scheme: light; }
.lg-color-scheme-dark { color-scheme: dark; }
.lg-hover-color-scheme-dark:hover { color-scheme: dark; }
.lg-focus-color-scheme-dark:focus { color-scheme: dark; }
.lg-active-color-scheme-dark:active { color-scheme: dark; }
.lg-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.lg-color-scheme-normal { color-scheme: normal; }
.lg-hover-color-scheme-normal:hover { color-scheme: normal; }
.lg-focus-color-scheme-normal:focus { color-scheme: normal; }
.lg-active-color-scheme-normal:active { color-scheme: normal; }
.lg-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.lg-cursor-auto { cursor: auto; }
.lg-hover-cursor-auto:hover { cursor: auto; }
.lg-focus-cursor-auto:focus { cursor: auto; }
.lg-active-cursor-auto:active { cursor: auto; }
.lg-disabled-cursor-auto:disabled { cursor: auto; }
.lg-cursor-default { cursor: default; }
.lg-hover-cursor-default:hover { cursor: default; }
.lg-focus-cursor-default:focus { cursor: default; }
.lg-active-cursor-default:active { cursor: default; }
.lg-disabled-cursor-default:disabled { cursor: default; }
.lg-cursor-pointer { cursor: pointer; }
.lg-hover-cursor-pointer:hover { cursor: pointer; }
.lg-focus-cursor-pointer:focus { cursor: pointer; }
.lg-active-cursor-pointer:active { cursor: pointer; }
.lg-disabled-cursor-pointer:disabled { cursor: pointer; }
.lg-cursor-wait { cursor: wait; }
.lg-hover-cursor-wait:hover { cursor: wait; }
.lg-focus-cursor-wait:focus { cursor: wait; }
.lg-active-cursor-wait:active { cursor: wait; }
.lg-disabled-cursor-wait:disabled { cursor: wait; }
.lg-cursor-text { cursor: text; }
.lg-hover-cursor-text:hover { cursor: text; }
.lg-focus-cursor-text:focus { cursor: text; }
.lg-active-cursor-text:active { cursor: text; }
.lg-disabled-cursor-text:disabled { cursor: text; }
.lg-cursor-move { cursor: move; }
.lg-hover-cursor-move:hover { cursor: move; }
.lg-focus-cursor-move:focus { cursor: move; }
.lg-active-cursor-move:active { cursor: move; }
.lg-disabled-cursor-move:disabled { cursor: move; }
.lg-cursor-not-allowed { cursor: not-allowed; }
.lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.lg-active-cursor-not-allowed:active { cursor: not-allowed; }
.lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.lg-cursor-none { cursor: none; }
.lg-hover-cursor-none:hover { cursor: none; }
.lg-focus-cursor-none:focus { cursor: none; }
.lg-active-cursor-none:active { cursor: none; }
.lg-disabled-cursor-none:disabled { cursor: none; }
.lg-pointer-events-none { pointer-events: none; }
.lg-hover-pointer-events-none:hover { pointer-events: none; }
.lg-focus-pointer-events-none:focus { pointer-events: none; }
.lg-active-pointer-events-none:active { pointer-events: none; }
.lg-disabled-pointer-events-none:disabled { pointer-events: none; }
.lg-pointer-events-auto { pointer-events: auto; }
.lg-hover-pointer-events-auto:hover { pointer-events: auto; }
.lg-focus-pointer-events-auto:focus { pointer-events: auto; }
.lg-active-pointer-events-auto:active { pointer-events: auto; }
.lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.lg-resize-none { resize: none; }
.lg-hover-resize-none:hover { resize: none; }
.lg-focus-resize-none:focus { resize: none; }
.lg-active-resize-none:active { resize: none; }
.lg-disabled-resize-none:disabled { resize: none; }
.lg-resize-x { resize: horizontal; }
.lg-hover-resize-x:hover { resize: horizontal; }
.lg-focus-resize-x:focus { resize: horizontal; }
.lg-active-resize-x:active { resize: horizontal; }
.lg-disabled-resize-x:disabled { resize: horizontal; }
.lg-resize-y { resize: vertical; }
.lg-hover-resize-y:hover { resize: vertical; }
.lg-focus-resize-y:focus { resize: vertical; }
.lg-active-resize-y:active { resize: vertical; }
.lg-disabled-resize-y:disabled { resize: vertical; }
.lg-resize { resize: both; }
.lg-hover-resize:hover { resize: both; }
.lg-focus-resize:focus { resize: both; }
.lg-active-resize:active { resize: both; }
.lg-disabled-resize:disabled { resize: both; }
.lg-scroll-auto { scroll-behavior: auto; }
.lg-hover-scroll-auto:hover { scroll-behavior: auto; }
.lg-focus-scroll-auto:focus { scroll-behavior: auto; }
.lg-active-scroll-auto:active { scroll-behavior: auto; }
.lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.lg-scroll-smooth { scroll-behavior: smooth; }
.lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.lg-active-scroll-smooth:active { scroll-behavior: smooth; }
.lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.lg-scroll-m-0 { scroll-margin: 0; }
.lg-hover-scroll-m-0:hover { scroll-margin: 0; }
.lg-focus-scroll-m-0:focus { scroll-margin: 0; }
.lg-active-scroll-m-0:active { scroll-margin: 0; }
.lg-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.lg-scroll-m-1 { scroll-margin: 0.25rem; }
.lg-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.lg-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.lg-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.lg-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.lg-scroll-m-2 { scroll-margin: 0.5rem; }
.lg-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.lg-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.lg-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.lg-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.lg-scroll-m-4 { scroll-margin: 1rem; }
.lg-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.lg-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.lg-active-scroll-m-4:active { scroll-margin: 1rem; }
.lg-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.lg-scroll-m-8 { scroll-margin: 2rem; }
.lg-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.lg-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.lg-active-scroll-m-8:active { scroll-margin: 2rem; }
.lg-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.lg-scroll-p-0 { scroll-padding: 0; }
.lg-hover-scroll-p-0:hover { scroll-padding: 0; }
.lg-focus-scroll-p-0:focus { scroll-padding: 0; }
.lg-active-scroll-p-0:active { scroll-padding: 0; }
.lg-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.lg-scroll-p-1 { scroll-padding: 0.25rem; }
.lg-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.lg-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.lg-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.lg-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.lg-scroll-p-2 { scroll-padding: 0.5rem; }
.lg-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.lg-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.lg-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.lg-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.lg-scroll-p-4 { scroll-padding: 1rem; }
.lg-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.lg-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.lg-active-scroll-p-4:active { scroll-padding: 1rem; }
.lg-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.lg-scroll-p-8 { scroll-padding: 2rem; }
.lg-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.lg-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.lg-active-scroll-p-8:active { scroll-padding: 2rem; }
.lg-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.lg-snap-x { scroll-snap-type: x mandatory; }
.lg-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.lg-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.lg-active-snap-x:active { scroll-snap-type: x mandatory; }
.lg-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.lg-snap-y { scroll-snap-type: y mandatory; }
.lg-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.lg-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.lg-active-snap-y:active { scroll-snap-type: y mandatory; }
.lg-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.lg-snap-both { scroll-snap-type: both mandatory; }
.lg-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.lg-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.lg-active-snap-both:active { scroll-snap-type: both mandatory; }
.lg-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.lg-snap-align-start { scroll-snap-align: start; }
.lg-hover-snap-align-start:hover { scroll-snap-align: start; }
.lg-focus-snap-align-start:focus { scroll-snap-align: start; }
.lg-active-snap-align-start:active { scroll-snap-align: start; }
.lg-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.lg-snap-align-center { scroll-snap-align: center; }
.lg-hover-snap-align-center:hover { scroll-snap-align: center; }
.lg-focus-snap-align-center:focus { scroll-snap-align: center; }
.lg-active-snap-align-center:active { scroll-snap-align: center; }
.lg-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.lg-snap-align-end { scroll-snap-align: end; }
.lg-hover-snap-align-end:hover { scroll-snap-align: end; }
.lg-focus-snap-align-end:focus { scroll-snap-align: end; }
.lg-active-snap-align-end:active { scroll-snap-align: end; }
.lg-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.lg-snap-align-none { scroll-snap-align: none; }
.lg-hover-snap-align-none:hover { scroll-snap-align: none; }
.lg-focus-snap-align-none:focus { scroll-snap-align: none; }
.lg-active-snap-align-none:active { scroll-snap-align: none; }
.lg-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.lg-snap-stop-normal { scroll-snap-stop: normal; }
.lg-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.lg-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.lg-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.lg-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.lg-snap-stop-always { scroll-snap-stop: always; }
.lg-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.lg-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.lg-active-snap-stop-always:active { scroll-snap-stop: always; }
.lg-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.lg-touch-auto { touch-action: auto; }
.lg-hover-touch-auto:hover { touch-action: auto; }
.lg-focus-touch-auto:focus { touch-action: auto; }
.lg-active-touch-auto:active { touch-action: auto; }
.lg-disabled-touch-auto:disabled { touch-action: auto; }
.lg-touch-none { touch-action: none; }
.lg-hover-touch-none:hover { touch-action: none; }
.lg-focus-touch-none:focus { touch-action: none; }
.lg-active-touch-none:active { touch-action: none; }
.lg-disabled-touch-none:disabled { touch-action: none; }
.lg-touch-pan-x { touch-action: pan-x; }
.lg-hover-touch-pan-x:hover { touch-action: pan-x; }
.lg-focus-touch-pan-x:focus { touch-action: pan-x; }
.lg-active-touch-pan-x:active { touch-action: pan-x; }
.lg-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.lg-touch-pan-y { touch-action: pan-y; }
.lg-hover-touch-pan-y:hover { touch-action: pan-y; }
.lg-focus-touch-pan-y:focus { touch-action: pan-y; }
.lg-active-touch-pan-y:active { touch-action: pan-y; }
.lg-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.lg-touch-manipulation { touch-action: manipulation; }
.lg-hover-touch-manipulation:hover { touch-action: manipulation; }
.lg-focus-touch-manipulation:focus { touch-action: manipulation; }
.lg-active-touch-manipulation:active { touch-action: manipulation; }
.lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.lg-select-auto { user-select: auto; }
.lg-hover-select-auto:hover { user-select: auto; }
.lg-focus-select-auto:focus { user-select: auto; }
.lg-active-select-auto:active { user-select: auto; }
.lg-disabled-select-auto:disabled { user-select: auto; }
.lg-select-none { user-select: none; }
.lg-hover-select-none:hover { user-select: none; }
.lg-focus-select-none:focus { user-select: none; }
.lg-active-select-none:active { user-select: none; }
.lg-disabled-select-none:disabled { user-select: none; }
.lg-select-text { user-select: text; }
.lg-hover-select-text:hover { user-select: text; }
.lg-focus-select-text:focus { user-select: text; }
.lg-active-select-text:active { user-select: text; }
.lg-disabled-select-text:disabled { user-select: text; }
.lg-select-all { user-select: all; }
.lg-hover-select-all:hover { user-select: all; }
.lg-focus-select-all:focus { user-select: all; }
.lg-active-select-all:active { user-select: all; }
.lg-disabled-select-all:disabled { user-select: all; }
.lg-select-contain { user-select: contain; }
.lg-hover-select-contain:hover { user-select: contain; }
.lg-focus-select-contain:focus { user-select: contain; }
.lg-active-select-contain:active { user-select: contain; }
.lg-disabled-select-contain:disabled { user-select: contain; }
.lg-will-change-auto { will-change: auto; }
.lg-hover-will-change-auto:hover { will-change: auto; }
.lg-focus-will-change-auto:focus { will-change: auto; }
.lg-active-will-change-auto:active { will-change: auto; }
.lg-disabled-will-change-auto:disabled { will-change: auto; }
.lg-will-change-scroll { will-change: scroll; }
.lg-hover-will-change-scroll:hover { will-change: scroll; }
.lg-focus-will-change-scroll:focus { will-change: scroll; }
.lg-active-will-change-scroll:active { will-change: scroll; }
.lg-disabled-will-change-scroll:disabled { will-change: scroll; }
.lg-will-change-transform { will-change: transform; }
.lg-hover-will-change-transform:hover { will-change: transform; }
.lg-focus-will-change-transform:focus { will-change: transform; }
.lg-active-will-change-transform:active { will-change: transform; }
.lg-disabled-will-change-transform:disabled { will-change: transform; }
.lg-will-change-opacity { will-change: opacity; }
.lg-hover-will-change-opacity:hover { will-change: opacity; }
.lg-focus-will-change-opacity:focus { will-change: opacity; }
.lg-active-will-change-opacity:active { will-change: opacity; }
.lg-disabled-will-change-opacity:disabled { will-change: opacity; }
.lg-will-change-contents { will-change: contents; }
.lg-hover-will-change-contents:hover { will-change: contents; }
.lg-focus-will-change-contents:focus { will-change: contents; }
.lg-active-will-change-contents:active { will-change: contents; }
.lg-disabled-will-change-contents:disabled { will-change: contents; }
.lg-field-sizing-auto { block-size: auto; inline-size: auto; }
.lg-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
.lg-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
.lg-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
.lg-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
.lg-field-sizing-fill { block-size: 100%; inline-size: 100%; }
.lg-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
.lg-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
.lg-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
.lg-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
.lg-field-sizing-min { block-size: min-content; inline-size: min-content; }
.lg-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
.lg-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
.lg-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
.lg-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
.lg-field-sizing-max { block-size: max-content; inline-size: max-content; }
.lg-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
.lg-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
.lg-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
.lg-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
.lg-aspect-auto { aspect-ratio: auto; }
.lg-hover-aspect-auto:hover { aspect-ratio: auto; }
.lg-focus-aspect-auto:focus { aspect-ratio: auto; }
.lg-active-aspect-auto:active { aspect-ratio: auto; }
.lg-disabled-aspect-auto:disabled { aspect-ratio: auto; }
.lg-aspect-square { aspect-ratio: 1 / 1; }
.lg-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
.lg-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
.lg-active-aspect-square:active { aspect-ratio: 1 / 1; }
.lg-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
.lg-aspect-video { aspect-ratio: 16 / 9; }
.lg-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
.lg-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
.lg-active-aspect-video:active { aspect-ratio: 16 / 9; }
.lg-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
.lg-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
.lg-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
.lg-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
.lg-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
.lg-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
.lg-isolation-auto { isolation: auto; }
.lg-hover-isolation-auto:hover { isolation: auto; }
.lg-focus-isolation-auto:focus { isolation: auto; }
.lg-active-isolation-auto:active { isolation: auto; }
.lg-disabled-isolation-auto:disabled { isolation: auto; }
.lg-isolation-isolate { isolation: isolate; }
.lg-hover-isolation-isolate:hover { isolation: isolate; }
.lg-focus-isolation-isolate:focus { isolation: isolate; }
.lg-active-isolation-isolate:active { isolation: isolate; }
.lg-disabled-isolation-isolate:disabled { isolation: isolate; }
.lg-contain-none { contain: none; }
.lg-hover-contain-none:hover { contain: none; }
.lg-focus-contain-none:focus { contain: none; }
.lg-active-contain-none:active { contain: none; }
.lg-disabled-contain-none:disabled { contain: none; }
.lg-contain-layout { contain: layout; }
.lg-hover-contain-layout:hover { contain: layout; }
.lg-focus-contain-layout:focus { contain: layout; }
.lg-active-contain-layout:active { contain: layout; }
.lg-disabled-contain-layout:disabled { contain: layout; }
.lg-contain-size { contain: size; }
.lg-hover-contain-size:hover { contain: size; }
.lg-focus-contain-size:focus { contain: size; }
.lg-active-contain-size:active { contain: size; }
.lg-disabled-contain-size:disabled { contain: size; }
.lg-contain-style { contain: style; }
.lg-hover-contain-style:hover { contain: style; }
.lg-focus-contain-style:focus { contain: style; }
.lg-active-contain-style:active { contain: style; }
.lg-disabled-contain-style:disabled { contain: style; }
.lg-contain-paint { contain: paint; }
.lg-hover-contain-paint:hover { contain: paint; }
.lg-focus-contain-paint:focus { contain: paint; }
.lg-active-contain-paint:active { contain: paint; }
.lg-disabled-contain-paint:disabled { contain: paint; }
.lg-contain-content { contain: content; }
.lg-hover-contain-content:hover { contain: content; }
.lg-focus-contain-content:focus { contain: content; }
.lg-active-contain-content:active { contain: content; }
.lg-disabled-contain-content:disabled { contain: content; }
.lg-content-auto { content-visibility: auto; }
.lg-hover-content-auto:hover { content-visibility: auto; }
.lg-focus-content-auto:focus { content-visibility: auto; }
.lg-active-content-auto:active { content-visibility: auto; }
.lg-disabled-content-auto:disabled { content-visibility: auto; }
.lg-content-hidden { content-visibility: hidden; }
.lg-hover-content-hidden:hover { content-visibility: hidden; }
.lg-focus-content-hidden:focus { content-visibility: hidden; }
.lg-active-content-hidden:active { content-visibility: hidden; }
.lg-disabled-content-hidden:disabled { content-visibility: hidden; }
.lg-content-visible { content-visibility: visible; }
.lg-hover-content-visible:hover { content-visibility: visible; }
.lg-focus-content-visible:focus { content-visibility: visible; }
.lg-active-content-visible:active { content-visibility: visible; }
.lg-disabled-content-visible:disabled { content-visibility: visible; }
.lg-box-border { box-sizing: border-box; }
.lg-hover-box-border:hover { box-sizing: border-box; }
.lg-focus-box-border:focus { box-sizing: border-box; }
.lg-active-box-border:active { box-sizing: border-box; }
.lg-disabled-box-border:disabled { box-sizing: border-box; }
.lg-box-content { box-sizing: content-box; }
.lg-hover-box-content:hover { box-sizing: content-box; }
.lg-focus-box-content:focus { box-sizing: content-box; }
.lg-active-box-content:active { box-sizing: content-box; }
.lg-disabled-box-content:disabled { box-sizing: content-box; }
.lg-clip-none { clip-path: none; }
.lg-hover-clip-none:hover { clip-path: none; }
.lg-focus-clip-none:focus { clip-path: none; }
.lg-active-clip-none:active { clip-path: none; }
.lg-disabled-clip-none:disabled { clip-path: none; }
.lg-clip-circle { clip-path: circle(50% at 50% 50%); }
.lg-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
.lg-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
.lg-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
.lg-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
.lg-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
.lg-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
.lg-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
.lg-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
.lg-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
.lg-clip-inset { clip-path: inset(0); }
.lg-hover-clip-inset:hover { clip-path: inset(0); }
.lg-focus-clip-inset:focus { clip-path: inset(0); }
.lg-active-clip-inset:active { clip-path: inset(0); }
.lg-disabled-clip-inset:disabled { clip-path: inset(0); }
.lg-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.lg-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.lg-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.lg-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.lg-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.lg-margin-block-start-1 { margin-block-start: 1rem; }
.lg-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
.lg-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
.lg-active-margin-block-start-1:active { margin-block-start: 1rem; }
.lg-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
.lg-margin-block-end-1 { margin-block-end: 1rem; }
.lg-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
.lg-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
.lg-active-margin-block-end-1:active { margin-block-end: 1rem; }
.lg-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
.lg-margin-inline-start-1 { margin-inline-start: 1rem; }
.lg-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
.lg-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
.lg-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
.lg-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
.lg-margin-inline-end-1 { margin-inline-end: 1rem; }
.lg-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
.lg-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
.lg-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
.lg-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
.lg-padding-block-start-1 { padding-block-start: 1rem; }
.lg-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
.lg-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
.lg-active-padding-block-start-1:active { padding-block-start: 1rem; }
.lg-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
.lg-padding-block-end-1 { padding-block-end: 1rem; }
.lg-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
.lg-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
.lg-active-padding-block-end-1:active { padding-block-end: 1rem; }
.lg-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
.lg-padding-inline-start-1 { padding-inline-start: 1rem; }
.lg-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
.lg-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
.lg-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
.lg-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
.lg-padding-inline-end-1 { padding-inline-end: 1rem; }
.lg-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
.lg-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
.lg-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
.lg-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
.lg-transition-all { transition-property: all; }
.lg-hover-transition-all:hover { transition-property: all; }
.lg-focus-transition-all:focus { transition-property: all; }
.lg-active-transition-all:active { transition-property: all; }
.lg-disabled-transition-all:disabled { transition-property: all; }
.lg-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
.lg-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
.lg-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
.lg-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
.lg-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
.lg-transition-opacity { transition-property: opacity; }
.lg-hover-transition-opacity:hover { transition-property: opacity; }
.lg-focus-transition-opacity:focus { transition-property: opacity; }
.lg-active-transition-opacity:active { transition-property: opacity; }
.lg-disabled-transition-opacity:disabled { transition-property: opacity; }
.lg-transition-shadow { transition-property: box-shadow; }
.lg-hover-transition-shadow:hover { transition-property: box-shadow; }
.lg-focus-transition-shadow:focus { transition-property: box-shadow; }
.lg-active-transition-shadow:active { transition-property: box-shadow; }
.lg-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.lg-transition-transform { transition-property: transform; }
.lg-hover-transition-transform:hover { transition-property: transform; }
.lg-focus-transition-transform:focus { transition-property: transform; }
.lg-active-transition-transform:active { transition-property: transform; }
.lg-disabled-transition-transform:disabled { transition-property: transform; }
.lg-duration-75 { transition-duration: 75ms; }
.lg-hover-duration-75:hover { transition-duration: 75ms; }
.lg-focus-duration-75:focus { transition-duration: 75ms; }
.lg-active-duration-75:active { transition-duration: 75ms; }
.lg-disabled-duration-75:disabled { transition-duration: 75ms; }
.lg-duration-100 { transition-duration: 100ms; }
.lg-hover-duration-100:hover { transition-duration: 100ms; }
.lg-focus-duration-100:focus { transition-duration: 100ms; }
.lg-active-duration-100:active { transition-duration: 100ms; }
.lg-disabled-duration-100:disabled { transition-duration: 100ms; }
.lg-duration-150 { transition-duration: 150ms; }
.lg-hover-duration-150:hover { transition-duration: 150ms; }
.lg-focus-duration-150:focus { transition-duration: 150ms; }
.lg-active-duration-150:active { transition-duration: 150ms; }
.lg-disabled-duration-150:disabled { transition-duration: 150ms; }
.lg-duration-200 { transition-duration: 200ms; }
.lg-hover-duration-200:hover { transition-duration: 200ms; }
.lg-focus-duration-200:focus { transition-duration: 200ms; }
.lg-active-duration-200:active { transition-duration: 200ms; }
.lg-disabled-duration-200:disabled { transition-duration: 200ms; }
.lg-duration-300 { transition-duration: 300ms; }
.lg-hover-duration-300:hover { transition-duration: 300ms; }
.lg-focus-duration-300:focus { transition-duration: 300ms; }
.lg-active-duration-300:active { transition-duration: 300ms; }
.lg-disabled-duration-300:disabled { transition-duration: 300ms; }
.lg-duration-500 { transition-duration: 500ms; }
.lg-hover-duration-500:hover { transition-duration: 500ms; }
.lg-focus-duration-500:focus { transition-duration: 500ms; }
.lg-active-duration-500:active { transition-duration: 500ms; }
.lg-disabled-duration-500:disabled { transition-duration: 500ms; }
.lg-duration-700 { transition-duration: 700ms; }
.lg-hover-duration-700:hover { transition-duration: 700ms; }
.lg-focus-duration-700:focus { transition-duration: 700ms; }
.lg-active-duration-700:active { transition-duration: 700ms; }
.lg-disabled-duration-700:disabled { transition-duration: 700ms; }
.lg-duration-1000 { transition-duration: 1000ms; }
.lg-hover-duration-1000:hover { transition-duration: 1000ms; }
.lg-focus-duration-1000:focus { transition-duration: 1000ms; }
.lg-active-duration-1000:active { transition-duration: 1000ms; }
.lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.lg-ease-linear { transition-timing-function: linear; }
.lg-hover-ease-linear:hover { transition-timing-function: linear; }
.lg-focus-ease-linear:focus { transition-timing-function: linear; }
.lg-active-ease-linear:active { transition-timing-function: linear; }
.lg-disabled-ease-linear:disabled { transition-timing-function: linear; }
.lg-ease-in { transition-timing-function: ease-in; }
.lg-hover-ease-in:hover { transition-timing-function: ease-in; }
.lg-focus-ease-in:focus { transition-timing-function: ease-in; }
.lg-active-ease-in:active { transition-timing-function: ease-in; }
.lg-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.lg-ease-out { transition-timing-function: ease-out; }
.lg-hover-ease-out:hover { transition-timing-function: ease-out; }
.lg-focus-ease-out:focus { transition-timing-function: ease-out; }
.lg-active-ease-out:active { transition-timing-function: ease-out; }
.lg-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.lg-ease-in-out { transition-timing-function: ease-in-out; }
.lg-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.lg-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.lg-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.lg-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.lg-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
.lg-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
.lg-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
.lg-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
.lg-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
.lg-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
.lg-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
.lg-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
.lg-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
.lg-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
.lg-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
.lg-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
.lg-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
.lg-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
.lg-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
.lg-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
.lg-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
.lg-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
.lg-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
.lg-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
.lg-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
.lg-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
.lg-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
.lg-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
.lg-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
.lg-animate-bounce { animation: quanta-bounce 1s infinite; }
.lg-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
.lg-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
.lg-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
.lg-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
.lg-animate-spin { animation: quanta-spin 1s linear infinite; }
.lg-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
.lg-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
.lg-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
.lg-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
.lg-filter-none { filter: none; }
.lg-hover-filter-none:hover { filter: none; }
.lg-focus-filter-none:focus { filter: none; }
.lg-active-filter-none:active { filter: none; }
.lg-disabled-filter-none:disabled { filter: none; }
.lg-blur-sm { filter: blur(2px); }
.lg-hover-blur-sm:hover { filter: blur(2px); }
.lg-focus-blur-sm:focus { filter: blur(2px); }
.lg-active-blur-sm:active { filter: blur(2px); }
.lg-disabled-blur-sm:disabled { filter: blur(2px); }
.lg-blur { filter: blur(4px); }
.lg-hover-blur:hover { filter: blur(4px); }
.lg-focus-blur:focus { filter: blur(4px); }
.lg-active-blur:active { filter: blur(4px); }
.lg-disabled-blur:disabled { filter: blur(4px); }
.lg-blur-md { filter: blur(8px); }
.lg-hover-blur-md:hover { filter: blur(8px); }
.lg-focus-blur-md:focus { filter: blur(8px); }
.lg-active-blur-md:active { filter: blur(8px); }
.lg-disabled-blur-md:disabled { filter: blur(8px); }
.lg-blur-lg { filter: blur(12px); }
.lg-hover-blur-lg:hover { filter: blur(12px); }
.lg-focus-blur-lg:focus { filter: blur(12px); }
.lg-active-blur-lg:active { filter: blur(12px); }
.lg-disabled-blur-lg:disabled { filter: blur(12px); }
.lg-blur-xl { filter: blur(20px); }
.lg-hover-blur-xl:hover { filter: blur(20px); }
.lg-focus-blur-xl:focus { filter: blur(20px); }
.lg-active-blur-xl:active { filter: blur(20px); }
.lg-disabled-blur-xl:disabled { filter: blur(20px); }
.lg-brightness-50 { filter: brightness(0.5); }
.lg-hover-brightness-50:hover { filter: brightness(0.5); }
.lg-focus-brightness-50:focus { filter: brightness(0.5); }
.lg-active-brightness-50:active { filter: brightness(0.5); }
.lg-disabled-brightness-50:disabled { filter: brightness(0.5); }
.lg-brightness-100 { filter: brightness(1); }
.lg-hover-brightness-100:hover { filter: brightness(1); }
.lg-focus-brightness-100:focus { filter: brightness(1); }
.lg-active-brightness-100:active { filter: brightness(1); }
.lg-disabled-brightness-100:disabled { filter: brightness(1); }
.lg-brightness-150 { filter: brightness(1.5); }
.lg-hover-brightness-150:hover { filter: brightness(1.5); }
.lg-focus-brightness-150:focus { filter: brightness(1.5); }
.lg-active-brightness-150:active { filter: brightness(1.5); }
.lg-disabled-brightness-150:disabled { filter: brightness(1.5); }
.lg-contrast-50 { filter: contrast(0.5); }
.lg-hover-contrast-50:hover { filter: contrast(0.5); }
.lg-focus-contrast-50:focus { filter: contrast(0.5); }
.lg-active-contrast-50:active { filter: contrast(0.5); }
.lg-disabled-contrast-50:disabled { filter: contrast(0.5); }
.lg-contrast-100 { filter: contrast(1); }
.lg-hover-contrast-100:hover { filter: contrast(1); }
.lg-focus-contrast-100:focus { filter: contrast(1); }
.lg-active-contrast-100:active { filter: contrast(1); }
.lg-disabled-contrast-100:disabled { filter: contrast(1); }
.lg-grayscale { filter: grayscale(1); }
.lg-hover-grayscale:hover { filter: grayscale(1); }
.lg-focus-grayscale:focus { filter: grayscale(1); }
.lg-active-grayscale:active { filter: grayscale(1); }
.lg-disabled-grayscale:disabled { filter: grayscale(1); }
.lg-sepia { filter: sepia(1); }
.lg-hover-sepia:hover { filter: sepia(1); }
.lg-focus-sepia:focus { filter: sepia(1); }
.lg-active-sepia:active { filter: sepia(1); }
.lg-disabled-sepia:disabled { filter: sepia(1); }
.lg-saturate-150 { filter: saturate(1.5); }
.lg-hover-saturate-150:hover { filter: saturate(1.5); }
.lg-focus-saturate-150:focus { filter: saturate(1.5); }
.lg-active-saturate-150:active { filter: saturate(1.5); }
.lg-disabled-saturate-150:disabled { filter: saturate(1.5); }
.lg-hue-rotate-90 { filter: hue-rotate(90deg); }
.lg-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.lg-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.lg-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.lg-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.lg-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.lg-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.lg-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.lg-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.lg-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.lg-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.lg-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.lg-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.lg-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.lg-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.lg-grid-flow-row { grid-auto-flow: row; }
.lg-hover-grid-flow-row:hover { grid-auto-flow: row; }
.lg-focus-grid-flow-row:focus { grid-auto-flow: row; }
.lg-active-grid-flow-row:active { grid-auto-flow: row; }
.lg-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
.lg-grid-flow-col { grid-auto-flow: column; }
.lg-hover-grid-flow-col:hover { grid-auto-flow: column; }
.lg-focus-grid-flow-col:focus { grid-auto-flow: column; }
.lg-active-grid-flow-col:active { grid-auto-flow: column; }
.lg-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
.lg-grid-flow-row-dense { grid-auto-flow: row dense; }
.lg-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
.lg-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
.lg-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
.lg-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
.lg-grid-flow-col-dense { grid-auto-flow: column dense; }
.lg-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
.lg-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
.lg-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
.lg-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
.lg-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.lg-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.lg-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.lg-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.lg-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.lg-transition-none { transition-property: none; }
.lg-hover-transition-none:hover { transition-property: none; }
.lg-focus-transition-none:focus { transition-property: none; }
.lg-active-transition-none:active { transition-property: none; }
.lg-disabled-transition-none:disabled { transition-property: none; }
.lg-transition-all { transition-property: all; }
.lg-hover-transition-all:hover { transition-property: all; }
.lg-focus-transition-all:focus { transition-property: all; }
.lg-active-transition-all:active { transition-property: all; }
.lg-disabled-transition-all:disabled { transition-property: all; }
.lg-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.lg-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.lg-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.lg-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.lg-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.lg-transition-opacity { transition-property: opacity; }
.lg-hover-transition-opacity:hover { transition-property: opacity; }
.lg-focus-transition-opacity:focus { transition-property: opacity; }
.lg-active-transition-opacity:active { transition-property: opacity; }
.lg-disabled-transition-opacity:disabled { transition-property: opacity; }
.lg-transition-shadow { transition-property: box-shadow; }
.lg-hover-transition-shadow:hover { transition-property: box-shadow; }
.lg-focus-transition-shadow:focus { transition-property: box-shadow; }
.lg-active-transition-shadow:active { transition-property: box-shadow; }
.lg-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.lg-transition-transform { transition-property: transform; }
.lg-hover-transition-transform:hover { transition-property: transform; }
.lg-focus-transition-transform:focus { transition-property: transform; }
.lg-active-transition-transform:active { transition-property: transform; }
.lg-disabled-transition-transform:disabled { transition-property: transform; }
.lg-duration-75 { transition-duration: 75ms; }
.lg-hover-duration-75:hover { transition-duration: 75ms; }
.lg-focus-duration-75:focus { transition-duration: 75ms; }
.lg-active-duration-75:active { transition-duration: 75ms; }
.lg-disabled-duration-75:disabled { transition-duration: 75ms; }
.lg-duration-150 { transition-duration: 150ms; }
.lg-hover-duration-150:hover { transition-duration: 150ms; }
.lg-focus-duration-150:focus { transition-duration: 150ms; }
.lg-active-duration-150:active { transition-duration: 150ms; }
.lg-disabled-duration-150:disabled { transition-duration: 150ms; }
.lg-duration-300 { transition-duration: 300ms; }
.lg-hover-duration-300:hover { transition-duration: 300ms; }
.lg-focus-duration-300:focus { transition-duration: 300ms; }
.lg-active-duration-300:active { transition-duration: 300ms; }
.lg-disabled-duration-300:disabled { transition-duration: 300ms; }
.lg-duration-500 { transition-duration: 500ms; }
.lg-hover-duration-500:hover { transition-duration: 500ms; }
.lg-focus-duration-500:focus { transition-duration: 500ms; }
.lg-active-duration-500:active { transition-duration: 500ms; }
.lg-disabled-duration-500:disabled { transition-duration: 500ms; }
.lg-duration-700 { transition-duration: 700ms; }
.lg-hover-duration-700:hover { transition-duration: 700ms; }
.lg-focus-duration-700:focus { transition-duration: 700ms; }
.lg-active-duration-700:active { transition-duration: 700ms; }
.lg-disabled-duration-700:disabled { transition-duration: 700ms; }
.lg-duration-1000 { transition-duration: 1000ms; }
.lg-hover-duration-1000:hover { transition-duration: 1000ms; }
.lg-focus-duration-1000:focus { transition-duration: 1000ms; }
.lg-active-duration-1000:active { transition-duration: 1000ms; }
.lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.lg-ease-linear { transition-timing-function: linear; }
.lg-hover-ease-linear:hover { transition-timing-function: linear; }
.lg-focus-ease-linear:focus { transition-timing-function: linear; }
.lg-active-ease-linear:active { transition-timing-function: linear; }
.lg-disabled-ease-linear:disabled { transition-timing-function: linear; }
.lg-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.lg-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.lg-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.lg-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.lg-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.lg-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.lg-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.lg-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.lg-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.lg-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.lg-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.lg-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.lg-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.lg-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.lg-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.lg-animate-none { animation: none; }
.lg-hover-animate-none:hover { animation: none; }
.lg-focus-animate-none:focus { animation: none; }
.lg-active-animate-none:active { animation: none; }
.lg-disabled-animate-none:disabled { animation: none; }
.lg-animate-fade { animation: fade 300ms ease-out both; }
.lg-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
.lg-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
.lg-active-animate-fade:active { animation: fade 300ms ease-out both; }
.lg-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
.lg-animate-slide-in { animation: slide-in 500ms ease-out both; }
.lg-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
.lg-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
.lg-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
.lg-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
.lg-animate-spin { animation: spin 1s linear infinite; }
.lg-hover-animate-spin:hover { animation: spin 1s linear infinite; }
.lg-focus-animate-spin:focus { animation: spin 1s linear infinite; }
.lg-active-animate-spin:active { animation: spin 1s linear infinite; }
.lg-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
.lg-transform { transform: var(--tw-transform, none); }
.lg-hover-transform:hover { transform: var(--tw-transform, none); }
.lg-focus-transform:focus { transform: var(--tw-transform, none); }
.lg-active-transform:active { transform: var(--tw-transform, none); }
.lg-disabled-transform:disabled { transform: var(--tw-transform, none); }
.lg-transform-none { transform: none; }
.lg-hover-transform-none:hover { transform: none; }
.lg-focus-transform-none:focus { transform: none; }
.lg-active-transform-none:active { transform: none; }
.lg-disabled-transform-none:disabled { transform: none; }
.lg-scale-50 { --tw-transform: scale(0.5); }
.lg-hover-scale-50:hover { --tw-transform: scale(0.5); }
.lg-focus-scale-50:focus { --tw-transform: scale(0.5); }
.lg-active-scale-50:active { --tw-transform: scale(0.5); }
.lg-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
.lg-scale-75 { --tw-transform: scale(0.75); }
.lg-hover-scale-75:hover { --tw-transform: scale(0.75); }
.lg-focus-scale-75:focus { --tw-transform: scale(0.75); }
.lg-active-scale-75:active { --tw-transform: scale(0.75); }
.lg-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
.lg-scale-90 { --tw-transform: scale(0.9); }
.lg-hover-scale-90:hover { --tw-transform: scale(0.9); }
.lg-focus-scale-90:focus { --tw-transform: scale(0.9); }
.lg-active-scale-90:active { --tw-transform: scale(0.9); }
.lg-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
.lg-scale-100 { --tw-transform: scale(1); }
.lg-hover-scale-100:hover { --tw-transform: scale(1); }
.lg-focus-scale-100:focus { --tw-transform: scale(1); }
.lg-active-scale-100:active { --tw-transform: scale(1); }
.lg-disabled-scale-100:disabled { --tw-transform: scale(1); }
.lg-scale-105 { --tw-transform: scale(1.05); }
.lg-hover-scale-105:hover { --tw-transform: scale(1.05); }
.lg-focus-scale-105:focus { --tw-transform: scale(1.05); }
.lg-active-scale-105:active { --tw-transform: scale(1.05); }
.lg-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
.lg-scale-110 { --tw-transform: scale(1.1); }
.lg-hover-scale-110:hover { --tw-transform: scale(1.1); }
.lg-focus-scale-110:focus { --tw-transform: scale(1.1); }
.lg-active-scale-110:active { --tw-transform: scale(1.1); }
.lg-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
.lg-scale-125 { --tw-transform: scale(1.25); }
.lg-hover-scale-125:hover { --tw-transform: scale(1.25); }
.lg-focus-scale-125:focus { --tw-transform: scale(1.25); }
.lg-active-scale-125:active { --tw-transform: scale(1.25); }
.lg-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
.lg-scale-150 { --tw-transform: scale(1.5); }
.lg-hover-scale-150:hover { --tw-transform: scale(1.5); }
.lg-focus-scale-150:focus { --tw-transform: scale(1.5); }
.lg-active-scale-150:active { --tw-transform: scale(1.5); }
.lg-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
.lg-translate-x-0 { --tw-transform: translateX(0); }
.lg-hover-translate-x-0:hover { --tw-transform: translateX(0); }
.lg-focus-translate-x-0:focus { --tw-transform: translateX(0); }
.lg-active-translate-x-0:active { --tw-transform: translateX(0); }
.lg-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
.lg-translate-x-1 { --tw-transform: translateX(0.25rem); }
.lg-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
.lg-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
.lg-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
.lg-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
.lg-translate-x-2 { --tw-transform: translateX(0.5rem); }
.lg-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
.lg-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
.lg-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
.lg-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
.lg-translate-x-4 { --tw-transform: translateX(1rem); }
.lg-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
.lg-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
.lg-active-translate-x-4:active { --tw-transform: translateX(1rem); }
.lg-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
.lg-translate-x-8 { --tw-transform: translateX(2rem); }
.lg-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
.lg-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
.lg-active-translate-x-8:active { --tw-transform: translateX(2rem); }
.lg-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
.lg-translate-y-0 { --tw-transform: translateY(0); }
.lg-hover-translate-y-0:hover { --tw-transform: translateY(0); }
.lg-focus-translate-y-0:focus { --tw-transform: translateY(0); }
.lg-active-translate-y-0:active { --tw-transform: translateY(0); }
.lg-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
.lg-translate-y-1 { --tw-transform: translateY(0.25rem); }
.lg-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
.lg-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
.lg-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
.lg-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
.lg-translate-y-2 { --tw-transform: translateY(0.5rem); }
.lg-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
.lg-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
.lg-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
.lg-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
.lg-translate-y-4 { --tw-transform: translateY(1rem); }
.lg-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
.lg-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
.lg-active-translate-y-4:active { --tw-transform: translateY(1rem); }
.lg-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
.lg-translate-y-8 { --tw-transform: translateY(2rem); }
.lg-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
.lg-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
.lg-active-translate-y-8:active { --tw-transform: translateY(2rem); }
.lg-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
.lg-rotate-0 { --tw-transform: rotate(0deg); }
.lg-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
.lg-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
.lg-active-rotate-0:active { --tw-transform: rotate(0deg); }
.lg-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
.lg-rotate-45 { --tw-transform: rotate(45deg); }
.lg-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
.lg-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
.lg-active-rotate-45:active { --tw-transform: rotate(45deg); }
.lg-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
.lg-rotate-90 { --tw-transform: rotate(90deg); }
.lg-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
.lg-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
.lg-active-rotate-90:active { --tw-transform: rotate(90deg); }
.lg-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
.lg-rotate-180 { --tw-transform: rotate(180deg); }
.lg-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
.lg-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
.lg-active-rotate-180:active { --tw-transform: rotate(180deg); }
.lg-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
.lg-skew-x-0 { --tw-transform: skewX(0); }
.lg-hover-skew-x-0:hover { --tw-transform: skewX(0); }
.lg-focus-skew-x-0:focus { --tw-transform: skewX(0); }
.lg-active-skew-x-0:active { --tw-transform: skewX(0); }
.lg-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
.lg-skew-x-3 { --tw-transform: skewX(3deg); }
.lg-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
.lg-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
.lg-active-skew-x-3:active { --tw-transform: skewX(3deg); }
.lg-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
.lg-skew-x-6 { --tw-transform: skewX(6deg); }
.lg-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
.lg-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
.lg-active-skew-x-6:active { --tw-transform: skewX(6deg); }
.lg-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
.lg-skew-y-0 { --tw-transform: skewY(0); }
.lg-hover-skew-y-0:hover { --tw-transform: skewY(0); }
.lg-focus-skew-y-0:focus { --tw-transform: skewY(0); }
.lg-active-skew-y-0:active { --tw-transform: skewY(0); }
.lg-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
.lg-skew-y-3 { --tw-transform: skewY(3deg); }
.lg-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
.lg-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
.lg-active-skew-y-3:active { --tw-transform: skewY(3deg); }
.lg-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
.lg-skew-y-6 { --tw-transform: skewY(6deg); }
.lg-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
.lg-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
.lg-active-skew-y-6:active { --tw-transform: skewY(6deg); }
.lg-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
.lg-origin-center { transform-origin: center; }
.lg-hover-origin-center:hover { transform-origin: center; }
.lg-focus-origin-center:focus { transform-origin: center; }
.lg-active-origin-center:active { transform-origin: center; }
.lg-disabled-origin-center:disabled { transform-origin: center; }
.lg-origin-top { transform-origin: top; }
.lg-hover-origin-top:hover { transform-origin: top; }
.lg-focus-origin-top:focus { transform-origin: top; }
.lg-active-origin-top:active { transform-origin: top; }
.lg-disabled-origin-top:disabled { transform-origin: top; }
.lg-origin-right { transform-origin: right; }
.lg-hover-origin-right:hover { transform-origin: right; }
.lg-focus-origin-right:focus { transform-origin: right; }
.lg-active-origin-right:active { transform-origin: right; }
.lg-disabled-origin-right:disabled { transform-origin: right; }
.lg-origin-bottom { transform-origin: bottom; }
.lg-hover-origin-bottom:hover { transform-origin: bottom; }
.lg-focus-origin-bottom:focus { transform-origin: bottom; }
.lg-active-origin-bottom:active { transform-origin: bottom; }
.lg-disabled-origin-bottom:disabled { transform-origin: bottom; }
.lg-origin-left { transform-origin: left; }
.lg-hover-origin-left:hover { transform-origin: left; }
.lg-focus-origin-left:focus { transform-origin: left; }
.lg-active-origin-left:active { transform-origin: left; }
.lg-disabled-origin-left:disabled { transform-origin: left; }
.lg-perspective-none { perspective: none; }
.lg-hover-perspective-none:hover { perspective: none; }
.lg-focus-perspective-none:focus { perspective: none; }
.lg-active-perspective-none:active { perspective: none; }
.lg-disabled-perspective-none:disabled { perspective: none; }
.lg-perspective-sm { perspective: 400px; }
.lg-hover-perspective-sm:hover { perspective: 400px; }
.lg-focus-perspective-sm:focus { perspective: 400px; }
.lg-active-perspective-sm:active { perspective: 400px; }
.lg-disabled-perspective-sm:disabled { perspective: 400px; }
.lg-perspective-md { perspective: 800px; }
.lg-hover-perspective-md:hover { perspective: 800px; }
.lg-focus-perspective-md:focus { perspective: 800px; }
.lg-active-perspective-md:active { perspective: 800px; }
.lg-disabled-perspective-md:disabled { perspective: 800px; }
.lg-perspective-lg { perspective: 1200px; }
.lg-hover-perspective-lg:hover { perspective: 1200px; }
.lg-focus-perspective-lg:focus { perspective: 1200px; }
.lg-active-perspective-lg:active { perspective: 1200px; }
.lg-disabled-perspective-lg:disabled { perspective: 1200px; }
.lg-perspective-xl { perspective: 1600px; }
.lg-hover-perspective-xl:hover { perspective: 1600px; }
.lg-focus-perspective-xl:focus { perspective: 1600px; }
.lg-active-perspective-xl:active { perspective: 1600px; }
.lg-disabled-perspective-xl:disabled { perspective: 1600px; }
.lg-perspective-origin-center { perspective-origin: center; }
.lg-hover-perspective-origin-center:hover { perspective-origin: center; }
.lg-focus-perspective-origin-center:focus { perspective-origin: center; }
.lg-active-perspective-origin-center:active { perspective-origin: center; }
.lg-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.lg-perspective-origin-top { perspective-origin: top; }
.lg-hover-perspective-origin-top:hover { perspective-origin: top; }
.lg-focus-perspective-origin-top:focus { perspective-origin: top; }
.lg-active-perspective-origin-top:active { perspective-origin: top; }
.lg-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.lg-perspective-origin-left { perspective-origin: left; }
.lg-hover-perspective-origin-left:hover { perspective-origin: left; }
.lg-focus-perspective-origin-left:focus { perspective-origin: left; }
.lg-active-perspective-origin-left:active { perspective-origin: left; }
.lg-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.lg-perspective-origin-right { perspective-origin: right; }
.lg-hover-perspective-origin-right:hover { perspective-origin: right; }
.lg-focus-perspective-origin-right:focus { perspective-origin: right; }
.lg-active-perspective-origin-right:active { perspective-origin: right; }
.lg-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.lg-perspective-origin-bottom { perspective-origin: bottom; }
.lg-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.lg-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.lg-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.lg-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.lg-backface-visible { backface-visibility: visible; }
.lg-hover-backface-visible:hover { backface-visibility: visible; }
.lg-focus-backface-visible:focus { backface-visibility: visible; }
.lg-active-backface-visible:active { backface-visibility: visible; }
.lg-disabled-backface-visible:disabled { backface-visibility: visible; }
.lg-backface-hidden { backface-visibility: hidden; }
.lg-hover-backface-hidden:hover { backface-visibility: hidden; }
.lg-focus-backface-hidden:focus { backface-visibility: hidden; }
.lg-active-backface-hidden:active { backface-visibility: hidden; }
.lg-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.lg-transform-style-flat { transform-style: flat; }
.lg-hover-transform-style-flat:hover { transform-style: flat; }
.lg-focus-transform-style-flat:focus { transform-style: flat; }
.lg-active-transform-style-flat:active { transform-style: flat; }
.lg-disabled-transform-style-flat:disabled { transform-style: flat; }
.lg-transform-style-preserve { transform-style: preserve-3d; }
.lg-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
.lg-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
.lg-active-transform-style-preserve:active { transform-style: preserve-3d; }
.lg-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
.lg-filter-none { filter: none; }
.lg-hover-filter-none:hover { filter: none; }
.lg-focus-filter-none:focus { filter: none; }
.lg-active-filter-none:active { filter: none; }
.lg-disabled-filter-none:disabled { filter: none; }
.lg-filter-grayscale { filter: grayscale(100%); }
.lg-hover-filter-grayscale:hover { filter: grayscale(100%); }
.lg-focus-filter-grayscale:focus { filter: grayscale(100%); }
.lg-active-filter-grayscale:active { filter: grayscale(100%); }
.lg-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
.lg-filter-blur { filter: blur(4px); }
.lg-hover-filter-blur:hover { filter: blur(4px); }
.lg-focus-filter-blur:focus { filter: blur(4px); }
.lg-active-filter-blur:active { filter: blur(4px); }
.lg-disabled-filter-blur:disabled { filter: blur(4px); }
.lg-filter-brightness-50 { filter: brightness(0.5); }
.lg-hover-filter-brightness-50:hover { filter: brightness(0.5); }
.lg-focus-filter-brightness-50:focus { filter: brightness(0.5); }
.lg-active-filter-brightness-50:active { filter: brightness(0.5); }
.lg-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
.lg-filter-contrast-125 { filter: contrast(1.25); }
.lg-hover-filter-contrast-125:hover { filter: contrast(1.25); }
.lg-focus-filter-contrast-125:focus { filter: contrast(1.25); }
.lg-active-filter-contrast-125:active { filter: contrast(1.25); }
.lg-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
.lg-filter-saturate-150 { filter: saturate(1.5); }
.lg-hover-filter-saturate-150:hover { filter: saturate(1.5); }
.lg-focus-filter-saturate-150:focus { filter: saturate(1.5); }
.lg-active-filter-saturate-150:active { filter: saturate(1.5); }
.lg-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
.lg-filter-sepia { filter: sepia(100%); }
.lg-hover-filter-sepia:hover { filter: sepia(100%); }
.lg-focus-filter-sepia:focus { filter: sepia(100%); }
.lg-active-filter-sepia:active { filter: sepia(100%); }
.lg-disabled-filter-sepia:disabled { filter: sepia(100%); }
.lg-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
.lg-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.lg-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.lg-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
.lg-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.lg-backdrop-filter-none { backdrop-filter: none; }
.lg-hover-backdrop-filter-none:hover { backdrop-filter: none; }
.lg-focus-backdrop-filter-none:focus { backdrop-filter: none; }
.lg-active-backdrop-filter-none:active { backdrop-filter: none; }
.lg-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
.lg-backdrop-blur { backdrop-filter: blur(4px); }
.lg-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
.lg-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
.lg-active-backdrop-blur:active { backdrop-filter: blur(4px); }
.lg-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
.lg-bg-blend-normal { background-blend-mode: normal; }
.lg-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.lg-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.lg-active-bg-blend-normal:active { background-blend-mode: normal; }
.lg-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.lg-bg-blend-multiply { background-blend-mode: multiply; }
.lg-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.lg-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.lg-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.lg-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.lg-bg-blend-screen { background-blend-mode: screen; }
.lg-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.lg-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.lg-active-bg-blend-screen:active { background-blend-mode: screen; }
.lg-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.lg-bg-blend-overlay { background-blend-mode: overlay; }
.lg-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.lg-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.lg-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.lg-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.lg-bg-blend-darken { background-blend-mode: darken; }
.lg-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.lg-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.lg-active-bg-blend-darken:active { background-blend-mode: darken; }
.lg-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.lg-bg-blend-lighten { background-blend-mode: lighten; }
.lg-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.lg-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.lg-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.lg-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.lg-mix-blend-normal { mix-blend-mode: normal; }
.lg-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
.lg-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
.lg-active-mix-blend-normal:active { mix-blend-mode: normal; }
.lg-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
.lg-mix-blend-multiply { mix-blend-mode: multiply; }
.lg-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
.lg-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
.lg-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
.lg-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
.lg-mix-blend-screen { mix-blend-mode: screen; }
.lg-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
.lg-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
.lg-active-mix-blend-screen:active { mix-blend-mode: screen; }
.lg-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
.lg-mix-blend-overlay { mix-blend-mode: overlay; }
.lg-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
.lg-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
.lg-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
.lg-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
.lg-decoration-slice { box-decoration-break: slice; }
.lg-hover-decoration-slice:hover { box-decoration-break: slice; }
.lg-focus-decoration-slice:focus { box-decoration-break: slice; }
.lg-active-decoration-slice:active { box-decoration-break: slice; }
.lg-disabled-decoration-slice:disabled { box-decoration-break: slice; }
.lg-decoration-clone { box-decoration-break: clone; }
.lg-hover-decoration-clone:hover { box-decoration-break: clone; }
.lg-focus-decoration-clone:focus { box-decoration-break: clone; }
.lg-active-decoration-clone:active { box-decoration-break: clone; }
.lg-disabled-decoration-clone:disabled { box-decoration-break: clone; }
.lg-box-border { box-sizing: border-box; }
.lg-hover-box-border:hover { box-sizing: border-box; }
.lg-focus-box-border:focus { box-sizing: border-box; }
.lg-active-box-border:active { box-sizing: border-box; }
.lg-disabled-box-border:disabled { box-sizing: border-box; }
.lg-box-content { box-sizing: content-box; }
.lg-hover-box-content:hover { box-sizing: content-box; }
.lg-focus-box-content:focus { box-sizing: content-box; }
.lg-active-box-content:active { box-sizing: content-box; }
.lg-disabled-box-content:disabled { box-sizing: content-box; }
.lg-clip-none { clip-path: none; }
.lg-hover-clip-none:hover { clip-path: none; }
.lg-focus-clip-none:focus { clip-path: none; }
.lg-active-clip-none:active { clip-path: none; }
.lg-disabled-clip-none:disabled { clip-path: none; }
.lg-clip-circle { clip-path: circle(50%); }
.lg-hover-clip-circle:hover { clip-path: circle(50%); }
.lg-focus-clip-circle:focus { clip-path: circle(50%); }
.lg-active-clip-circle:active { clip-path: circle(50%); }
.lg-disabled-clip-circle:disabled { clip-path: circle(50%); }
.lg-clip-ellipse { clip-path: ellipse(50% 75%); }
.lg-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
.lg-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
.lg-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
.lg-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
.lg-clip-inset { clip-path: inset(10%); }
.lg-hover-clip-inset:hover { clip-path: inset(10%); }
.lg-focus-clip-inset:focus { clip-path: inset(10%); }
.lg-active-clip-inset:active { clip-path: inset(10%); }
.lg-disabled-clip-inset:disabled { clip-path: inset(10%); }
.lg-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.lg-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.lg-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.lg-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.lg-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.lg-outline-none { outline: none; }
.lg-hover-outline-none:hover { outline: none; }
.lg-focus-outline-none:focus { outline: none; }
.lg-active-outline-none:active { outline: none; }
.lg-disabled-outline-none:disabled { outline: none; }
.lg-outline-solid { outline-style: solid; }
.lg-hover-outline-solid:hover { outline-style: solid; }
.lg-focus-outline-solid:focus { outline-style: solid; }
.lg-active-outline-solid:active { outline-style: solid; }
.lg-disabled-outline-solid:disabled { outline-style: solid; }
.lg-outline-dashed { outline-style: dashed; }
.lg-hover-outline-dashed:hover { outline-style: dashed; }
.lg-focus-outline-dashed:focus { outline-style: dashed; }
.lg-active-outline-dashed:active { outline-style: dashed; }
.lg-disabled-outline-dashed:disabled { outline-style: dashed; }
.lg-outline-offset-0 { outline-offset: 0; }
.lg-hover-outline-offset-0:hover { outline-offset: 0; }
.lg-focus-outline-offset-0:focus { outline-offset: 0; }
.lg-active-outline-offset-0:active { outline-offset: 0; }
.lg-disabled-outline-offset-0:disabled { outline-offset: 0; }
.lg-outline-offset-2 { outline-offset: 2px; }
.lg-hover-outline-offset-2:hover { outline-offset: 2px; }
.lg-focus-outline-offset-2:focus { outline-offset: 2px; }
.lg-active-outline-offset-2:active { outline-offset: 2px; }
.lg-disabled-outline-offset-2:disabled { outline-offset: 2px; }
.lg-outline-offset-4 { outline-offset: 4px; }
.lg-hover-outline-offset-4:hover { outline-offset: 4px; }
.lg-focus-outline-offset-4:focus { outline-offset: 4px; }
.lg-active-outline-offset-4:active { outline-offset: 4px; }
.lg-disabled-outline-offset-4:disabled { outline-offset: 4px; }
.lg-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.lg-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.lg-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.lg-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.lg-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.lg-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.lg-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.lg-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.lg-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.lg-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.lg-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.lg-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.lg-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.lg-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.lg-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.lg-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.lg-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.lg-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.lg-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.lg-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.lg-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.lg-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.lg-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.lg-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.lg-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.lg-shadow-none { box-shadow: none; }
.lg-hover-shadow-none:hover { box-shadow: none; }
.lg-focus-shadow-none:focus { box-shadow: none; }
.lg-active-shadow-none:active { box-shadow: none; }
.lg-disabled-shadow-none:disabled { box-shadow: none; }
.lg-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.lg-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.lg-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.lg-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.lg-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.lg-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.lg-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.lg-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.lg-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.lg-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.lg-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.lg-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.lg-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.lg-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.lg-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.lg-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.lg-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.lg-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.lg-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.lg-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.lg-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.lg-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.lg-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.lg-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.lg-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.lg-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.lg-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.lg-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.lg-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.lg-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.lg-accent-auto { accent-color: auto; }
.lg-hover-accent-auto:hover { accent-color: auto; }
.lg-focus-accent-auto:focus { accent-color: auto; }
.lg-active-accent-auto:active { accent-color: auto; }
.lg-disabled-accent-auto:disabled { accent-color: auto; }
.lg-accent-current { accent-color: currentColor; }
.lg-hover-accent-current:hover { accent-color: currentColor; }
.lg-focus-accent-current:focus { accent-color: currentColor; }
.lg-active-accent-current:active { accent-color: currentColor; }
.lg-disabled-accent-current:disabled { accent-color: currentColor; }
.lg-appearance-none { appearance: none; }
.lg-hover-appearance-none:hover { appearance: none; }
.lg-focus-appearance-none:focus { appearance: none; }
.lg-active-appearance-none:active { appearance: none; }
.lg-disabled-appearance-none:disabled { appearance: none; }
.lg-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.lg-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.lg-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.lg-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.lg-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.lg-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.lg-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.lg-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.lg-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.lg-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.lg-cursor-auto { cursor: auto; }
.lg-hover-cursor-auto:hover { cursor: auto; }
.lg-focus-cursor-auto:focus { cursor: auto; }
.lg-active-cursor-auto:active { cursor: auto; }
.lg-disabled-cursor-auto:disabled { cursor: auto; }
.lg-cursor-pointer { cursor: pointer; }
.lg-hover-cursor-pointer:hover { cursor: pointer; }
.lg-focus-cursor-pointer:focus { cursor: pointer; }
.lg-active-cursor-pointer:active { cursor: pointer; }
.lg-disabled-cursor-pointer:disabled { cursor: pointer; }
.lg-cursor-default { cursor: default; }
.lg-hover-cursor-default:hover { cursor: default; }
.lg-focus-cursor-default:focus { cursor: default; }
.lg-active-cursor-default:active { cursor: default; }
.lg-disabled-cursor-default:disabled { cursor: default; }
.lg-cursor-wait { cursor: wait; }
.lg-hover-cursor-wait:hover { cursor: wait; }
.lg-focus-cursor-wait:focus { cursor: wait; }
.lg-active-cursor-wait:active { cursor: wait; }
.lg-disabled-cursor-wait:disabled { cursor: wait; }
.lg-cursor-text { cursor: text; }
.lg-hover-cursor-text:hover { cursor: text; }
.lg-focus-cursor-text:focus { cursor: text; }
.lg-active-cursor-text:active { cursor: text; }
.lg-disabled-cursor-text:disabled { cursor: text; }
.lg-cursor-move { cursor: move; }
.lg-hover-cursor-move:hover { cursor: move; }
.lg-focus-cursor-move:focus { cursor: move; }
.lg-active-cursor-move:active { cursor: move; }
.lg-disabled-cursor-move:disabled { cursor: move; }
.lg-cursor-not-allowed { cursor: not-allowed; }
.lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.lg-active-cursor-not-allowed:active { cursor: not-allowed; }
.lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.lg-pointer-events-auto { pointer-events: auto; }
.lg-hover-pointer-events-auto:hover { pointer-events: auto; }
.lg-focus-pointer-events-auto:focus { pointer-events: auto; }
.lg-active-pointer-events-auto:active { pointer-events: auto; }
.lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.lg-pointer-events-none { pointer-events: none; }
.lg-hover-pointer-events-none:hover { pointer-events: none; }
.lg-focus-pointer-events-none:focus { pointer-events: none; }
.lg-active-pointer-events-none:active { pointer-events: none; }
.lg-disabled-pointer-events-none:disabled { pointer-events: none; }
.lg-resize-none { resize: none; }
.lg-hover-resize-none:hover { resize: none; }
.lg-focus-resize-none:focus { resize: none; }
.lg-active-resize-none:active { resize: none; }
.lg-disabled-resize-none:disabled { resize: none; }
.lg-resize-y { resize: vertical; }
.lg-hover-resize-y:hover { resize: vertical; }
.lg-focus-resize-y:focus { resize: vertical; }
.lg-active-resize-y:active { resize: vertical; }
.lg-disabled-resize-y:disabled { resize: vertical; }
.lg-resize-x { resize: horizontal; }
.lg-hover-resize-x:hover { resize: horizontal; }
.lg-focus-resize-x:focus { resize: horizontal; }
.lg-active-resize-x:active { resize: horizontal; }
.lg-disabled-resize-x:disabled { resize: horizontal; }
.lg-resize { resize: both; }
.lg-hover-resize:hover { resize: both; }
.lg-focus-resize:focus { resize: both; }
.lg-active-resize:active { resize: both; }
.lg-disabled-resize:disabled { resize: both; }
.lg-scroll-auto { scroll-behavior: auto; }
.lg-hover-scroll-auto:hover { scroll-behavior: auto; }
.lg-focus-scroll-auto:focus { scroll-behavior: auto; }
.lg-active-scroll-auto:active { scroll-behavior: auto; }
.lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.lg-scroll-smooth { scroll-behavior: smooth; }
.lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.lg-active-scroll-smooth:active { scroll-behavior: smooth; }
.lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.lg-scroll-m-0 { scroll-margin: 0; }
.lg-hover-scroll-m-0:hover { scroll-margin: 0; }
.lg-focus-scroll-m-0:focus { scroll-margin: 0; }
.lg-active-scroll-m-0:active { scroll-margin: 0; }
.lg-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.lg-scroll-m-1 { scroll-margin: 0.25rem; }
.lg-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.lg-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.lg-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.lg-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.lg-scroll-m-2 { scroll-margin: 0.5rem; }
.lg-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.lg-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.lg-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.lg-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.lg-scroll-m-4 { scroll-margin: 1rem; }
.lg-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.lg-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.lg-active-scroll-m-4:active { scroll-margin: 1rem; }
.lg-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.lg-scroll-m-8 { scroll-margin: 2rem; }
.lg-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.lg-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.lg-active-scroll-m-8:active { scroll-margin: 2rem; }
.lg-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.lg-scroll-p-0 { scroll-padding: 0; }
.lg-hover-scroll-p-0:hover { scroll-padding: 0; }
.lg-focus-scroll-p-0:focus { scroll-padding: 0; }
.lg-active-scroll-p-0:active { scroll-padding: 0; }
.lg-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.lg-scroll-p-1 { scroll-padding: 0.25rem; }
.lg-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.lg-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.lg-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.lg-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.lg-scroll-p-2 { scroll-padding: 0.5rem; }
.lg-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.lg-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.lg-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.lg-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.lg-scroll-p-4 { scroll-padding: 1rem; }
.lg-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.lg-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.lg-active-scroll-p-4:active { scroll-padding: 1rem; }
.lg-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.lg-scroll-p-8 { scroll-padding: 2rem; }
.lg-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.lg-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.lg-active-scroll-p-8:active { scroll-padding: 2rem; }
.lg-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.lg-touch-auto { touch-action: auto; }
.lg-hover-touch-auto:hover { touch-action: auto; }
.lg-focus-touch-auto:focus { touch-action: auto; }
.lg-active-touch-auto:active { touch-action: auto; }
.lg-disabled-touch-auto:disabled { touch-action: auto; }
.lg-touch-none { touch-action: none; }
.lg-hover-touch-none:hover { touch-action: none; }
.lg-focus-touch-none:focus { touch-action: none; }
.lg-active-touch-none:active { touch-action: none; }
.lg-disabled-touch-none:disabled { touch-action: none; }
.lg-touch-pan-x { touch-action: pan-x; }
.lg-hover-touch-pan-x:hover { touch-action: pan-x; }
.lg-focus-touch-pan-x:focus { touch-action: pan-x; }
.lg-active-touch-pan-x:active { touch-action: pan-x; }
.lg-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.lg-touch-pan-y { touch-action: pan-y; }
.lg-hover-touch-pan-y:hover { touch-action: pan-y; }
.lg-focus-touch-pan-y:focus { touch-action: pan-y; }
.lg-active-touch-pan-y:active { touch-action: pan-y; }
.lg-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.lg-touch-manipulation { touch-action: manipulation; }
.lg-hover-touch-manipulation:hover { touch-action: manipulation; }
.lg-focus-touch-manipulation:focus { touch-action: manipulation; }
.lg-active-touch-manipulation:active { touch-action: manipulation; }
.lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.lg-select-none { user-select: none; }
.lg-hover-select-none:hover { user-select: none; }
.lg-focus-select-none:focus { user-select: none; }
.lg-active-select-none:active { user-select: none; }
.lg-disabled-select-none:disabled { user-select: none; }
.lg-select-text { user-select: text; }
.lg-hover-select-text:hover { user-select: text; }
.lg-focus-select-text:focus { user-select: text; }
.lg-active-select-text:active { user-select: text; }
.lg-disabled-select-text:disabled { user-select: text; }
.lg-select-all { user-select: all; }
.lg-hover-select-all:hover { user-select: all; }
.lg-focus-select-all:focus { user-select: all; }
.lg-active-select-all:active { user-select: all; }
.lg-disabled-select-all:disabled { user-select: all; }
.lg-select-auto { user-select: auto; }
.lg-hover-select-auto:hover { user-select: auto; }
.lg-focus-select-auto:focus { user-select: auto; }
.lg-active-select-auto:active { user-select: auto; }
.lg-disabled-select-auto:disabled { user-select: auto; }
.lg-will-change-auto { will-change: auto; }
.lg-hover-will-change-auto:hover { will-change: auto; }
.lg-focus-will-change-auto:focus { will-change: auto; }
.lg-active-will-change-auto:active { will-change: auto; }
.lg-disabled-will-change-auto:disabled { will-change: auto; }
.lg-will-change-scroll { will-change: scroll-position; }
.lg-hover-will-change-scroll:hover { will-change: scroll-position; }
.lg-focus-will-change-scroll:focus { will-change: scroll-position; }
.lg-active-will-change-scroll:active { will-change: scroll-position; }
.lg-disabled-will-change-scroll:disabled { will-change: scroll-position; }
.lg-will-change-transform { will-change: transform; }
.lg-hover-will-change-transform:hover { will-change: transform; }
.lg-focus-will-change-transform:focus { will-change: transform; }
.lg-active-will-change-transform:active { will-change: transform; }
.lg-disabled-will-change-transform:disabled { will-change: transform; }
.lg-will-change-opacity { will-change: opacity; }
.lg-hover-will-change-opacity:hover { will-change: opacity; }
.lg-focus-will-change-opacity:focus { will-change: opacity; }
.lg-active-will-change-opacity:active { will-change: opacity; }
.lg-disabled-will-change-opacity:disabled { will-change: opacity; }
.lg-bg-primary { background-color: var(--quanta-primary); }
.lg-hover-bg-primary:hover { background-color: var(--quanta-primary); }
.lg-focus-bg-primary:focus { background-color: var(--quanta-primary); }
.lg-active-bg-primary:active { background-color: var(--quanta-primary); }
.lg-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
.lg-bg-secondary { background-color: var(--quanta-bg-secondary); }
.lg-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
.lg-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
.lg-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
.lg-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
.lg-bg-success { background-color: var(--quanta-bg-success); }
.lg-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
.lg-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
.lg-active-bg-success:active { background-color: var(--quanta-bg-success); }
.lg-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
.lg-bg-warning { background-color: var(--quanta-bg-warning); }
.lg-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
.lg-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
.lg-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
.lg-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
.lg-bg-danger { background-color: var(--quanta-bg-danger); }
.lg-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
.lg-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
.lg-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
.lg-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
.lg-bg-info { background-color: var(--quanta-bg-info); }
.lg-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
.lg-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
.lg-active-bg-info:active { background-color: var(--quanta-bg-info); }
.lg-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
.lg-text-primary { color: var(--quanta-primary); }
.lg-hover-text-primary:hover { color: var(--quanta-primary); }
.lg-focus-text-primary:focus { color: var(--quanta-primary); }
.lg-active-text-primary:active { color: var(--quanta-primary); }
.lg-disabled-text-primary:disabled { color: var(--quanta-primary); }
.lg-text-secondary { color: var(--quanta-text-secondary); }
.lg-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
.lg-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
.lg-active-text-secondary:active { color: var(--quanta-text-secondary); }
.lg-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
.lg-text-success { color: var(--quanta-text-success); }
.lg-hover-text-success:hover { color: var(--quanta-text-success); }
.lg-focus-text-success:focus { color: var(--quanta-text-success); }
.lg-active-text-success:active { color: var(--quanta-text-success); }
.lg-disabled-text-success:disabled { color: var(--quanta-text-success); }
.lg-text-warning { color: var(--quanta-text-warning); }
.lg-hover-text-warning:hover { color: var(--quanta-text-warning); }
.lg-focus-text-warning:focus { color: var(--quanta-text-warning); }
.lg-active-text-warning:active { color: var(--quanta-text-warning); }
.lg-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
.lg-text-danger { color: var(--quanta-text-danger); }
.lg-hover-text-danger:hover { color: var(--quanta-text-danger); }
.lg-focus-text-danger:focus { color: var(--quanta-text-danger); }
.lg-active-text-danger:active { color: var(--quanta-text-danger); }
.lg-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
.lg-text-info { color: var(--quanta-text-info); }
.lg-hover-text-info:hover { color: var(--quanta-text-info); }
.lg-focus-text-info:focus { color: var(--quanta-text-info); }
.lg-active-text-info:active { color: var(--quanta-text-info); }
.lg-disabled-text-info:disabled { color: var(--quanta-text-info); }
.lg-border-primary { border-color: var(--quanta-primary); }
.lg-hover-border-primary:hover { border-color: var(--quanta-primary); }
.lg-focus-border-primary:focus { border-color: var(--quanta-primary); }
.lg-active-border-primary:active { border-color: var(--quanta-primary); }
.lg-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
.lg-border-secondary { border-color: var(--quanta-border-secondary); }
.lg-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
.lg-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
.lg-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
.lg-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
.lg-border-success { border-color: var(--quanta-border-success); }
.lg-hover-border-success:hover { border-color: var(--quanta-border-success); }
.lg-focus-border-success:focus { border-color: var(--quanta-border-success); }
.lg-active-border-success:active { border-color: var(--quanta-border-success); }
.lg-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
.lg-border-warning { border-color: var(--quanta-border-warning); }
.lg-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
.lg-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
.lg-active-border-warning:active { border-color: var(--quanta-border-warning); }
.lg-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
.lg-border-danger { border-color: var(--quanta-border-danger); }
.lg-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
.lg-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
.lg-active-border-danger:active { border-color: var(--quanta-border-danger); }
.lg-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
.lg-border-info { border-color: var(--quanta-border-info); }
.lg-hover-border-info:hover { border-color: var(--quanta-border-info); }
.lg-focus-border-info:focus { border-color: var(--quanta-border-info); }
.lg-active-border-info:active { border-color: var(--quanta-border-info); }
.lg-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
}
@media (min-width: 1280px) {
.xl-p-auto { padding: auto; }
.xl-hover-p-auto:hover { padding: auto; }
.xl-focus-p-auto:focus { padding: auto; }
.xl-active-p-auto:active { padding: auto; }
.xl-disabled-p-auto:disabled { padding: auto; }
.xl-p-0 { padding: 0; }
.xl-hover-p-0:hover { padding: 0; }
.xl-focus-p-0:focus { padding: 0; }
.xl-active-p-0:active { padding: 0; }
.xl-disabled-p-0:disabled { padding: 0; }
.xl-p-1 { padding: 0.25rem; }
.xl-hover-p-1:hover { padding: 0.25rem; }
.xl-focus-p-1:focus { padding: 0.25rem; }
.xl-active-p-1:active { padding: 0.25rem; }
.xl-disabled-p-1:disabled { padding: 0.25rem; }
.xl-p-2 { padding: 0.5rem; }
.xl-hover-p-2:hover { padding: 0.5rem; }
.xl-focus-p-2:focus { padding: 0.5rem; }
.xl-active-p-2:active { padding: 0.5rem; }
.xl-disabled-p-2:disabled { padding: 0.5rem; }
.xl-p-3 { padding: 0.75rem; }
.xl-hover-p-3:hover { padding: 0.75rem; }
.xl-focus-p-3:focus { padding: 0.75rem; }
.xl-active-p-3:active { padding: 0.75rem; }
.xl-disabled-p-3:disabled { padding: 0.75rem; }
.xl-p-4 { padding: 1rem; }
.xl-hover-p-4:hover { padding: 1rem; }
.xl-focus-p-4:focus { padding: 1rem; }
.xl-active-p-4:active { padding: 1rem; }
.xl-disabled-p-4:disabled { padding: 1rem; }
.xl-p-5 { padding: 1.25rem; }
.xl-hover-p-5:hover { padding: 1.25rem; }
.xl-focus-p-5:focus { padding: 1.25rem; }
.xl-active-p-5:active { padding: 1.25rem; }
.xl-disabled-p-5:disabled { padding: 1.25rem; }
.xl-p-6 { padding: 1.5rem; }
.xl-hover-p-6:hover { padding: 1.5rem; }
.xl-focus-p-6:focus { padding: 1.5rem; }
.xl-active-p-6:active { padding: 1.5rem; }
.xl-disabled-p-6:disabled { padding: 1.5rem; }
.xl-p-8 { padding: 2rem; }
.xl-hover-p-8:hover { padding: 2rem; }
.xl-focus-p-8:focus { padding: 2rem; }
.xl-active-p-8:active { padding: 2rem; }
.xl-disabled-p-8:disabled { padding: 2rem; }
.xl-p-10 { padding: 2.5rem; }
.xl-hover-p-10:hover { padding: 2.5rem; }
.xl-focus-p-10:focus { padding: 2.5rem; }
.xl-active-p-10:active { padding: 2.5rem; }
.xl-disabled-p-10:disabled { padding: 2.5rem; }
.xl-p-12 { padding: 3rem; }
.xl-hover-p-12:hover { padding: 3rem; }
.xl-focus-p-12:focus { padding: 3rem; }
.xl-active-p-12:active { padding: 3rem; }
.xl-disabled-p-12:disabled { padding: 3rem; }
.xl-p-16 { padding: 4rem; }
.xl-hover-p-16:hover { padding: 4rem; }
.xl-focus-p-16:focus { padding: 4rem; }
.xl-active-p-16:active { padding: 4rem; }
.xl-disabled-p-16:disabled { padding: 4rem; }
.xl-p-20 { padding: 5rem; }
.xl-hover-p-20:hover { padding: 5rem; }
.xl-focus-p-20:focus { padding: 5rem; }
.xl-active-p-20:active { padding: 5rem; }
.xl-disabled-p-20:disabled { padding: 5rem; }
.xl-p-24 { padding: 6rem; }
.xl-hover-p-24:hover { padding: 6rem; }
.xl-focus-p-24:focus { padding: 6rem; }
.xl-active-p-24:active { padding: 6rem; }
.xl-disabled-p-24:disabled { padding: 6rem; }
.xl-p-28 { padding: 7rem; }
.xl-hover-p-28:hover { padding: 7rem; }
.xl-focus-p-28:focus { padding: 7rem; }
.xl-active-p-28:active { padding: 7rem; }
.xl-disabled-p-28:disabled { padding: 7rem; }
.xl-p-32 { padding: 8rem; }
.xl-hover-p-32:hover { padding: 8rem; }
.xl-focus-p-32:focus { padding: 8rem; }
.xl-active-p-32:active { padding: 8rem; }
.xl-disabled-p-32:disabled { padding: 8rem; }
.xl-pt-auto { padding-top: auto; }
.xl-hover-pt-auto:hover { padding-top: auto; }
.xl-focus-pt-auto:focus { padding-top: auto; }
.xl-active-pt-auto:active { padding-top: auto; }
.xl-disabled-pt-auto:disabled { padding-top: auto; }
.xl-pt-0 { padding-top: 0; }
.xl-hover-pt-0:hover { padding-top: 0; }
.xl-focus-pt-0:focus { padding-top: 0; }
.xl-active-pt-0:active { padding-top: 0; }
.xl-disabled-pt-0:disabled { padding-top: 0; }
.xl-pt-1 { padding-top: 0.25rem; }
.xl-hover-pt-1:hover { padding-top: 0.25rem; }
.xl-focus-pt-1:focus { padding-top: 0.25rem; }
.xl-active-pt-1:active { padding-top: 0.25rem; }
.xl-disabled-pt-1:disabled { padding-top: 0.25rem; }
.xl-pt-2 { padding-top: 0.5rem; }
.xl-hover-pt-2:hover { padding-top: 0.5rem; }
.xl-focus-pt-2:focus { padding-top: 0.5rem; }
.xl-active-pt-2:active { padding-top: 0.5rem; }
.xl-disabled-pt-2:disabled { padding-top: 0.5rem; }
.xl-pt-3 { padding-top: 0.75rem; }
.xl-hover-pt-3:hover { padding-top: 0.75rem; }
.xl-focus-pt-3:focus { padding-top: 0.75rem; }
.xl-active-pt-3:active { padding-top: 0.75rem; }
.xl-disabled-pt-3:disabled { padding-top: 0.75rem; }
.xl-pt-4 { padding-top: 1rem; }
.xl-hover-pt-4:hover { padding-top: 1rem; }
.xl-focus-pt-4:focus { padding-top: 1rem; }
.xl-active-pt-4:active { padding-top: 1rem; }
.xl-disabled-pt-4:disabled { padding-top: 1rem; }
.xl-pt-5 { padding-top: 1.25rem; }
.xl-hover-pt-5:hover { padding-top: 1.25rem; }
.xl-focus-pt-5:focus { padding-top: 1.25rem; }
.xl-active-pt-5:active { padding-top: 1.25rem; }
.xl-disabled-pt-5:disabled { padding-top: 1.25rem; }
.xl-pt-6 { padding-top: 1.5rem; }
.xl-hover-pt-6:hover { padding-top: 1.5rem; }
.xl-focus-pt-6:focus { padding-top: 1.5rem; }
.xl-active-pt-6:active { padding-top: 1.5rem; }
.xl-disabled-pt-6:disabled { padding-top: 1.5rem; }
.xl-pt-8 { padding-top: 2rem; }
.xl-hover-pt-8:hover { padding-top: 2rem; }
.xl-focus-pt-8:focus { padding-top: 2rem; }
.xl-active-pt-8:active { padding-top: 2rem; }
.xl-disabled-pt-8:disabled { padding-top: 2rem; }
.xl-pt-10 { padding-top: 2.5rem; }
.xl-hover-pt-10:hover { padding-top: 2.5rem; }
.xl-focus-pt-10:focus { padding-top: 2.5rem; }
.xl-active-pt-10:active { padding-top: 2.5rem; }
.xl-disabled-pt-10:disabled { padding-top: 2.5rem; }
.xl-pt-12 { padding-top: 3rem; }
.xl-hover-pt-12:hover { padding-top: 3rem; }
.xl-focus-pt-12:focus { padding-top: 3rem; }
.xl-active-pt-12:active { padding-top: 3rem; }
.xl-disabled-pt-12:disabled { padding-top: 3rem; }
.xl-pt-16 { padding-top: 4rem; }
.xl-hover-pt-16:hover { padding-top: 4rem; }
.xl-focus-pt-16:focus { padding-top: 4rem; }
.xl-active-pt-16:active { padding-top: 4rem; }
.xl-disabled-pt-16:disabled { padding-top: 4rem; }
.xl-pt-20 { padding-top: 5rem; }
.xl-hover-pt-20:hover { padding-top: 5rem; }
.xl-focus-pt-20:focus { padding-top: 5rem; }
.xl-active-pt-20:active { padding-top: 5rem; }
.xl-disabled-pt-20:disabled { padding-top: 5rem; }
.xl-pt-24 { padding-top: 6rem; }
.xl-hover-pt-24:hover { padding-top: 6rem; }
.xl-focus-pt-24:focus { padding-top: 6rem; }
.xl-active-pt-24:active { padding-top: 6rem; }
.xl-disabled-pt-24:disabled { padding-top: 6rem; }
.xl-pt-28 { padding-top: 7rem; }
.xl-hover-pt-28:hover { padding-top: 7rem; }
.xl-focus-pt-28:focus { padding-top: 7rem; }
.xl-active-pt-28:active { padding-top: 7rem; }
.xl-disabled-pt-28:disabled { padding-top: 7rem; }
.xl-pt-32 { padding-top: 8rem; }
.xl-hover-pt-32:hover { padding-top: 8rem; }
.xl-focus-pt-32:focus { padding-top: 8rem; }
.xl-active-pt-32:active { padding-top: 8rem; }
.xl-disabled-pt-32:disabled { padding-top: 8rem; }
.xl-pb-auto { padding-bottom: auto; }
.xl-hover-pb-auto:hover { padding-bottom: auto; }
.xl-focus-pb-auto:focus { padding-bottom: auto; }
.xl-active-pb-auto:active { padding-bottom: auto; }
.xl-disabled-pb-auto:disabled { padding-bottom: auto; }
.xl-pb-0 { padding-bottom: 0; }
.xl-hover-pb-0:hover { padding-bottom: 0; }
.xl-focus-pb-0:focus { padding-bottom: 0; }
.xl-active-pb-0:active { padding-bottom: 0; }
.xl-disabled-pb-0:disabled { padding-bottom: 0; }
.xl-pb-1 { padding-bottom: 0.25rem; }
.xl-hover-pb-1:hover { padding-bottom: 0.25rem; }
.xl-focus-pb-1:focus { padding-bottom: 0.25rem; }
.xl-active-pb-1:active { padding-bottom: 0.25rem; }
.xl-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
.xl-pb-2 { padding-bottom: 0.5rem; }
.xl-hover-pb-2:hover { padding-bottom: 0.5rem; }
.xl-focus-pb-2:focus { padding-bottom: 0.5rem; }
.xl-active-pb-2:active { padding-bottom: 0.5rem; }
.xl-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
.xl-pb-3 { padding-bottom: 0.75rem; }
.xl-hover-pb-3:hover { padding-bottom: 0.75rem; }
.xl-focus-pb-3:focus { padding-bottom: 0.75rem; }
.xl-active-pb-3:active { padding-bottom: 0.75rem; }
.xl-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
.xl-pb-4 { padding-bottom: 1rem; }
.xl-hover-pb-4:hover { padding-bottom: 1rem; }
.xl-focus-pb-4:focus { padding-bottom: 1rem; }
.xl-active-pb-4:active { padding-bottom: 1rem; }
.xl-disabled-pb-4:disabled { padding-bottom: 1rem; }
.xl-pb-5 { padding-bottom: 1.25rem; }
.xl-hover-pb-5:hover { padding-bottom: 1.25rem; }
.xl-focus-pb-5:focus { padding-bottom: 1.25rem; }
.xl-active-pb-5:active { padding-bottom: 1.25rem; }
.xl-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
.xl-pb-6 { padding-bottom: 1.5rem; }
.xl-hover-pb-6:hover { padding-bottom: 1.5rem; }
.xl-focus-pb-6:focus { padding-bottom: 1.5rem; }
.xl-active-pb-6:active { padding-bottom: 1.5rem; }
.xl-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
.xl-pb-8 { padding-bottom: 2rem; }
.xl-hover-pb-8:hover { padding-bottom: 2rem; }
.xl-focus-pb-8:focus { padding-bottom: 2rem; }
.xl-active-pb-8:active { padding-bottom: 2rem; }
.xl-disabled-pb-8:disabled { padding-bottom: 2rem; }
.xl-pb-10 { padding-bottom: 2.5rem; }
.xl-hover-pb-10:hover { padding-bottom: 2.5rem; }
.xl-focus-pb-10:focus { padding-bottom: 2.5rem; }
.xl-active-pb-10:active { padding-bottom: 2.5rem; }
.xl-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
.xl-pb-12 { padding-bottom: 3rem; }
.xl-hover-pb-12:hover { padding-bottom: 3rem; }
.xl-focus-pb-12:focus { padding-bottom: 3rem; }
.xl-active-pb-12:active { padding-bottom: 3rem; }
.xl-disabled-pb-12:disabled { padding-bottom: 3rem; }
.xl-pb-16 { padding-bottom: 4rem; }
.xl-hover-pb-16:hover { padding-bottom: 4rem; }
.xl-focus-pb-16:focus { padding-bottom: 4rem; }
.xl-active-pb-16:active { padding-bottom: 4rem; }
.xl-disabled-pb-16:disabled { padding-bottom: 4rem; }
.xl-pb-20 { padding-bottom: 5rem; }
.xl-hover-pb-20:hover { padding-bottom: 5rem; }
.xl-focus-pb-20:focus { padding-bottom: 5rem; }
.xl-active-pb-20:active { padding-bottom: 5rem; }
.xl-disabled-pb-20:disabled { padding-bottom: 5rem; }
.xl-pb-24 { padding-bottom: 6rem; }
.xl-hover-pb-24:hover { padding-bottom: 6rem; }
.xl-focus-pb-24:focus { padding-bottom: 6rem; }
.xl-active-pb-24:active { padding-bottom: 6rem; }
.xl-disabled-pb-24:disabled { padding-bottom: 6rem; }
.xl-pb-28 { padding-bottom: 7rem; }
.xl-hover-pb-28:hover { padding-bottom: 7rem; }
.xl-focus-pb-28:focus { padding-bottom: 7rem; }
.xl-active-pb-28:active { padding-bottom: 7rem; }
.xl-disabled-pb-28:disabled { padding-bottom: 7rem; }
.xl-pb-32 { padding-bottom: 8rem; }
.xl-hover-pb-32:hover { padding-bottom: 8rem; }
.xl-focus-pb-32:focus { padding-bottom: 8rem; }
.xl-active-pb-32:active { padding-bottom: 8rem; }
.xl-disabled-pb-32:disabled { padding-bottom: 8rem; }
.xl-pl-auto { padding-left: auto; }
.xl-hover-pl-auto:hover { padding-left: auto; }
.xl-focus-pl-auto:focus { padding-left: auto; }
.xl-active-pl-auto:active { padding-left: auto; }
.xl-disabled-pl-auto:disabled { padding-left: auto; }
.xl-pl-0 { padding-left: 0; }
.xl-hover-pl-0:hover { padding-left: 0; }
.xl-focus-pl-0:focus { padding-left: 0; }
.xl-active-pl-0:active { padding-left: 0; }
.xl-disabled-pl-0:disabled { padding-left: 0; }
.xl-pl-1 { padding-left: 0.25rem; }
.xl-hover-pl-1:hover { padding-left: 0.25rem; }
.xl-focus-pl-1:focus { padding-left: 0.25rem; }
.xl-active-pl-1:active { padding-left: 0.25rem; }
.xl-disabled-pl-1:disabled { padding-left: 0.25rem; }
.xl-pl-2 { padding-left: 0.5rem; }
.xl-hover-pl-2:hover { padding-left: 0.5rem; }
.xl-focus-pl-2:focus { padding-left: 0.5rem; }
.xl-active-pl-2:active { padding-left: 0.5rem; }
.xl-disabled-pl-2:disabled { padding-left: 0.5rem; }
.xl-pl-3 { padding-left: 0.75rem; }
.xl-hover-pl-3:hover { padding-left: 0.75rem; }
.xl-focus-pl-3:focus { padding-left: 0.75rem; }
.xl-active-pl-3:active { padding-left: 0.75rem; }
.xl-disabled-pl-3:disabled { padding-left: 0.75rem; }
.xl-pl-4 { padding-left: 1rem; }
.xl-hover-pl-4:hover { padding-left: 1rem; }
.xl-focus-pl-4:focus { padding-left: 1rem; }
.xl-active-pl-4:active { padding-left: 1rem; }
.xl-disabled-pl-4:disabled { padding-left: 1rem; }
.xl-pl-5 { padding-left: 1.25rem; }
.xl-hover-pl-5:hover { padding-left: 1.25rem; }
.xl-focus-pl-5:focus { padding-left: 1.25rem; }
.xl-active-pl-5:active { padding-left: 1.25rem; }
.xl-disabled-pl-5:disabled { padding-left: 1.25rem; }
.xl-pl-6 { padding-left: 1.5rem; }
.xl-hover-pl-6:hover { padding-left: 1.5rem; }
.xl-focus-pl-6:focus { padding-left: 1.5rem; }
.xl-active-pl-6:active { padding-left: 1.5rem; }
.xl-disabled-pl-6:disabled { padding-left: 1.5rem; }
.xl-pl-8 { padding-left: 2rem; }
.xl-hover-pl-8:hover { padding-left: 2rem; }
.xl-focus-pl-8:focus { padding-left: 2rem; }
.xl-active-pl-8:active { padding-left: 2rem; }
.xl-disabled-pl-8:disabled { padding-left: 2rem; }
.xl-pl-10 { padding-left: 2.5rem; }
.xl-hover-pl-10:hover { padding-left: 2.5rem; }
.xl-focus-pl-10:focus { padding-left: 2.5rem; }
.xl-active-pl-10:active { padding-left: 2.5rem; }
.xl-disabled-pl-10:disabled { padding-left: 2.5rem; }
.xl-pl-12 { padding-left: 3rem; }
.xl-hover-pl-12:hover { padding-left: 3rem; }
.xl-focus-pl-12:focus { padding-left: 3rem; }
.xl-active-pl-12:active { padding-left: 3rem; }
.xl-disabled-pl-12:disabled { padding-left: 3rem; }
.xl-pl-16 { padding-left: 4rem; }
.xl-hover-pl-16:hover { padding-left: 4rem; }
.xl-focus-pl-16:focus { padding-left: 4rem; }
.xl-active-pl-16:active { padding-left: 4rem; }
.xl-disabled-pl-16:disabled { padding-left: 4rem; }
.xl-pl-20 { padding-left: 5rem; }
.xl-hover-pl-20:hover { padding-left: 5rem; }
.xl-focus-pl-20:focus { padding-left: 5rem; }
.xl-active-pl-20:active { padding-left: 5rem; }
.xl-disabled-pl-20:disabled { padding-left: 5rem; }
.xl-pl-24 { padding-left: 6rem; }
.xl-hover-pl-24:hover { padding-left: 6rem; }
.xl-focus-pl-24:focus { padding-left: 6rem; }
.xl-active-pl-24:active { padding-left: 6rem; }
.xl-disabled-pl-24:disabled { padding-left: 6rem; }
.xl-pl-28 { padding-left: 7rem; }
.xl-hover-pl-28:hover { padding-left: 7rem; }
.xl-focus-pl-28:focus { padding-left: 7rem; }
.xl-active-pl-28:active { padding-left: 7rem; }
.xl-disabled-pl-28:disabled { padding-left: 7rem; }
.xl-pl-32 { padding-left: 8rem; }
.xl-hover-pl-32:hover { padding-left: 8rem; }
.xl-focus-pl-32:focus { padding-left: 8rem; }
.xl-active-pl-32:active { padding-left: 8rem; }
.xl-disabled-pl-32:disabled { padding-left: 8rem; }
.xl-pr-auto { padding-right: auto; }
.xl-hover-pr-auto:hover { padding-right: auto; }
.xl-focus-pr-auto:focus { padding-right: auto; }
.xl-active-pr-auto:active { padding-right: auto; }
.xl-disabled-pr-auto:disabled { padding-right: auto; }
.xl-pr-0 { padding-right: 0; }
.xl-hover-pr-0:hover { padding-right: 0; }
.xl-focus-pr-0:focus { padding-right: 0; }
.xl-active-pr-0:active { padding-right: 0; }
.xl-disabled-pr-0:disabled { padding-right: 0; }
.xl-pr-1 { padding-right: 0.25rem; }
.xl-hover-pr-1:hover { padding-right: 0.25rem; }
.xl-focus-pr-1:focus { padding-right: 0.25rem; }
.xl-active-pr-1:active { padding-right: 0.25rem; }
.xl-disabled-pr-1:disabled { padding-right: 0.25rem; }
.xl-pr-2 { padding-right: 0.5rem; }
.xl-hover-pr-2:hover { padding-right: 0.5rem; }
.xl-focus-pr-2:focus { padding-right: 0.5rem; }
.xl-active-pr-2:active { padding-right: 0.5rem; }
.xl-disabled-pr-2:disabled { padding-right: 0.5rem; }
.xl-pr-3 { padding-right: 0.75rem; }
.xl-hover-pr-3:hover { padding-right: 0.75rem; }
.xl-focus-pr-3:focus { padding-right: 0.75rem; }
.xl-active-pr-3:active { padding-right: 0.75rem; }
.xl-disabled-pr-3:disabled { padding-right: 0.75rem; }
.xl-pr-4 { padding-right: 1rem; }
.xl-hover-pr-4:hover { padding-right: 1rem; }
.xl-focus-pr-4:focus { padding-right: 1rem; }
.xl-active-pr-4:active { padding-right: 1rem; }
.xl-disabled-pr-4:disabled { padding-right: 1rem; }
.xl-pr-5 { padding-right: 1.25rem; }
.xl-hover-pr-5:hover { padding-right: 1.25rem; }
.xl-focus-pr-5:focus { padding-right: 1.25rem; }
.xl-active-pr-5:active { padding-right: 1.25rem; }
.xl-disabled-pr-5:disabled { padding-right: 1.25rem; }
.xl-pr-6 { padding-right: 1.5rem; }
.xl-hover-pr-6:hover { padding-right: 1.5rem; }
.xl-focus-pr-6:focus { padding-right: 1.5rem; }
.xl-active-pr-6:active { padding-right: 1.5rem; }
.xl-disabled-pr-6:disabled { padding-right: 1.5rem; }
.xl-pr-8 { padding-right: 2rem; }
.xl-hover-pr-8:hover { padding-right: 2rem; }
.xl-focus-pr-8:focus { padding-right: 2rem; }
.xl-active-pr-8:active { padding-right: 2rem; }
.xl-disabled-pr-8:disabled { padding-right: 2rem; }
.xl-pr-10 { padding-right: 2.5rem; }
.xl-hover-pr-10:hover { padding-right: 2.5rem; }
.xl-focus-pr-10:focus { padding-right: 2.5rem; }
.xl-active-pr-10:active { padding-right: 2.5rem; }
.xl-disabled-pr-10:disabled { padding-right: 2.5rem; }
.xl-pr-12 { padding-right: 3rem; }
.xl-hover-pr-12:hover { padding-right: 3rem; }
.xl-focus-pr-12:focus { padding-right: 3rem; }
.xl-active-pr-12:active { padding-right: 3rem; }
.xl-disabled-pr-12:disabled { padding-right: 3rem; }
.xl-pr-16 { padding-right: 4rem; }
.xl-hover-pr-16:hover { padding-right: 4rem; }
.xl-focus-pr-16:focus { padding-right: 4rem; }
.xl-active-pr-16:active { padding-right: 4rem; }
.xl-disabled-pr-16:disabled { padding-right: 4rem; }
.xl-pr-20 { padding-right: 5rem; }
.xl-hover-pr-20:hover { padding-right: 5rem; }
.xl-focus-pr-20:focus { padding-right: 5rem; }
.xl-active-pr-20:active { padding-right: 5rem; }
.xl-disabled-pr-20:disabled { padding-right: 5rem; }
.xl-pr-24 { padding-right: 6rem; }
.xl-hover-pr-24:hover { padding-right: 6rem; }
.xl-focus-pr-24:focus { padding-right: 6rem; }
.xl-active-pr-24:active { padding-right: 6rem; }
.xl-disabled-pr-24:disabled { padding-right: 6rem; }
.xl-pr-28 { padding-right: 7rem; }
.xl-hover-pr-28:hover { padding-right: 7rem; }
.xl-focus-pr-28:focus { padding-right: 7rem; }
.xl-active-pr-28:active { padding-right: 7rem; }
.xl-disabled-pr-28:disabled { padding-right: 7rem; }
.xl-pr-32 { padding-right: 8rem; }
.xl-hover-pr-32:hover { padding-right: 8rem; }
.xl-focus-pr-32:focus { padding-right: 8rem; }
.xl-active-pr-32:active { padding-right: 8rem; }
.xl-disabled-pr-32:disabled { padding-right: 8rem; }
.xl-px-auto { padding-left: auto; padding-right: auto; }
.xl-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
.xl-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
.xl-active-px-auto:active { padding-left: auto; padding-right: auto; }
.xl-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
.xl-px-0 { padding-left: 0; padding-right: 0; }
.xl-hover-px-0:hover { padding-left: 0; padding-right: 0; }
.xl-focus-px-0:focus { padding-left: 0; padding-right: 0; }
.xl-active-px-0:active { padding-left: 0; padding-right: 0; }
.xl-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
.xl-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.xl-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
.xl-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
.xl-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
.xl-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
.xl-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.xl-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
.xl-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
.xl-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
.xl-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
.xl-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.xl-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
.xl-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
.xl-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
.xl-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
.xl-px-4 { padding-left: 1rem; padding-right: 1rem; }
.xl-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
.xl-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
.xl-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
.xl-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
.xl-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.xl-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
.xl-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
.xl-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
.xl-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
.xl-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.xl-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
.xl-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
.xl-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
.xl-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
.xl-px-8 { padding-left: 2rem; padding-right: 2rem; }
.xl-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
.xl-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
.xl-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
.xl-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
.xl-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.xl-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
.xl-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
.xl-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
.xl-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
.xl-px-12 { padding-left: 3rem; padding-right: 3rem; }
.xl-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
.xl-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
.xl-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
.xl-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
.xl-px-16 { padding-left: 4rem; padding-right: 4rem; }
.xl-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
.xl-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
.xl-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
.xl-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
.xl-px-20 { padding-left: 5rem; padding-right: 5rem; }
.xl-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
.xl-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
.xl-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
.xl-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
.xl-px-24 { padding-left: 6rem; padding-right: 6rem; }
.xl-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
.xl-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
.xl-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
.xl-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
.xl-px-28 { padding-left: 7rem; padding-right: 7rem; }
.xl-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
.xl-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
.xl-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
.xl-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
.xl-px-32 { padding-left: 8rem; padding-right: 8rem; }
.xl-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
.xl-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
.xl-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
.xl-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
.xl-py-auto { padding-top: auto; padding-bottom: auto; }
.xl-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
.xl-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
.xl-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
.xl-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
.xl-py-0 { padding-top: 0; padding-bottom: 0; }
.xl-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
.xl-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
.xl-active-py-0:active { padding-top: 0; padding-bottom: 0; }
.xl-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
.xl-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.xl-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.xl-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.xl-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.xl-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.xl-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.xl-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.xl-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.xl-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.xl-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.xl-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.xl-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.xl-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.xl-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.xl-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.xl-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.xl-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
.xl-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
.xl-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
.xl-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
.xl-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.xl-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.xl-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.xl-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.xl-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.xl-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.xl-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.xl-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.xl-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.xl-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.xl-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.xl-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
.xl-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
.xl-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
.xl-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
.xl-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.xl-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.xl-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.xl-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.xl-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.xl-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.xl-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
.xl-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
.xl-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
.xl-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
.xl-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.xl-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
.xl-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
.xl-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
.xl-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
.xl-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.xl-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
.xl-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
.xl-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
.xl-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
.xl-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.xl-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
.xl-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
.xl-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
.xl-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
.xl-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.xl-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
.xl-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
.xl-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
.xl-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
.xl-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.xl-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
.xl-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
.xl-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
.xl-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
.xl-m-auto { margin: auto; }
.xl-hover-m-auto:hover { margin: auto; }
.xl-focus-m-auto:focus { margin: auto; }
.xl-active-m-auto:active { margin: auto; }
.xl-disabled-m-auto:disabled { margin: auto; }
.xl-m-0 { margin: 0; }
.xl-hover-m-0:hover { margin: 0; }
.xl-focus-m-0:focus { margin: 0; }
.xl-active-m-0:active { margin: 0; }
.xl-disabled-m-0:disabled { margin: 0; }
.xl-m-1 { margin: 0.25rem; }
.xl-hover-m-1:hover { margin: 0.25rem; }
.xl-focus-m-1:focus { margin: 0.25rem; }
.xl-active-m-1:active { margin: 0.25rem; }
.xl-disabled-m-1:disabled { margin: 0.25rem; }
.xl-m-2 { margin: 0.5rem; }
.xl-hover-m-2:hover { margin: 0.5rem; }
.xl-focus-m-2:focus { margin: 0.5rem; }
.xl-active-m-2:active { margin: 0.5rem; }
.xl-disabled-m-2:disabled { margin: 0.5rem; }
.xl-m-3 { margin: 0.75rem; }
.xl-hover-m-3:hover { margin: 0.75rem; }
.xl-focus-m-3:focus { margin: 0.75rem; }
.xl-active-m-3:active { margin: 0.75rem; }
.xl-disabled-m-3:disabled { margin: 0.75rem; }
.xl-m-4 { margin: 1rem; }
.xl-hover-m-4:hover { margin: 1rem; }
.xl-focus-m-4:focus { margin: 1rem; }
.xl-active-m-4:active { margin: 1rem; }
.xl-disabled-m-4:disabled { margin: 1rem; }
.xl-m-5 { margin: 1.25rem; }
.xl-hover-m-5:hover { margin: 1.25rem; }
.xl-focus-m-5:focus { margin: 1.25rem; }
.xl-active-m-5:active { margin: 1.25rem; }
.xl-disabled-m-5:disabled { margin: 1.25rem; }
.xl-m-6 { margin: 1.5rem; }
.xl-hover-m-6:hover { margin: 1.5rem; }
.xl-focus-m-6:focus { margin: 1.5rem; }
.xl-active-m-6:active { margin: 1.5rem; }
.xl-disabled-m-6:disabled { margin: 1.5rem; }
.xl-m-8 { margin: 2rem; }
.xl-hover-m-8:hover { margin: 2rem; }
.xl-focus-m-8:focus { margin: 2rem; }
.xl-active-m-8:active { margin: 2rem; }
.xl-disabled-m-8:disabled { margin: 2rem; }
.xl-m-10 { margin: 2.5rem; }
.xl-hover-m-10:hover { margin: 2.5rem; }
.xl-focus-m-10:focus { margin: 2.5rem; }
.xl-active-m-10:active { margin: 2.5rem; }
.xl-disabled-m-10:disabled { margin: 2.5rem; }
.xl-m-12 { margin: 3rem; }
.xl-hover-m-12:hover { margin: 3rem; }
.xl-focus-m-12:focus { margin: 3rem; }
.xl-active-m-12:active { margin: 3rem; }
.xl-disabled-m-12:disabled { margin: 3rem; }
.xl-m-16 { margin: 4rem; }
.xl-hover-m-16:hover { margin: 4rem; }
.xl-focus-m-16:focus { margin: 4rem; }
.xl-active-m-16:active { margin: 4rem; }
.xl-disabled-m-16:disabled { margin: 4rem; }
.xl-m-20 { margin: 5rem; }
.xl-hover-m-20:hover { margin: 5rem; }
.xl-focus-m-20:focus { margin: 5rem; }
.xl-active-m-20:active { margin: 5rem; }
.xl-disabled-m-20:disabled { margin: 5rem; }
.xl-m-24 { margin: 6rem; }
.xl-hover-m-24:hover { margin: 6rem; }
.xl-focus-m-24:focus { margin: 6rem; }
.xl-active-m-24:active { margin: 6rem; }
.xl-disabled-m-24:disabled { margin: 6rem; }
.xl-m-28 { margin: 7rem; }
.xl-hover-m-28:hover { margin: 7rem; }
.xl-focus-m-28:focus { margin: 7rem; }
.xl-active-m-28:active { margin: 7rem; }
.xl-disabled-m-28:disabled { margin: 7rem; }
.xl-m-32 { margin: 8rem; }
.xl-hover-m-32:hover { margin: 8rem; }
.xl-focus-m-32:focus { margin: 8rem; }
.xl-active-m-32:active { margin: 8rem; }
.xl-disabled-m-32:disabled { margin: 8rem; }
.xl-mt-auto { margin-top: auto; }
.xl-hover-mt-auto:hover { margin-top: auto; }
.xl-focus-mt-auto:focus { margin-top: auto; }
.xl-active-mt-auto:active { margin-top: auto; }
.xl-disabled-mt-auto:disabled { margin-top: auto; }
.xl-mt-0 { margin-top: 0; }
.xl-hover-mt-0:hover { margin-top: 0; }
.xl-focus-mt-0:focus { margin-top: 0; }
.xl-active-mt-0:active { margin-top: 0; }
.xl-disabled-mt-0:disabled { margin-top: 0; }
.xl-mt-1 { margin-top: 0.25rem; }
.xl-hover-mt-1:hover { margin-top: 0.25rem; }
.xl-focus-mt-1:focus { margin-top: 0.25rem; }
.xl-active-mt-1:active { margin-top: 0.25rem; }
.xl-disabled-mt-1:disabled { margin-top: 0.25rem; }
.xl-mt-2 { margin-top: 0.5rem; }
.xl-hover-mt-2:hover { margin-top: 0.5rem; }
.xl-focus-mt-2:focus { margin-top: 0.5rem; }
.xl-active-mt-2:active { margin-top: 0.5rem; }
.xl-disabled-mt-2:disabled { margin-top: 0.5rem; }
.xl-mt-3 { margin-top: 0.75rem; }
.xl-hover-mt-3:hover { margin-top: 0.75rem; }
.xl-focus-mt-3:focus { margin-top: 0.75rem; }
.xl-active-mt-3:active { margin-top: 0.75rem; }
.xl-disabled-mt-3:disabled { margin-top: 0.75rem; }
.xl-mt-4 { margin-top: 1rem; }
.xl-hover-mt-4:hover { margin-top: 1rem; }
.xl-focus-mt-4:focus { margin-top: 1rem; }
.xl-active-mt-4:active { margin-top: 1rem; }
.xl-disabled-mt-4:disabled { margin-top: 1rem; }
.xl-mt-5 { margin-top: 1.25rem; }
.xl-hover-mt-5:hover { margin-top: 1.25rem; }
.xl-focus-mt-5:focus { margin-top: 1.25rem; }
.xl-active-mt-5:active { margin-top: 1.25rem; }
.xl-disabled-mt-5:disabled { margin-top: 1.25rem; }
.xl-mt-6 { margin-top: 1.5rem; }
.xl-hover-mt-6:hover { margin-top: 1.5rem; }
.xl-focus-mt-6:focus { margin-top: 1.5rem; }
.xl-active-mt-6:active { margin-top: 1.5rem; }
.xl-disabled-mt-6:disabled { margin-top: 1.5rem; }
.xl-mt-8 { margin-top: 2rem; }
.xl-hover-mt-8:hover { margin-top: 2rem; }
.xl-focus-mt-8:focus { margin-top: 2rem; }
.xl-active-mt-8:active { margin-top: 2rem; }
.xl-disabled-mt-8:disabled { margin-top: 2rem; }
.xl-mt-10 { margin-top: 2.5rem; }
.xl-hover-mt-10:hover { margin-top: 2.5rem; }
.xl-focus-mt-10:focus { margin-top: 2.5rem; }
.xl-active-mt-10:active { margin-top: 2.5rem; }
.xl-disabled-mt-10:disabled { margin-top: 2.5rem; }
.xl-mt-12 { margin-top: 3rem; }
.xl-hover-mt-12:hover { margin-top: 3rem; }
.xl-focus-mt-12:focus { margin-top: 3rem; }
.xl-active-mt-12:active { margin-top: 3rem; }
.xl-disabled-mt-12:disabled { margin-top: 3rem; }
.xl-mt-16 { margin-top: 4rem; }
.xl-hover-mt-16:hover { margin-top: 4rem; }
.xl-focus-mt-16:focus { margin-top: 4rem; }
.xl-active-mt-16:active { margin-top: 4rem; }
.xl-disabled-mt-16:disabled { margin-top: 4rem; }
.xl-mt-20 { margin-top: 5rem; }
.xl-hover-mt-20:hover { margin-top: 5rem; }
.xl-focus-mt-20:focus { margin-top: 5rem; }
.xl-active-mt-20:active { margin-top: 5rem; }
.xl-disabled-mt-20:disabled { margin-top: 5rem; }
.xl-mt-24 { margin-top: 6rem; }
.xl-hover-mt-24:hover { margin-top: 6rem; }
.xl-focus-mt-24:focus { margin-top: 6rem; }
.xl-active-mt-24:active { margin-top: 6rem; }
.xl-disabled-mt-24:disabled { margin-top: 6rem; }
.xl-mt-28 { margin-top: 7rem; }
.xl-hover-mt-28:hover { margin-top: 7rem; }
.xl-focus-mt-28:focus { margin-top: 7rem; }
.xl-active-mt-28:active { margin-top: 7rem; }
.xl-disabled-mt-28:disabled { margin-top: 7rem; }
.xl-mt-32 { margin-top: 8rem; }
.xl-hover-mt-32:hover { margin-top: 8rem; }
.xl-focus-mt-32:focus { margin-top: 8rem; }
.xl-active-mt-32:active { margin-top: 8rem; }
.xl-disabled-mt-32:disabled { margin-top: 8rem; }
.xl-mb-auto { margin-bottom: auto; }
.xl-hover-mb-auto:hover { margin-bottom: auto; }
.xl-focus-mb-auto:focus { margin-bottom: auto; }
.xl-active-mb-auto:active { margin-bottom: auto; }
.xl-disabled-mb-auto:disabled { margin-bottom: auto; }
.xl-mb-0 { margin-bottom: 0; }
.xl-hover-mb-0:hover { margin-bottom: 0; }
.xl-focus-mb-0:focus { margin-bottom: 0; }
.xl-active-mb-0:active { margin-bottom: 0; }
.xl-disabled-mb-0:disabled { margin-bottom: 0; }
.xl-mb-1 { margin-bottom: 0.25rem; }
.xl-hover-mb-1:hover { margin-bottom: 0.25rem; }
.xl-focus-mb-1:focus { margin-bottom: 0.25rem; }
.xl-active-mb-1:active { margin-bottom: 0.25rem; }
.xl-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
.xl-mb-2 { margin-bottom: 0.5rem; }
.xl-hover-mb-2:hover { margin-bottom: 0.5rem; }
.xl-focus-mb-2:focus { margin-bottom: 0.5rem; }
.xl-active-mb-2:active { margin-bottom: 0.5rem; }
.xl-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
.xl-mb-3 { margin-bottom: 0.75rem; }
.xl-hover-mb-3:hover { margin-bottom: 0.75rem; }
.xl-focus-mb-3:focus { margin-bottom: 0.75rem; }
.xl-active-mb-3:active { margin-bottom: 0.75rem; }
.xl-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
.xl-mb-4 { margin-bottom: 1rem; }
.xl-hover-mb-4:hover { margin-bottom: 1rem; }
.xl-focus-mb-4:focus { margin-bottom: 1rem; }
.xl-active-mb-4:active { margin-bottom: 1rem; }
.xl-disabled-mb-4:disabled { margin-bottom: 1rem; }
.xl-mb-5 { margin-bottom: 1.25rem; }
.xl-hover-mb-5:hover { margin-bottom: 1.25rem; }
.xl-focus-mb-5:focus { margin-bottom: 1.25rem; }
.xl-active-mb-5:active { margin-bottom: 1.25rem; }
.xl-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
.xl-mb-6 { margin-bottom: 1.5rem; }
.xl-hover-mb-6:hover { margin-bottom: 1.5rem; }
.xl-focus-mb-6:focus { margin-bottom: 1.5rem; }
.xl-active-mb-6:active { margin-bottom: 1.5rem; }
.xl-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
.xl-mb-8 { margin-bottom: 2rem; }
.xl-hover-mb-8:hover { margin-bottom: 2rem; }
.xl-focus-mb-8:focus { margin-bottom: 2rem; }
.xl-active-mb-8:active { margin-bottom: 2rem; }
.xl-disabled-mb-8:disabled { margin-bottom: 2rem; }
.xl-mb-10 { margin-bottom: 2.5rem; }
.xl-hover-mb-10:hover { margin-bottom: 2.5rem; }
.xl-focus-mb-10:focus { margin-bottom: 2.5rem; }
.xl-active-mb-10:active { margin-bottom: 2.5rem; }
.xl-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
.xl-mb-12 { margin-bottom: 3rem; }
.xl-hover-mb-12:hover { margin-bottom: 3rem; }
.xl-focus-mb-12:focus { margin-bottom: 3rem; }
.xl-active-mb-12:active { margin-bottom: 3rem; }
.xl-disabled-mb-12:disabled { margin-bottom: 3rem; }
.xl-mb-16 { margin-bottom: 4rem; }
.xl-hover-mb-16:hover { margin-bottom: 4rem; }
.xl-focus-mb-16:focus { margin-bottom: 4rem; }
.xl-active-mb-16:active { margin-bottom: 4rem; }
.xl-disabled-mb-16:disabled { margin-bottom: 4rem; }
.xl-mb-20 { margin-bottom: 5rem; }
.xl-hover-mb-20:hover { margin-bottom: 5rem; }
.xl-focus-mb-20:focus { margin-bottom: 5rem; }
.xl-active-mb-20:active { margin-bottom: 5rem; }
.xl-disabled-mb-20:disabled { margin-bottom: 5rem; }
.xl-mb-24 { margin-bottom: 6rem; }
.xl-hover-mb-24:hover { margin-bottom: 6rem; }
.xl-focus-mb-24:focus { margin-bottom: 6rem; }
.xl-active-mb-24:active { margin-bottom: 6rem; }
.xl-disabled-mb-24:disabled { margin-bottom: 6rem; }
.xl-mb-28 { margin-bottom: 7rem; }
.xl-hover-mb-28:hover { margin-bottom: 7rem; }
.xl-focus-mb-28:focus { margin-bottom: 7rem; }
.xl-active-mb-28:active { margin-bottom: 7rem; }
.xl-disabled-mb-28:disabled { margin-bottom: 7rem; }
.xl-mb-32 { margin-bottom: 8rem; }
.xl-hover-mb-32:hover { margin-bottom: 8rem; }
.xl-focus-mb-32:focus { margin-bottom: 8rem; }
.xl-active-mb-32:active { margin-bottom: 8rem; }
.xl-disabled-mb-32:disabled { margin-bottom: 8rem; }
.xl-ml-auto { margin-left: auto; }
.xl-hover-ml-auto:hover { margin-left: auto; }
.xl-focus-ml-auto:focus { margin-left: auto; }
.xl-active-ml-auto:active { margin-left: auto; }
.xl-disabled-ml-auto:disabled { margin-left: auto; }
.xl-ml-0 { margin-left: 0; }
.xl-hover-ml-0:hover { margin-left: 0; }
.xl-focus-ml-0:focus { margin-left: 0; }
.xl-active-ml-0:active { margin-left: 0; }
.xl-disabled-ml-0:disabled { margin-left: 0; }
.xl-ml-1 { margin-left: 0.25rem; }
.xl-hover-ml-1:hover { margin-left: 0.25rem; }
.xl-focus-ml-1:focus { margin-left: 0.25rem; }
.xl-active-ml-1:active { margin-left: 0.25rem; }
.xl-disabled-ml-1:disabled { margin-left: 0.25rem; }
.xl-ml-2 { margin-left: 0.5rem; }
.xl-hover-ml-2:hover { margin-left: 0.5rem; }
.xl-focus-ml-2:focus { margin-left: 0.5rem; }
.xl-active-ml-2:active { margin-left: 0.5rem; }
.xl-disabled-ml-2:disabled { margin-left: 0.5rem; }
.xl-ml-3 { margin-left: 0.75rem; }
.xl-hover-ml-3:hover { margin-left: 0.75rem; }
.xl-focus-ml-3:focus { margin-left: 0.75rem; }
.xl-active-ml-3:active { margin-left: 0.75rem; }
.xl-disabled-ml-3:disabled { margin-left: 0.75rem; }
.xl-ml-4 { margin-left: 1rem; }
.xl-hover-ml-4:hover { margin-left: 1rem; }
.xl-focus-ml-4:focus { margin-left: 1rem; }
.xl-active-ml-4:active { margin-left: 1rem; }
.xl-disabled-ml-4:disabled { margin-left: 1rem; }
.xl-ml-5 { margin-left: 1.25rem; }
.xl-hover-ml-5:hover { margin-left: 1.25rem; }
.xl-focus-ml-5:focus { margin-left: 1.25rem; }
.xl-active-ml-5:active { margin-left: 1.25rem; }
.xl-disabled-ml-5:disabled { margin-left: 1.25rem; }
.xl-ml-6 { margin-left: 1.5rem; }
.xl-hover-ml-6:hover { margin-left: 1.5rem; }
.xl-focus-ml-6:focus { margin-left: 1.5rem; }
.xl-active-ml-6:active { margin-left: 1.5rem; }
.xl-disabled-ml-6:disabled { margin-left: 1.5rem; }
.xl-ml-8 { margin-left: 2rem; }
.xl-hover-ml-8:hover { margin-left: 2rem; }
.xl-focus-ml-8:focus { margin-left: 2rem; }
.xl-active-ml-8:active { margin-left: 2rem; }
.xl-disabled-ml-8:disabled { margin-left: 2rem; }
.xl-ml-10 { margin-left: 2.5rem; }
.xl-hover-ml-10:hover { margin-left: 2.5rem; }
.xl-focus-ml-10:focus { margin-left: 2.5rem; }
.xl-active-ml-10:active { margin-left: 2.5rem; }
.xl-disabled-ml-10:disabled { margin-left: 2.5rem; }
.xl-ml-12 { margin-left: 3rem; }
.xl-hover-ml-12:hover { margin-left: 3rem; }
.xl-focus-ml-12:focus { margin-left: 3rem; }
.xl-active-ml-12:active { margin-left: 3rem; }
.xl-disabled-ml-12:disabled { margin-left: 3rem; }
.xl-ml-16 { margin-left: 4rem; }
.xl-hover-ml-16:hover { margin-left: 4rem; }
.xl-focus-ml-16:focus { margin-left: 4rem; }
.xl-active-ml-16:active { margin-left: 4rem; }
.xl-disabled-ml-16:disabled { margin-left: 4rem; }
.xl-ml-20 { margin-left: 5rem; }
.xl-hover-ml-20:hover { margin-left: 5rem; }
.xl-focus-ml-20:focus { margin-left: 5rem; }
.xl-active-ml-20:active { margin-left: 5rem; }
.xl-disabled-ml-20:disabled { margin-left: 5rem; }
.xl-ml-24 { margin-left: 6rem; }
.xl-hover-ml-24:hover { margin-left: 6rem; }
.xl-focus-ml-24:focus { margin-left: 6rem; }
.xl-active-ml-24:active { margin-left: 6rem; }
.xl-disabled-ml-24:disabled { margin-left: 6rem; }
.xl-ml-28 { margin-left: 7rem; }
.xl-hover-ml-28:hover { margin-left: 7rem; }
.xl-focus-ml-28:focus { margin-left: 7rem; }
.xl-active-ml-28:active { margin-left: 7rem; }
.xl-disabled-ml-28:disabled { margin-left: 7rem; }
.xl-ml-32 { margin-left: 8rem; }
.xl-hover-ml-32:hover { margin-left: 8rem; }
.xl-focus-ml-32:focus { margin-left: 8rem; }
.xl-active-ml-32:active { margin-left: 8rem; }
.xl-disabled-ml-32:disabled { margin-left: 8rem; }
.xl-mr-auto { margin-right: auto; }
.xl-hover-mr-auto:hover { margin-right: auto; }
.xl-focus-mr-auto:focus { margin-right: auto; }
.xl-active-mr-auto:active { margin-right: auto; }
.xl-disabled-mr-auto:disabled { margin-right: auto; }
.xl-mr-0 { margin-right: 0; }
.xl-hover-mr-0:hover { margin-right: 0; }
.xl-focus-mr-0:focus { margin-right: 0; }
.xl-active-mr-0:active { margin-right: 0; }
.xl-disabled-mr-0:disabled { margin-right: 0; }
.xl-mr-1 { margin-right: 0.25rem; }
.xl-hover-mr-1:hover { margin-right: 0.25rem; }
.xl-focus-mr-1:focus { margin-right: 0.25rem; }
.xl-active-mr-1:active { margin-right: 0.25rem; }
.xl-disabled-mr-1:disabled { margin-right: 0.25rem; }
.xl-mr-2 { margin-right: 0.5rem; }
.xl-hover-mr-2:hover { margin-right: 0.5rem; }
.xl-focus-mr-2:focus { margin-right: 0.5rem; }
.xl-active-mr-2:active { margin-right: 0.5rem; }
.xl-disabled-mr-2:disabled { margin-right: 0.5rem; }
.xl-mr-3 { margin-right: 0.75rem; }
.xl-hover-mr-3:hover { margin-right: 0.75rem; }
.xl-focus-mr-3:focus { margin-right: 0.75rem; }
.xl-active-mr-3:active { margin-right: 0.75rem; }
.xl-disabled-mr-3:disabled { margin-right: 0.75rem; }
.xl-mr-4 { margin-right: 1rem; }
.xl-hover-mr-4:hover { margin-right: 1rem; }
.xl-focus-mr-4:focus { margin-right: 1rem; }
.xl-active-mr-4:active { margin-right: 1rem; }
.xl-disabled-mr-4:disabled { margin-right: 1rem; }
.xl-mr-5 { margin-right: 1.25rem; }
.xl-hover-mr-5:hover { margin-right: 1.25rem; }
.xl-focus-mr-5:focus { margin-right: 1.25rem; }
.xl-active-mr-5:active { margin-right: 1.25rem; }
.xl-disabled-mr-5:disabled { margin-right: 1.25rem; }
.xl-mr-6 { margin-right: 1.5rem; }
.xl-hover-mr-6:hover { margin-right: 1.5rem; }
.xl-focus-mr-6:focus { margin-right: 1.5rem; }
.xl-active-mr-6:active { margin-right: 1.5rem; }
.xl-disabled-mr-6:disabled { margin-right: 1.5rem; }
.xl-mr-8 { margin-right: 2rem; }
.xl-hover-mr-8:hover { margin-right: 2rem; }
.xl-focus-mr-8:focus { margin-right: 2rem; }
.xl-active-mr-8:active { margin-right: 2rem; }
.xl-disabled-mr-8:disabled { margin-right: 2rem; }
.xl-mr-10 { margin-right: 2.5rem; }
.xl-hover-mr-10:hover { margin-right: 2.5rem; }
.xl-focus-mr-10:focus { margin-right: 2.5rem; }
.xl-active-mr-10:active { margin-right: 2.5rem; }
.xl-disabled-mr-10:disabled { margin-right: 2.5rem; }
.xl-mr-12 { margin-right: 3rem; }
.xl-hover-mr-12:hover { margin-right: 3rem; }
.xl-focus-mr-12:focus { margin-right: 3rem; }
.xl-active-mr-12:active { margin-right: 3rem; }
.xl-disabled-mr-12:disabled { margin-right: 3rem; }
.xl-mr-16 { margin-right: 4rem; }
.xl-hover-mr-16:hover { margin-right: 4rem; }
.xl-focus-mr-16:focus { margin-right: 4rem; }
.xl-active-mr-16:active { margin-right: 4rem; }
.xl-disabled-mr-16:disabled { margin-right: 4rem; }
.xl-mr-20 { margin-right: 5rem; }
.xl-hover-mr-20:hover { margin-right: 5rem; }
.xl-focus-mr-20:focus { margin-right: 5rem; }
.xl-active-mr-20:active { margin-right: 5rem; }
.xl-disabled-mr-20:disabled { margin-right: 5rem; }
.xl-mr-24 { margin-right: 6rem; }
.xl-hover-mr-24:hover { margin-right: 6rem; }
.xl-focus-mr-24:focus { margin-right: 6rem; }
.xl-active-mr-24:active { margin-right: 6rem; }
.xl-disabled-mr-24:disabled { margin-right: 6rem; }
.xl-mr-28 { margin-right: 7rem; }
.xl-hover-mr-28:hover { margin-right: 7rem; }
.xl-focus-mr-28:focus { margin-right: 7rem; }
.xl-active-mr-28:active { margin-right: 7rem; }
.xl-disabled-mr-28:disabled { margin-right: 7rem; }
.xl-mr-32 { margin-right: 8rem; }
.xl-hover-mr-32:hover { margin-right: 8rem; }
.xl-focus-mr-32:focus { margin-right: 8rem; }
.xl-active-mr-32:active { margin-right: 8rem; }
.xl-disabled-mr-32:disabled { margin-right: 8rem; }
.xl-space-x-auto { --space-x: auto; }
.xl-hover-space-x-auto:hover { --space-x: auto; }
.xl-focus-space-x-auto:focus { --space-x: auto; }
.xl-active-space-x-auto:active { --space-x: auto; }
.xl-disabled-space-x-auto:disabled { --space-x: auto; }
.xl-space-x-0 { --space-x: 0; }
.xl-hover-space-x-0:hover { --space-x: 0; }
.xl-focus-space-x-0:focus { --space-x: 0; }
.xl-active-space-x-0:active { --space-x: 0; }
.xl-disabled-space-x-0:disabled { --space-x: 0; }
.xl-space-x-1 { --space-x: 0.25rem; }
.xl-hover-space-x-1:hover { --space-x: 0.25rem; }
.xl-focus-space-x-1:focus { --space-x: 0.25rem; }
.xl-active-space-x-1:active { --space-x: 0.25rem; }
.xl-disabled-space-x-1:disabled { --space-x: 0.25rem; }
.xl-space-x-2 { --space-x: 0.5rem; }
.xl-hover-space-x-2:hover { --space-x: 0.5rem; }
.xl-focus-space-x-2:focus { --space-x: 0.5rem; }
.xl-active-space-x-2:active { --space-x: 0.5rem; }
.xl-disabled-space-x-2:disabled { --space-x: 0.5rem; }
.xl-space-x-3 { --space-x: 0.75rem; }
.xl-hover-space-x-3:hover { --space-x: 0.75rem; }
.xl-focus-space-x-3:focus { --space-x: 0.75rem; }
.xl-active-space-x-3:active { --space-x: 0.75rem; }
.xl-disabled-space-x-3:disabled { --space-x: 0.75rem; }
.xl-space-x-4 { --space-x: 1rem; }
.xl-hover-space-x-4:hover { --space-x: 1rem; }
.xl-focus-space-x-4:focus { --space-x: 1rem; }
.xl-active-space-x-4:active { --space-x: 1rem; }
.xl-disabled-space-x-4:disabled { --space-x: 1rem; }
.xl-space-x-5 { --space-x: 1.25rem; }
.xl-hover-space-x-5:hover { --space-x: 1.25rem; }
.xl-focus-space-x-5:focus { --space-x: 1.25rem; }
.xl-active-space-x-5:active { --space-x: 1.25rem; }
.xl-disabled-space-x-5:disabled { --space-x: 1.25rem; }
.xl-space-x-6 { --space-x: 1.5rem; }
.xl-hover-space-x-6:hover { --space-x: 1.5rem; }
.xl-focus-space-x-6:focus { --space-x: 1.5rem; }
.xl-active-space-x-6:active { --space-x: 1.5rem; }
.xl-disabled-space-x-6:disabled { --space-x: 1.5rem; }
.xl-space-x-8 { --space-x: 2rem; }
.xl-hover-space-x-8:hover { --space-x: 2rem; }
.xl-focus-space-x-8:focus { --space-x: 2rem; }
.xl-active-space-x-8:active { --space-x: 2rem; }
.xl-disabled-space-x-8:disabled { --space-x: 2rem; }
.xl-space-x-10 { --space-x: 2.5rem; }
.xl-hover-space-x-10:hover { --space-x: 2.5rem; }
.xl-focus-space-x-10:focus { --space-x: 2.5rem; }
.xl-active-space-x-10:active { --space-x: 2.5rem; }
.xl-disabled-space-x-10:disabled { --space-x: 2.5rem; }
.xl-space-x-12 { --space-x: 3rem; }
.xl-hover-space-x-12:hover { --space-x: 3rem; }
.xl-focus-space-x-12:focus { --space-x: 3rem; }
.xl-active-space-x-12:active { --space-x: 3rem; }
.xl-disabled-space-x-12:disabled { --space-x: 3rem; }
.xl-space-x-16 { --space-x: 4rem; }
.xl-hover-space-x-16:hover { --space-x: 4rem; }
.xl-focus-space-x-16:focus { --space-x: 4rem; }
.xl-active-space-x-16:active { --space-x: 4rem; }
.xl-disabled-space-x-16:disabled { --space-x: 4rem; }
.xl-space-x-20 { --space-x: 5rem; }
.xl-hover-space-x-20:hover { --space-x: 5rem; }
.xl-focus-space-x-20:focus { --space-x: 5rem; }
.xl-active-space-x-20:active { --space-x: 5rem; }
.xl-disabled-space-x-20:disabled { --space-x: 5rem; }
.xl-space-x-24 { --space-x: 6rem; }
.xl-hover-space-x-24:hover { --space-x: 6rem; }
.xl-focus-space-x-24:focus { --space-x: 6rem; }
.xl-active-space-x-24:active { --space-x: 6rem; }
.xl-disabled-space-x-24:disabled { --space-x: 6rem; }
.xl-space-x-28 { --space-x: 7rem; }
.xl-hover-space-x-28:hover { --space-x: 7rem; }
.xl-focus-space-x-28:focus { --space-x: 7rem; }
.xl-active-space-x-28:active { --space-x: 7rem; }
.xl-disabled-space-x-28:disabled { --space-x: 7rem; }
.xl-space-x-32 { --space-x: 8rem; }
.xl-hover-space-x-32:hover { --space-x: 8rem; }
.xl-focus-space-x-32:focus { --space-x: 8rem; }
.xl-active-space-x-32:active { --space-x: 8rem; }
.xl-disabled-space-x-32:disabled { --space-x: 8rem; }
.xl-space-y-auto { --space-y: auto; }
.xl-hover-space-y-auto:hover { --space-y: auto; }
.xl-focus-space-y-auto:focus { --space-y: auto; }
.xl-active-space-y-auto:active { --space-y: auto; }
.xl-disabled-space-y-auto:disabled { --space-y: auto; }
.xl-space-y-0 { --space-y: 0; }
.xl-hover-space-y-0:hover { --space-y: 0; }
.xl-focus-space-y-0:focus { --space-y: 0; }
.xl-active-space-y-0:active { --space-y: 0; }
.xl-disabled-space-y-0:disabled { --space-y: 0; }
.xl-space-y-1 { --space-y: 0.25rem; }
.xl-hover-space-y-1:hover { --space-y: 0.25rem; }
.xl-focus-space-y-1:focus { --space-y: 0.25rem; }
.xl-active-space-y-1:active { --space-y: 0.25rem; }
.xl-disabled-space-y-1:disabled { --space-y: 0.25rem; }
.xl-space-y-2 { --space-y: 0.5rem; }
.xl-hover-space-y-2:hover { --space-y: 0.5rem; }
.xl-focus-space-y-2:focus { --space-y: 0.5rem; }
.xl-active-space-y-2:active { --space-y: 0.5rem; }
.xl-disabled-space-y-2:disabled { --space-y: 0.5rem; }
.xl-space-y-3 { --space-y: 0.75rem; }
.xl-hover-space-y-3:hover { --space-y: 0.75rem; }
.xl-focus-space-y-3:focus { --space-y: 0.75rem; }
.xl-active-space-y-3:active { --space-y: 0.75rem; }
.xl-disabled-space-y-3:disabled { --space-y: 0.75rem; }
.xl-space-y-4 { --space-y: 1rem; }
.xl-hover-space-y-4:hover { --space-y: 1rem; }
.xl-focus-space-y-4:focus { --space-y: 1rem; }
.xl-active-space-y-4:active { --space-y: 1rem; }
.xl-disabled-space-y-4:disabled { --space-y: 1rem; }
.xl-space-y-5 { --space-y: 1.25rem; }
.xl-hover-space-y-5:hover { --space-y: 1.25rem; }
.xl-focus-space-y-5:focus { --space-y: 1.25rem; }
.xl-active-space-y-5:active { --space-y: 1.25rem; }
.xl-disabled-space-y-5:disabled { --space-y: 1.25rem; }
.xl-space-y-6 { --space-y: 1.5rem; }
.xl-hover-space-y-6:hover { --space-y: 1.5rem; }
.xl-focus-space-y-6:focus { --space-y: 1.5rem; }
.xl-active-space-y-6:active { --space-y: 1.5rem; }
.xl-disabled-space-y-6:disabled { --space-y: 1.5rem; }
.xl-space-y-8 { --space-y: 2rem; }
.xl-hover-space-y-8:hover { --space-y: 2rem; }
.xl-focus-space-y-8:focus { --space-y: 2rem; }
.xl-active-space-y-8:active { --space-y: 2rem; }
.xl-disabled-space-y-8:disabled { --space-y: 2rem; }
.xl-space-y-10 { --space-y: 2.5rem; }
.xl-hover-space-y-10:hover { --space-y: 2.5rem; }
.xl-focus-space-y-10:focus { --space-y: 2.5rem; }
.xl-active-space-y-10:active { --space-y: 2.5rem; }
.xl-disabled-space-y-10:disabled { --space-y: 2.5rem; }
.xl-space-y-12 { --space-y: 3rem; }
.xl-hover-space-y-12:hover { --space-y: 3rem; }
.xl-focus-space-y-12:focus { --space-y: 3rem; }
.xl-active-space-y-12:active { --space-y: 3rem; }
.xl-disabled-space-y-12:disabled { --space-y: 3rem; }
.xl-space-y-16 { --space-y: 4rem; }
.xl-hover-space-y-16:hover { --space-y: 4rem; }
.xl-focus-space-y-16:focus { --space-y: 4rem; }
.xl-active-space-y-16:active { --space-y: 4rem; }
.xl-disabled-space-y-16:disabled { --space-y: 4rem; }
.xl-space-y-20 { --space-y: 5rem; }
.xl-hover-space-y-20:hover { --space-y: 5rem; }
.xl-focus-space-y-20:focus { --space-y: 5rem; }
.xl-active-space-y-20:active { --space-y: 5rem; }
.xl-disabled-space-y-20:disabled { --space-y: 5rem; }
.xl-space-y-24 { --space-y: 6rem; }
.xl-hover-space-y-24:hover { --space-y: 6rem; }
.xl-focus-space-y-24:focus { --space-y: 6rem; }
.xl-active-space-y-24:active { --space-y: 6rem; }
.xl-disabled-space-y-24:disabled { --space-y: 6rem; }
.xl-space-y-28 { --space-y: 7rem; }
.xl-hover-space-y-28:hover { --space-y: 7rem; }
.xl-focus-space-y-28:focus { --space-y: 7rem; }
.xl-active-space-y-28:active { --space-y: 7rem; }
.xl-disabled-space-y-28:disabled { --space-y: 7rem; }
.xl-space-y-32 { --space-y: 8rem; }
.xl-hover-space-y-32:hover { --space-y: 8rem; }
.xl-focus-space-y-32:focus { --space-y: 8rem; }
.xl-active-space-y-32:active { --space-y: 8rem; }
.xl-disabled-space-y-32:disabled { --space-y: 8rem; }
.xl-d-block { display: block; }
.xl-hover-d-block:hover { display: block; }
.xl-focus-d-block:focus { display: block; }
.xl-active-d-block:active { display: block; }
.xl-disabled-d-block:disabled { display: block; }
.xl-d-inline { display: inline; }
.xl-hover-d-inline:hover { display: inline; }
.xl-focus-d-inline:focus { display: inline; }
.xl-active-d-inline:active { display: inline; }
.xl-disabled-d-inline:disabled { display: inline; }
.xl-d-inline-block { display: inline-block; }
.xl-hover-d-inline-block:hover { display: inline-block; }
.xl-focus-d-inline-block:focus { display: inline-block; }
.xl-active-d-inline-block:active { display: inline-block; }
.xl-disabled-d-inline-block:disabled { display: inline-block; }
.xl-d-flex { display: flex; }
.xl-hover-d-flex:hover { display: flex; }
.xl-focus-d-flex:focus { display: flex; }
.xl-active-d-flex:active { display: flex; }
.xl-disabled-d-flex:disabled { display: flex; }
.xl-d-inline-flex { display: inline-flex; }
.xl-hover-d-inline-flex:hover { display: inline-flex; }
.xl-focus-d-inline-flex:focus { display: inline-flex; }
.xl-active-d-inline-flex:active { display: inline-flex; }
.xl-disabled-d-inline-flex:disabled { display: inline-flex; }
.xl-d-grid { display: grid; }
.xl-hover-d-grid:hover { display: grid; }
.xl-focus-d-grid:focus { display: grid; }
.xl-active-d-grid:active { display: grid; }
.xl-disabled-d-grid:disabled { display: grid; }
.xl-d-inline-grid { display: inline-grid; }
.xl-hover-d-inline-grid:hover { display: inline-grid; }
.xl-focus-d-inline-grid:focus { display: inline-grid; }
.xl-active-d-inline-grid:active { display: inline-grid; }
.xl-disabled-d-inline-grid:disabled { display: inline-grid; }
.xl-d-none { display: none; }
.xl-hover-d-none:hover { display: none; }
.xl-focus-d-none:focus { display: none; }
.xl-active-d-none:active { display: none; }
.xl-disabled-d-none:disabled { display: none; }
.xl-position-static { position: static; }
.xl-hover-position-static:hover { position: static; }
.xl-focus-position-static:focus { position: static; }
.xl-active-position-static:active { position: static; }
.xl-disabled-position-static:disabled { position: static; }
.xl-position-relative { position: relative; }
.xl-hover-position-relative:hover { position: relative; }
.xl-focus-position-relative:focus { position: relative; }
.xl-active-position-relative:active { position: relative; }
.xl-disabled-position-relative:disabled { position: relative; }
.xl-position-absolute { position: absolute; }
.xl-hover-position-absolute:hover { position: absolute; }
.xl-focus-position-absolute:focus { position: absolute; }
.xl-active-position-absolute:active { position: absolute; }
.xl-disabled-position-absolute:disabled { position: absolute; }
.xl-position-fixed { position: fixed; }
.xl-hover-position-fixed:hover { position: fixed; }
.xl-focus-position-fixed:focus { position: fixed; }
.xl-active-position-fixed:active { position: fixed; }
.xl-disabled-position-fixed:disabled { position: fixed; }
.xl-position-sticky { position: sticky; }
.xl-hover-position-sticky:hover { position: sticky; }
.xl-focus-position-sticky:focus { position: sticky; }
.xl-active-position-sticky:active { position: sticky; }
.xl-disabled-position-sticky:disabled { position: sticky; }
.xl-inset-0 { inset: 0; }
.xl-hover-inset-0:hover { inset: 0; }
.xl-focus-inset-0:focus { inset: 0; }
.xl-active-inset-0:active { inset: 0; }
.xl-disabled-inset-0:disabled { inset: 0; }
.xl-inset-1 { inset: 0.25rem; }
.xl-hover-inset-1:hover { inset: 0.25rem; }
.xl-focus-inset-1:focus { inset: 0.25rem; }
.xl-active-inset-1:active { inset: 0.25rem; }
.xl-disabled-inset-1:disabled { inset: 0.25rem; }
.xl-inset-2 { inset: 0.5rem; }
.xl-hover-inset-2:hover { inset: 0.5rem; }
.xl-focus-inset-2:focus { inset: 0.5rem; }
.xl-active-inset-2:active { inset: 0.5rem; }
.xl-disabled-inset-2:disabled { inset: 0.5rem; }
.xl-inset-3 { inset: 0.75rem; }
.xl-hover-inset-3:hover { inset: 0.75rem; }
.xl-focus-inset-3:focus { inset: 0.75rem; }
.xl-active-inset-3:active { inset: 0.75rem; }
.xl-disabled-inset-3:disabled { inset: 0.75rem; }
.xl-inset-4 { inset: 1rem; }
.xl-hover-inset-4:hover { inset: 1rem; }
.xl-focus-inset-4:focus { inset: 1rem; }
.xl-active-inset-4:active { inset: 1rem; }
.xl-disabled-inset-4:disabled { inset: 1rem; }
.xl-inset-5 { inset: 1.25rem; }
.xl-hover-inset-5:hover { inset: 1.25rem; }
.xl-focus-inset-5:focus { inset: 1.25rem; }
.xl-active-inset-5:active { inset: 1.25rem; }
.xl-disabled-inset-5:disabled { inset: 1.25rem; }
.xl-inset-6 { inset: 1.5rem; }
.xl-hover-inset-6:hover { inset: 1.5rem; }
.xl-focus-inset-6:focus { inset: 1.5rem; }
.xl-active-inset-6:active { inset: 1.5rem; }
.xl-disabled-inset-6:disabled { inset: 1.5rem; }
.xl-inset-7 { inset: 1.75rem; }
.xl-hover-inset-7:hover { inset: 1.75rem; }
.xl-focus-inset-7:focus { inset: 1.75rem; }
.xl-active-inset-7:active { inset: 1.75rem; }
.xl-disabled-inset-7:disabled { inset: 1.75rem; }
.xl-inset-8 { inset: 2rem; }
.xl-hover-inset-8:hover { inset: 2rem; }
.xl-focus-inset-8:focus { inset: 2rem; }
.xl-active-inset-8:active { inset: 2rem; }
.xl-disabled-inset-8:disabled { inset: 2rem; }
.xl-inset-9 { inset: 2.25rem; }
.xl-hover-inset-9:hover { inset: 2.25rem; }
.xl-focus-inset-9:focus { inset: 2.25rem; }
.xl-active-inset-9:active { inset: 2.25rem; }
.xl-disabled-inset-9:disabled { inset: 2.25rem; }
.xl-inset-10 { inset: 2.5rem; }
.xl-hover-inset-10:hover { inset: 2.5rem; }
.xl-focus-inset-10:focus { inset: 2.5rem; }
.xl-active-inset-10:active { inset: 2.5rem; }
.xl-disabled-inset-10:disabled { inset: 2.5rem; }
.xl-inset-12 { inset: 3rem; }
.xl-hover-inset-12:hover { inset: 3rem; }
.xl-focus-inset-12:focus { inset: 3rem; }
.xl-active-inset-12:active { inset: 3rem; }
.xl-disabled-inset-12:disabled { inset: 3rem; }
.xl-inset-14 { inset: 3.5rem; }
.xl-hover-inset-14:hover { inset: 3.5rem; }
.xl-focus-inset-14:focus { inset: 3.5rem; }
.xl-active-inset-14:active { inset: 3.5rem; }
.xl-disabled-inset-14:disabled { inset: 3.5rem; }
.xl-inset-16 { inset: 4rem; }
.xl-hover-inset-16:hover { inset: 4rem; }
.xl-focus-inset-16:focus { inset: 4rem; }
.xl-active-inset-16:active { inset: 4rem; }
.xl-disabled-inset-16:disabled { inset: 4rem; }
.xl-inset-20 { inset: 5rem; }
.xl-hover-inset-20:hover { inset: 5rem; }
.xl-focus-inset-20:focus { inset: 5rem; }
.xl-active-inset-20:active { inset: 5rem; }
.xl-disabled-inset-20:disabled { inset: 5rem; }
.xl-inset-24 { inset: 6rem; }
.xl-hover-inset-24:hover { inset: 6rem; }
.xl-focus-inset-24:focus { inset: 6rem; }
.xl-active-inset-24:active { inset: 6rem; }
.xl-disabled-inset-24:disabled { inset: 6rem; }
.xl-inset-28 { inset: 7rem; }
.xl-hover-inset-28:hover { inset: 7rem; }
.xl-focus-inset-28:focus { inset: 7rem; }
.xl-active-inset-28:active { inset: 7rem; }
.xl-disabled-inset-28:disabled { inset: 7rem; }
.xl-inset-32 { inset: 8rem; }
.xl-hover-inset-32:hover { inset: 8rem; }
.xl-focus-inset-32:focus { inset: 8rem; }
.xl-active-inset-32:active { inset: 8rem; }
.xl-disabled-inset-32:disabled { inset: 8rem; }
.xl-inset-t-0 { inset-top: 0; }
.xl-hover-inset-t-0:hover { inset-top: 0; }
.xl-focus-inset-t-0:focus { inset-top: 0; }
.xl-active-inset-t-0:active { inset-top: 0; }
.xl-disabled-inset-t-0:disabled { inset-top: 0; }
.xl-inset-t-1 { inset-top: 0.25rem; }
.xl-hover-inset-t-1:hover { inset-top: 0.25rem; }
.xl-focus-inset-t-1:focus { inset-top: 0.25rem; }
.xl-active-inset-t-1:active { inset-top: 0.25rem; }
.xl-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
.xl-inset-t-2 { inset-top: 0.5rem; }
.xl-hover-inset-t-2:hover { inset-top: 0.5rem; }
.xl-focus-inset-t-2:focus { inset-top: 0.5rem; }
.xl-active-inset-t-2:active { inset-top: 0.5rem; }
.xl-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
.xl-inset-t-3 { inset-top: 0.75rem; }
.xl-hover-inset-t-3:hover { inset-top: 0.75rem; }
.xl-focus-inset-t-3:focus { inset-top: 0.75rem; }
.xl-active-inset-t-3:active { inset-top: 0.75rem; }
.xl-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
.xl-inset-t-4 { inset-top: 1rem; }
.xl-hover-inset-t-4:hover { inset-top: 1rem; }
.xl-focus-inset-t-4:focus { inset-top: 1rem; }
.xl-active-inset-t-4:active { inset-top: 1rem; }
.xl-disabled-inset-t-4:disabled { inset-top: 1rem; }
.xl-inset-t-5 { inset-top: 1.25rem; }
.xl-hover-inset-t-5:hover { inset-top: 1.25rem; }
.xl-focus-inset-t-5:focus { inset-top: 1.25rem; }
.xl-active-inset-t-5:active { inset-top: 1.25rem; }
.xl-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
.xl-inset-t-6 { inset-top: 1.5rem; }
.xl-hover-inset-t-6:hover { inset-top: 1.5rem; }
.xl-focus-inset-t-6:focus { inset-top: 1.5rem; }
.xl-active-inset-t-6:active { inset-top: 1.5rem; }
.xl-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
.xl-inset-t-7 { inset-top: 1.75rem; }
.xl-hover-inset-t-7:hover { inset-top: 1.75rem; }
.xl-focus-inset-t-7:focus { inset-top: 1.75rem; }
.xl-active-inset-t-7:active { inset-top: 1.75rem; }
.xl-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
.xl-inset-t-8 { inset-top: 2rem; }
.xl-hover-inset-t-8:hover { inset-top: 2rem; }
.xl-focus-inset-t-8:focus { inset-top: 2rem; }
.xl-active-inset-t-8:active { inset-top: 2rem; }
.xl-disabled-inset-t-8:disabled { inset-top: 2rem; }
.xl-inset-t-9 { inset-top: 2.25rem; }
.xl-hover-inset-t-9:hover { inset-top: 2.25rem; }
.xl-focus-inset-t-9:focus { inset-top: 2.25rem; }
.xl-active-inset-t-9:active { inset-top: 2.25rem; }
.xl-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
.xl-inset-t-10 { inset-top: 2.5rem; }
.xl-hover-inset-t-10:hover { inset-top: 2.5rem; }
.xl-focus-inset-t-10:focus { inset-top: 2.5rem; }
.xl-active-inset-t-10:active { inset-top: 2.5rem; }
.xl-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
.xl-inset-t-12 { inset-top: 3rem; }
.xl-hover-inset-t-12:hover { inset-top: 3rem; }
.xl-focus-inset-t-12:focus { inset-top: 3rem; }
.xl-active-inset-t-12:active { inset-top: 3rem; }
.xl-disabled-inset-t-12:disabled { inset-top: 3rem; }
.xl-inset-t-14 { inset-top: 3.5rem; }
.xl-hover-inset-t-14:hover { inset-top: 3.5rem; }
.xl-focus-inset-t-14:focus { inset-top: 3.5rem; }
.xl-active-inset-t-14:active { inset-top: 3.5rem; }
.xl-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
.xl-inset-t-16 { inset-top: 4rem; }
.xl-hover-inset-t-16:hover { inset-top: 4rem; }
.xl-focus-inset-t-16:focus { inset-top: 4rem; }
.xl-active-inset-t-16:active { inset-top: 4rem; }
.xl-disabled-inset-t-16:disabled { inset-top: 4rem; }
.xl-inset-t-20 { inset-top: 5rem; }
.xl-hover-inset-t-20:hover { inset-top: 5rem; }
.xl-focus-inset-t-20:focus { inset-top: 5rem; }
.xl-active-inset-t-20:active { inset-top: 5rem; }
.xl-disabled-inset-t-20:disabled { inset-top: 5rem; }
.xl-inset-t-24 { inset-top: 6rem; }
.xl-hover-inset-t-24:hover { inset-top: 6rem; }
.xl-focus-inset-t-24:focus { inset-top: 6rem; }
.xl-active-inset-t-24:active { inset-top: 6rem; }
.xl-disabled-inset-t-24:disabled { inset-top: 6rem; }
.xl-inset-t-28 { inset-top: 7rem; }
.xl-hover-inset-t-28:hover { inset-top: 7rem; }
.xl-focus-inset-t-28:focus { inset-top: 7rem; }
.xl-active-inset-t-28:active { inset-top: 7rem; }
.xl-disabled-inset-t-28:disabled { inset-top: 7rem; }
.xl-inset-t-32 { inset-top: 8rem; }
.xl-hover-inset-t-32:hover { inset-top: 8rem; }
.xl-focus-inset-t-32:focus { inset-top: 8rem; }
.xl-active-inset-t-32:active { inset-top: 8rem; }
.xl-disabled-inset-t-32:disabled { inset-top: 8rem; }
.xl-inset-r-0 { inset-right: 0; }
.xl-hover-inset-r-0:hover { inset-right: 0; }
.xl-focus-inset-r-0:focus { inset-right: 0; }
.xl-active-inset-r-0:active { inset-right: 0; }
.xl-disabled-inset-r-0:disabled { inset-right: 0; }
.xl-inset-r-1 { inset-right: 0.25rem; }
.xl-hover-inset-r-1:hover { inset-right: 0.25rem; }
.xl-focus-inset-r-1:focus { inset-right: 0.25rem; }
.xl-active-inset-r-1:active { inset-right: 0.25rem; }
.xl-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
.xl-inset-r-2 { inset-right: 0.5rem; }
.xl-hover-inset-r-2:hover { inset-right: 0.5rem; }
.xl-focus-inset-r-2:focus { inset-right: 0.5rem; }
.xl-active-inset-r-2:active { inset-right: 0.5rem; }
.xl-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
.xl-inset-r-3 { inset-right: 0.75rem; }
.xl-hover-inset-r-3:hover { inset-right: 0.75rem; }
.xl-focus-inset-r-3:focus { inset-right: 0.75rem; }
.xl-active-inset-r-3:active { inset-right: 0.75rem; }
.xl-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
.xl-inset-r-4 { inset-right: 1rem; }
.xl-hover-inset-r-4:hover { inset-right: 1rem; }
.xl-focus-inset-r-4:focus { inset-right: 1rem; }
.xl-active-inset-r-4:active { inset-right: 1rem; }
.xl-disabled-inset-r-4:disabled { inset-right: 1rem; }
.xl-inset-r-5 { inset-right: 1.25rem; }
.xl-hover-inset-r-5:hover { inset-right: 1.25rem; }
.xl-focus-inset-r-5:focus { inset-right: 1.25rem; }
.xl-active-inset-r-5:active { inset-right: 1.25rem; }
.xl-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
.xl-inset-r-6 { inset-right: 1.5rem; }
.xl-hover-inset-r-6:hover { inset-right: 1.5rem; }
.xl-focus-inset-r-6:focus { inset-right: 1.5rem; }
.xl-active-inset-r-6:active { inset-right: 1.5rem; }
.xl-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
.xl-inset-r-7 { inset-right: 1.75rem; }
.xl-hover-inset-r-7:hover { inset-right: 1.75rem; }
.xl-focus-inset-r-7:focus { inset-right: 1.75rem; }
.xl-active-inset-r-7:active { inset-right: 1.75rem; }
.xl-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
.xl-inset-r-8 { inset-right: 2rem; }
.xl-hover-inset-r-8:hover { inset-right: 2rem; }
.xl-focus-inset-r-8:focus { inset-right: 2rem; }
.xl-active-inset-r-8:active { inset-right: 2rem; }
.xl-disabled-inset-r-8:disabled { inset-right: 2rem; }
.xl-inset-r-9 { inset-right: 2.25rem; }
.xl-hover-inset-r-9:hover { inset-right: 2.25rem; }
.xl-focus-inset-r-9:focus { inset-right: 2.25rem; }
.xl-active-inset-r-9:active { inset-right: 2.25rem; }
.xl-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
.xl-inset-r-10 { inset-right: 2.5rem; }
.xl-hover-inset-r-10:hover { inset-right: 2.5rem; }
.xl-focus-inset-r-10:focus { inset-right: 2.5rem; }
.xl-active-inset-r-10:active { inset-right: 2.5rem; }
.xl-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
.xl-inset-r-12 { inset-right: 3rem; }
.xl-hover-inset-r-12:hover { inset-right: 3rem; }
.xl-focus-inset-r-12:focus { inset-right: 3rem; }
.xl-active-inset-r-12:active { inset-right: 3rem; }
.xl-disabled-inset-r-12:disabled { inset-right: 3rem; }
.xl-inset-r-14 { inset-right: 3.5rem; }
.xl-hover-inset-r-14:hover { inset-right: 3.5rem; }
.xl-focus-inset-r-14:focus { inset-right: 3.5rem; }
.xl-active-inset-r-14:active { inset-right: 3.5rem; }
.xl-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
.xl-inset-r-16 { inset-right: 4rem; }
.xl-hover-inset-r-16:hover { inset-right: 4rem; }
.xl-focus-inset-r-16:focus { inset-right: 4rem; }
.xl-active-inset-r-16:active { inset-right: 4rem; }
.xl-disabled-inset-r-16:disabled { inset-right: 4rem; }
.xl-inset-r-20 { inset-right: 5rem; }
.xl-hover-inset-r-20:hover { inset-right: 5rem; }
.xl-focus-inset-r-20:focus { inset-right: 5rem; }
.xl-active-inset-r-20:active { inset-right: 5rem; }
.xl-disabled-inset-r-20:disabled { inset-right: 5rem; }
.xl-inset-r-24 { inset-right: 6rem; }
.xl-hover-inset-r-24:hover { inset-right: 6rem; }
.xl-focus-inset-r-24:focus { inset-right: 6rem; }
.xl-active-inset-r-24:active { inset-right: 6rem; }
.xl-disabled-inset-r-24:disabled { inset-right: 6rem; }
.xl-inset-r-28 { inset-right: 7rem; }
.xl-hover-inset-r-28:hover { inset-right: 7rem; }
.xl-focus-inset-r-28:focus { inset-right: 7rem; }
.xl-active-inset-r-28:active { inset-right: 7rem; }
.xl-disabled-inset-r-28:disabled { inset-right: 7rem; }
.xl-inset-r-32 { inset-right: 8rem; }
.xl-hover-inset-r-32:hover { inset-right: 8rem; }
.xl-focus-inset-r-32:focus { inset-right: 8rem; }
.xl-active-inset-r-32:active { inset-right: 8rem; }
.xl-disabled-inset-r-32:disabled { inset-right: 8rem; }
.xl-inset-b-0 { inset-bottom: 0; }
.xl-hover-inset-b-0:hover { inset-bottom: 0; }
.xl-focus-inset-b-0:focus { inset-bottom: 0; }
.xl-active-inset-b-0:active { inset-bottom: 0; }
.xl-disabled-inset-b-0:disabled { inset-bottom: 0; }
.xl-inset-b-1 { inset-bottom: 0.25rem; }
.xl-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
.xl-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
.xl-active-inset-b-1:active { inset-bottom: 0.25rem; }
.xl-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
.xl-inset-b-2 { inset-bottom: 0.5rem; }
.xl-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
.xl-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
.xl-active-inset-b-2:active { inset-bottom: 0.5rem; }
.xl-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
.xl-inset-b-3 { inset-bottom: 0.75rem; }
.xl-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
.xl-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
.xl-active-inset-b-3:active { inset-bottom: 0.75rem; }
.xl-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
.xl-inset-b-4 { inset-bottom: 1rem; }
.xl-hover-inset-b-4:hover { inset-bottom: 1rem; }
.xl-focus-inset-b-4:focus { inset-bottom: 1rem; }
.xl-active-inset-b-4:active { inset-bottom: 1rem; }
.xl-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
.xl-inset-b-5 { inset-bottom: 1.25rem; }
.xl-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
.xl-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
.xl-active-inset-b-5:active { inset-bottom: 1.25rem; }
.xl-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
.xl-inset-b-6 { inset-bottom: 1.5rem; }
.xl-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
.xl-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
.xl-active-inset-b-6:active { inset-bottom: 1.5rem; }
.xl-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
.xl-inset-b-7 { inset-bottom: 1.75rem; }
.xl-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
.xl-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
.xl-active-inset-b-7:active { inset-bottom: 1.75rem; }
.xl-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
.xl-inset-b-8 { inset-bottom: 2rem; }
.xl-hover-inset-b-8:hover { inset-bottom: 2rem; }
.xl-focus-inset-b-8:focus { inset-bottom: 2rem; }
.xl-active-inset-b-8:active { inset-bottom: 2rem; }
.xl-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
.xl-inset-b-9 { inset-bottom: 2.25rem; }
.xl-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
.xl-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
.xl-active-inset-b-9:active { inset-bottom: 2.25rem; }
.xl-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
.xl-inset-b-10 { inset-bottom: 2.5rem; }
.xl-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
.xl-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
.xl-active-inset-b-10:active { inset-bottom: 2.5rem; }
.xl-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
.xl-inset-b-12 { inset-bottom: 3rem; }
.xl-hover-inset-b-12:hover { inset-bottom: 3rem; }
.xl-focus-inset-b-12:focus { inset-bottom: 3rem; }
.xl-active-inset-b-12:active { inset-bottom: 3rem; }
.xl-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
.xl-inset-b-14 { inset-bottom: 3.5rem; }
.xl-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
.xl-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
.xl-active-inset-b-14:active { inset-bottom: 3.5rem; }
.xl-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
.xl-inset-b-16 { inset-bottom: 4rem; }
.xl-hover-inset-b-16:hover { inset-bottom: 4rem; }
.xl-focus-inset-b-16:focus { inset-bottom: 4rem; }
.xl-active-inset-b-16:active { inset-bottom: 4rem; }
.xl-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
.xl-inset-b-20 { inset-bottom: 5rem; }
.xl-hover-inset-b-20:hover { inset-bottom: 5rem; }
.xl-focus-inset-b-20:focus { inset-bottom: 5rem; }
.xl-active-inset-b-20:active { inset-bottom: 5rem; }
.xl-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
.xl-inset-b-24 { inset-bottom: 6rem; }
.xl-hover-inset-b-24:hover { inset-bottom: 6rem; }
.xl-focus-inset-b-24:focus { inset-bottom: 6rem; }
.xl-active-inset-b-24:active { inset-bottom: 6rem; }
.xl-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
.xl-inset-b-28 { inset-bottom: 7rem; }
.xl-hover-inset-b-28:hover { inset-bottom: 7rem; }
.xl-focus-inset-b-28:focus { inset-bottom: 7rem; }
.xl-active-inset-b-28:active { inset-bottom: 7rem; }
.xl-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
.xl-inset-b-32 { inset-bottom: 8rem; }
.xl-hover-inset-b-32:hover { inset-bottom: 8rem; }
.xl-focus-inset-b-32:focus { inset-bottom: 8rem; }
.xl-active-inset-b-32:active { inset-bottom: 8rem; }
.xl-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
.xl-inset-l-0 { inset-left: 0; }
.xl-hover-inset-l-0:hover { inset-left: 0; }
.xl-focus-inset-l-0:focus { inset-left: 0; }
.xl-active-inset-l-0:active { inset-left: 0; }
.xl-disabled-inset-l-0:disabled { inset-left: 0; }
.xl-inset-l-1 { inset-left: 0.25rem; }
.xl-hover-inset-l-1:hover { inset-left: 0.25rem; }
.xl-focus-inset-l-1:focus { inset-left: 0.25rem; }
.xl-active-inset-l-1:active { inset-left: 0.25rem; }
.xl-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
.xl-inset-l-2 { inset-left: 0.5rem; }
.xl-hover-inset-l-2:hover { inset-left: 0.5rem; }
.xl-focus-inset-l-2:focus { inset-left: 0.5rem; }
.xl-active-inset-l-2:active { inset-left: 0.5rem; }
.xl-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
.xl-inset-l-3 { inset-left: 0.75rem; }
.xl-hover-inset-l-3:hover { inset-left: 0.75rem; }
.xl-focus-inset-l-3:focus { inset-left: 0.75rem; }
.xl-active-inset-l-3:active { inset-left: 0.75rem; }
.xl-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
.xl-inset-l-4 { inset-left: 1rem; }
.xl-hover-inset-l-4:hover { inset-left: 1rem; }
.xl-focus-inset-l-4:focus { inset-left: 1rem; }
.xl-active-inset-l-4:active { inset-left: 1rem; }
.xl-disabled-inset-l-4:disabled { inset-left: 1rem; }
.xl-inset-l-5 { inset-left: 1.25rem; }
.xl-hover-inset-l-5:hover { inset-left: 1.25rem; }
.xl-focus-inset-l-5:focus { inset-left: 1.25rem; }
.xl-active-inset-l-5:active { inset-left: 1.25rem; }
.xl-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
.xl-inset-l-6 { inset-left: 1.5rem; }
.xl-hover-inset-l-6:hover { inset-left: 1.5rem; }
.xl-focus-inset-l-6:focus { inset-left: 1.5rem; }
.xl-active-inset-l-6:active { inset-left: 1.5rem; }
.xl-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
.xl-inset-l-7 { inset-left: 1.75rem; }
.xl-hover-inset-l-7:hover { inset-left: 1.75rem; }
.xl-focus-inset-l-7:focus { inset-left: 1.75rem; }
.xl-active-inset-l-7:active { inset-left: 1.75rem; }
.xl-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
.xl-inset-l-8 { inset-left: 2rem; }
.xl-hover-inset-l-8:hover { inset-left: 2rem; }
.xl-focus-inset-l-8:focus { inset-left: 2rem; }
.xl-active-inset-l-8:active { inset-left: 2rem; }
.xl-disabled-inset-l-8:disabled { inset-left: 2rem; }
.xl-inset-l-9 { inset-left: 2.25rem; }
.xl-hover-inset-l-9:hover { inset-left: 2.25rem; }
.xl-focus-inset-l-9:focus { inset-left: 2.25rem; }
.xl-active-inset-l-9:active { inset-left: 2.25rem; }
.xl-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
.xl-inset-l-10 { inset-left: 2.5rem; }
.xl-hover-inset-l-10:hover { inset-left: 2.5rem; }
.xl-focus-inset-l-10:focus { inset-left: 2.5rem; }
.xl-active-inset-l-10:active { inset-left: 2.5rem; }
.xl-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
.xl-inset-l-12 { inset-left: 3rem; }
.xl-hover-inset-l-12:hover { inset-left: 3rem; }
.xl-focus-inset-l-12:focus { inset-left: 3rem; }
.xl-active-inset-l-12:active { inset-left: 3rem; }
.xl-disabled-inset-l-12:disabled { inset-left: 3rem; }
.xl-inset-l-14 { inset-left: 3.5rem; }
.xl-hover-inset-l-14:hover { inset-left: 3.5rem; }
.xl-focus-inset-l-14:focus { inset-left: 3.5rem; }
.xl-active-inset-l-14:active { inset-left: 3.5rem; }
.xl-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
.xl-inset-l-16 { inset-left: 4rem; }
.xl-hover-inset-l-16:hover { inset-left: 4rem; }
.xl-focus-inset-l-16:focus { inset-left: 4rem; }
.xl-active-inset-l-16:active { inset-left: 4rem; }
.xl-disabled-inset-l-16:disabled { inset-left: 4rem; }
.xl-inset-l-20 { inset-left: 5rem; }
.xl-hover-inset-l-20:hover { inset-left: 5rem; }
.xl-focus-inset-l-20:focus { inset-left: 5rem; }
.xl-active-inset-l-20:active { inset-left: 5rem; }
.xl-disabled-inset-l-20:disabled { inset-left: 5rem; }
.xl-inset-l-24 { inset-left: 6rem; }
.xl-hover-inset-l-24:hover { inset-left: 6rem; }
.xl-focus-inset-l-24:focus { inset-left: 6rem; }
.xl-active-inset-l-24:active { inset-left: 6rem; }
.xl-disabled-inset-l-24:disabled { inset-left: 6rem; }
.xl-inset-l-28 { inset-left: 7rem; }
.xl-hover-inset-l-28:hover { inset-left: 7rem; }
.xl-focus-inset-l-28:focus { inset-left: 7rem; }
.xl-active-inset-l-28:active { inset-left: 7rem; }
.xl-disabled-inset-l-28:disabled { inset-left: 7rem; }
.xl-inset-l-32 { inset-left: 8rem; }
.xl-hover-inset-l-32:hover { inset-left: 8rem; }
.xl-focus-inset-l-32:focus { inset-left: 8rem; }
.xl-active-inset-l-32:active { inset-left: 8rem; }
.xl-disabled-inset-l-32:disabled { inset-left: 8rem; }
.xl-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.xl-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
.xl-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
.xl-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
.xl-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
.xl-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.xl-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
.xl-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
.xl-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
.xl-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
.xl-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.xl-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
.xl-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
.xl-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
.xl-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
.xl-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.xl-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
.xl-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
.xl-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
.xl-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
.xl-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.xl-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
.xl-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
.xl-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
.xl-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
.xl-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.xl-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
.xl-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
.xl-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
.xl-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
.xl-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.xl-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
.xl-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
.xl-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
.xl-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
.xl-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.xl-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
.xl-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
.xl-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
.xl-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
.xl-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.xl-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
.xl-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
.xl-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
.xl-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
.xl-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.xl-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
.xl-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
.xl-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
.xl-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
.xl-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.xl-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
.xl-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
.xl-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
.xl-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
.xl-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.xl-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
.xl-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
.xl-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
.xl-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
.xl-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.xl-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
.xl-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
.xl-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
.xl-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
.xl-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.xl-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
.xl-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
.xl-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
.xl-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
.xl-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.xl-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
.xl-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
.xl-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
.xl-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
.xl-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.xl-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
.xl-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
.xl-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
.xl-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
.xl-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.xl-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
.xl-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
.xl-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
.xl-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
.xl-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
.xl-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
.xl-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
.xl-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
.xl-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
.xl-gap-0 { gap: 0; }
.xl-hover-gap-0:hover { gap: 0; }
.xl-focus-gap-0:focus { gap: 0; }
.xl-active-gap-0:active { gap: 0; }
.xl-disabled-gap-0:disabled { gap: 0; }
.xl-gap-1 { gap: 0.25rem; }
.xl-hover-gap-1:hover { gap: 0.25rem; }
.xl-focus-gap-1:focus { gap: 0.25rem; }
.xl-active-gap-1:active { gap: 0.25rem; }
.xl-disabled-gap-1:disabled { gap: 0.25rem; }
.xl-gap-2 { gap: 0.5rem; }
.xl-hover-gap-2:hover { gap: 0.5rem; }
.xl-focus-gap-2:focus { gap: 0.5rem; }
.xl-active-gap-2:active { gap: 0.5rem; }
.xl-disabled-gap-2:disabled { gap: 0.5rem; }
.xl-gap-3 { gap: 0.75rem; }
.xl-hover-gap-3:hover { gap: 0.75rem; }
.xl-focus-gap-3:focus { gap: 0.75rem; }
.xl-active-gap-3:active { gap: 0.75rem; }
.xl-disabled-gap-3:disabled { gap: 0.75rem; }
.xl-gap-4 { gap: 1rem; }
.xl-hover-gap-4:hover { gap: 1rem; }
.xl-focus-gap-4:focus { gap: 1rem; }
.xl-active-gap-4:active { gap: 1rem; }
.xl-disabled-gap-4:disabled { gap: 1rem; }
.xl-gap-5 { gap: 1.25rem; }
.xl-hover-gap-5:hover { gap: 1.25rem; }
.xl-focus-gap-5:focus { gap: 1.25rem; }
.xl-active-gap-5:active { gap: 1.25rem; }
.xl-disabled-gap-5:disabled { gap: 1.25rem; }
.xl-gap-6 { gap: 1.5rem; }
.xl-hover-gap-6:hover { gap: 1.5rem; }
.xl-focus-gap-6:focus { gap: 1.5rem; }
.xl-active-gap-6:active { gap: 1.5rem; }
.xl-disabled-gap-6:disabled { gap: 1.5rem; }
.xl-gap-7 { gap: 1.75rem; }
.xl-hover-gap-7:hover { gap: 1.75rem; }
.xl-focus-gap-7:focus { gap: 1.75rem; }
.xl-active-gap-7:active { gap: 1.75rem; }
.xl-disabled-gap-7:disabled { gap: 1.75rem; }
.xl-gap-8 { gap: 2rem; }
.xl-hover-gap-8:hover { gap: 2rem; }
.xl-focus-gap-8:focus { gap: 2rem; }
.xl-active-gap-8:active { gap: 2rem; }
.xl-disabled-gap-8:disabled { gap: 2rem; }
.xl-gap-9 { gap: 2.25rem; }
.xl-hover-gap-9:hover { gap: 2.25rem; }
.xl-focus-gap-9:focus { gap: 2.25rem; }
.xl-active-gap-9:active { gap: 2.25rem; }
.xl-disabled-gap-9:disabled { gap: 2.25rem; }
.xl-gap-10 { gap: 2.5rem; }
.xl-hover-gap-10:hover { gap: 2.5rem; }
.xl-focus-gap-10:focus { gap: 2.5rem; }
.xl-active-gap-10:active { gap: 2.5rem; }
.xl-disabled-gap-10:disabled { gap: 2.5rem; }
.xl-gap-12 { gap: 3rem; }
.xl-hover-gap-12:hover { gap: 3rem; }
.xl-focus-gap-12:focus { gap: 3rem; }
.xl-active-gap-12:active { gap: 3rem; }
.xl-disabled-gap-12:disabled { gap: 3rem; }
.xl-gap-14 { gap: 3.5rem; }
.xl-hover-gap-14:hover { gap: 3.5rem; }
.xl-focus-gap-14:focus { gap: 3.5rem; }
.xl-active-gap-14:active { gap: 3.5rem; }
.xl-disabled-gap-14:disabled { gap: 3.5rem; }
.xl-gap-16 { gap: 4rem; }
.xl-hover-gap-16:hover { gap: 4rem; }
.xl-focus-gap-16:focus { gap: 4rem; }
.xl-active-gap-16:active { gap: 4rem; }
.xl-disabled-gap-16:disabled { gap: 4rem; }
.xl-gap-20 { gap: 5rem; }
.xl-hover-gap-20:hover { gap: 5rem; }
.xl-focus-gap-20:focus { gap: 5rem; }
.xl-active-gap-20:active { gap: 5rem; }
.xl-disabled-gap-20:disabled { gap: 5rem; }
.xl-gap-24 { gap: 6rem; }
.xl-hover-gap-24:hover { gap: 6rem; }
.xl-focus-gap-24:focus { gap: 6rem; }
.xl-active-gap-24:active { gap: 6rem; }
.xl-disabled-gap-24:disabled { gap: 6rem; }
.xl-gap-28 { gap: 7rem; }
.xl-hover-gap-28:hover { gap: 7rem; }
.xl-focus-gap-28:focus { gap: 7rem; }
.xl-active-gap-28:active { gap: 7rem; }
.xl-disabled-gap-28:disabled { gap: 7rem; }
.xl-gap-32 { gap: 8rem; }
.xl-hover-gap-32:hover { gap: 8rem; }
.xl-focus-gap-32:focus { gap: 8rem; }
.xl-active-gap-32:active { gap: 8rem; }
.xl-disabled-gap-32:disabled { gap: 8rem; }
.xl-flex-row { flex-direction: row; }
.xl-hover-flex-row:hover { flex-direction: row; }
.xl-focus-flex-row:focus { flex-direction: row; }
.xl-active-flex-row:active { flex-direction: row; }
.xl-disabled-flex-row:disabled { flex-direction: row; }
.xl-flex-col { flex-direction: column; }
.xl-hover-flex-col:hover { flex-direction: column; }
.xl-focus-flex-col:focus { flex-direction: column; }
.xl-active-flex-col:active { flex-direction: column; }
.xl-disabled-flex-col:disabled { flex-direction: column; }
.xl-flex-row-reverse { flex-direction: row-reverse; }
.xl-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
.xl-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
.xl-active-flex-row-reverse:active { flex-direction: row-reverse; }
.xl-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
.xl-flex-col-reverse { flex-direction: column-reverse; }
.xl-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
.xl-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
.xl-active-flex-col-reverse:active { flex-direction: column-reverse; }
.xl-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
.xl-flex-wrap { flex-wrap: wrap; }
.xl-hover-flex-wrap:hover { flex-wrap: wrap; }
.xl-focus-flex-wrap:focus { flex-wrap: wrap; }
.xl-active-flex-wrap:active { flex-wrap: wrap; }
.xl-disabled-flex-wrap:disabled { flex-wrap: wrap; }
.xl-flex-nowrap { flex-wrap: nowrap; }
.xl-hover-flex-nowrap:hover { flex-wrap: nowrap; }
.xl-focus-flex-nowrap:focus { flex-wrap: nowrap; }
.xl-active-flex-nowrap:active { flex-wrap: nowrap; }
.xl-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
.xl-flex-wrap-reverse { flex-wrap: wrap-reverse; }
.xl-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
.xl-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
.xl-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
.xl-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
.xl-flex-1 { flex: 1; }
.xl-hover-flex-1:hover { flex: 1; }
.xl-focus-flex-1:focus { flex: 1; }
.xl-active-flex-1:active { flex: 1; }
.xl-disabled-flex-1:disabled { flex: 1; }
.xl-flex-auto { flex: auto; }
.xl-hover-flex-auto:hover { flex: auto; }
.xl-focus-flex-auto:focus { flex: auto; }
.xl-active-flex-auto:active { flex: auto; }
.xl-disabled-flex-auto:disabled { flex: auto; }
.xl-flex-initial { flex: initial; }
.xl-hover-flex-initial:hover { flex: initial; }
.xl-focus-flex-initial:focus { flex: initial; }
.xl-active-flex-initial:active { flex: initial; }
.xl-disabled-flex-initial:disabled { flex: initial; }
.xl-flex-none { flex: none; }
.xl-hover-flex-none:hover { flex: none; }
.xl-focus-flex-none:focus { flex: none; }
.xl-active-flex-none:active { flex: none; }
.xl-disabled-flex-none:disabled { flex: none; }
.xl-flex-grow-0 { flex-grow: 0; }
.xl-hover-flex-grow-0:hover { flex-grow: 0; }
.xl-focus-flex-grow-0:focus { flex-grow: 0; }
.xl-active-flex-grow-0:active { flex-grow: 0; }
.xl-disabled-flex-grow-0:disabled { flex-grow: 0; }
.xl-flex-grow-1 { flex-grow: 1; }
.xl-hover-flex-grow-1:hover { flex-grow: 1; }
.xl-focus-flex-grow-1:focus { flex-grow: 1; }
.xl-active-flex-grow-1:active { flex-grow: 1; }
.xl-disabled-flex-grow-1:disabled { flex-grow: 1; }
.xl-flex-shrink-0 { flex-shrink: 0; }
.xl-hover-flex-shrink-0:hover { flex-shrink: 0; }
.xl-focus-flex-shrink-0:focus { flex-shrink: 0; }
.xl-active-flex-shrink-0:active { flex-shrink: 0; }
.xl-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
.xl-flex-shrink-1 { flex-shrink: 1; }
.xl-hover-flex-shrink-1:hover { flex-shrink: 1; }
.xl-focus-flex-shrink-1:focus { flex-shrink: 1; }
.xl-active-flex-shrink-1:active { flex-shrink: 1; }
.xl-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
.xl-overflow-auto { overflow: auto; }
.xl-hover-overflow-auto:hover { overflow: auto; }
.xl-focus-overflow-auto:focus { overflow: auto; }
.xl-active-overflow-auto:active { overflow: auto; }
.xl-disabled-overflow-auto:disabled { overflow: auto; }
.xl-overflow-hidden { overflow: hidden; }
.xl-hover-overflow-hidden:hover { overflow: hidden; }
.xl-focus-overflow-hidden:focus { overflow: hidden; }
.xl-active-overflow-hidden:active { overflow: hidden; }
.xl-disabled-overflow-hidden:disabled { overflow: hidden; }
.xl-overflow-visible { overflow: visible; }
.xl-hover-overflow-visible:hover { overflow: visible; }
.xl-focus-overflow-visible:focus { overflow: visible; }
.xl-active-overflow-visible:active { overflow: visible; }
.xl-disabled-overflow-visible:disabled { overflow: visible; }
.xl-overflow-scroll { overflow: scroll; }
.xl-hover-overflow-scroll:hover { overflow: scroll; }
.xl-focus-overflow-scroll:focus { overflow: scroll; }
.xl-active-overflow-scroll:active { overflow: scroll; }
.xl-disabled-overflow-scroll:disabled { overflow: scroll; }
.xl-overflow-x-auto { overflow-x: auto; }
.xl-hover-overflow-x-auto:hover { overflow-x: auto; }
.xl-focus-overflow-x-auto:focus { overflow-x: auto; }
.xl-active-overflow-x-auto:active { overflow-x: auto; }
.xl-disabled-overflow-x-auto:disabled { overflow-x: auto; }
.xl-overflow-x-hidden { overflow-x: hidden; }
.xl-hover-overflow-x-hidden:hover { overflow-x: hidden; }
.xl-focus-overflow-x-hidden:focus { overflow-x: hidden; }
.xl-active-overflow-x-hidden:active { overflow-x: hidden; }
.xl-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
.xl-overflow-x-visible { overflow-x: visible; }
.xl-hover-overflow-x-visible:hover { overflow-x: visible; }
.xl-focus-overflow-x-visible:focus { overflow-x: visible; }
.xl-active-overflow-x-visible:active { overflow-x: visible; }
.xl-disabled-overflow-x-visible:disabled { overflow-x: visible; }
.xl-overflow-x-scroll { overflow-x: scroll; }
.xl-hover-overflow-x-scroll:hover { overflow-x: scroll; }
.xl-focus-overflow-x-scroll:focus { overflow-x: scroll; }
.xl-active-overflow-x-scroll:active { overflow-x: scroll; }
.xl-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
.xl-overflow-y-auto { overflow-y: auto; }
.xl-hover-overflow-y-auto:hover { overflow-y: auto; }
.xl-focus-overflow-y-auto:focus { overflow-y: auto; }
.xl-active-overflow-y-auto:active { overflow-y: auto; }
.xl-disabled-overflow-y-auto:disabled { overflow-y: auto; }
.xl-overflow-y-hidden { overflow-y: hidden; }
.xl-hover-overflow-y-hidden:hover { overflow-y: hidden; }
.xl-focus-overflow-y-hidden:focus { overflow-y: hidden; }
.xl-active-overflow-y-hidden:active { overflow-y: hidden; }
.xl-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
.xl-overflow-y-visible { overflow-y: visible; }
.xl-hover-overflow-y-visible:hover { overflow-y: visible; }
.xl-focus-overflow-y-visible:focus { overflow-y: visible; }
.xl-active-overflow-y-visible:active { overflow-y: visible; }
.xl-disabled-overflow-y-visible:disabled { overflow-y: visible; }
.xl-overflow-y-scroll { overflow-y: scroll; }
.xl-hover-overflow-y-scroll:hover { overflow-y: scroll; }
.xl-focus-overflow-y-scroll:focus { overflow-y: scroll; }
.xl-active-overflow-y-scroll:active { overflow-y: scroll; }
.xl-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
.xl-visible { visibility: visible; }
.xl-hover-visible:hover { visibility: visible; }
.xl-focus-visible:focus { visibility: visible; }
.xl-active-visible:active { visibility: visible; }
.xl-disabled-visible:disabled { visibility: visible; }
.xl-hidden { visibility: hidden; }
.xl-hover-hidden:hover { visibility: hidden; }
.xl-focus-hidden:focus { visibility: hidden; }
.xl-active-hidden:active { visibility: hidden; }
.xl-disabled-hidden:disabled { visibility: hidden; }
.xl-clear-left { clear: left; }
.xl-hover-clear-left:hover { clear: left; }
.xl-focus-clear-left:focus { clear: left; }
.xl-active-clear-left:active { clear: left; }
.xl-disabled-clear-left:disabled { clear: left; }
.xl-clear-right { clear: right; }
.xl-hover-clear-right:hover { clear: right; }
.xl-focus-clear-right:focus { clear: right; }
.xl-active-clear-right:active { clear: right; }
.xl-disabled-clear-right:disabled { clear: right; }
.xl-clear-both { clear: both; }
.xl-hover-clear-both:hover { clear: both; }
.xl-focus-clear-both:focus { clear: both; }
.xl-active-clear-both:active { clear: both; }
.xl-disabled-clear-both:disabled { clear: both; }
.xl-float-left { float: left; }
.xl-hover-float-left:hover { float: left; }
.xl-focus-float-left:focus { float: left; }
.xl-active-float-left:active { float: left; }
.xl-disabled-float-left:disabled { float: left; }
.xl-float-right { float: right; }
.xl-hover-float-right:hover { float: right; }
.xl-focus-float-right:focus { float: right; }
.xl-active-float-right:active { float: right; }
.xl-disabled-float-right:disabled { float: right; }
.xl-float-none { float: none; }
.xl-hover-float-none:hover { float: none; }
.xl-focus-float-none:focus { float: none; }
.xl-active-float-none:active { float: none; }
.xl-disabled-float-none:disabled { float: none; }
.xl-w-auto { width: auto; }
.xl-hover-w-auto:hover { width: auto; }
.xl-focus-w-auto:focus { width: auto; }
.xl-active-w-auto:active { width: auto; }
.xl-disabled-w-auto:disabled { width: auto; }
.xl-w-full { width: 100%; }
.xl-hover-w-full:hover { width: 100%; }
.xl-focus-w-full:focus { width: 100%; }
.xl-active-w-full:active { width: 100%; }
.xl-disabled-w-full:disabled { width: 100%; }
.xl-w-fit { width: fit-content; }
.xl-hover-w-fit:hover { width: fit-content; }
.xl-focus-w-fit:focus { width: fit-content; }
.xl-active-w-fit:active { width: fit-content; }
.xl-disabled-w-fit:disabled { width: fit-content; }
.xl-w-max { width: max-content; }
.xl-hover-w-max:hover { width: max-content; }
.xl-focus-w-max:focus { width: max-content; }
.xl-active-w-max:active { width: max-content; }
.xl-disabled-w-max:disabled { width: max-content; }
.xl-w-min { width: min-content; }
.xl-hover-w-min:hover { width: min-content; }
.xl-focus-w-min:focus { width: min-content; }
.xl-active-w-min:active { width: min-content; }
.xl-disabled-w-min:disabled { width: min-content; }
.xl-w-stretch { width: stretch; }
.xl-hover-w-stretch:hover { width: stretch; }
.xl-focus-w-stretch:focus { width: stretch; }
.xl-active-w-stretch:active { width: stretch; }
.xl-disabled-w-stretch:disabled { width: stretch; }
.xl-w-10p { width: 10%; }
.xl-hover-w-10p:hover { width: 10%; }
.xl-focus-w-10p:focus { width: 10%; }
.xl-active-w-10p:active { width: 10%; }
.xl-disabled-w-10p:disabled { width: 10%; }
.xl-w-20p { width: 20%; }
.xl-hover-w-20p:hover { width: 20%; }
.xl-focus-w-20p:focus { width: 20%; }
.xl-active-w-20p:active { width: 20%; }
.xl-disabled-w-20p:disabled { width: 20%; }
.xl-w-25p { width: 25%; }
.xl-hover-w-25p:hover { width: 25%; }
.xl-focus-w-25p:focus { width: 25%; }
.xl-active-w-25p:active { width: 25%; }
.xl-disabled-w-25p:disabled { width: 25%; }
.xl-w-30p { width: 30%; }
.xl-hover-w-30p:hover { width: 30%; }
.xl-focus-w-30p:focus { width: 30%; }
.xl-active-w-30p:active { width: 30%; }
.xl-disabled-w-30p:disabled { width: 30%; }
.xl-w-33p { width: 33.3333%; }
.xl-hover-w-33p:hover { width: 33.3333%; }
.xl-focus-w-33p:focus { width: 33.3333%; }
.xl-active-w-33p:active { width: 33.3333%; }
.xl-disabled-w-33p:disabled { width: 33.3333%; }
.xl-w-40p { width: 40%; }
.xl-hover-w-40p:hover { width: 40%; }
.xl-focus-w-40p:focus { width: 40%; }
.xl-active-w-40p:active { width: 40%; }
.xl-disabled-w-40p:disabled { width: 40%; }
.xl-w-50p { width: 50%; }
.xl-hover-w-50p:hover { width: 50%; }
.xl-focus-w-50p:focus { width: 50%; }
.xl-active-w-50p:active { width: 50%; }
.xl-disabled-w-50p:disabled { width: 50%; }
.xl-w-60p { width: 60%; }
.xl-hover-w-60p:hover { width: 60%; }
.xl-focus-w-60p:focus { width: 60%; }
.xl-active-w-60p:active { width: 60%; }
.xl-disabled-w-60p:disabled { width: 60%; }
.xl-w-66p { width: 66.6667%; }
.xl-hover-w-66p:hover { width: 66.6667%; }
.xl-focus-w-66p:focus { width: 66.6667%; }
.xl-active-w-66p:active { width: 66.6667%; }
.xl-disabled-w-66p:disabled { width: 66.6667%; }
.xl-w-70p { width: 70%; }
.xl-hover-w-70p:hover { width: 70%; }
.xl-focus-w-70p:focus { width: 70%; }
.xl-active-w-70p:active { width: 70%; }
.xl-disabled-w-70p:disabled { width: 70%; }
.xl-w-75p { width: 75%; }
.xl-hover-w-75p:hover { width: 75%; }
.xl-focus-w-75p:focus { width: 75%; }
.xl-active-w-75p:active { width: 75%; }
.xl-disabled-w-75p:disabled { width: 75%; }
.xl-w-80p { width: 80%; }
.xl-hover-w-80p:hover { width: 80%; }
.xl-focus-w-80p:focus { width: 80%; }
.xl-active-w-80p:active { width: 80%; }
.xl-disabled-w-80p:disabled { width: 80%; }
.xl-w-90p { width: 90%; }
.xl-hover-w-90p:hover { width: 90%; }
.xl-focus-w-90p:focus { width: 90%; }
.xl-active-w-90p:active { width: 90%; }
.xl-disabled-w-90p:disabled { width: 90%; }
.xl-w-100p { width: 100%; }
.xl-hover-w-100p:hover { width: 100%; }
.xl-focus-w-100p:focus { width: 100%; }
.xl-active-w-100p:active { width: 100%; }
.xl-disabled-w-100p:disabled { width: 100%; }
.xl-w-10vw { width: 10vw; }
.xl-hover-w-10vw:hover { width: 10vw; }
.xl-focus-w-10vw:focus { width: 10vw; }
.xl-active-w-10vw:active { width: 10vw; }
.xl-disabled-w-10vw:disabled { width: 10vw; }
.xl-w-20vw { width: 20vw; }
.xl-hover-w-20vw:hover { width: 20vw; }
.xl-focus-w-20vw:focus { width: 20vw; }
.xl-active-w-20vw:active { width: 20vw; }
.xl-disabled-w-20vw:disabled { width: 20vw; }
.xl-w-30vw { width: 30vw; }
.xl-hover-w-30vw:hover { width: 30vw; }
.xl-focus-w-30vw:focus { width: 30vw; }
.xl-active-w-30vw:active { width: 30vw; }
.xl-disabled-w-30vw:disabled { width: 30vw; }
.xl-w-40vw { width: 40vw; }
.xl-hover-w-40vw:hover { width: 40vw; }
.xl-focus-w-40vw:focus { width: 40vw; }
.xl-active-w-40vw:active { width: 40vw; }
.xl-disabled-w-40vw:disabled { width: 40vw; }
.xl-w-50vw { width: 50vw; }
.xl-hover-w-50vw:hover { width: 50vw; }
.xl-focus-w-50vw:focus { width: 50vw; }
.xl-active-w-50vw:active { width: 50vw; }
.xl-disabled-w-50vw:disabled { width: 50vw; }
.xl-w-60vw { width: 60vw; }
.xl-hover-w-60vw:hover { width: 60vw; }
.xl-focus-w-60vw:focus { width: 60vw; }
.xl-active-w-60vw:active { width: 60vw; }
.xl-disabled-w-60vw:disabled { width: 60vw; }
.xl-w-70vw { width: 70vw; }
.xl-hover-w-70vw:hover { width: 70vw; }
.xl-focus-w-70vw:focus { width: 70vw; }
.xl-active-w-70vw:active { width: 70vw; }
.xl-disabled-w-70vw:disabled { width: 70vw; }
.xl-w-80vw { width: 80vw; }
.xl-hover-w-80vw:hover { width: 80vw; }
.xl-focus-w-80vw:focus { width: 80vw; }
.xl-active-w-80vw:active { width: 80vw; }
.xl-disabled-w-80vw:disabled { width: 80vw; }
.xl-w-90vw { width: 90vw; }
.xl-hover-w-90vw:hover { width: 90vw; }
.xl-focus-w-90vw:focus { width: 90vw; }
.xl-active-w-90vw:active { width: 90vw; }
.xl-disabled-w-90vw:disabled { width: 90vw; }
.xl-w-100vw { width: 100vw; }
.xl-hover-w-100vw:hover { width: 100vw; }
.xl-focus-w-100vw:focus { width: 100vw; }
.xl-active-w-100vw:active { width: 100vw; }
.xl-disabled-w-100vw:disabled { width: 100vw; }
.xl-w-lvw { width: 100lvw; }
.xl-hover-w-lvw:hover { width: 100lvw; }
.xl-focus-w-lvw:focus { width: 100lvw; }
.xl-active-w-lvw:active { width: 100lvw; }
.xl-disabled-w-lvw:disabled { width: 100lvw; }
.xl-w-svw { width: 100svw; }
.xl-hover-w-svw:hover { width: 100svw; }
.xl-focus-w-svw:focus { width: 100svw; }
.xl-active-w-svw:active { width: 100svw; }
.xl-disabled-w-svw:disabled { width: 100svw; }
.xl-w-mvw { width: 100mvw; }
.xl-hover-w-mvw:hover { width: 100mvw; }
.xl-focus-w-mvw:focus { width: 100mvw; }
.xl-active-w-mvw:active { width: 100mvw; }
.xl-disabled-w-mvw:disabled { width: 100mvw; }
.xl-w-vmin { width: 100vmin; }
.xl-hover-w-vmin:hover { width: 100vmin; }
.xl-focus-w-vmin:focus { width: 100vmin; }
.xl-active-w-vmin:active { width: 100vmin; }
.xl-disabled-w-vmin:disabled { width: 100vmin; }
.xl-w-vmax { width: 100vmax; }
.xl-hover-w-vmax:hover { width: 100vmax; }
.xl-focus-w-vmax:focus { width: 100vmax; }
.xl-active-w-vmax:active { width: 100vmax; }
.xl-disabled-w-vmax:disabled { width: 100vmax; }
.xl-h-auto { height: auto; }
.xl-hover-h-auto:hover { height: auto; }
.xl-focus-h-auto:focus { height: auto; }
.xl-active-h-auto:active { height: auto; }
.xl-disabled-h-auto:disabled { height: auto; }
.xl-h-full { height: 100%; }
.xl-hover-h-full:hover { height: 100%; }
.xl-focus-h-full:focus { height: 100%; }
.xl-active-h-full:active { height: 100%; }
.xl-disabled-h-full:disabled { height: 100%; }
.xl-h-fit { height: fit-content; }
.xl-hover-h-fit:hover { height: fit-content; }
.xl-focus-h-fit:focus { height: fit-content; }
.xl-active-h-fit:active { height: fit-content; }
.xl-disabled-h-fit:disabled { height: fit-content; }
.xl-h-max { height: max-content; }
.xl-hover-h-max:hover { height: max-content; }
.xl-focus-h-max:focus { height: max-content; }
.xl-active-h-max:active { height: max-content; }
.xl-disabled-h-max:disabled { height: max-content; }
.xl-h-min { height: min-content; }
.xl-hover-h-min:hover { height: min-content; }
.xl-focus-h-min:focus { height: min-content; }
.xl-active-h-min:active { height: min-content; }
.xl-disabled-h-min:disabled { height: min-content; }
.xl-h-stretch { height: stretch; }
.xl-hover-h-stretch:hover { height: stretch; }
.xl-focus-h-stretch:focus { height: stretch; }
.xl-active-h-stretch:active { height: stretch; }
.xl-disabled-h-stretch:disabled { height: stretch; }
.xl-h-10p { height: 10%; }
.xl-hover-h-10p:hover { height: 10%; }
.xl-focus-h-10p:focus { height: 10%; }
.xl-active-h-10p:active { height: 10%; }
.xl-disabled-h-10p:disabled { height: 10%; }
.xl-h-20p { height: 20%; }
.xl-hover-h-20p:hover { height: 20%; }
.xl-focus-h-20p:focus { height: 20%; }
.xl-active-h-20p:active { height: 20%; }
.xl-disabled-h-20p:disabled { height: 20%; }
.xl-h-25p { height: 25%; }
.xl-hover-h-25p:hover { height: 25%; }
.xl-focus-h-25p:focus { height: 25%; }
.xl-active-h-25p:active { height: 25%; }
.xl-disabled-h-25p:disabled { height: 25%; }
.xl-h-30p { height: 30%; }
.xl-hover-h-30p:hover { height: 30%; }
.xl-focus-h-30p:focus { height: 30%; }
.xl-active-h-30p:active { height: 30%; }
.xl-disabled-h-30p:disabled { height: 30%; }
.xl-h-33p { height: 33.3333%; }
.xl-hover-h-33p:hover { height: 33.3333%; }
.xl-focus-h-33p:focus { height: 33.3333%; }
.xl-active-h-33p:active { height: 33.3333%; }
.xl-disabled-h-33p:disabled { height: 33.3333%; }
.xl-h-40p { height: 40%; }
.xl-hover-h-40p:hover { height: 40%; }
.xl-focus-h-40p:focus { height: 40%; }
.xl-active-h-40p:active { height: 40%; }
.xl-disabled-h-40p:disabled { height: 40%; }
.xl-h-50p { height: 50%; }
.xl-hover-h-50p:hover { height: 50%; }
.xl-focus-h-50p:focus { height: 50%; }
.xl-active-h-50p:active { height: 50%; }
.xl-disabled-h-50p:disabled { height: 50%; }
.xl-h-60p { height: 60%; }
.xl-hover-h-60p:hover { height: 60%; }
.xl-focus-h-60p:focus { height: 60%; }
.xl-active-h-60p:active { height: 60%; }
.xl-disabled-h-60p:disabled { height: 60%; }
.xl-h-66p { height: 66.6667%; }
.xl-hover-h-66p:hover { height: 66.6667%; }
.xl-focus-h-66p:focus { height: 66.6667%; }
.xl-active-h-66p:active { height: 66.6667%; }
.xl-disabled-h-66p:disabled { height: 66.6667%; }
.xl-h-70p { height: 70%; }
.xl-hover-h-70p:hover { height: 70%; }
.xl-focus-h-70p:focus { height: 70%; }
.xl-active-h-70p:active { height: 70%; }
.xl-disabled-h-70p:disabled { height: 70%; }
.xl-h-75p { height: 75%; }
.xl-hover-h-75p:hover { height: 75%; }
.xl-focus-h-75p:focus { height: 75%; }
.xl-active-h-75p:active { height: 75%; }
.xl-disabled-h-75p:disabled { height: 75%; }
.xl-h-80p { height: 80%; }
.xl-hover-h-80p:hover { height: 80%; }
.xl-focus-h-80p:focus { height: 80%; }
.xl-active-h-80p:active { height: 80%; }
.xl-disabled-h-80p:disabled { height: 80%; }
.xl-h-90p { height: 90%; }
.xl-hover-h-90p:hover { height: 90%; }
.xl-focus-h-90p:focus { height: 90%; }
.xl-active-h-90p:active { height: 90%; }
.xl-disabled-h-90p:disabled { height: 90%; }
.xl-h-100p { height: 100%; }
.xl-hover-h-100p:hover { height: 100%; }
.xl-focus-h-100p:focus { height: 100%; }
.xl-active-h-100p:active { height: 100%; }
.xl-disabled-h-100p:disabled { height: 100%; }
.xl-h-10vh { height: 10vh; }
.xl-hover-h-10vh:hover { height: 10vh; }
.xl-focus-h-10vh:focus { height: 10vh; }
.xl-active-h-10vh:active { height: 10vh; }
.xl-disabled-h-10vh:disabled { height: 10vh; }
.xl-h-20vh { height: 20vh; }
.xl-hover-h-20vh:hover { height: 20vh; }
.xl-focus-h-20vh:focus { height: 20vh; }
.xl-active-h-20vh:active { height: 20vh; }
.xl-disabled-h-20vh:disabled { height: 20vh; }
.xl-h-30vh { height: 30vh; }
.xl-hover-h-30vh:hover { height: 30vh; }
.xl-focus-h-30vh:focus { height: 30vh; }
.xl-active-h-30vh:active { height: 30vh; }
.xl-disabled-h-30vh:disabled { height: 30vh; }
.xl-h-40vh { height: 40vh; }
.xl-hover-h-40vh:hover { height: 40vh; }
.xl-focus-h-40vh:focus { height: 40vh; }
.xl-active-h-40vh:active { height: 40vh; }
.xl-disabled-h-40vh:disabled { height: 40vh; }
.xl-h-50vh { height: 50vh; }
.xl-hover-h-50vh:hover { height: 50vh; }
.xl-focus-h-50vh:focus { height: 50vh; }
.xl-active-h-50vh:active { height: 50vh; }
.xl-disabled-h-50vh:disabled { height: 50vh; }
.xl-h-60vh { height: 60vh; }
.xl-hover-h-60vh:hover { height: 60vh; }
.xl-focus-h-60vh:focus { height: 60vh; }
.xl-active-h-60vh:active { height: 60vh; }
.xl-disabled-h-60vh:disabled { height: 60vh; }
.xl-h-70vh { height: 70vh; }
.xl-hover-h-70vh:hover { height: 70vh; }
.xl-focus-h-70vh:focus { height: 70vh; }
.xl-active-h-70vh:active { height: 70vh; }
.xl-disabled-h-70vh:disabled { height: 70vh; }
.xl-h-80vh { height: 80vh; }
.xl-hover-h-80vh:hover { height: 80vh; }
.xl-focus-h-80vh:focus { height: 80vh; }
.xl-active-h-80vh:active { height: 80vh; }
.xl-disabled-h-80vh:disabled { height: 80vh; }
.xl-h-90vh { height: 90vh; }
.xl-hover-h-90vh:hover { height: 90vh; }
.xl-focus-h-90vh:focus { height: 90vh; }
.xl-active-h-90vh:active { height: 90vh; }
.xl-disabled-h-90vh:disabled { height: 90vh; }
.xl-h-100vh { height: 100vh; }
.xl-hover-h-100vh:hover { height: 100vh; }
.xl-focus-h-100vh:focus { height: 100vh; }
.xl-active-h-100vh:active { height: 100vh; }
.xl-disabled-h-100vh:disabled { height: 100vh; }
.xl-h-lvh { height: 100lvh; }
.xl-hover-h-lvh:hover { height: 100lvh; }
.xl-focus-h-lvh:focus { height: 100lvh; }
.xl-active-h-lvh:active { height: 100lvh; }
.xl-disabled-h-lvh:disabled { height: 100lvh; }
.xl-h-svh { height: 100svh; }
.xl-hover-h-svh:hover { height: 100svh; }
.xl-focus-h-svh:focus { height: 100svh; }
.xl-active-h-svh:active { height: 100svh; }
.xl-disabled-h-svh:disabled { height: 100svh; }
.xl-h-mvh { height: 100mvh; }
.xl-hover-h-mvh:hover { height: 100mvh; }
.xl-focus-h-mvh:focus { height: 100mvh; }
.xl-active-h-mvh:active { height: 100mvh; }
.xl-disabled-h-mvh:disabled { height: 100mvh; }
.xl-h-vmin { height: 100vmin; }
.xl-hover-h-vmin:hover { height: 100vmin; }
.xl-focus-h-vmin:focus { height: 100vmin; }
.xl-active-h-vmin:active { height: 100vmin; }
.xl-disabled-h-vmin:disabled { height: 100vmin; }
.xl-h-vmax { height: 100vmax; }
.xl-hover-h-vmax:hover { height: 100vmax; }
.xl-focus-h-vmax:focus { height: 100vmax; }
.xl-active-h-vmax:active { height: 100vmax; }
.xl-disabled-h-vmax:disabled { height: 100vmax; }
.xl-min-w-auto { min-width: auto; }
.xl-hover-min-w-auto:hover { min-width: auto; }
.xl-focus-min-w-auto:focus { min-width: auto; }
.xl-active-min-w-auto:active { min-width: auto; }
.xl-disabled-min-w-auto:disabled { min-width: auto; }
.xl-min-w-full { min-width: 100%; }
.xl-hover-min-w-full:hover { min-width: 100%; }
.xl-focus-min-w-full:focus { min-width: 100%; }
.xl-active-min-w-full:active { min-width: 100%; }
.xl-disabled-min-w-full:disabled { min-width: 100%; }
.xl-min-w-fit { min-width: fit-content; }
.xl-hover-min-w-fit:hover { min-width: fit-content; }
.xl-focus-min-w-fit:focus { min-width: fit-content; }
.xl-active-min-w-fit:active { min-width: fit-content; }
.xl-disabled-min-w-fit:disabled { min-width: fit-content; }
.xl-min-w-max { min-width: max-content; }
.xl-hover-min-w-max:hover { min-width: max-content; }
.xl-focus-min-w-max:focus { min-width: max-content; }
.xl-active-min-w-max:active { min-width: max-content; }
.xl-disabled-min-w-max:disabled { min-width: max-content; }
.xl-min-w-min { min-width: min-content; }
.xl-hover-min-w-min:hover { min-width: min-content; }
.xl-focus-min-w-min:focus { min-width: min-content; }
.xl-active-min-w-min:active { min-width: min-content; }
.xl-disabled-min-w-min:disabled { min-width: min-content; }
.xl-min-w-10vw { min-width: 10vw; }
.xl-hover-min-w-10vw:hover { min-width: 10vw; }
.xl-focus-min-w-10vw:focus { min-width: 10vw; }
.xl-active-min-w-10vw:active { min-width: 10vw; }
.xl-disabled-min-w-10vw:disabled { min-width: 10vw; }
.xl-min-w-50vw { min-width: 50vw; }
.xl-hover-min-w-50vw:hover { min-width: 50vw; }
.xl-focus-min-w-50vw:focus { min-width: 50vw; }
.xl-active-min-w-50vw:active { min-width: 50vw; }
.xl-disabled-min-w-50vw:disabled { min-width: 50vw; }
.xl-min-w-100vw { min-width: 100vw; }
.xl-hover-min-w-100vw:hover { min-width: 100vw; }
.xl-focus-min-w-100vw:focus { min-width: 100vw; }
.xl-active-min-w-100vw:active { min-width: 100vw; }
.xl-disabled-min-w-100vw:disabled { min-width: 100vw; }
.xl-max-w-auto { max-width: auto; }
.xl-hover-max-w-auto:hover { max-width: auto; }
.xl-focus-max-w-auto:focus { max-width: auto; }
.xl-active-max-w-auto:active { max-width: auto; }
.xl-disabled-max-w-auto:disabled { max-width: auto; }
.xl-max-w-full { max-width: 100%; }
.xl-hover-max-w-full:hover { max-width: 100%; }
.xl-focus-max-w-full:focus { max-width: 100%; }
.xl-active-max-w-full:active { max-width: 100%; }
.xl-disabled-max-w-full:disabled { max-width: 100%; }
.xl-max-w-fit { max-width: fit-content; }
.xl-hover-max-w-fit:hover { max-width: fit-content; }
.xl-focus-max-w-fit:focus { max-width: fit-content; }
.xl-active-max-w-fit:active { max-width: fit-content; }
.xl-disabled-max-w-fit:disabled { max-width: fit-content; }
.xl-max-w-max { max-width: max-content; }
.xl-hover-max-w-max:hover { max-width: max-content; }
.xl-focus-max-w-max:focus { max-width: max-content; }
.xl-active-max-w-max:active { max-width: max-content; }
.xl-disabled-max-w-max:disabled { max-width: max-content; }
.xl-max-w-min { max-width: min-content; }
.xl-hover-max-w-min:hover { max-width: min-content; }
.xl-focus-max-w-min:focus { max-width: min-content; }
.xl-active-max-w-min:active { max-width: min-content; }
.xl-disabled-max-w-min:disabled { max-width: min-content; }
.xl-max-w-10vw { max-width: 10vw; }
.xl-hover-max-w-10vw:hover { max-width: 10vw; }
.xl-focus-max-w-10vw:focus { max-width: 10vw; }
.xl-active-max-w-10vw:active { max-width: 10vw; }
.xl-disabled-max-w-10vw:disabled { max-width: 10vw; }
.xl-max-w-50vw { max-width: 50vw; }
.xl-hover-max-w-50vw:hover { max-width: 50vw; }
.xl-focus-max-w-50vw:focus { max-width: 50vw; }
.xl-active-max-w-50vw:active { max-width: 50vw; }
.xl-disabled-max-w-50vw:disabled { max-width: 50vw; }
.xl-max-w-100vw { max-width: 100vw; }
.xl-hover-max-w-100vw:hover { max-width: 100vw; }
.xl-focus-max-w-100vw:focus { max-width: 100vw; }
.xl-active-max-w-100vw:active { max-width: 100vw; }
.xl-disabled-max-w-100vw:disabled { max-width: 100vw; }
.xl-min-h-auto { min-height: auto; }
.xl-hover-min-h-auto:hover { min-height: auto; }
.xl-focus-min-h-auto:focus { min-height: auto; }
.xl-active-min-h-auto:active { min-height: auto; }
.xl-disabled-min-h-auto:disabled { min-height: auto; }
.xl-min-h-full { min-height: 100%; }
.xl-hover-min-h-full:hover { min-height: 100%; }
.xl-focus-min-h-full:focus { min-height: 100%; }
.xl-active-min-h-full:active { min-height: 100%; }
.xl-disabled-min-h-full:disabled { min-height: 100%; }
.xl-min-h-fit { min-height: fit-content; }
.xl-hover-min-h-fit:hover { min-height: fit-content; }
.xl-focus-min-h-fit:focus { min-height: fit-content; }
.xl-active-min-h-fit:active { min-height: fit-content; }
.xl-disabled-min-h-fit:disabled { min-height: fit-content; }
.xl-min-h-max { min-height: max-content; }
.xl-hover-min-h-max:hover { min-height: max-content; }
.xl-focus-min-h-max:focus { min-height: max-content; }
.xl-active-min-h-max:active { min-height: max-content; }
.xl-disabled-min-h-max:disabled { min-height: max-content; }
.xl-min-h-min { min-height: min-content; }
.xl-hover-min-h-min:hover { min-height: min-content; }
.xl-focus-min-h-min:focus { min-height: min-content; }
.xl-active-min-h-min:active { min-height: min-content; }
.xl-disabled-min-h-min:disabled { min-height: min-content; }
.xl-min-h-10vh { min-height: 10vh; }
.xl-hover-min-h-10vh:hover { min-height: 10vh; }
.xl-focus-min-h-10vh:focus { min-height: 10vh; }
.xl-active-min-h-10vh:active { min-height: 10vh; }
.xl-disabled-min-h-10vh:disabled { min-height: 10vh; }
.xl-min-h-50vh { min-height: 50vh; }
.xl-hover-min-h-50vh:hover { min-height: 50vh; }
.xl-focus-min-h-50vh:focus { min-height: 50vh; }
.xl-active-min-h-50vh:active { min-height: 50vh; }
.xl-disabled-min-h-50vh:disabled { min-height: 50vh; }
.xl-min-h-100vh { min-height: 100vh; }
.xl-hover-min-h-100vh:hover { min-height: 100vh; }
.xl-focus-min-h-100vh:focus { min-height: 100vh; }
.xl-active-min-h-100vh:active { min-height: 100vh; }
.xl-disabled-min-h-100vh:disabled { min-height: 100vh; }
.xl-max-h-auto { max-height: auto; }
.xl-hover-max-h-auto:hover { max-height: auto; }
.xl-focus-max-h-auto:focus { max-height: auto; }
.xl-active-max-h-auto:active { max-height: auto; }
.xl-disabled-max-h-auto:disabled { max-height: auto; }
.xl-max-h-full { max-height: 100%; }
.xl-hover-max-h-full:hover { max-height: 100%; }
.xl-focus-max-h-full:focus { max-height: 100%; }
.xl-active-max-h-full:active { max-height: 100%; }
.xl-disabled-max-h-full:disabled { max-height: 100%; }
.xl-max-h-fit { max-height: fit-content; }
.xl-hover-max-h-fit:hover { max-height: fit-content; }
.xl-focus-max-h-fit:focus { max-height: fit-content; }
.xl-active-max-h-fit:active { max-height: fit-content; }
.xl-disabled-max-h-fit:disabled { max-height: fit-content; }
.xl-max-h-max { max-height: max-content; }
.xl-hover-max-h-max:hover { max-height: max-content; }
.xl-focus-max-h-max:focus { max-height: max-content; }
.xl-active-max-h-max:active { max-height: max-content; }
.xl-disabled-max-h-max:disabled { max-height: max-content; }
.xl-max-h-min { max-height: min-content; }
.xl-hover-max-h-min:hover { max-height: min-content; }
.xl-focus-max-h-min:focus { max-height: min-content; }
.xl-active-max-h-min:active { max-height: min-content; }
.xl-disabled-max-h-min:disabled { max-height: min-content; }
.xl-max-h-10vh { max-height: 10vh; }
.xl-hover-max-h-10vh:hover { max-height: 10vh; }
.xl-focus-max-h-10vh:focus { max-height: 10vh; }
.xl-active-max-h-10vh:active { max-height: 10vh; }
.xl-disabled-max-h-10vh:disabled { max-height: 10vh; }
.xl-max-h-50vh { max-height: 50vh; }
.xl-hover-max-h-50vh:hover { max-height: 50vh; }
.xl-focus-max-h-50vh:focus { max-height: 50vh; }
.xl-active-max-h-50vh:active { max-height: 50vh; }
.xl-disabled-max-h-50vh:disabled { max-height: 50vh; }
.xl-max-h-100vh { max-height: 100vh; }
.xl-hover-max-h-100vh:hover { max-height: 100vh; }
.xl-focus-max-h-100vh:focus { max-height: 100vh; }
.xl-active-max-h-100vh:active { max-height: 100vh; }
.xl-disabled-max-h-100vh:disabled { max-height: 100vh; }
.xl-font-size-auto { font-size: auto; }
.xl-hover-font-size-auto:hover { font-size: auto; }
.xl-focus-font-size-auto:focus { font-size: auto; }
.xl-active-font-size-auto:active { font-size: auto; }
.xl-disabled-font-size-auto:disabled { font-size: auto; }
.xl-font-size-0 { font-size: 0; }
.xl-hover-font-size-0:hover { font-size: 0; }
.xl-focus-font-size-0:focus { font-size: 0; }
.xl-active-font-size-0:active { font-size: 0; }
.xl-disabled-font-size-0:disabled { font-size: 0; }
.xl-font-size-1 { font-size: 0.25rem; }
.xl-hover-font-size-1:hover { font-size: 0.25rem; }
.xl-focus-font-size-1:focus { font-size: 0.25rem; }
.xl-active-font-size-1:active { font-size: 0.25rem; }
.xl-disabled-font-size-1:disabled { font-size: 0.25rem; }
.xl-font-size-2 { font-size: 0.5rem; }
.xl-hover-font-size-2:hover { font-size: 0.5rem; }
.xl-focus-font-size-2:focus { font-size: 0.5rem; }
.xl-active-font-size-2:active { font-size: 0.5rem; }
.xl-disabled-font-size-2:disabled { font-size: 0.5rem; }
.xl-font-size-3 { font-size: 0.75rem; }
.xl-hover-font-size-3:hover { font-size: 0.75rem; }
.xl-focus-font-size-3:focus { font-size: 0.75rem; }
.xl-active-font-size-3:active { font-size: 0.75rem; }
.xl-disabled-font-size-3:disabled { font-size: 0.75rem; }
.xl-font-size-4 { font-size: 1rem; }
.xl-hover-font-size-4:hover { font-size: 1rem; }
.xl-focus-font-size-4:focus { font-size: 1rem; }
.xl-active-font-size-4:active { font-size: 1rem; }
.xl-disabled-font-size-4:disabled { font-size: 1rem; }
.xl-font-size-5 { font-size: 1.25rem; }
.xl-hover-font-size-5:hover { font-size: 1.25rem; }
.xl-focus-font-size-5:focus { font-size: 1.25rem; }
.xl-active-font-size-5:active { font-size: 1.25rem; }
.xl-disabled-font-size-5:disabled { font-size: 1.25rem; }
.xl-font-size-6 { font-size: 1.5rem; }
.xl-hover-font-size-6:hover { font-size: 1.5rem; }
.xl-focus-font-size-6:focus { font-size: 1.5rem; }
.xl-active-font-size-6:active { font-size: 1.5rem; }
.xl-disabled-font-size-6:disabled { font-size: 1.5rem; }
.xl-font-size-7 { font-size: 1.75rem; }
.xl-hover-font-size-7:hover { font-size: 1.75rem; }
.xl-focus-font-size-7:focus { font-size: 1.75rem; }
.xl-active-font-size-7:active { font-size: 1.75rem; }
.xl-disabled-font-size-7:disabled { font-size: 1.75rem; }
.xl-font-size-8 { font-size: 2rem; }
.xl-hover-font-size-8:hover { font-size: 2rem; }
.xl-focus-font-size-8:focus { font-size: 2rem; }
.xl-active-font-size-8:active { font-size: 2rem; }
.xl-disabled-font-size-8:disabled { font-size: 2rem; }
.xl-font-size-9 { font-size: 2.25rem; }
.xl-hover-font-size-9:hover { font-size: 2.25rem; }
.xl-focus-font-size-9:focus { font-size: 2.25rem; }
.xl-active-font-size-9:active { font-size: 2.25rem; }
.xl-disabled-font-size-9:disabled { font-size: 2.25rem; }
.xl-font-size-10 { font-size: 2.5rem; }
.xl-hover-font-size-10:hover { font-size: 2.5rem; }
.xl-focus-font-size-10:focus { font-size: 2.5rem; }
.xl-active-font-size-10:active { font-size: 2.5rem; }
.xl-disabled-font-size-10:disabled { font-size: 2.5rem; }
.xl-font-size-12 { font-size: 3rem; }
.xl-hover-font-size-12:hover { font-size: 3rem; }
.xl-focus-font-size-12:focus { font-size: 3rem; }
.xl-active-font-size-12:active { font-size: 3rem; }
.xl-disabled-font-size-12:disabled { font-size: 3rem; }
.xl-font-size-14 { font-size: 3.5rem; }
.xl-hover-font-size-14:hover { font-size: 3.5rem; }
.xl-focus-font-size-14:focus { font-size: 3.5rem; }
.xl-active-font-size-14:active { font-size: 3.5rem; }
.xl-disabled-font-size-14:disabled { font-size: 3.5rem; }
.xl-font-size-16 { font-size: 4rem; }
.xl-hover-font-size-16:hover { font-size: 4rem; }
.xl-focus-font-size-16:focus { font-size: 4rem; }
.xl-active-font-size-16:active { font-size: 4rem; }
.xl-disabled-font-size-16:disabled { font-size: 4rem; }
.xl-font-size-18 { font-size: 4.5rem; }
.xl-hover-font-size-18:hover { font-size: 4.5rem; }
.xl-focus-font-size-18:focus { font-size: 4.5rem; }
.xl-active-font-size-18:active { font-size: 4.5rem; }
.xl-disabled-font-size-18:disabled { font-size: 4.5rem; }
.xl-font-size-20 { font-size: 5rem; }
.xl-hover-font-size-20:hover { font-size: 5rem; }
.xl-focus-font-size-20:focus { font-size: 5rem; }
.xl-active-font-size-20:active { font-size: 5rem; }
.xl-disabled-font-size-20:disabled { font-size: 5rem; }
.xl-font-size-24 { font-size: 6rem; }
.xl-hover-font-size-24:hover { font-size: 6rem; }
.xl-focus-font-size-24:focus { font-size: 6rem; }
.xl-active-font-size-24:active { font-size: 6rem; }
.xl-disabled-font-size-24:disabled { font-size: 6rem; }
.xl-font-size-28 { font-size: 7rem; }
.xl-hover-font-size-28:hover { font-size: 7rem; }
.xl-focus-font-size-28:focus { font-size: 7rem; }
.xl-active-font-size-28:active { font-size: 7rem; }
.xl-disabled-font-size-28:disabled { font-size: 7rem; }
.xl-font-size-32 { font-size: 8rem; }
.xl-hover-font-size-32:hover { font-size: 8rem; }
.xl-focus-font-size-32:focus { font-size: 8rem; }
.xl-active-font-size-32:active { font-size: 8rem; }
.xl-disabled-font-size-32:disabled { font-size: 8rem; }
.xl-font-weight-normal { font-weight: normal; }
.xl-hover-font-weight-normal:hover { font-weight: normal; }
.xl-focus-font-weight-normal:focus { font-weight: normal; }
.xl-active-font-weight-normal:active { font-weight: normal; }
.xl-disabled-font-weight-normal:disabled { font-weight: normal; }
.xl-font-weight-light { font-weight: 300; }
.xl-hover-font-weight-light:hover { font-weight: 300; }
.xl-focus-font-weight-light:focus { font-weight: 300; }
.xl-active-font-weight-light:active { font-weight: 300; }
.xl-disabled-font-weight-light:disabled { font-weight: 300; }
.xl-font-weight-medium { font-weight: 500; }
.xl-hover-font-weight-medium:hover { font-weight: 500; }
.xl-focus-font-weight-medium:focus { font-weight: 500; }
.xl-active-font-weight-medium:active { font-weight: 500; }
.xl-disabled-font-weight-medium:disabled { font-weight: 500; }
.xl-font-weight-bold { font-weight: 700; }
.xl-hover-font-weight-bold:hover { font-weight: 700; }
.xl-focus-font-weight-bold:focus { font-weight: 700; }
.xl-active-font-weight-bold:active { font-weight: 700; }
.xl-disabled-font-weight-bold:disabled { font-weight: 700; }
.xl-font-weight-bolder { font-weight: bolder; }
.xl-hover-font-weight-bolder:hover { font-weight: bolder; }
.xl-focus-font-weight-bolder:focus { font-weight: bolder; }
.xl-active-font-weight-bolder:active { font-weight: bolder; }
.xl-disabled-font-weight-bolder:disabled { font-weight: bolder; }
.xl-line-height-1 { line-height: 1; }
.xl-hover-line-height-1:hover { line-height: 1; }
.xl-focus-line-height-1:focus { line-height: 1; }
.xl-active-line-height-1:active { line-height: 1; }
.xl-disabled-line-height-1:disabled { line-height: 1; }
.xl-line-height-2 { line-height: 1.25; }
.xl-hover-line-height-2:hover { line-height: 1.25; }
.xl-focus-line-height-2:focus { line-height: 1.25; }
.xl-active-line-height-2:active { line-height: 1.25; }
.xl-disabled-line-height-2:disabled { line-height: 1.25; }
.xl-line-height-3 { line-height: 1.375; }
.xl-hover-line-height-3:hover { line-height: 1.375; }
.xl-focus-line-height-3:focus { line-height: 1.375; }
.xl-active-line-height-3:active { line-height: 1.375; }
.xl-disabled-line-height-3:disabled { line-height: 1.375; }
.xl-line-height-4 { line-height: 1.5; }
.xl-hover-line-height-4:hover { line-height: 1.5; }
.xl-focus-line-height-4:focus { line-height: 1.5; }
.xl-active-line-height-4:active { line-height: 1.5; }
.xl-disabled-line-height-4:disabled { line-height: 1.5; }
.xl-line-height-5 { line-height: 1.625; }
.xl-hover-line-height-5:hover { line-height: 1.625; }
.xl-focus-line-height-5:focus { line-height: 1.625; }
.xl-active-line-height-5:active { line-height: 1.625; }
.xl-disabled-line-height-5:disabled { line-height: 1.625; }
.xl-line-height-6 { line-height: 1.75; }
.xl-hover-line-height-6:hover { line-height: 1.75; }
.xl-focus-line-height-6:focus { line-height: 1.75; }
.xl-active-line-height-6:active { line-height: 1.75; }
.xl-disabled-line-height-6:disabled { line-height: 1.75; }
.xl-line-height-7 { line-height: 2; }
.xl-hover-line-height-7:hover { line-height: 2; }
.xl-focus-line-height-7:focus { line-height: 2; }
.xl-active-line-height-7:active { line-height: 2; }
.xl-disabled-line-height-7:disabled { line-height: 2; }
.xl-text-left { text-align: left; }
.xl-hover-text-left:hover { text-align: left; }
.xl-focus-text-left:focus { text-align: left; }
.xl-active-text-left:active { text-align: left; }
.xl-disabled-text-left:disabled { text-align: left; }
.xl-text-center { text-align: center; }
.xl-hover-text-center:hover { text-align: center; }
.xl-focus-text-center:focus { text-align: center; }
.xl-active-text-center:active { text-align: center; }
.xl-disabled-text-center:disabled { text-align: center; }
.xl-text-right { text-align: right; }
.xl-hover-text-right:hover { text-align: right; }
.xl-focus-text-right:focus { text-align: right; }
.xl-active-text-right:active { text-align: right; }
.xl-disabled-text-right:disabled { text-align: right; }
.xl-text-justify { text-align: justify; }
.xl-hover-text-justify:hover { text-align: justify; }
.xl-focus-text-justify:focus { text-align: justify; }
.xl-active-text-justify:active { text-align: justify; }
.xl-disabled-text-justify:disabled { text-align: justify; }
.xl-justify-start { justify-content: flex-start; }
.xl-hover-justify-start:hover { justify-content: flex-start; }
.xl-focus-justify-start:focus { justify-content: flex-start; }
.xl-active-justify-start:active { justify-content: flex-start; }
.xl-disabled-justify-start:disabled { justify-content: flex-start; }
.xl-justify-center { justify-content: center; }
.xl-hover-justify-center:hover { justify-content: center; }
.xl-focus-justify-center:focus { justify-content: center; }
.xl-active-justify-center:active { justify-content: center; }
.xl-disabled-justify-center:disabled { justify-content: center; }
.xl-justify-end { justify-content: flex-end; }
.xl-hover-justify-end:hover { justify-content: flex-end; }
.xl-focus-justify-end:focus { justify-content: flex-end; }
.xl-active-justify-end:active { justify-content: flex-end; }
.xl-disabled-justify-end:disabled { justify-content: flex-end; }
.xl-justify-between { justify-content: space-between; }
.xl-hover-justify-between:hover { justify-content: space-between; }
.xl-focus-justify-between:focus { justify-content: space-between; }
.xl-active-justify-between:active { justify-content: space-between; }
.xl-disabled-justify-between:disabled { justify-content: space-between; }
.xl-justify-around { justify-content: space-around; }
.xl-hover-justify-around:hover { justify-content: space-around; }
.xl-focus-justify-around:focus { justify-content: space-around; }
.xl-active-justify-around:active { justify-content: space-around; }
.xl-disabled-justify-around:disabled { justify-content: space-around; }
.xl-justify-evenly { justify-content: space-evenly; }
.xl-hover-justify-evenly:hover { justify-content: space-evenly; }
.xl-focus-justify-evenly:focus { justify-content: space-evenly; }
.xl-active-justify-evenly:active { justify-content: space-evenly; }
.xl-disabled-justify-evenly:disabled { justify-content: space-evenly; }
.xl-items-start { align-items: flex-start; }
.xl-hover-items-start:hover { align-items: flex-start; }
.xl-focus-items-start:focus { align-items: flex-start; }
.xl-active-items-start:active { align-items: flex-start; }
.xl-disabled-items-start:disabled { align-items: flex-start; }
.xl-items-center { align-items: center; }
.xl-hover-items-center:hover { align-items: center; }
.xl-focus-items-center:focus { align-items: center; }
.xl-active-items-center:active { align-items: center; }
.xl-disabled-items-center:disabled { align-items: center; }
.xl-items-end { align-items: flex-end; }
.xl-hover-items-end:hover { align-items: flex-end; }
.xl-focus-items-end:focus { align-items: flex-end; }
.xl-active-items-end:active { align-items: flex-end; }
.xl-disabled-items-end:disabled { align-items: flex-end; }
.xl-items-baseline { align-items: baseline; }
.xl-hover-items-baseline:hover { align-items: baseline; }
.xl-focus-items-baseline:focus { align-items: baseline; }
.xl-active-items-baseline:active { align-items: baseline; }
.xl-disabled-items-baseline:disabled { align-items: baseline; }
.xl-items-stretch { align-items: stretch; }
.xl-hover-items-stretch:hover { align-items: stretch; }
.xl-focus-items-stretch:focus { align-items: stretch; }
.xl-active-items-stretch:active { align-items: stretch; }
.xl-disabled-items-stretch:disabled { align-items: stretch; }
.xl-content-start { align-content: flex-start; }
.xl-hover-content-start:hover { align-content: flex-start; }
.xl-focus-content-start:focus { align-content: flex-start; }
.xl-active-content-start:active { align-content: flex-start; }
.xl-disabled-content-start:disabled { align-content: flex-start; }
.xl-content-center { align-content: center; }
.xl-hover-content-center:hover { align-content: center; }
.xl-focus-content-center:focus { align-content: center; }
.xl-active-content-center:active { align-content: center; }
.xl-disabled-content-center:disabled { align-content: center; }
.xl-content-end { align-content: flex-end; }
.xl-hover-content-end:hover { align-content: flex-end; }
.xl-focus-content-end:focus { align-content: flex-end; }
.xl-active-content-end:active { align-content: flex-end; }
.xl-disabled-content-end:disabled { align-content: flex-end; }
.xl-content-between { align-content: space-between; }
.xl-hover-content-between:hover { align-content: space-between; }
.xl-focus-content-between:focus { align-content: space-between; }
.xl-active-content-between:active { align-content: space-between; }
.xl-disabled-content-between:disabled { align-content: space-between; }
.xl-content-around { align-content: space-around; }
.xl-hover-content-around:hover { align-content: space-around; }
.xl-focus-content-around:focus { align-content: space-around; }
.xl-active-content-around:active { align-content: space-around; }
.xl-disabled-content-around:disabled { align-content: space-around; }
.xl-content-evenly { align-content: space-evenly; }
.xl-hover-content-evenly:hover { align-content: space-evenly; }
.xl-focus-content-evenly:focus { align-content: space-evenly; }
.xl-active-content-evenly:active { align-content: space-evenly; }
.xl-disabled-content-evenly:disabled { align-content: space-evenly; }
.xl-self-auto { align-self: auto; }
.xl-hover-self-auto:hover { align-self: auto; }
.xl-focus-self-auto:focus { align-self: auto; }
.xl-active-self-auto:active { align-self: auto; }
.xl-disabled-self-auto:disabled { align-self: auto; }
.xl-self-start { align-self: flex-start; }
.xl-hover-self-start:hover { align-self: flex-start; }
.xl-focus-self-start:focus { align-self: flex-start; }
.xl-active-self-start:active { align-self: flex-start; }
.xl-disabled-self-start:disabled { align-self: flex-start; }
.xl-self-center { align-self: center; }
.xl-hover-self-center:hover { align-self: center; }
.xl-focus-self-center:focus { align-self: center; }
.xl-active-self-center:active { align-self: center; }
.xl-disabled-self-center:disabled { align-self: center; }
.xl-self-end { align-self: flex-end; }
.xl-hover-self-end:hover { align-self: flex-end; }
.xl-focus-self-end:focus { align-self: flex-end; }
.xl-active-self-end:active { align-self: flex-end; }
.xl-disabled-self-end:disabled { align-self: flex-end; }
.xl-self-stretch { align-self: stretch; }
.xl-hover-self-stretch:hover { align-self: stretch; }
.xl-focus-self-stretch:focus { align-self: stretch; }
.xl-active-self-stretch:active { align-self: stretch; }
.xl-disabled-self-stretch:disabled { align-self: stretch; }
.xl-place-items-start { place-items: start; }
.xl-hover-place-items-start:hover { place-items: start; }
.xl-focus-place-items-start:focus { place-items: start; }
.xl-active-place-items-start:active { place-items: start; }
.xl-disabled-place-items-start:disabled { place-items: start; }
.xl-place-items-center { place-items: center; }
.xl-hover-place-items-center:hover { place-items: center; }
.xl-focus-place-items-center:focus { place-items: center; }
.xl-active-place-items-center:active { place-items: center; }
.xl-disabled-place-items-center:disabled { place-items: center; }
.xl-place-items-end { place-items: end; }
.xl-hover-place-items-end:hover { place-items: end; }
.xl-focus-place-items-end:focus { place-items: end; }
.xl-active-place-items-end:active { place-items: end; }
.xl-disabled-place-items-end:disabled { place-items: end; }
.xl-place-items-stretch { place-items: stretch; }
.xl-hover-place-items-stretch:hover { place-items: stretch; }
.xl-focus-place-items-stretch:focus { place-items: stretch; }
.xl-active-place-items-stretch:active { place-items: stretch; }
.xl-disabled-place-items-stretch:disabled { place-items: stretch; }
.xl-place-content-start { place-content: start; }
.xl-hover-place-content-start:hover { place-content: start; }
.xl-focus-place-content-start:focus { place-content: start; }
.xl-active-place-content-start:active { place-content: start; }
.xl-disabled-place-content-start:disabled { place-content: start; }
.xl-place-content-center { place-content: center; }
.xl-hover-place-content-center:hover { place-content: center; }
.xl-focus-place-content-center:focus { place-content: center; }
.xl-active-place-content-center:active { place-content: center; }
.xl-disabled-place-content-center:disabled { place-content: center; }
.xl-place-content-end { place-content: end; }
.xl-hover-place-content-end:hover { place-content: end; }
.xl-focus-place-content-end:focus { place-content: end; }
.xl-active-place-content-end:active { place-content: end; }
.xl-disabled-place-content-end:disabled { place-content: end; }
.xl-place-content-between { place-content: space-between; }
.xl-hover-place-content-between:hover { place-content: space-between; }
.xl-focus-place-content-between:focus { place-content: space-between; }
.xl-active-place-content-between:active { place-content: space-between; }
.xl-disabled-place-content-between:disabled { place-content: space-between; }
.xl-place-content-around { place-content: space-around; }
.xl-hover-place-content-around:hover { place-content: space-around; }
.xl-focus-place-content-around:focus { place-content: space-around; }
.xl-active-place-content-around:active { place-content: space-around; }
.xl-disabled-place-content-around:disabled { place-content: space-around; }
.xl-place-self-auto { place-self: auto; }
.xl-hover-place-self-auto:hover { place-self: auto; }
.xl-focus-place-self-auto:focus { place-self: auto; }
.xl-active-place-self-auto:active { place-self: auto; }
.xl-disabled-place-self-auto:disabled { place-self: auto; }
.xl-place-self-start { place-self: start; }
.xl-hover-place-self-start:hover { place-self: start; }
.xl-focus-place-self-start:focus { place-self: start; }
.xl-active-place-self-start:active { place-self: start; }
.xl-disabled-place-self-start:disabled { place-self: start; }
.xl-place-self-center { place-self: center; }
.xl-hover-place-self-center:hover { place-self: center; }
.xl-focus-place-self-center:focus { place-self: center; }
.xl-active-place-self-center:active { place-self: center; }
.xl-disabled-place-self-center:disabled { place-self: center; }
.xl-place-self-end { place-self: end; }
.xl-hover-place-self-end:hover { place-self: end; }
.xl-focus-place-self-end:focus { place-self: end; }
.xl-active-place-self-end:active { place-self: end; }
.xl-disabled-place-self-end:disabled { place-self: end; }
.xl-text-uppercase { text-transform: uppercase; }
.xl-hover-text-uppercase:hover { text-transform: uppercase; }
.xl-focus-text-uppercase:focus { text-transform: uppercase; }
.xl-active-text-uppercase:active { text-transform: uppercase; }
.xl-disabled-text-uppercase:disabled { text-transform: uppercase; }
.xl-text-lowercase { text-transform: lowercase; }
.xl-hover-text-lowercase:hover { text-transform: lowercase; }
.xl-focus-text-lowercase:focus { text-transform: lowercase; }
.xl-active-text-lowercase:active { text-transform: lowercase; }
.xl-disabled-text-lowercase:disabled { text-transform: lowercase; }
.xl-text-capitalize { text-transform: capitalize; }
.xl-hover-text-capitalize:hover { text-transform: capitalize; }
.xl-focus-text-capitalize:focus { text-transform: capitalize; }
.xl-active-text-capitalize:active { text-transform: capitalize; }
.xl-disabled-text-capitalize:disabled { text-transform: capitalize; }
.xl-tracking-tight { letter-spacing: -0.05em; }
.xl-hover-tracking-tight:hover { letter-spacing: -0.05em; }
.xl-focus-tracking-tight:focus { letter-spacing: -0.05em; }
.xl-active-tracking-tight:active { letter-spacing: -0.05em; }
.xl-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
.xl-tracking-normal { letter-spacing: 0; }
.xl-hover-tracking-normal:hover { letter-spacing: 0; }
.xl-focus-tracking-normal:focus { letter-spacing: 0; }
.xl-active-tracking-normal:active { letter-spacing: 0; }
.xl-disabled-tracking-normal:disabled { letter-spacing: 0; }
.xl-tracking-wide { letter-spacing: 0.05em; }
.xl-hover-tracking-wide:hover { letter-spacing: 0.05em; }
.xl-focus-tracking-wide:focus { letter-spacing: 0.05em; }
.xl-active-tracking-wide:active { letter-spacing: 0.05em; }
.xl-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
.xl-underline { text-decoration: underline; }
.xl-hover-underline:hover { text-decoration: underline; }
.xl-focus-underline:focus { text-decoration: underline; }
.xl-active-underline:active { text-decoration: underline; }
.xl-disabled-underline:disabled { text-decoration: underline; }
.xl-line-through { text-decoration: line-through; }
.xl-hover-line-through:hover { text-decoration: line-through; }
.xl-focus-line-through:focus { text-decoration: line-through; }
.xl-active-line-through:active { text-decoration: line-through; }
.xl-disabled-line-through:disabled { text-decoration: line-through; }
.xl-no-underline { text-decoration: none; }
.xl-hover-no-underline:hover { text-decoration: none; }
.xl-focus-no-underline:focus { text-decoration: none; }
.xl-active-no-underline:active { text-decoration: none; }
.xl-disabled-no-underline:disabled { text-decoration: none; }
.xl-text-black { color: var(--black); }
.xl-hover-text-black:hover { color: var(--black); }
.xl-focus-text-black:focus { color: var(--black); }
.xl-active-text-black:active { color: var(--black); }
.xl-disabled-text-black:disabled { color: var(--black); }
.xl-text-white { color: var(--white); }
.xl-hover-text-white:hover { color: var(--white); }
.xl-focus-text-white:focus { color: var(--white); }
.xl-active-text-white:active { color: var(--white); }
.xl-disabled-text-white:disabled { color: var(--white); }
.xl-text-red-50 { color: var(--quanta-red-50); }
.xl-hover-text-red-50:hover { color: var(--quanta-red-50); }
.xl-focus-text-red-50:focus { color: var(--quanta-red-50); }
.xl-active-text-red-50:active { color: var(--quanta-red-50); }
.xl-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
.xl-text-red-100 { color: var(--quanta-red-100); }
.xl-hover-text-red-100:hover { color: var(--quanta-red-100); }
.xl-focus-text-red-100:focus { color: var(--quanta-red-100); }
.xl-active-text-red-100:active { color: var(--quanta-red-100); }
.xl-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
.xl-text-red-200 { color: var(--quanta-red-200); }
.xl-hover-text-red-200:hover { color: var(--quanta-red-200); }
.xl-focus-text-red-200:focus { color: var(--quanta-red-200); }
.xl-active-text-red-200:active { color: var(--quanta-red-200); }
.xl-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
.xl-text-red-300 { color: var(--quanta-red-300); }
.xl-hover-text-red-300:hover { color: var(--quanta-red-300); }
.xl-focus-text-red-300:focus { color: var(--quanta-red-300); }
.xl-active-text-red-300:active { color: var(--quanta-red-300); }
.xl-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
.xl-text-red-400 { color: var(--quanta-red-400); }
.xl-hover-text-red-400:hover { color: var(--quanta-red-400); }
.xl-focus-text-red-400:focus { color: var(--quanta-red-400); }
.xl-active-text-red-400:active { color: var(--quanta-red-400); }
.xl-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
.xl-text-red-500 { color: var(--quanta-red-500); }
.xl-hover-text-red-500:hover { color: var(--quanta-red-500); }
.xl-focus-text-red-500:focus { color: var(--quanta-red-500); }
.xl-active-text-red-500:active { color: var(--quanta-red-500); }
.xl-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
.xl-text-red-600 { color: var(--quanta-red-600); }
.xl-hover-text-red-600:hover { color: var(--quanta-red-600); }
.xl-focus-text-red-600:focus { color: var(--quanta-red-600); }
.xl-active-text-red-600:active { color: var(--quanta-red-600); }
.xl-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
.xl-text-red-700 { color: var(--quanta-red-700); }
.xl-hover-text-red-700:hover { color: var(--quanta-red-700); }
.xl-focus-text-red-700:focus { color: var(--quanta-red-700); }
.xl-active-text-red-700:active { color: var(--quanta-red-700); }
.xl-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
.xl-text-red-800 { color: var(--quanta-red-800); }
.xl-hover-text-red-800:hover { color: var(--quanta-red-800); }
.xl-focus-text-red-800:focus { color: var(--quanta-red-800); }
.xl-active-text-red-800:active { color: var(--quanta-red-800); }
.xl-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
.xl-text-red-900 { color: var(--quanta-red-900); }
.xl-hover-text-red-900:hover { color: var(--quanta-red-900); }
.xl-focus-text-red-900:focus { color: var(--quanta-red-900); }
.xl-active-text-red-900:active { color: var(--quanta-red-900); }
.xl-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
.xl-text-orange-50 { color: var(--quanta-orange-50); }
.xl-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
.xl-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
.xl-active-text-orange-50:active { color: var(--quanta-orange-50); }
.xl-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
.xl-text-orange-100 { color: var(--quanta-orange-100); }
.xl-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
.xl-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
.xl-active-text-orange-100:active { color: var(--quanta-orange-100); }
.xl-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
.xl-text-orange-200 { color: var(--quanta-orange-200); }
.xl-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
.xl-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
.xl-active-text-orange-200:active { color: var(--quanta-orange-200); }
.xl-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
.xl-text-orange-300 { color: var(--quanta-orange-300); }
.xl-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
.xl-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
.xl-active-text-orange-300:active { color: var(--quanta-orange-300); }
.xl-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
.xl-text-orange-400 { color: var(--quanta-orange-400); }
.xl-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
.xl-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
.xl-active-text-orange-400:active { color: var(--quanta-orange-400); }
.xl-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
.xl-text-orange-500 { color: var(--quanta-orange-500); }
.xl-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
.xl-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
.xl-active-text-orange-500:active { color: var(--quanta-orange-500); }
.xl-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
.xl-text-orange-600 { color: var(--quanta-orange-600); }
.xl-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
.xl-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
.xl-active-text-orange-600:active { color: var(--quanta-orange-600); }
.xl-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
.xl-text-orange-700 { color: var(--quanta-orange-700); }
.xl-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
.xl-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
.xl-active-text-orange-700:active { color: var(--quanta-orange-700); }
.xl-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
.xl-text-orange-800 { color: var(--quanta-orange-800); }
.xl-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
.xl-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
.xl-active-text-orange-800:active { color: var(--quanta-orange-800); }
.xl-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
.xl-text-orange-900 { color: var(--quanta-orange-900); }
.xl-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
.xl-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
.xl-active-text-orange-900:active { color: var(--quanta-orange-900); }
.xl-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
.xl-text-teal-50 { color: var(--quanta-teal-50); }
.xl-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
.xl-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
.xl-active-text-teal-50:active { color: var(--quanta-teal-50); }
.xl-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
.xl-text-teal-100 { color: var(--quanta-teal-100); }
.xl-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
.xl-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
.xl-active-text-teal-100:active { color: var(--quanta-teal-100); }
.xl-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
.xl-text-teal-200 { color: var(--quanta-teal-200); }
.xl-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
.xl-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
.xl-active-text-teal-200:active { color: var(--quanta-teal-200); }
.xl-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
.xl-text-teal-300 { color: var(--quanta-teal-300); }
.xl-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
.xl-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
.xl-active-text-teal-300:active { color: var(--quanta-teal-300); }
.xl-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
.xl-text-teal-400 { color: var(--quanta-teal-400); }
.xl-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
.xl-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
.xl-active-text-teal-400:active { color: var(--quanta-teal-400); }
.xl-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
.xl-text-teal-500 { color: var(--quanta-teal-500); }
.xl-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
.xl-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
.xl-active-text-teal-500:active { color: var(--quanta-teal-500); }
.xl-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
.xl-text-teal-600 { color: var(--quanta-teal-600); }
.xl-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
.xl-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
.xl-active-text-teal-600:active { color: var(--quanta-teal-600); }
.xl-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
.xl-text-teal-700 { color: var(--quanta-teal-700); }
.xl-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
.xl-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
.xl-active-text-teal-700:active { color: var(--quanta-teal-700); }
.xl-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
.xl-text-teal-800 { color: var(--quanta-teal-800); }
.xl-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
.xl-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
.xl-active-text-teal-800:active { color: var(--quanta-teal-800); }
.xl-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
.xl-text-teal-900 { color: var(--quanta-teal-900); }
.xl-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
.xl-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
.xl-active-text-teal-900:active { color: var(--quanta-teal-900); }
.xl-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
.xl-text-purple-50 { color: var(--quanta-purple-50); }
.xl-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
.xl-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
.xl-active-text-purple-50:active { color: var(--quanta-purple-50); }
.xl-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
.xl-text-purple-100 { color: var(--quanta-purple-100); }
.xl-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
.xl-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
.xl-active-text-purple-100:active { color: var(--quanta-purple-100); }
.xl-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
.xl-text-purple-200 { color: var(--quanta-purple-200); }
.xl-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
.xl-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
.xl-active-text-purple-200:active { color: var(--quanta-purple-200); }
.xl-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
.xl-text-purple-300 { color: var(--quanta-purple-300); }
.xl-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
.xl-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
.xl-active-text-purple-300:active { color: var(--quanta-purple-300); }
.xl-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
.xl-text-purple-400 { color: var(--quanta-purple-400); }
.xl-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
.xl-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
.xl-active-text-purple-400:active { color: var(--quanta-purple-400); }
.xl-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
.xl-text-purple-500 { color: var(--quanta-purple-500); }
.xl-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
.xl-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
.xl-active-text-purple-500:active { color: var(--quanta-purple-500); }
.xl-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
.xl-text-purple-600 { color: var(--quanta-purple-600); }
.xl-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
.xl-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
.xl-active-text-purple-600:active { color: var(--quanta-purple-600); }
.xl-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
.xl-text-purple-700 { color: var(--quanta-purple-700); }
.xl-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
.xl-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
.xl-active-text-purple-700:active { color: var(--quanta-purple-700); }
.xl-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
.xl-text-purple-800 { color: var(--quanta-purple-800); }
.xl-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
.xl-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
.xl-active-text-purple-800:active { color: var(--quanta-purple-800); }
.xl-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
.xl-text-purple-900 { color: var(--quanta-purple-900); }
.xl-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
.xl-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
.xl-active-text-purple-900:active { color: var(--quanta-purple-900); }
.xl-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
.xl-text-indigo-50 { color: var(--quanta-indigo-50); }
.xl-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
.xl-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
.xl-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
.xl-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
.xl-text-indigo-100 { color: var(--quanta-indigo-100); }
.xl-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
.xl-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
.xl-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
.xl-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
.xl-text-indigo-200 { color: var(--quanta-indigo-200); }
.xl-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
.xl-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
.xl-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
.xl-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
.xl-text-indigo-300 { color: var(--quanta-indigo-300); }
.xl-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
.xl-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
.xl-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
.xl-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
.xl-text-indigo-400 { color: var(--quanta-indigo-400); }
.xl-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
.xl-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
.xl-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
.xl-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
.xl-text-indigo-500 { color: var(--quanta-indigo-500); }
.xl-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
.xl-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
.xl-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
.xl-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
.xl-text-indigo-600 { color: var(--quanta-indigo-600); }
.xl-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
.xl-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
.xl-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
.xl-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
.xl-text-indigo-700 { color: var(--quanta-indigo-700); }
.xl-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
.xl-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
.xl-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
.xl-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
.xl-text-indigo-800 { color: var(--quanta-indigo-800); }
.xl-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
.xl-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
.xl-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
.xl-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
.xl-text-indigo-900 { color: var(--quanta-indigo-900); }
.xl-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
.xl-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
.xl-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
.xl-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
.xl-text-yellow-50 { color: var(--quanta-yellow-50); }
.xl-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
.xl-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
.xl-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
.xl-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
.xl-text-yellow-100 { color: var(--quanta-yellow-100); }
.xl-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
.xl-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
.xl-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
.xl-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
.xl-text-yellow-200 { color: var(--quanta-yellow-200); }
.xl-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
.xl-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
.xl-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
.xl-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
.xl-text-yellow-300 { color: var(--quanta-yellow-300); }
.xl-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
.xl-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
.xl-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
.xl-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
.xl-text-yellow-400 { color: var(--quanta-yellow-400); }
.xl-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
.xl-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
.xl-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
.xl-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
.xl-text-yellow-500 { color: var(--quanta-yellow-500); }
.xl-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
.xl-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
.xl-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
.xl-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
.xl-text-yellow-600 { color: var(--quanta-yellow-600); }
.xl-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
.xl-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
.xl-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
.xl-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
.xl-text-yellow-700 { color: var(--quanta-yellow-700); }
.xl-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
.xl-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
.xl-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
.xl-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
.xl-text-yellow-800 { color: var(--quanta-yellow-800); }
.xl-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
.xl-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
.xl-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
.xl-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
.xl-text-yellow-900 { color: var(--quanta-yellow-900); }
.xl-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
.xl-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
.xl-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
.xl-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
.xl-text-pink-50 { color: var(--quanta-pink-50); }
.xl-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
.xl-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
.xl-active-text-pink-50:active { color: var(--quanta-pink-50); }
.xl-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
.xl-text-pink-100 { color: var(--quanta-pink-100); }
.xl-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
.xl-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
.xl-active-text-pink-100:active { color: var(--quanta-pink-100); }
.xl-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
.xl-text-pink-200 { color: var(--quanta-pink-200); }
.xl-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
.xl-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
.xl-active-text-pink-200:active { color: var(--quanta-pink-200); }
.xl-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
.xl-text-pink-300 { color: var(--quanta-pink-300); }
.xl-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
.xl-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
.xl-active-text-pink-300:active { color: var(--quanta-pink-300); }
.xl-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
.xl-text-pink-400 { color: var(--quanta-pink-400); }
.xl-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
.xl-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
.xl-active-text-pink-400:active { color: var(--quanta-pink-400); }
.xl-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
.xl-text-pink-500 { color: var(--quanta-pink-500); }
.xl-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
.xl-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
.xl-active-text-pink-500:active { color: var(--quanta-pink-500); }
.xl-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
.xl-text-pink-600 { color: var(--quanta-pink-600); }
.xl-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
.xl-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
.xl-active-text-pink-600:active { color: var(--quanta-pink-600); }
.xl-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
.xl-text-pink-700 { color: var(--quanta-pink-700); }
.xl-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
.xl-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
.xl-active-text-pink-700:active { color: var(--quanta-pink-700); }
.xl-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
.xl-text-pink-800 { color: var(--quanta-pink-800); }
.xl-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
.xl-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
.xl-active-text-pink-800:active { color: var(--quanta-pink-800); }
.xl-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
.xl-text-pink-900 { color: var(--quanta-pink-900); }
.xl-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
.xl-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
.xl-active-text-pink-900:active { color: var(--quanta-pink-900); }
.xl-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
.xl-text-grey-50 { color: var(--quanta-grey-50); }
.xl-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
.xl-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
.xl-active-text-grey-50:active { color: var(--quanta-grey-50); }
.xl-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
.xl-text-grey-100 { color: var(--quanta-grey-100); }
.xl-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
.xl-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
.xl-active-text-grey-100:active { color: var(--quanta-grey-100); }
.xl-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
.xl-text-grey-200 { color: var(--quanta-grey-200); }
.xl-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
.xl-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
.xl-active-text-grey-200:active { color: var(--quanta-grey-200); }
.xl-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
.xl-text-grey-300 { color: var(--quanta-grey-300); }
.xl-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
.xl-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
.xl-active-text-grey-300:active { color: var(--quanta-grey-300); }
.xl-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
.xl-text-grey-400 { color: var(--quanta-grey-400); }
.xl-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
.xl-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
.xl-active-text-grey-400:active { color: var(--quanta-grey-400); }
.xl-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
.xl-text-grey-500 { color: var(--quanta-grey-500); }
.xl-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
.xl-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
.xl-active-text-grey-500:active { color: var(--quanta-grey-500); }
.xl-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
.xl-text-grey-600 { color: var(--quanta-grey-600); }
.xl-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
.xl-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
.xl-active-text-grey-600:active { color: var(--quanta-grey-600); }
.xl-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
.xl-text-grey-700 { color: var(--quanta-grey-700); }
.xl-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
.xl-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
.xl-active-text-grey-700:active { color: var(--quanta-grey-700); }
.xl-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
.xl-text-grey-800 { color: var(--quanta-grey-800); }
.xl-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
.xl-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
.xl-active-text-grey-800:active { color: var(--quanta-grey-800); }
.xl-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
.xl-text-grey-900 { color: var(--quanta-grey-900); }
.xl-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
.xl-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
.xl-active-text-grey-900:active { color: var(--quanta-grey-900); }
.xl-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
.xl-text-lime-50 { color: var(--quanta-lime-50); }
.xl-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
.xl-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
.xl-active-text-lime-50:active { color: var(--quanta-lime-50); }
.xl-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
.xl-text-lime-100 { color: var(--quanta-lime-100); }
.xl-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
.xl-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
.xl-active-text-lime-100:active { color: var(--quanta-lime-100); }
.xl-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
.xl-text-lime-200 { color: var(--quanta-lime-200); }
.xl-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
.xl-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
.xl-active-text-lime-200:active { color: var(--quanta-lime-200); }
.xl-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
.xl-text-lime-300 { color: var(--quanta-lime-300); }
.xl-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
.xl-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
.xl-active-text-lime-300:active { color: var(--quanta-lime-300); }
.xl-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
.xl-text-lime-400 { color: var(--quanta-lime-400); }
.xl-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
.xl-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
.xl-active-text-lime-400:active { color: var(--quanta-lime-400); }
.xl-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
.xl-text-lime-500 { color: var(--quanta-lime-500); }
.xl-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
.xl-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
.xl-active-text-lime-500:active { color: var(--quanta-lime-500); }
.xl-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
.xl-text-lime-600 { color: var(--quanta-lime-600); }
.xl-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
.xl-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
.xl-active-text-lime-600:active { color: var(--quanta-lime-600); }
.xl-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
.xl-text-lime-700 { color: var(--quanta-lime-700); }
.xl-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
.xl-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
.xl-active-text-lime-700:active { color: var(--quanta-lime-700); }
.xl-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
.xl-text-lime-800 { color: var(--quanta-lime-800); }
.xl-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
.xl-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
.xl-active-text-lime-800:active { color: var(--quanta-lime-800); }
.xl-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
.xl-text-lime-900 { color: var(--quanta-lime-900); }
.xl-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
.xl-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
.xl-active-text-lime-900:active { color: var(--quanta-lime-900); }
.xl-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
.xl-text-cyan-50 { color: var(--quanta-cyan-50); }
.xl-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
.xl-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
.xl-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
.xl-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
.xl-text-cyan-100 { color: var(--quanta-cyan-100); }
.xl-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
.xl-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
.xl-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
.xl-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
.xl-text-cyan-200 { color: var(--quanta-cyan-200); }
.xl-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
.xl-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
.xl-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
.xl-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
.xl-text-cyan-300 { color: var(--quanta-cyan-300); }
.xl-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
.xl-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
.xl-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
.xl-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
.xl-text-cyan-400 { color: var(--quanta-cyan-400); }
.xl-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
.xl-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
.xl-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
.xl-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
.xl-text-cyan-500 { color: var(--quanta-cyan-500); }
.xl-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
.xl-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
.xl-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
.xl-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
.xl-text-cyan-600 { color: var(--quanta-cyan-600); }
.xl-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
.xl-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
.xl-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
.xl-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
.xl-text-cyan-700 { color: var(--quanta-cyan-700); }
.xl-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
.xl-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
.xl-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
.xl-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
.xl-text-cyan-800 { color: var(--quanta-cyan-800); }
.xl-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
.xl-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
.xl-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
.xl-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
.xl-text-cyan-900 { color: var(--quanta-cyan-900); }
.xl-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
.xl-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
.xl-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
.xl-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
.xl-text-sky-50 { color: var(--quanta-sky-50); }
.xl-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
.xl-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
.xl-active-text-sky-50:active { color: var(--quanta-sky-50); }
.xl-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
.xl-text-sky-100 { color: var(--quanta-sky-100); }
.xl-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
.xl-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
.xl-active-text-sky-100:active { color: var(--quanta-sky-100); }
.xl-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
.xl-text-sky-200 { color: var(--quanta-sky-200); }
.xl-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
.xl-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
.xl-active-text-sky-200:active { color: var(--quanta-sky-200); }
.xl-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
.xl-text-sky-300 { color: var(--quanta-sky-300); }
.xl-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
.xl-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
.xl-active-text-sky-300:active { color: var(--quanta-sky-300); }
.xl-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
.xl-text-sky-400 { color: var(--quanta-sky-400); }
.xl-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
.xl-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
.xl-active-text-sky-400:active { color: var(--quanta-sky-400); }
.xl-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
.xl-text-sky-500 { color: var(--quanta-sky-500); }
.xl-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
.xl-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
.xl-active-text-sky-500:active { color: var(--quanta-sky-500); }
.xl-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
.xl-text-sky-600 { color: var(--quanta-sky-600); }
.xl-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
.xl-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
.xl-active-text-sky-600:active { color: var(--quanta-sky-600); }
.xl-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
.xl-text-sky-700 { color: var(--quanta-sky-700); }
.xl-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
.xl-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
.xl-active-text-sky-700:active { color: var(--quanta-sky-700); }
.xl-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
.xl-text-sky-800 { color: var(--quanta-sky-800); }
.xl-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
.xl-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
.xl-active-text-sky-800:active { color: var(--quanta-sky-800); }
.xl-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
.xl-text-sky-900 { color: var(--quanta-sky-900); }
.xl-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
.xl-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
.xl-active-text-sky-900:active { color: var(--quanta-sky-900); }
.xl-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
.xl-text-violet-50 { color: var(--quanta-violet-50); }
.xl-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
.xl-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
.xl-active-text-violet-50:active { color: var(--quanta-violet-50); }
.xl-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
.xl-text-violet-100 { color: var(--quanta-violet-100); }
.xl-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
.xl-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
.xl-active-text-violet-100:active { color: var(--quanta-violet-100); }
.xl-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
.xl-text-violet-200 { color: var(--quanta-violet-200); }
.xl-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
.xl-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
.xl-active-text-violet-200:active { color: var(--quanta-violet-200); }
.xl-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
.xl-text-violet-300 { color: var(--quanta-violet-300); }
.xl-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
.xl-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
.xl-active-text-violet-300:active { color: var(--quanta-violet-300); }
.xl-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
.xl-text-violet-400 { color: var(--quanta-violet-400); }
.xl-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
.xl-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
.xl-active-text-violet-400:active { color: var(--quanta-violet-400); }
.xl-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
.xl-text-violet-500 { color: var(--quanta-violet-500); }
.xl-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
.xl-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
.xl-active-text-violet-500:active { color: var(--quanta-violet-500); }
.xl-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
.xl-text-violet-600 { color: var(--quanta-violet-600); }
.xl-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
.xl-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
.xl-active-text-violet-600:active { color: var(--quanta-violet-600); }
.xl-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
.xl-text-violet-700 { color: var(--quanta-violet-700); }
.xl-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
.xl-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
.xl-active-text-violet-700:active { color: var(--quanta-violet-700); }
.xl-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
.xl-text-violet-800 { color: var(--quanta-violet-800); }
.xl-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
.xl-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
.xl-active-text-violet-800:active { color: var(--quanta-violet-800); }
.xl-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
.xl-text-violet-900 { color: var(--quanta-violet-900); }
.xl-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
.xl-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
.xl-active-text-violet-900:active { color: var(--quanta-violet-900); }
.xl-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
.xl-text-rose-50 { color: var(--quanta-rose-50); }
.xl-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
.xl-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
.xl-active-text-rose-50:active { color: var(--quanta-rose-50); }
.xl-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
.xl-text-rose-100 { color: var(--quanta-rose-100); }
.xl-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
.xl-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
.xl-active-text-rose-100:active { color: var(--quanta-rose-100); }
.xl-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
.xl-text-rose-200 { color: var(--quanta-rose-200); }
.xl-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
.xl-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
.xl-active-text-rose-200:active { color: var(--quanta-rose-200); }
.xl-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
.xl-text-rose-300 { color: var(--quanta-rose-300); }
.xl-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
.xl-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
.xl-active-text-rose-300:active { color: var(--quanta-rose-300); }
.xl-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
.xl-text-rose-400 { color: var(--quanta-rose-400); }
.xl-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
.xl-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
.xl-active-text-rose-400:active { color: var(--quanta-rose-400); }
.xl-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
.xl-text-rose-500 { color: var(--quanta-rose-500); }
.xl-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
.xl-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
.xl-active-text-rose-500:active { color: var(--quanta-rose-500); }
.xl-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
.xl-text-rose-600 { color: var(--quanta-rose-600); }
.xl-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
.xl-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
.xl-active-text-rose-600:active { color: var(--quanta-rose-600); }
.xl-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
.xl-text-rose-700 { color: var(--quanta-rose-700); }
.xl-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
.xl-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
.xl-active-text-rose-700:active { color: var(--quanta-rose-700); }
.xl-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
.xl-text-rose-800 { color: var(--quanta-rose-800); }
.xl-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
.xl-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
.xl-active-text-rose-800:active { color: var(--quanta-rose-800); }
.xl-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
.xl-text-rose-900 { color: var(--quanta-rose-900); }
.xl-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
.xl-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
.xl-active-text-rose-900:active { color: var(--quanta-rose-900); }
.xl-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
.xl-text-slate-50 { color: var(--quanta-slate-50); }
.xl-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
.xl-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
.xl-active-text-slate-50:active { color: var(--quanta-slate-50); }
.xl-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
.xl-text-slate-100 { color: var(--quanta-slate-100); }
.xl-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
.xl-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
.xl-active-text-slate-100:active { color: var(--quanta-slate-100); }
.xl-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
.xl-text-slate-200 { color: var(--quanta-slate-200); }
.xl-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
.xl-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
.xl-active-text-slate-200:active { color: var(--quanta-slate-200); }
.xl-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
.xl-text-slate-300 { color: var(--quanta-slate-300); }
.xl-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
.xl-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
.xl-active-text-slate-300:active { color: var(--quanta-slate-300); }
.xl-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
.xl-text-slate-400 { color: var(--quanta-slate-400); }
.xl-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
.xl-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
.xl-active-text-slate-400:active { color: var(--quanta-slate-400); }
.xl-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
.xl-text-slate-500 { color: var(--quanta-slate-500); }
.xl-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
.xl-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
.xl-active-text-slate-500:active { color: var(--quanta-slate-500); }
.xl-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
.xl-text-slate-600 { color: var(--quanta-slate-600); }
.xl-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
.xl-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
.xl-active-text-slate-600:active { color: var(--quanta-slate-600); }
.xl-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
.xl-text-slate-700 { color: var(--quanta-slate-700); }
.xl-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
.xl-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
.xl-active-text-slate-700:active { color: var(--quanta-slate-700); }
.xl-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
.xl-text-slate-800 { color: var(--quanta-slate-800); }
.xl-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
.xl-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
.xl-active-text-slate-800:active { color: var(--quanta-slate-800); }
.xl-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
.xl-text-slate-900 { color: var(--quanta-slate-900); }
.xl-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
.xl-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
.xl-active-text-slate-900:active { color: var(--quanta-slate-900); }
.xl-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
.xl-text-blue-50 { color: var(--quanta-blue-50); }
.xl-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
.xl-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
.xl-active-text-blue-50:active { color: var(--quanta-blue-50); }
.xl-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
.xl-text-blue-100 { color: var(--quanta-blue-100); }
.xl-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
.xl-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
.xl-active-text-blue-100:active { color: var(--quanta-blue-100); }
.xl-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
.xl-text-blue-200 { color: var(--quanta-blue-200); }
.xl-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
.xl-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
.xl-active-text-blue-200:active { color: var(--quanta-blue-200); }
.xl-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
.xl-text-blue-300 { color: var(--quanta-blue-300); }
.xl-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
.xl-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
.xl-active-text-blue-300:active { color: var(--quanta-blue-300); }
.xl-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
.xl-text-blue-400 { color: var(--quanta-blue-400); }
.xl-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
.xl-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
.xl-active-text-blue-400:active { color: var(--quanta-blue-400); }
.xl-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
.xl-text-blue-500 { color: var(--quanta-blue-500); }
.xl-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
.xl-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
.xl-active-text-blue-500:active { color: var(--quanta-blue-500); }
.xl-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
.xl-text-blue-600 { color: var(--quanta-blue-600); }
.xl-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
.xl-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
.xl-active-text-blue-600:active { color: var(--quanta-blue-600); }
.xl-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
.xl-text-blue-700 { color: var(--quanta-blue-700); }
.xl-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
.xl-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
.xl-active-text-blue-700:active { color: var(--quanta-blue-700); }
.xl-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
.xl-text-blue-800 { color: var(--quanta-blue-800); }
.xl-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
.xl-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
.xl-active-text-blue-800:active { color: var(--quanta-blue-800); }
.xl-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
.xl-text-blue-900 { color: var(--quanta-blue-900); }
.xl-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
.xl-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
.xl-active-text-blue-900:active { color: var(--quanta-blue-900); }
.xl-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
.xl-text-green-50 { color: var(--quanta-green-50); }
.xl-hover-text-green-50:hover { color: var(--quanta-green-50); }
.xl-focus-text-green-50:focus { color: var(--quanta-green-50); }
.xl-active-text-green-50:active { color: var(--quanta-green-50); }
.xl-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
.xl-text-green-100 { color: var(--quanta-green-100); }
.xl-hover-text-green-100:hover { color: var(--quanta-green-100); }
.xl-focus-text-green-100:focus { color: var(--quanta-green-100); }
.xl-active-text-green-100:active { color: var(--quanta-green-100); }
.xl-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
.xl-text-green-200 { color: var(--quanta-green-200); }
.xl-hover-text-green-200:hover { color: var(--quanta-green-200); }
.xl-focus-text-green-200:focus { color: var(--quanta-green-200); }
.xl-active-text-green-200:active { color: var(--quanta-green-200); }
.xl-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
.xl-text-green-300 { color: var(--quanta-green-300); }
.xl-hover-text-green-300:hover { color: var(--quanta-green-300); }
.xl-focus-text-green-300:focus { color: var(--quanta-green-300); }
.xl-active-text-green-300:active { color: var(--quanta-green-300); }
.xl-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
.xl-text-green-400 { color: var(--quanta-green-400); }
.xl-hover-text-green-400:hover { color: var(--quanta-green-400); }
.xl-focus-text-green-400:focus { color: var(--quanta-green-400); }
.xl-active-text-green-400:active { color: var(--quanta-green-400); }
.xl-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
.xl-text-green-500 { color: var(--quanta-green-500); }
.xl-hover-text-green-500:hover { color: var(--quanta-green-500); }
.xl-focus-text-green-500:focus { color: var(--quanta-green-500); }
.xl-active-text-green-500:active { color: var(--quanta-green-500); }
.xl-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
.xl-text-green-600 { color: var(--quanta-green-600); }
.xl-hover-text-green-600:hover { color: var(--quanta-green-600); }
.xl-focus-text-green-600:focus { color: var(--quanta-green-600); }
.xl-active-text-green-600:active { color: var(--quanta-green-600); }
.xl-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
.xl-text-green-700 { color: var(--quanta-green-700); }
.xl-hover-text-green-700:hover { color: var(--quanta-green-700); }
.xl-focus-text-green-700:focus { color: var(--quanta-green-700); }
.xl-active-text-green-700:active { color: var(--quanta-green-700); }
.xl-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
.xl-text-green-800 { color: var(--quanta-green-800); }
.xl-hover-text-green-800:hover { color: var(--quanta-green-800); }
.xl-focus-text-green-800:focus { color: var(--quanta-green-800); }
.xl-active-text-green-800:active { color: var(--quanta-green-800); }
.xl-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
.xl-text-green-900 { color: var(--quanta-green-900); }
.xl-hover-text-green-900:hover { color: var(--quanta-green-900); }
.xl-focus-text-green-900:focus { color: var(--quanta-green-900); }
.xl-active-text-green-900:active { color: var(--quanta-green-900); }
.xl-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
.xl-bg-red-50 { background-color: var(--quanta-red-50); }
.xl-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
.xl-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
.xl-active-bg-red-50:active { background-color: var(--quanta-red-50); }
.xl-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
.xl-bg-red-100 { background-color: var(--quanta-red-100); }
.xl-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
.xl-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
.xl-active-bg-red-100:active { background-color: var(--quanta-red-100); }
.xl-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
.xl-bg-red-200 { background-color: var(--quanta-red-200); }
.xl-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
.xl-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
.xl-active-bg-red-200:active { background-color: var(--quanta-red-200); }
.xl-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
.xl-bg-red-300 { background-color: var(--quanta-red-300); }
.xl-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
.xl-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
.xl-active-bg-red-300:active { background-color: var(--quanta-red-300); }
.xl-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
.xl-bg-red-400 { background-color: var(--quanta-red-400); }
.xl-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
.xl-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
.xl-active-bg-red-400:active { background-color: var(--quanta-red-400); }
.xl-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
.xl-bg-red-500 { background-color: var(--quanta-red-500); }
.xl-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
.xl-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
.xl-active-bg-red-500:active { background-color: var(--quanta-red-500); }
.xl-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
.xl-bg-red-600 { background-color: var(--quanta-red-600); }
.xl-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
.xl-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
.xl-active-bg-red-600:active { background-color: var(--quanta-red-600); }
.xl-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
.xl-bg-red-700 { background-color: var(--quanta-red-700); }
.xl-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
.xl-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
.xl-active-bg-red-700:active { background-color: var(--quanta-red-700); }
.xl-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
.xl-bg-red-800 { background-color: var(--quanta-red-800); }
.xl-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
.xl-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
.xl-active-bg-red-800:active { background-color: var(--quanta-red-800); }
.xl-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
.xl-bg-red-900 { background-color: var(--quanta-red-900); }
.xl-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
.xl-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
.xl-active-bg-red-900:active { background-color: var(--quanta-red-900); }
.xl-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
.xl-bg-orange-50 { background-color: var(--quanta-orange-50); }
.xl-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
.xl-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
.xl-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
.xl-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
.xl-bg-orange-100 { background-color: var(--quanta-orange-100); }
.xl-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
.xl-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
.xl-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
.xl-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
.xl-bg-orange-200 { background-color: var(--quanta-orange-200); }
.xl-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
.xl-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
.xl-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
.xl-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
.xl-bg-orange-300 { background-color: var(--quanta-orange-300); }
.xl-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
.xl-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
.xl-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
.xl-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
.xl-bg-orange-400 { background-color: var(--quanta-orange-400); }
.xl-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
.xl-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
.xl-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
.xl-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
.xl-bg-orange-500 { background-color: var(--quanta-orange-500); }
.xl-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
.xl-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
.xl-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
.xl-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
.xl-bg-orange-600 { background-color: var(--quanta-orange-600); }
.xl-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
.xl-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
.xl-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
.xl-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
.xl-bg-orange-700 { background-color: var(--quanta-orange-700); }
.xl-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
.xl-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
.xl-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
.xl-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
.xl-bg-orange-800 { background-color: var(--quanta-orange-800); }
.xl-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
.xl-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
.xl-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
.xl-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
.xl-bg-orange-900 { background-color: var(--quanta-orange-900); }
.xl-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
.xl-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
.xl-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
.xl-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
.xl-bg-teal-50 { background-color: var(--quanta-teal-50); }
.xl-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
.xl-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
.xl-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
.xl-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
.xl-bg-teal-100 { background-color: var(--quanta-teal-100); }
.xl-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
.xl-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
.xl-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
.xl-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
.xl-bg-teal-200 { background-color: var(--quanta-teal-200); }
.xl-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
.xl-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
.xl-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
.xl-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
.xl-bg-teal-300 { background-color: var(--quanta-teal-300); }
.xl-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
.xl-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
.xl-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
.xl-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
.xl-bg-teal-400 { background-color: var(--quanta-teal-400); }
.xl-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
.xl-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
.xl-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
.xl-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
.xl-bg-teal-500 { background-color: var(--quanta-teal-500); }
.xl-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
.xl-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
.xl-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
.xl-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
.xl-bg-teal-600 { background-color: var(--quanta-teal-600); }
.xl-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
.xl-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
.xl-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
.xl-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
.xl-bg-teal-700 { background-color: var(--quanta-teal-700); }
.xl-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
.xl-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
.xl-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
.xl-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
.xl-bg-teal-800 { background-color: var(--quanta-teal-800); }
.xl-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
.xl-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
.xl-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
.xl-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
.xl-bg-teal-900 { background-color: var(--quanta-teal-900); }
.xl-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
.xl-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
.xl-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
.xl-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
.xl-bg-purple-50 { background-color: var(--quanta-purple-50); }
.xl-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
.xl-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
.xl-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
.xl-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
.xl-bg-purple-100 { background-color: var(--quanta-purple-100); }
.xl-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
.xl-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
.xl-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
.xl-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
.xl-bg-purple-200 { background-color: var(--quanta-purple-200); }
.xl-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
.xl-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
.xl-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
.xl-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
.xl-bg-purple-300 { background-color: var(--quanta-purple-300); }
.xl-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
.xl-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
.xl-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
.xl-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
.xl-bg-purple-400 { background-color: var(--quanta-purple-400); }
.xl-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
.xl-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
.xl-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
.xl-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
.xl-bg-purple-500 { background-color: var(--quanta-purple-500); }
.xl-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
.xl-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
.xl-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
.xl-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
.xl-bg-purple-600 { background-color: var(--quanta-purple-600); }
.xl-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
.xl-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
.xl-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
.xl-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
.xl-bg-purple-700 { background-color: var(--quanta-purple-700); }
.xl-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
.xl-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
.xl-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
.xl-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
.xl-bg-purple-800 { background-color: var(--quanta-purple-800); }
.xl-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
.xl-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
.xl-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
.xl-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
.xl-bg-purple-900 { background-color: var(--quanta-purple-900); }
.xl-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
.xl-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
.xl-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
.xl-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
.xl-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
.xl-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
.xl-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
.xl-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
.xl-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
.xl-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.xl-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
.xl-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
.xl-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
.xl-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
.xl-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.xl-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
.xl-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
.xl-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
.xl-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
.xl-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.xl-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
.xl-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
.xl-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
.xl-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
.xl-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.xl-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
.xl-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
.xl-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
.xl-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
.xl-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.xl-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
.xl-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
.xl-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
.xl-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
.xl-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.xl-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
.xl-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
.xl-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
.xl-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
.xl-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.xl-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
.xl-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
.xl-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
.xl-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
.xl-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.xl-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
.xl-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
.xl-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
.xl-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
.xl-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
.xl-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
.xl-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
.xl-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
.xl-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
.xl-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
.xl-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
.xl-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
.xl-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
.xl-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
.xl-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.xl-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
.xl-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
.xl-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
.xl-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
.xl-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.xl-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
.xl-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
.xl-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
.xl-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
.xl-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.xl-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
.xl-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
.xl-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
.xl-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
.xl-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.xl-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
.xl-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
.xl-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
.xl-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
.xl-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.xl-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
.xl-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
.xl-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
.xl-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
.xl-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.xl-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
.xl-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
.xl-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
.xl-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
.xl-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.xl-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
.xl-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
.xl-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
.xl-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
.xl-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.xl-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
.xl-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
.xl-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
.xl-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
.xl-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
.xl-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
.xl-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
.xl-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
.xl-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
.xl-bg-pink-50 { background-color: var(--quanta-pink-50); }
.xl-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
.xl-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
.xl-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
.xl-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
.xl-bg-pink-100 { background-color: var(--quanta-pink-100); }
.xl-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
.xl-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
.xl-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
.xl-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
.xl-bg-pink-200 { background-color: var(--quanta-pink-200); }
.xl-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
.xl-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
.xl-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
.xl-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
.xl-bg-pink-300 { background-color: var(--quanta-pink-300); }
.xl-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
.xl-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
.xl-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
.xl-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
.xl-bg-pink-400 { background-color: var(--quanta-pink-400); }
.xl-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
.xl-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
.xl-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
.xl-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
.xl-bg-pink-500 { background-color: var(--quanta-pink-500); }
.xl-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
.xl-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
.xl-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
.xl-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
.xl-bg-pink-600 { background-color: var(--quanta-pink-600); }
.xl-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
.xl-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
.xl-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
.xl-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
.xl-bg-pink-700 { background-color: var(--quanta-pink-700); }
.xl-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
.xl-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
.xl-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
.xl-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
.xl-bg-pink-800 { background-color: var(--quanta-pink-800); }
.xl-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
.xl-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
.xl-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
.xl-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
.xl-bg-pink-900 { background-color: var(--quanta-pink-900); }
.xl-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
.xl-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
.xl-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
.xl-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
.xl-bg-grey-50 { background-color: var(--quanta-grey-50); }
.xl-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
.xl-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
.xl-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
.xl-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
.xl-bg-grey-100 { background-color: var(--quanta-grey-100); }
.xl-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
.xl-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
.xl-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
.xl-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
.xl-bg-grey-200 { background-color: var(--quanta-grey-200); }
.xl-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
.xl-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
.xl-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
.xl-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
.xl-bg-grey-300 { background-color: var(--quanta-grey-300); }
.xl-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
.xl-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
.xl-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
.xl-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
.xl-bg-grey-400 { background-color: var(--quanta-grey-400); }
.xl-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
.xl-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
.xl-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
.xl-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
.xl-bg-grey-500 { background-color: var(--quanta-grey-500); }
.xl-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
.xl-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
.xl-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
.xl-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
.xl-bg-grey-600 { background-color: var(--quanta-grey-600); }
.xl-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
.xl-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
.xl-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
.xl-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
.xl-bg-grey-700 { background-color: var(--quanta-grey-700); }
.xl-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
.xl-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
.xl-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
.xl-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
.xl-bg-grey-800 { background-color: var(--quanta-grey-800); }
.xl-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
.xl-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
.xl-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
.xl-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
.xl-bg-grey-900 { background-color: var(--quanta-grey-900); }
.xl-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
.xl-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
.xl-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
.xl-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
.xl-bg-lime-50 { background-color: var(--quanta-lime-50); }
.xl-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
.xl-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
.xl-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
.xl-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
.xl-bg-lime-100 { background-color: var(--quanta-lime-100); }
.xl-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
.xl-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
.xl-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
.xl-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
.xl-bg-lime-200 { background-color: var(--quanta-lime-200); }
.xl-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
.xl-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
.xl-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
.xl-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
.xl-bg-lime-300 { background-color: var(--quanta-lime-300); }
.xl-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
.xl-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
.xl-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
.xl-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
.xl-bg-lime-400 { background-color: var(--quanta-lime-400); }
.xl-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
.xl-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
.xl-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
.xl-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
.xl-bg-lime-500 { background-color: var(--quanta-lime-500); }
.xl-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
.xl-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
.xl-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
.xl-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
.xl-bg-lime-600 { background-color: var(--quanta-lime-600); }
.xl-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
.xl-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
.xl-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
.xl-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
.xl-bg-lime-700 { background-color: var(--quanta-lime-700); }
.xl-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
.xl-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
.xl-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
.xl-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
.xl-bg-lime-800 { background-color: var(--quanta-lime-800); }
.xl-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
.xl-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
.xl-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
.xl-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
.xl-bg-lime-900 { background-color: var(--quanta-lime-900); }
.xl-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
.xl-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
.xl-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
.xl-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
.xl-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
.xl-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
.xl-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
.xl-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
.xl-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
.xl-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.xl-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
.xl-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
.xl-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
.xl-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
.xl-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.xl-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
.xl-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
.xl-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
.xl-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
.xl-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.xl-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
.xl-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
.xl-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
.xl-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
.xl-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.xl-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
.xl-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
.xl-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
.xl-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
.xl-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.xl-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
.xl-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
.xl-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
.xl-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
.xl-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.xl-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
.xl-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
.xl-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
.xl-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
.xl-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.xl-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
.xl-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
.xl-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
.xl-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
.xl-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.xl-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
.xl-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
.xl-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
.xl-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
.xl-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
.xl-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
.xl-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
.xl-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
.xl-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
.xl-bg-sky-50 { background-color: var(--quanta-sky-50); }
.xl-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
.xl-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
.xl-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
.xl-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
.xl-bg-sky-100 { background-color: var(--quanta-sky-100); }
.xl-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
.xl-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
.xl-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
.xl-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
.xl-bg-sky-200 { background-color: var(--quanta-sky-200); }
.xl-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
.xl-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
.xl-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
.xl-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
.xl-bg-sky-300 { background-color: var(--quanta-sky-300); }
.xl-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
.xl-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
.xl-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
.xl-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
.xl-bg-sky-400 { background-color: var(--quanta-sky-400); }
.xl-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
.xl-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
.xl-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
.xl-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
.xl-bg-sky-500 { background-color: var(--quanta-sky-500); }
.xl-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
.xl-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
.xl-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
.xl-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
.xl-bg-sky-600 { background-color: var(--quanta-sky-600); }
.xl-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
.xl-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
.xl-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
.xl-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
.xl-bg-sky-700 { background-color: var(--quanta-sky-700); }
.xl-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
.xl-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
.xl-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
.xl-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
.xl-bg-sky-800 { background-color: var(--quanta-sky-800); }
.xl-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
.xl-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
.xl-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
.xl-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
.xl-bg-sky-900 { background-color: var(--quanta-sky-900); }
.xl-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
.xl-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
.xl-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
.xl-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
.xl-bg-violet-50 { background-color: var(--quanta-violet-50); }
.xl-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
.xl-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
.xl-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
.xl-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
.xl-bg-violet-100 { background-color: var(--quanta-violet-100); }
.xl-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
.xl-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
.xl-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
.xl-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
.xl-bg-violet-200 { background-color: var(--quanta-violet-200); }
.xl-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
.xl-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
.xl-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
.xl-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
.xl-bg-violet-300 { background-color: var(--quanta-violet-300); }
.xl-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
.xl-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
.xl-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
.xl-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
.xl-bg-violet-400 { background-color: var(--quanta-violet-400); }
.xl-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
.xl-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
.xl-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
.xl-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
.xl-bg-violet-500 { background-color: var(--quanta-violet-500); }
.xl-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
.xl-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
.xl-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
.xl-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
.xl-bg-violet-600 { background-color: var(--quanta-violet-600); }
.xl-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
.xl-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
.xl-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
.xl-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
.xl-bg-violet-700 { background-color: var(--quanta-violet-700); }
.xl-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
.xl-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
.xl-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
.xl-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
.xl-bg-violet-800 { background-color: var(--quanta-violet-800); }
.xl-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
.xl-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
.xl-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
.xl-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
.xl-bg-violet-900 { background-color: var(--quanta-violet-900); }
.xl-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
.xl-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
.xl-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
.xl-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
.xl-bg-rose-50 { background-color: var(--quanta-rose-50); }
.xl-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
.xl-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
.xl-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
.xl-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
.xl-bg-rose-100 { background-color: var(--quanta-rose-100); }
.xl-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
.xl-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
.xl-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
.xl-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
.xl-bg-rose-200 { background-color: var(--quanta-rose-200); }
.xl-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
.xl-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
.xl-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
.xl-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
.xl-bg-rose-300 { background-color: var(--quanta-rose-300); }
.xl-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
.xl-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
.xl-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
.xl-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
.xl-bg-rose-400 { background-color: var(--quanta-rose-400); }
.xl-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
.xl-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
.xl-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
.xl-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
.xl-bg-rose-500 { background-color: var(--quanta-rose-500); }
.xl-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
.xl-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
.xl-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
.xl-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
.xl-bg-rose-600 { background-color: var(--quanta-rose-600); }
.xl-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
.xl-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
.xl-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
.xl-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
.xl-bg-rose-700 { background-color: var(--quanta-rose-700); }
.xl-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
.xl-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
.xl-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
.xl-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
.xl-bg-rose-800 { background-color: var(--quanta-rose-800); }
.xl-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
.xl-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
.xl-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
.xl-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
.xl-bg-rose-900 { background-color: var(--quanta-rose-900); }
.xl-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
.xl-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
.xl-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
.xl-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
.xl-bg-slate-50 { background-color: var(--quanta-slate-50); }
.xl-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
.xl-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
.xl-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
.xl-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
.xl-bg-slate-100 { background-color: var(--quanta-slate-100); }
.xl-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
.xl-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
.xl-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
.xl-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
.xl-bg-slate-200 { background-color: var(--quanta-slate-200); }
.xl-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
.xl-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
.xl-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
.xl-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
.xl-bg-slate-300 { background-color: var(--quanta-slate-300); }
.xl-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
.xl-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
.xl-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
.xl-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
.xl-bg-slate-400 { background-color: var(--quanta-slate-400); }
.xl-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
.xl-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
.xl-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
.xl-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
.xl-bg-slate-500 { background-color: var(--quanta-slate-500); }
.xl-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
.xl-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
.xl-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
.xl-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
.xl-bg-slate-600 { background-color: var(--quanta-slate-600); }
.xl-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
.xl-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
.xl-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
.xl-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
.xl-bg-slate-700 { background-color: var(--quanta-slate-700); }
.xl-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
.xl-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
.xl-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
.xl-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
.xl-bg-slate-800 { background-color: var(--quanta-slate-800); }
.xl-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
.xl-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
.xl-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
.xl-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
.xl-bg-slate-900 { background-color: var(--quanta-slate-900); }
.xl-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
.xl-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
.xl-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
.xl-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
.xl-bg-blue-50 { background-color: var(--quanta-blue-50); }
.xl-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
.xl-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
.xl-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
.xl-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
.xl-bg-blue-100 { background-color: var(--quanta-blue-100); }
.xl-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
.xl-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
.xl-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
.xl-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
.xl-bg-blue-200 { background-color: var(--quanta-blue-200); }
.xl-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
.xl-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
.xl-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
.xl-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
.xl-bg-blue-300 { background-color: var(--quanta-blue-300); }
.xl-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
.xl-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
.xl-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
.xl-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
.xl-bg-blue-400 { background-color: var(--quanta-blue-400); }
.xl-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
.xl-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
.xl-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
.xl-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
.xl-bg-blue-500 { background-color: var(--quanta-blue-500); }
.xl-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
.xl-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
.xl-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
.xl-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
.xl-bg-blue-600 { background-color: var(--quanta-blue-600); }
.xl-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
.xl-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
.xl-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
.xl-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
.xl-bg-blue-700 { background-color: var(--quanta-blue-700); }
.xl-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
.xl-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
.xl-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
.xl-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
.xl-bg-blue-800 { background-color: var(--quanta-blue-800); }
.xl-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
.xl-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
.xl-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
.xl-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
.xl-bg-blue-900 { background-color: var(--quanta-blue-900); }
.xl-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
.xl-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
.xl-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
.xl-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
.xl-bg-green-50 { background-color: var(--quanta-green-50); }
.xl-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
.xl-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
.xl-active-bg-green-50:active { background-color: var(--quanta-green-50); }
.xl-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
.xl-bg-green-100 { background-color: var(--quanta-green-100); }
.xl-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
.xl-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
.xl-active-bg-green-100:active { background-color: var(--quanta-green-100); }
.xl-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
.xl-bg-green-200 { background-color: var(--quanta-green-200); }
.xl-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
.xl-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
.xl-active-bg-green-200:active { background-color: var(--quanta-green-200); }
.xl-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
.xl-bg-green-300 { background-color: var(--quanta-green-300); }
.xl-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
.xl-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
.xl-active-bg-green-300:active { background-color: var(--quanta-green-300); }
.xl-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
.xl-bg-green-400 { background-color: var(--quanta-green-400); }
.xl-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
.xl-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
.xl-active-bg-green-400:active { background-color: var(--quanta-green-400); }
.xl-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
.xl-bg-green-500 { background-color: var(--quanta-green-500); }
.xl-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
.xl-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
.xl-active-bg-green-500:active { background-color: var(--quanta-green-500); }
.xl-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
.xl-bg-green-600 { background-color: var(--quanta-green-600); }
.xl-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
.xl-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
.xl-active-bg-green-600:active { background-color: var(--quanta-green-600); }
.xl-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
.xl-bg-green-700 { background-color: var(--quanta-green-700); }
.xl-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
.xl-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
.xl-active-bg-green-700:active { background-color: var(--quanta-green-700); }
.xl-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
.xl-bg-green-800 { background-color: var(--quanta-green-800); }
.xl-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
.xl-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
.xl-active-bg-green-800:active { background-color: var(--quanta-green-800); }
.xl-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
.xl-bg-green-900 { background-color: var(--quanta-green-900); }
.xl-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
.xl-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
.xl-active-bg-green-900:active { background-color: var(--quanta-green-900); }
.xl-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
.xl-bg-black { background-color: var(--black); }
.xl-hover-bg-black:hover { background-color: var(--black); }
.xl-focus-bg-black:focus { background-color: var(--black); }
.xl-active-bg-black:active { background-color: var(--black); }
.xl-disabled-bg-black:disabled { background-color: var(--black); }
.xl-bg-white { background-color: var(--white); }
.xl-hover-bg-white:hover { background-color: var(--white); }
.xl-focus-bg-white:focus { background-color: var(--white); }
.xl-active-bg-white:active { background-color: var(--white); }
.xl-disabled-bg-white:disabled { background-color: var(--white); }
.xl-border-red-50 { border-color: var(--quanta-red-50); }
.xl-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
.xl-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
.xl-active-border-red-50:active { border-color: var(--quanta-red-50); }
.xl-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
.xl-border-red-100 { border-color: var(--quanta-red-100); }
.xl-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
.xl-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
.xl-active-border-red-100:active { border-color: var(--quanta-red-100); }
.xl-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
.xl-border-red-200 { border-color: var(--quanta-red-200); }
.xl-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
.xl-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
.xl-active-border-red-200:active { border-color: var(--quanta-red-200); }
.xl-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
.xl-border-red-300 { border-color: var(--quanta-red-300); }
.xl-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
.xl-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
.xl-active-border-red-300:active { border-color: var(--quanta-red-300); }
.xl-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
.xl-border-red-400 { border-color: var(--quanta-red-400); }
.xl-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
.xl-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
.xl-active-border-red-400:active { border-color: var(--quanta-red-400); }
.xl-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
.xl-border-red-500 { border-color: var(--quanta-red-500); }
.xl-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
.xl-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
.xl-active-border-red-500:active { border-color: var(--quanta-red-500); }
.xl-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
.xl-border-red-600 { border-color: var(--quanta-red-600); }
.xl-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
.xl-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
.xl-active-border-red-600:active { border-color: var(--quanta-red-600); }
.xl-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
.xl-border-red-700 { border-color: var(--quanta-red-700); }
.xl-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
.xl-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
.xl-active-border-red-700:active { border-color: var(--quanta-red-700); }
.xl-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
.xl-border-red-800 { border-color: var(--quanta-red-800); }
.xl-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
.xl-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
.xl-active-border-red-800:active { border-color: var(--quanta-red-800); }
.xl-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
.xl-border-red-900 { border-color: var(--quanta-red-900); }
.xl-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
.xl-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
.xl-active-border-red-900:active { border-color: var(--quanta-red-900); }
.xl-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
.xl-border-orange-50 { border-color: var(--quanta-orange-50); }
.xl-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
.xl-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
.xl-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
.xl-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
.xl-border-orange-100 { border-color: var(--quanta-orange-100); }
.xl-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
.xl-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
.xl-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
.xl-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
.xl-border-orange-200 { border-color: var(--quanta-orange-200); }
.xl-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
.xl-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
.xl-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
.xl-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
.xl-border-orange-300 { border-color: var(--quanta-orange-300); }
.xl-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
.xl-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
.xl-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
.xl-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
.xl-border-orange-400 { border-color: var(--quanta-orange-400); }
.xl-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
.xl-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
.xl-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
.xl-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
.xl-border-orange-500 { border-color: var(--quanta-orange-500); }
.xl-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
.xl-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
.xl-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
.xl-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
.xl-border-orange-600 { border-color: var(--quanta-orange-600); }
.xl-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
.xl-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
.xl-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
.xl-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
.xl-border-orange-700 { border-color: var(--quanta-orange-700); }
.xl-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
.xl-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
.xl-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
.xl-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
.xl-border-orange-800 { border-color: var(--quanta-orange-800); }
.xl-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
.xl-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
.xl-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
.xl-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
.xl-border-orange-900 { border-color: var(--quanta-orange-900); }
.xl-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
.xl-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
.xl-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
.xl-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
.xl-border-teal-50 { border-color: var(--quanta-teal-50); }
.xl-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
.xl-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
.xl-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
.xl-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
.xl-border-teal-100 { border-color: var(--quanta-teal-100); }
.xl-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
.xl-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
.xl-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
.xl-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
.xl-border-teal-200 { border-color: var(--quanta-teal-200); }
.xl-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
.xl-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
.xl-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
.xl-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
.xl-border-teal-300 { border-color: var(--quanta-teal-300); }
.xl-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
.xl-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
.xl-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
.xl-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
.xl-border-teal-400 { border-color: var(--quanta-teal-400); }
.xl-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
.xl-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
.xl-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
.xl-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
.xl-border-teal-500 { border-color: var(--quanta-teal-500); }
.xl-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
.xl-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
.xl-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
.xl-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
.xl-border-teal-600 { border-color: var(--quanta-teal-600); }
.xl-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
.xl-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
.xl-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
.xl-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
.xl-border-teal-700 { border-color: var(--quanta-teal-700); }
.xl-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
.xl-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
.xl-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
.xl-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
.xl-border-teal-800 { border-color: var(--quanta-teal-800); }
.xl-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
.xl-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
.xl-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
.xl-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
.xl-border-teal-900 { border-color: var(--quanta-teal-900); }
.xl-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
.xl-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
.xl-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
.xl-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
.xl-border-purple-50 { border-color: var(--quanta-purple-50); }
.xl-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
.xl-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
.xl-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
.xl-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
.xl-border-purple-100 { border-color: var(--quanta-purple-100); }
.xl-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
.xl-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
.xl-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
.xl-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
.xl-border-purple-200 { border-color: var(--quanta-purple-200); }
.xl-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
.xl-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
.xl-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
.xl-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
.xl-border-purple-300 { border-color: var(--quanta-purple-300); }
.xl-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
.xl-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
.xl-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
.xl-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
.xl-border-purple-400 { border-color: var(--quanta-purple-400); }
.xl-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
.xl-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
.xl-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
.xl-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
.xl-border-purple-500 { border-color: var(--quanta-purple-500); }
.xl-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
.xl-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
.xl-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
.xl-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
.xl-border-purple-600 { border-color: var(--quanta-purple-600); }
.xl-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
.xl-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
.xl-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
.xl-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
.xl-border-purple-700 { border-color: var(--quanta-purple-700); }
.xl-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
.xl-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
.xl-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
.xl-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
.xl-border-purple-800 { border-color: var(--quanta-purple-800); }
.xl-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
.xl-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
.xl-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
.xl-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
.xl-border-purple-900 { border-color: var(--quanta-purple-900); }
.xl-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
.xl-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
.xl-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
.xl-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
.xl-border-indigo-50 { border-color: var(--quanta-indigo-50); }
.xl-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
.xl-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
.xl-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
.xl-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
.xl-border-indigo-100 { border-color: var(--quanta-indigo-100); }
.xl-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
.xl-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
.xl-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
.xl-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
.xl-border-indigo-200 { border-color: var(--quanta-indigo-200); }
.xl-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
.xl-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
.xl-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
.xl-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
.xl-border-indigo-300 { border-color: var(--quanta-indigo-300); }
.xl-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
.xl-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
.xl-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
.xl-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
.xl-border-indigo-400 { border-color: var(--quanta-indigo-400); }
.xl-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
.xl-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
.xl-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
.xl-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
.xl-border-indigo-500 { border-color: var(--quanta-indigo-500); }
.xl-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
.xl-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
.xl-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
.xl-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
.xl-border-indigo-600 { border-color: var(--quanta-indigo-600); }
.xl-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
.xl-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
.xl-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
.xl-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
.xl-border-indigo-700 { border-color: var(--quanta-indigo-700); }
.xl-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
.xl-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
.xl-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
.xl-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
.xl-border-indigo-800 { border-color: var(--quanta-indigo-800); }
.xl-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
.xl-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
.xl-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
.xl-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
.xl-border-indigo-900 { border-color: var(--quanta-indigo-900); }
.xl-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
.xl-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
.xl-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
.xl-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
.xl-border-yellow-50 { border-color: var(--quanta-yellow-50); }
.xl-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
.xl-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
.xl-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
.xl-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
.xl-border-yellow-100 { border-color: var(--quanta-yellow-100); }
.xl-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
.xl-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
.xl-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
.xl-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
.xl-border-yellow-200 { border-color: var(--quanta-yellow-200); }
.xl-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
.xl-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
.xl-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
.xl-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
.xl-border-yellow-300 { border-color: var(--quanta-yellow-300); }
.xl-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
.xl-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
.xl-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
.xl-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
.xl-border-yellow-400 { border-color: var(--quanta-yellow-400); }
.xl-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
.xl-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
.xl-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
.xl-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
.xl-border-yellow-500 { border-color: var(--quanta-yellow-500); }
.xl-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
.xl-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
.xl-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
.xl-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
.xl-border-yellow-600 { border-color: var(--quanta-yellow-600); }
.xl-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
.xl-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
.xl-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
.xl-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
.xl-border-yellow-700 { border-color: var(--quanta-yellow-700); }
.xl-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
.xl-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
.xl-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
.xl-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
.xl-border-yellow-800 { border-color: var(--quanta-yellow-800); }
.xl-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
.xl-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
.xl-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
.xl-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
.xl-border-yellow-900 { border-color: var(--quanta-yellow-900); }
.xl-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
.xl-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
.xl-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
.xl-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
.xl-border-pink-50 { border-color: var(--quanta-pink-50); }
.xl-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
.xl-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
.xl-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
.xl-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
.xl-border-pink-100 { border-color: var(--quanta-pink-100); }
.xl-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
.xl-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
.xl-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
.xl-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
.xl-border-pink-200 { border-color: var(--quanta-pink-200); }
.xl-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
.xl-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
.xl-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
.xl-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
.xl-border-pink-300 { border-color: var(--quanta-pink-300); }
.xl-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
.xl-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
.xl-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
.xl-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
.xl-border-pink-400 { border-color: var(--quanta-pink-400); }
.xl-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
.xl-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
.xl-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
.xl-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
.xl-border-pink-500 { border-color: var(--quanta-pink-500); }
.xl-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
.xl-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
.xl-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
.xl-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
.xl-border-pink-600 { border-color: var(--quanta-pink-600); }
.xl-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
.xl-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
.xl-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
.xl-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
.xl-border-pink-700 { border-color: var(--quanta-pink-700); }
.xl-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
.xl-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
.xl-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
.xl-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
.xl-border-pink-800 { border-color: var(--quanta-pink-800); }
.xl-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
.xl-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
.xl-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
.xl-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
.xl-border-pink-900 { border-color: var(--quanta-pink-900); }
.xl-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
.xl-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
.xl-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
.xl-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
.xl-border-grey-50 { border-color: var(--quanta-grey-50); }
.xl-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
.xl-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
.xl-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
.xl-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
.xl-border-grey-100 { border-color: var(--quanta-grey-100); }
.xl-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
.xl-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
.xl-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
.xl-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
.xl-border-grey-200 { border-color: var(--quanta-grey-200); }
.xl-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
.xl-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
.xl-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
.xl-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
.xl-border-grey-300 { border-color: var(--quanta-grey-300); }
.xl-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
.xl-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
.xl-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
.xl-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
.xl-border-grey-400 { border-color: var(--quanta-grey-400); }
.xl-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
.xl-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
.xl-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
.xl-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
.xl-border-grey-500 { border-color: var(--quanta-grey-500); }
.xl-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
.xl-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
.xl-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
.xl-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
.xl-border-grey-600 { border-color: var(--quanta-grey-600); }
.xl-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
.xl-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
.xl-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
.xl-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
.xl-border-grey-700 { border-color: var(--quanta-grey-700); }
.xl-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
.xl-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
.xl-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
.xl-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
.xl-border-grey-800 { border-color: var(--quanta-grey-800); }
.xl-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
.xl-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
.xl-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
.xl-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
.xl-border-grey-900 { border-color: var(--quanta-grey-900); }
.xl-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
.xl-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
.xl-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
.xl-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
.xl-border-lime-50 { border-color: var(--quanta-lime-50); }
.xl-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
.xl-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
.xl-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
.xl-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
.xl-border-lime-100 { border-color: var(--quanta-lime-100); }
.xl-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
.xl-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
.xl-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
.xl-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
.xl-border-lime-200 { border-color: var(--quanta-lime-200); }
.xl-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
.xl-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
.xl-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
.xl-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
.xl-border-lime-300 { border-color: var(--quanta-lime-300); }
.xl-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
.xl-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
.xl-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
.xl-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
.xl-border-lime-400 { border-color: var(--quanta-lime-400); }
.xl-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
.xl-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
.xl-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
.xl-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
.xl-border-lime-500 { border-color: var(--quanta-lime-500); }
.xl-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
.xl-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
.xl-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
.xl-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
.xl-border-lime-600 { border-color: var(--quanta-lime-600); }
.xl-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
.xl-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
.xl-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
.xl-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
.xl-border-lime-700 { border-color: var(--quanta-lime-700); }
.xl-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
.xl-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
.xl-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
.xl-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
.xl-border-lime-800 { border-color: var(--quanta-lime-800); }
.xl-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
.xl-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
.xl-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
.xl-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
.xl-border-lime-900 { border-color: var(--quanta-lime-900); }
.xl-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
.xl-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
.xl-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
.xl-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
.xl-border-cyan-50 { border-color: var(--quanta-cyan-50); }
.xl-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
.xl-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
.xl-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
.xl-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
.xl-border-cyan-100 { border-color: var(--quanta-cyan-100); }
.xl-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
.xl-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
.xl-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
.xl-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
.xl-border-cyan-200 { border-color: var(--quanta-cyan-200); }
.xl-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
.xl-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
.xl-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
.xl-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
.xl-border-cyan-300 { border-color: var(--quanta-cyan-300); }
.xl-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
.xl-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
.xl-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
.xl-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
.xl-border-cyan-400 { border-color: var(--quanta-cyan-400); }
.xl-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
.xl-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
.xl-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
.xl-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
.xl-border-cyan-500 { border-color: var(--quanta-cyan-500); }
.xl-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
.xl-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
.xl-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
.xl-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
.xl-border-cyan-600 { border-color: var(--quanta-cyan-600); }
.xl-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
.xl-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
.xl-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
.xl-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
.xl-border-cyan-700 { border-color: var(--quanta-cyan-700); }
.xl-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
.xl-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
.xl-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
.xl-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
.xl-border-cyan-800 { border-color: var(--quanta-cyan-800); }
.xl-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
.xl-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
.xl-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
.xl-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
.xl-border-cyan-900 { border-color: var(--quanta-cyan-900); }
.xl-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
.xl-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
.xl-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
.xl-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
.xl-border-sky-50 { border-color: var(--quanta-sky-50); }
.xl-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
.xl-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
.xl-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
.xl-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
.xl-border-sky-100 { border-color: var(--quanta-sky-100); }
.xl-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
.xl-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
.xl-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
.xl-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
.xl-border-sky-200 { border-color: var(--quanta-sky-200); }
.xl-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
.xl-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
.xl-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
.xl-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
.xl-border-sky-300 { border-color: var(--quanta-sky-300); }
.xl-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
.xl-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
.xl-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
.xl-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
.xl-border-sky-400 { border-color: var(--quanta-sky-400); }
.xl-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
.xl-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
.xl-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
.xl-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
.xl-border-sky-500 { border-color: var(--quanta-sky-500); }
.xl-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
.xl-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
.xl-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
.xl-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
.xl-border-sky-600 { border-color: var(--quanta-sky-600); }
.xl-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
.xl-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
.xl-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
.xl-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
.xl-border-sky-700 { border-color: var(--quanta-sky-700); }
.xl-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
.xl-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
.xl-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
.xl-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
.xl-border-sky-800 { border-color: var(--quanta-sky-800); }
.xl-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
.xl-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
.xl-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
.xl-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
.xl-border-sky-900 { border-color: var(--quanta-sky-900); }
.xl-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
.xl-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
.xl-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
.xl-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
.xl-border-violet-50 { border-color: var(--quanta-violet-50); }
.xl-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
.xl-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
.xl-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
.xl-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
.xl-border-violet-100 { border-color: var(--quanta-violet-100); }
.xl-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
.xl-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
.xl-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
.xl-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
.xl-border-violet-200 { border-color: var(--quanta-violet-200); }
.xl-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
.xl-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
.xl-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
.xl-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
.xl-border-violet-300 { border-color: var(--quanta-violet-300); }
.xl-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
.xl-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
.xl-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
.xl-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
.xl-border-violet-400 { border-color: var(--quanta-violet-400); }
.xl-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
.xl-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
.xl-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
.xl-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
.xl-border-violet-500 { border-color: var(--quanta-violet-500); }
.xl-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
.xl-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
.xl-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
.xl-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
.xl-border-violet-600 { border-color: var(--quanta-violet-600); }
.xl-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
.xl-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
.xl-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
.xl-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
.xl-border-violet-700 { border-color: var(--quanta-violet-700); }
.xl-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
.xl-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
.xl-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
.xl-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
.xl-border-violet-800 { border-color: var(--quanta-violet-800); }
.xl-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
.xl-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
.xl-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
.xl-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
.xl-border-violet-900 { border-color: var(--quanta-violet-900); }
.xl-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
.xl-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
.xl-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
.xl-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
.xl-border-rose-50 { border-color: var(--quanta-rose-50); }
.xl-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
.xl-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
.xl-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
.xl-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
.xl-border-rose-100 { border-color: var(--quanta-rose-100); }
.xl-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
.xl-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
.xl-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
.xl-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
.xl-border-rose-200 { border-color: var(--quanta-rose-200); }
.xl-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
.xl-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
.xl-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
.xl-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
.xl-border-rose-300 { border-color: var(--quanta-rose-300); }
.xl-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
.xl-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
.xl-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
.xl-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
.xl-border-rose-400 { border-color: var(--quanta-rose-400); }
.xl-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
.xl-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
.xl-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
.xl-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
.xl-border-rose-500 { border-color: var(--quanta-rose-500); }
.xl-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
.xl-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
.xl-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
.xl-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
.xl-border-rose-600 { border-color: var(--quanta-rose-600); }
.xl-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
.xl-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
.xl-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
.xl-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
.xl-border-rose-700 { border-color: var(--quanta-rose-700); }
.xl-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
.xl-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
.xl-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
.xl-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
.xl-border-rose-800 { border-color: var(--quanta-rose-800); }
.xl-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
.xl-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
.xl-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
.xl-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
.xl-border-rose-900 { border-color: var(--quanta-rose-900); }
.xl-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
.xl-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
.xl-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
.xl-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
.xl-border-slate-50 { border-color: var(--quanta-slate-50); }
.xl-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
.xl-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
.xl-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
.xl-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
.xl-border-slate-100 { border-color: var(--quanta-slate-100); }
.xl-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
.xl-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
.xl-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
.xl-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
.xl-border-slate-200 { border-color: var(--quanta-slate-200); }
.xl-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
.xl-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
.xl-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
.xl-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
.xl-border-slate-300 { border-color: var(--quanta-slate-300); }
.xl-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
.xl-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
.xl-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
.xl-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
.xl-border-slate-400 { border-color: var(--quanta-slate-400); }
.xl-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
.xl-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
.xl-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
.xl-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
.xl-border-slate-500 { border-color: var(--quanta-slate-500); }
.xl-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
.xl-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
.xl-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
.xl-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
.xl-border-slate-600 { border-color: var(--quanta-slate-600); }
.xl-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
.xl-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
.xl-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
.xl-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
.xl-border-slate-700 { border-color: var(--quanta-slate-700); }
.xl-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
.xl-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
.xl-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
.xl-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
.xl-border-slate-800 { border-color: var(--quanta-slate-800); }
.xl-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
.xl-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
.xl-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
.xl-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
.xl-border-slate-900 { border-color: var(--quanta-slate-900); }
.xl-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
.xl-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
.xl-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
.xl-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
.xl-border-blue-50 { border-color: var(--quanta-blue-50); }
.xl-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
.xl-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
.xl-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
.xl-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
.xl-border-blue-100 { border-color: var(--quanta-blue-100); }
.xl-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
.xl-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
.xl-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
.xl-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
.xl-border-blue-200 { border-color: var(--quanta-blue-200); }
.xl-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
.xl-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
.xl-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
.xl-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
.xl-border-blue-300 { border-color: var(--quanta-blue-300); }
.xl-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
.xl-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
.xl-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
.xl-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
.xl-border-blue-400 { border-color: var(--quanta-blue-400); }
.xl-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
.xl-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
.xl-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
.xl-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
.xl-border-blue-500 { border-color: var(--quanta-blue-500); }
.xl-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
.xl-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
.xl-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
.xl-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
.xl-border-blue-600 { border-color: var(--quanta-blue-600); }
.xl-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
.xl-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
.xl-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
.xl-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
.xl-border-blue-700 { border-color: var(--quanta-blue-700); }
.xl-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
.xl-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
.xl-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
.xl-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
.xl-border-blue-800 { border-color: var(--quanta-blue-800); }
.xl-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
.xl-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
.xl-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
.xl-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
.xl-border-blue-900 { border-color: var(--quanta-blue-900); }
.xl-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
.xl-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
.xl-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
.xl-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
.xl-border-green-50 { border-color: var(--quanta-green-50); }
.xl-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
.xl-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
.xl-active-border-green-50:active { border-color: var(--quanta-green-50); }
.xl-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
.xl-border-green-100 { border-color: var(--quanta-green-100); }
.xl-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
.xl-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
.xl-active-border-green-100:active { border-color: var(--quanta-green-100); }
.xl-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
.xl-border-green-200 { border-color: var(--quanta-green-200); }
.xl-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
.xl-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
.xl-active-border-green-200:active { border-color: var(--quanta-green-200); }
.xl-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
.xl-border-green-300 { border-color: var(--quanta-green-300); }
.xl-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
.xl-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
.xl-active-border-green-300:active { border-color: var(--quanta-green-300); }
.xl-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
.xl-border-green-400 { border-color: var(--quanta-green-400); }
.xl-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
.xl-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
.xl-active-border-green-400:active { border-color: var(--quanta-green-400); }
.xl-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
.xl-border-green-500 { border-color: var(--quanta-green-500); }
.xl-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
.xl-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
.xl-active-border-green-500:active { border-color: var(--quanta-green-500); }
.xl-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
.xl-border-green-600 { border-color: var(--quanta-green-600); }
.xl-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
.xl-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
.xl-active-border-green-600:active { border-color: var(--quanta-green-600); }
.xl-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
.xl-border-green-700 { border-color: var(--quanta-green-700); }
.xl-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
.xl-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
.xl-active-border-green-700:active { border-color: var(--quanta-green-700); }
.xl-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
.xl-border-green-800 { border-color: var(--quanta-green-800); }
.xl-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
.xl-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
.xl-active-border-green-800:active { border-color: var(--quanta-green-800); }
.xl-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
.xl-border-green-900 { border-color: var(--quanta-green-900); }
.xl-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
.xl-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
.xl-active-border-green-900:active { border-color: var(--quanta-green-900); }
.xl-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
.xl-border-black { border-color: var(--black); }
.xl-hover-border-black:hover { border-color: var(--black); }
.xl-focus-border-black:focus { border-color: var(--black); }
.xl-active-border-black:active { border-color: var(--black); }
.xl-disabled-border-black:disabled { border-color: var(--black); }
.xl-border-white { border-color: var(--white); }
.xl-hover-border-white:hover { border-color: var(--white); }
.xl-focus-border-white:focus { border-color: var(--white); }
.xl-active-border-white:active { border-color: var(--white); }
.xl-disabled-border-white:disabled { border-color: var(--white); }
.xl-border-0 { border-width: 0.0rem; }
.xl-hover-border-0:hover { border-width: 0.0rem; }
.xl-focus-border-0:focus { border-width: 0.0rem; }
.xl-active-border-0:active { border-width: 0.0rem; }
.xl-disabled-border-0:disabled { border-width: 0.0rem; }
.xl-border-0 { border-width: 0.0rem; }
.xl-hover-border-0:hover { border-width: 0.0rem; }
.xl-focus-border-0:focus { border-width: 0.0rem; }
.xl-active-border-0:active { border-width: 0.0rem; }
.xl-disabled-border-0:disabled { border-width: 0.0rem; }
.xl-border-t-0 { border-top-width: 0.0rem; }
.xl-hover-border-t-0:hover { border-top-width: 0.0rem; }
.xl-focus-border-t-0:focus { border-top-width: 0.0rem; }
.xl-active-border-t-0:active { border-top-width: 0.0rem; }
.xl-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
.xl-border-r-0 { border-right-width: 0.0rem; }
.xl-hover-border-r-0:hover { border-right-width: 0.0rem; }
.xl-focus-border-r-0:focus { border-right-width: 0.0rem; }
.xl-active-border-r-0:active { border-right-width: 0.0rem; }
.xl-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
.xl-border-b-0 { border-bottom-width: 0.0rem; }
.xl-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
.xl-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
.xl-active-border-b-0:active { border-bottom-width: 0.0rem; }
.xl-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
.xl-border-l-0 { border-left-width: 0.0rem; }
.xl-hover-border-l-0:hover { border-left-width: 0.0rem; }
.xl-focus-border-l-0:focus { border-left-width: 0.0rem; }
.xl-active-border-l-0:active { border-left-width: 0.0rem; }
.xl-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
.xl-border-1 { border-width: 0.0625rem; }
.xl-hover-border-1:hover { border-width: 0.0625rem; }
.xl-focus-border-1:focus { border-width: 0.0625rem; }
.xl-active-border-1:active { border-width: 0.0625rem; }
.xl-disabled-border-1:disabled { border-width: 0.0625rem; }
.xl-border-1 { border-width: 0.0625rem; }
.xl-hover-border-1:hover { border-width: 0.0625rem; }
.xl-focus-border-1:focus { border-width: 0.0625rem; }
.xl-active-border-1:active { border-width: 0.0625rem; }
.xl-disabled-border-1:disabled { border-width: 0.0625rem; }
.xl-border-t-1 { border-top-width: 0.0625rem; }
.xl-hover-border-t-1:hover { border-top-width: 0.0625rem; }
.xl-focus-border-t-1:focus { border-top-width: 0.0625rem; }
.xl-active-border-t-1:active { border-top-width: 0.0625rem; }
.xl-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
.xl-border-r-1 { border-right-width: 0.0625rem; }
.xl-hover-border-r-1:hover { border-right-width: 0.0625rem; }
.xl-focus-border-r-1:focus { border-right-width: 0.0625rem; }
.xl-active-border-r-1:active { border-right-width: 0.0625rem; }
.xl-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
.xl-border-b-1 { border-bottom-width: 0.0625rem; }
.xl-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
.xl-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
.xl-active-border-b-1:active { border-bottom-width: 0.0625rem; }
.xl-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
.xl-border-l-1 { border-left-width: 0.0625rem; }
.xl-hover-border-l-1:hover { border-left-width: 0.0625rem; }
.xl-focus-border-l-1:focus { border-left-width: 0.0625rem; }
.xl-active-border-l-1:active { border-left-width: 0.0625rem; }
.xl-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
.xl-border-2 { border-width: 0.125rem; }
.xl-hover-border-2:hover { border-width: 0.125rem; }
.xl-focus-border-2:focus { border-width: 0.125rem; }
.xl-active-border-2:active { border-width: 0.125rem; }
.xl-disabled-border-2:disabled { border-width: 0.125rem; }
.xl-border-2 { border-width: 0.125rem; }
.xl-hover-border-2:hover { border-width: 0.125rem; }
.xl-focus-border-2:focus { border-width: 0.125rem; }
.xl-active-border-2:active { border-width: 0.125rem; }
.xl-disabled-border-2:disabled { border-width: 0.125rem; }
.xl-border-t-2 { border-top-width: 0.125rem; }
.xl-hover-border-t-2:hover { border-top-width: 0.125rem; }
.xl-focus-border-t-2:focus { border-top-width: 0.125rem; }
.xl-active-border-t-2:active { border-top-width: 0.125rem; }
.xl-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
.xl-border-r-2 { border-right-width: 0.125rem; }
.xl-hover-border-r-2:hover { border-right-width: 0.125rem; }
.xl-focus-border-r-2:focus { border-right-width: 0.125rem; }
.xl-active-border-r-2:active { border-right-width: 0.125rem; }
.xl-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
.xl-border-b-2 { border-bottom-width: 0.125rem; }
.xl-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
.xl-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
.xl-active-border-b-2:active { border-bottom-width: 0.125rem; }
.xl-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
.xl-border-l-2 { border-left-width: 0.125rem; }
.xl-hover-border-l-2:hover { border-left-width: 0.125rem; }
.xl-focus-border-l-2:focus { border-left-width: 0.125rem; }
.xl-active-border-l-2:active { border-left-width: 0.125rem; }
.xl-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
.xl-border-3 { border-width: 0.1875rem; }
.xl-hover-border-3:hover { border-width: 0.1875rem; }
.xl-focus-border-3:focus { border-width: 0.1875rem; }
.xl-active-border-3:active { border-width: 0.1875rem; }
.xl-disabled-border-3:disabled { border-width: 0.1875rem; }
.xl-border-3 { border-width: 0.1875rem; }
.xl-hover-border-3:hover { border-width: 0.1875rem; }
.xl-focus-border-3:focus { border-width: 0.1875rem; }
.xl-active-border-3:active { border-width: 0.1875rem; }
.xl-disabled-border-3:disabled { border-width: 0.1875rem; }
.xl-border-t-3 { border-top-width: 0.1875rem; }
.xl-hover-border-t-3:hover { border-top-width: 0.1875rem; }
.xl-focus-border-t-3:focus { border-top-width: 0.1875rem; }
.xl-active-border-t-3:active { border-top-width: 0.1875rem; }
.xl-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
.xl-border-r-3 { border-right-width: 0.1875rem; }
.xl-hover-border-r-3:hover { border-right-width: 0.1875rem; }
.xl-focus-border-r-3:focus { border-right-width: 0.1875rem; }
.xl-active-border-r-3:active { border-right-width: 0.1875rem; }
.xl-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
.xl-border-b-3 { border-bottom-width: 0.1875rem; }
.xl-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
.xl-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
.xl-active-border-b-3:active { border-bottom-width: 0.1875rem; }
.xl-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
.xl-border-l-3 { border-left-width: 0.1875rem; }
.xl-hover-border-l-3:hover { border-left-width: 0.1875rem; }
.xl-focus-border-l-3:focus { border-left-width: 0.1875rem; }
.xl-active-border-l-3:active { border-left-width: 0.1875rem; }
.xl-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
.xl-border-4 { border-width: 0.25rem; }
.xl-hover-border-4:hover { border-width: 0.25rem; }
.xl-focus-border-4:focus { border-width: 0.25rem; }
.xl-active-border-4:active { border-width: 0.25rem; }
.xl-disabled-border-4:disabled { border-width: 0.25rem; }
.xl-border-4 { border-width: 0.25rem; }
.xl-hover-border-4:hover { border-width: 0.25rem; }
.xl-focus-border-4:focus { border-width: 0.25rem; }
.xl-active-border-4:active { border-width: 0.25rem; }
.xl-disabled-border-4:disabled { border-width: 0.25rem; }
.xl-border-t-4 { border-top-width: 0.25rem; }
.xl-hover-border-t-4:hover { border-top-width: 0.25rem; }
.xl-focus-border-t-4:focus { border-top-width: 0.25rem; }
.xl-active-border-t-4:active { border-top-width: 0.25rem; }
.xl-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
.xl-border-r-4 { border-right-width: 0.25rem; }
.xl-hover-border-r-4:hover { border-right-width: 0.25rem; }
.xl-focus-border-r-4:focus { border-right-width: 0.25rem; }
.xl-active-border-r-4:active { border-right-width: 0.25rem; }
.xl-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
.xl-border-b-4 { border-bottom-width: 0.25rem; }
.xl-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
.xl-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
.xl-active-border-b-4:active { border-bottom-width: 0.25rem; }
.xl-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
.xl-border-l-4 { border-left-width: 0.25rem; }
.xl-hover-border-l-4:hover { border-left-width: 0.25rem; }
.xl-focus-border-l-4:focus { border-left-width: 0.25rem; }
.xl-active-border-l-4:active { border-left-width: 0.25rem; }
.xl-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
.xl-border-5 { border-width: 0.3125rem; }
.xl-hover-border-5:hover { border-width: 0.3125rem; }
.xl-focus-border-5:focus { border-width: 0.3125rem; }
.xl-active-border-5:active { border-width: 0.3125rem; }
.xl-disabled-border-5:disabled { border-width: 0.3125rem; }
.xl-border-5 { border-width: 0.3125rem; }
.xl-hover-border-5:hover { border-width: 0.3125rem; }
.xl-focus-border-5:focus { border-width: 0.3125rem; }
.xl-active-border-5:active { border-width: 0.3125rem; }
.xl-disabled-border-5:disabled { border-width: 0.3125rem; }
.xl-border-t-5 { border-top-width: 0.3125rem; }
.xl-hover-border-t-5:hover { border-top-width: 0.3125rem; }
.xl-focus-border-t-5:focus { border-top-width: 0.3125rem; }
.xl-active-border-t-5:active { border-top-width: 0.3125rem; }
.xl-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
.xl-border-r-5 { border-right-width: 0.3125rem; }
.xl-hover-border-r-5:hover { border-right-width: 0.3125rem; }
.xl-focus-border-r-5:focus { border-right-width: 0.3125rem; }
.xl-active-border-r-5:active { border-right-width: 0.3125rem; }
.xl-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
.xl-border-b-5 { border-bottom-width: 0.3125rem; }
.xl-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
.xl-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
.xl-active-border-b-5:active { border-bottom-width: 0.3125rem; }
.xl-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
.xl-border-l-5 { border-left-width: 0.3125rem; }
.xl-hover-border-l-5:hover { border-left-width: 0.3125rem; }
.xl-focus-border-l-5:focus { border-left-width: 0.3125rem; }
.xl-active-border-l-5:active { border-left-width: 0.3125rem; }
.xl-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
.xl-border-6 { border-width: 0.375rem; }
.xl-hover-border-6:hover { border-width: 0.375rem; }
.xl-focus-border-6:focus { border-width: 0.375rem; }
.xl-active-border-6:active { border-width: 0.375rem; }
.xl-disabled-border-6:disabled { border-width: 0.375rem; }
.xl-border-6 { border-width: 0.375rem; }
.xl-hover-border-6:hover { border-width: 0.375rem; }
.xl-focus-border-6:focus { border-width: 0.375rem; }
.xl-active-border-6:active { border-width: 0.375rem; }
.xl-disabled-border-6:disabled { border-width: 0.375rem; }
.xl-border-t-6 { border-top-width: 0.375rem; }
.xl-hover-border-t-6:hover { border-top-width: 0.375rem; }
.xl-focus-border-t-6:focus { border-top-width: 0.375rem; }
.xl-active-border-t-6:active { border-top-width: 0.375rem; }
.xl-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
.xl-border-r-6 { border-right-width: 0.375rem; }
.xl-hover-border-r-6:hover { border-right-width: 0.375rem; }
.xl-focus-border-r-6:focus { border-right-width: 0.375rem; }
.xl-active-border-r-6:active { border-right-width: 0.375rem; }
.xl-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
.xl-border-b-6 { border-bottom-width: 0.375rem; }
.xl-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
.xl-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
.xl-active-border-b-6:active { border-bottom-width: 0.375rem; }
.xl-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
.xl-border-l-6 { border-left-width: 0.375rem; }
.xl-hover-border-l-6:hover { border-left-width: 0.375rem; }
.xl-focus-border-l-6:focus { border-left-width: 0.375rem; }
.xl-active-border-l-6:active { border-left-width: 0.375rem; }
.xl-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
.xl-border-7 { border-width: 0.4375rem; }
.xl-hover-border-7:hover { border-width: 0.4375rem; }
.xl-focus-border-7:focus { border-width: 0.4375rem; }
.xl-active-border-7:active { border-width: 0.4375rem; }
.xl-disabled-border-7:disabled { border-width: 0.4375rem; }
.xl-border-7 { border-width: 0.4375rem; }
.xl-hover-border-7:hover { border-width: 0.4375rem; }
.xl-focus-border-7:focus { border-width: 0.4375rem; }
.xl-active-border-7:active { border-width: 0.4375rem; }
.xl-disabled-border-7:disabled { border-width: 0.4375rem; }
.xl-border-t-7 { border-top-width: 0.4375rem; }
.xl-hover-border-t-7:hover { border-top-width: 0.4375rem; }
.xl-focus-border-t-7:focus { border-top-width: 0.4375rem; }
.xl-active-border-t-7:active { border-top-width: 0.4375rem; }
.xl-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
.xl-border-r-7 { border-right-width: 0.4375rem; }
.xl-hover-border-r-7:hover { border-right-width: 0.4375rem; }
.xl-focus-border-r-7:focus { border-right-width: 0.4375rem; }
.xl-active-border-r-7:active { border-right-width: 0.4375rem; }
.xl-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
.xl-border-b-7 { border-bottom-width: 0.4375rem; }
.xl-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
.xl-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
.xl-active-border-b-7:active { border-bottom-width: 0.4375rem; }
.xl-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
.xl-border-l-7 { border-left-width: 0.4375rem; }
.xl-hover-border-l-7:hover { border-left-width: 0.4375rem; }
.xl-focus-border-l-7:focus { border-left-width: 0.4375rem; }
.xl-active-border-l-7:active { border-left-width: 0.4375rem; }
.xl-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
.xl-border-8 { border-width: 0.5rem; }
.xl-hover-border-8:hover { border-width: 0.5rem; }
.xl-focus-border-8:focus { border-width: 0.5rem; }
.xl-active-border-8:active { border-width: 0.5rem; }
.xl-disabled-border-8:disabled { border-width: 0.5rem; }
.xl-border-8 { border-width: 0.5rem; }
.xl-hover-border-8:hover { border-width: 0.5rem; }
.xl-focus-border-8:focus { border-width: 0.5rem; }
.xl-active-border-8:active { border-width: 0.5rem; }
.xl-disabled-border-8:disabled { border-width: 0.5rem; }
.xl-border-t-8 { border-top-width: 0.5rem; }
.xl-hover-border-t-8:hover { border-top-width: 0.5rem; }
.xl-focus-border-t-8:focus { border-top-width: 0.5rem; }
.xl-active-border-t-8:active { border-top-width: 0.5rem; }
.xl-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
.xl-border-r-8 { border-right-width: 0.5rem; }
.xl-hover-border-r-8:hover { border-right-width: 0.5rem; }
.xl-focus-border-r-8:focus { border-right-width: 0.5rem; }
.xl-active-border-r-8:active { border-right-width: 0.5rem; }
.xl-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
.xl-border-b-8 { border-bottom-width: 0.5rem; }
.xl-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
.xl-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
.xl-active-border-b-8:active { border-bottom-width: 0.5rem; }
.xl-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
.xl-border-l-8 { border-left-width: 0.5rem; }
.xl-hover-border-l-8:hover { border-left-width: 0.5rem; }
.xl-focus-border-l-8:focus { border-left-width: 0.5rem; }
.xl-active-border-l-8:active { border-left-width: 0.5rem; }
.xl-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
.xl-border-9 { border-width: 0.5625rem; }
.xl-hover-border-9:hover { border-width: 0.5625rem; }
.xl-focus-border-9:focus { border-width: 0.5625rem; }
.xl-active-border-9:active { border-width: 0.5625rem; }
.xl-disabled-border-9:disabled { border-width: 0.5625rem; }
.xl-border-9 { border-width: 0.5625rem; }
.xl-hover-border-9:hover { border-width: 0.5625rem; }
.xl-focus-border-9:focus { border-width: 0.5625rem; }
.xl-active-border-9:active { border-width: 0.5625rem; }
.xl-disabled-border-9:disabled { border-width: 0.5625rem; }
.xl-border-t-9 { border-top-width: 0.5625rem; }
.xl-hover-border-t-9:hover { border-top-width: 0.5625rem; }
.xl-focus-border-t-9:focus { border-top-width: 0.5625rem; }
.xl-active-border-t-9:active { border-top-width: 0.5625rem; }
.xl-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
.xl-border-r-9 { border-right-width: 0.5625rem; }
.xl-hover-border-r-9:hover { border-right-width: 0.5625rem; }
.xl-focus-border-r-9:focus { border-right-width: 0.5625rem; }
.xl-active-border-r-9:active { border-right-width: 0.5625rem; }
.xl-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
.xl-border-b-9 { border-bottom-width: 0.5625rem; }
.xl-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
.xl-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
.xl-active-border-b-9:active { border-bottom-width: 0.5625rem; }
.xl-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
.xl-border-l-9 { border-left-width: 0.5625rem; }
.xl-hover-border-l-9:hover { border-left-width: 0.5625rem; }
.xl-focus-border-l-9:focus { border-left-width: 0.5625rem; }
.xl-active-border-l-9:active { border-left-width: 0.5625rem; }
.xl-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
.xl-border-10 { border-width: 0.625rem; }
.xl-hover-border-10:hover { border-width: 0.625rem; }
.xl-focus-border-10:focus { border-width: 0.625rem; }
.xl-active-border-10:active { border-width: 0.625rem; }
.xl-disabled-border-10:disabled { border-width: 0.625rem; }
.xl-border-10 { border-width: 0.625rem; }
.xl-hover-border-10:hover { border-width: 0.625rem; }
.xl-focus-border-10:focus { border-width: 0.625rem; }
.xl-active-border-10:active { border-width: 0.625rem; }
.xl-disabled-border-10:disabled { border-width: 0.625rem; }
.xl-border-t-10 { border-top-width: 0.625rem; }
.xl-hover-border-t-10:hover { border-top-width: 0.625rem; }
.xl-focus-border-t-10:focus { border-top-width: 0.625rem; }
.xl-active-border-t-10:active { border-top-width: 0.625rem; }
.xl-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
.xl-border-r-10 { border-right-width: 0.625rem; }
.xl-hover-border-r-10:hover { border-right-width: 0.625rem; }
.xl-focus-border-r-10:focus { border-right-width: 0.625rem; }
.xl-active-border-r-10:active { border-right-width: 0.625rem; }
.xl-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
.xl-border-b-10 { border-bottom-width: 0.625rem; }
.xl-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
.xl-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
.xl-active-border-b-10:active { border-bottom-width: 0.625rem; }
.xl-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
.xl-border-l-10 { border-left-width: 0.625rem; }
.xl-hover-border-l-10:hover { border-left-width: 0.625rem; }
.xl-focus-border-l-10:focus { border-left-width: 0.625rem; }
.xl-active-border-l-10:active { border-left-width: 0.625rem; }
.xl-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
.xl-border-11 { border-width: 0.6875rem; }
.xl-hover-border-11:hover { border-width: 0.6875rem; }
.xl-focus-border-11:focus { border-width: 0.6875rem; }
.xl-active-border-11:active { border-width: 0.6875rem; }
.xl-disabled-border-11:disabled { border-width: 0.6875rem; }
.xl-border-11 { border-width: 0.6875rem; }
.xl-hover-border-11:hover { border-width: 0.6875rem; }
.xl-focus-border-11:focus { border-width: 0.6875rem; }
.xl-active-border-11:active { border-width: 0.6875rem; }
.xl-disabled-border-11:disabled { border-width: 0.6875rem; }
.xl-border-t-11 { border-top-width: 0.6875rem; }
.xl-hover-border-t-11:hover { border-top-width: 0.6875rem; }
.xl-focus-border-t-11:focus { border-top-width: 0.6875rem; }
.xl-active-border-t-11:active { border-top-width: 0.6875rem; }
.xl-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
.xl-border-r-11 { border-right-width: 0.6875rem; }
.xl-hover-border-r-11:hover { border-right-width: 0.6875rem; }
.xl-focus-border-r-11:focus { border-right-width: 0.6875rem; }
.xl-active-border-r-11:active { border-right-width: 0.6875rem; }
.xl-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
.xl-border-b-11 { border-bottom-width: 0.6875rem; }
.xl-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
.xl-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
.xl-active-border-b-11:active { border-bottom-width: 0.6875rem; }
.xl-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
.xl-border-l-11 { border-left-width: 0.6875rem; }
.xl-hover-border-l-11:hover { border-left-width: 0.6875rem; }
.xl-focus-border-l-11:focus { border-left-width: 0.6875rem; }
.xl-active-border-l-11:active { border-left-width: 0.6875rem; }
.xl-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
.xl-border-12 { border-width: 0.75rem; }
.xl-hover-border-12:hover { border-width: 0.75rem; }
.xl-focus-border-12:focus { border-width: 0.75rem; }
.xl-active-border-12:active { border-width: 0.75rem; }
.xl-disabled-border-12:disabled { border-width: 0.75rem; }
.xl-border-12 { border-width: 0.75rem; }
.xl-hover-border-12:hover { border-width: 0.75rem; }
.xl-focus-border-12:focus { border-width: 0.75rem; }
.xl-active-border-12:active { border-width: 0.75rem; }
.xl-disabled-border-12:disabled { border-width: 0.75rem; }
.xl-border-t-12 { border-top-width: 0.75rem; }
.xl-hover-border-t-12:hover { border-top-width: 0.75rem; }
.xl-focus-border-t-12:focus { border-top-width: 0.75rem; }
.xl-active-border-t-12:active { border-top-width: 0.75rem; }
.xl-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
.xl-border-r-12 { border-right-width: 0.75rem; }
.xl-hover-border-r-12:hover { border-right-width: 0.75rem; }
.xl-focus-border-r-12:focus { border-right-width: 0.75rem; }
.xl-active-border-r-12:active { border-right-width: 0.75rem; }
.xl-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
.xl-border-b-12 { border-bottom-width: 0.75rem; }
.xl-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
.xl-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
.xl-active-border-b-12:active { border-bottom-width: 0.75rem; }
.xl-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
.xl-border-l-12 { border-left-width: 0.75rem; }
.xl-hover-border-l-12:hover { border-left-width: 0.75rem; }
.xl-focus-border-l-12:focus { border-left-width: 0.75rem; }
.xl-active-border-l-12:active { border-left-width: 0.75rem; }
.xl-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
.xl-border-13 { border-width: 0.8125rem; }
.xl-hover-border-13:hover { border-width: 0.8125rem; }
.xl-focus-border-13:focus { border-width: 0.8125rem; }
.xl-active-border-13:active { border-width: 0.8125rem; }
.xl-disabled-border-13:disabled { border-width: 0.8125rem; }
.xl-border-13 { border-width: 0.8125rem; }
.xl-hover-border-13:hover { border-width: 0.8125rem; }
.xl-focus-border-13:focus { border-width: 0.8125rem; }
.xl-active-border-13:active { border-width: 0.8125rem; }
.xl-disabled-border-13:disabled { border-width: 0.8125rem; }
.xl-border-t-13 { border-top-width: 0.8125rem; }
.xl-hover-border-t-13:hover { border-top-width: 0.8125rem; }
.xl-focus-border-t-13:focus { border-top-width: 0.8125rem; }
.xl-active-border-t-13:active { border-top-width: 0.8125rem; }
.xl-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
.xl-border-r-13 { border-right-width: 0.8125rem; }
.xl-hover-border-r-13:hover { border-right-width: 0.8125rem; }
.xl-focus-border-r-13:focus { border-right-width: 0.8125rem; }
.xl-active-border-r-13:active { border-right-width: 0.8125rem; }
.xl-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
.xl-border-b-13 { border-bottom-width: 0.8125rem; }
.xl-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
.xl-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
.xl-active-border-b-13:active { border-bottom-width: 0.8125rem; }
.xl-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
.xl-border-l-13 { border-left-width: 0.8125rem; }
.xl-hover-border-l-13:hover { border-left-width: 0.8125rem; }
.xl-focus-border-l-13:focus { border-left-width: 0.8125rem; }
.xl-active-border-l-13:active { border-left-width: 0.8125rem; }
.xl-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
.xl-border-14 { border-width: 0.875rem; }
.xl-hover-border-14:hover { border-width: 0.875rem; }
.xl-focus-border-14:focus { border-width: 0.875rem; }
.xl-active-border-14:active { border-width: 0.875rem; }
.xl-disabled-border-14:disabled { border-width: 0.875rem; }
.xl-border-14 { border-width: 0.875rem; }
.xl-hover-border-14:hover { border-width: 0.875rem; }
.xl-focus-border-14:focus { border-width: 0.875rem; }
.xl-active-border-14:active { border-width: 0.875rem; }
.xl-disabled-border-14:disabled { border-width: 0.875rem; }
.xl-border-t-14 { border-top-width: 0.875rem; }
.xl-hover-border-t-14:hover { border-top-width: 0.875rem; }
.xl-focus-border-t-14:focus { border-top-width: 0.875rem; }
.xl-active-border-t-14:active { border-top-width: 0.875rem; }
.xl-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
.xl-border-r-14 { border-right-width: 0.875rem; }
.xl-hover-border-r-14:hover { border-right-width: 0.875rem; }
.xl-focus-border-r-14:focus { border-right-width: 0.875rem; }
.xl-active-border-r-14:active { border-right-width: 0.875rem; }
.xl-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
.xl-border-b-14 { border-bottom-width: 0.875rem; }
.xl-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
.xl-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
.xl-active-border-b-14:active { border-bottom-width: 0.875rem; }
.xl-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
.xl-border-l-14 { border-left-width: 0.875rem; }
.xl-hover-border-l-14:hover { border-left-width: 0.875rem; }
.xl-focus-border-l-14:focus { border-left-width: 0.875rem; }
.xl-active-border-l-14:active { border-left-width: 0.875rem; }
.xl-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
.xl-border-15 { border-width: 0.9375rem; }
.xl-hover-border-15:hover { border-width: 0.9375rem; }
.xl-focus-border-15:focus { border-width: 0.9375rem; }
.xl-active-border-15:active { border-width: 0.9375rem; }
.xl-disabled-border-15:disabled { border-width: 0.9375rem; }
.xl-border-15 { border-width: 0.9375rem; }
.xl-hover-border-15:hover { border-width: 0.9375rem; }
.xl-focus-border-15:focus { border-width: 0.9375rem; }
.xl-active-border-15:active { border-width: 0.9375rem; }
.xl-disabled-border-15:disabled { border-width: 0.9375rem; }
.xl-border-t-15 { border-top-width: 0.9375rem; }
.xl-hover-border-t-15:hover { border-top-width: 0.9375rem; }
.xl-focus-border-t-15:focus { border-top-width: 0.9375rem; }
.xl-active-border-t-15:active { border-top-width: 0.9375rem; }
.xl-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
.xl-border-r-15 { border-right-width: 0.9375rem; }
.xl-hover-border-r-15:hover { border-right-width: 0.9375rem; }
.xl-focus-border-r-15:focus { border-right-width: 0.9375rem; }
.xl-active-border-r-15:active { border-right-width: 0.9375rem; }
.xl-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
.xl-border-b-15 { border-bottom-width: 0.9375rem; }
.xl-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
.xl-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
.xl-active-border-b-15:active { border-bottom-width: 0.9375rem; }
.xl-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
.xl-border-l-15 { border-left-width: 0.9375rem; }
.xl-hover-border-l-15:hover { border-left-width: 0.9375rem; }
.xl-focus-border-l-15:focus { border-left-width: 0.9375rem; }
.xl-active-border-l-15:active { border-left-width: 0.9375rem; }
.xl-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
.xl-border-16 { border-width: 1.0rem; }
.xl-hover-border-16:hover { border-width: 1.0rem; }
.xl-focus-border-16:focus { border-width: 1.0rem; }
.xl-active-border-16:active { border-width: 1.0rem; }
.xl-disabled-border-16:disabled { border-width: 1.0rem; }
.xl-border-16 { border-width: 1.0rem; }
.xl-hover-border-16:hover { border-width: 1.0rem; }
.xl-focus-border-16:focus { border-width: 1.0rem; }
.xl-active-border-16:active { border-width: 1.0rem; }
.xl-disabled-border-16:disabled { border-width: 1.0rem; }
.xl-border-t-16 { border-top-width: 1.0rem; }
.xl-hover-border-t-16:hover { border-top-width: 1.0rem; }
.xl-focus-border-t-16:focus { border-top-width: 1.0rem; }
.xl-active-border-t-16:active { border-top-width: 1.0rem; }
.xl-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
.xl-border-r-16 { border-right-width: 1.0rem; }
.xl-hover-border-r-16:hover { border-right-width: 1.0rem; }
.xl-focus-border-r-16:focus { border-right-width: 1.0rem; }
.xl-active-border-r-16:active { border-right-width: 1.0rem; }
.xl-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
.xl-border-b-16 { border-bottom-width: 1.0rem; }
.xl-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
.xl-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
.xl-active-border-b-16:active { border-bottom-width: 1.0rem; }
.xl-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
.xl-border-l-16 { border-left-width: 1.0rem; }
.xl-hover-border-l-16:hover { border-left-width: 1.0rem; }
.xl-focus-border-l-16:focus { border-left-width: 1.0rem; }
.xl-active-border-l-16:active { border-left-width: 1.0rem; }
.xl-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
.xl-border-17 { border-width: 1.0625rem; }
.xl-hover-border-17:hover { border-width: 1.0625rem; }
.xl-focus-border-17:focus { border-width: 1.0625rem; }
.xl-active-border-17:active { border-width: 1.0625rem; }
.xl-disabled-border-17:disabled { border-width: 1.0625rem; }
.xl-border-17 { border-width: 1.0625rem; }
.xl-hover-border-17:hover { border-width: 1.0625rem; }
.xl-focus-border-17:focus { border-width: 1.0625rem; }
.xl-active-border-17:active { border-width: 1.0625rem; }
.xl-disabled-border-17:disabled { border-width: 1.0625rem; }
.xl-border-t-17 { border-top-width: 1.0625rem; }
.xl-hover-border-t-17:hover { border-top-width: 1.0625rem; }
.xl-focus-border-t-17:focus { border-top-width: 1.0625rem; }
.xl-active-border-t-17:active { border-top-width: 1.0625rem; }
.xl-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
.xl-border-r-17 { border-right-width: 1.0625rem; }
.xl-hover-border-r-17:hover { border-right-width: 1.0625rem; }
.xl-focus-border-r-17:focus { border-right-width: 1.0625rem; }
.xl-active-border-r-17:active { border-right-width: 1.0625rem; }
.xl-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
.xl-border-b-17 { border-bottom-width: 1.0625rem; }
.xl-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
.xl-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
.xl-active-border-b-17:active { border-bottom-width: 1.0625rem; }
.xl-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
.xl-border-l-17 { border-left-width: 1.0625rem; }
.xl-hover-border-l-17:hover { border-left-width: 1.0625rem; }
.xl-focus-border-l-17:focus { border-left-width: 1.0625rem; }
.xl-active-border-l-17:active { border-left-width: 1.0625rem; }
.xl-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
.xl-border-18 { border-width: 1.125rem; }
.xl-hover-border-18:hover { border-width: 1.125rem; }
.xl-focus-border-18:focus { border-width: 1.125rem; }
.xl-active-border-18:active { border-width: 1.125rem; }
.xl-disabled-border-18:disabled { border-width: 1.125rem; }
.xl-border-18 { border-width: 1.125rem; }
.xl-hover-border-18:hover { border-width: 1.125rem; }
.xl-focus-border-18:focus { border-width: 1.125rem; }
.xl-active-border-18:active { border-width: 1.125rem; }
.xl-disabled-border-18:disabled { border-width: 1.125rem; }
.xl-border-t-18 { border-top-width: 1.125rem; }
.xl-hover-border-t-18:hover { border-top-width: 1.125rem; }
.xl-focus-border-t-18:focus { border-top-width: 1.125rem; }
.xl-active-border-t-18:active { border-top-width: 1.125rem; }
.xl-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
.xl-border-r-18 { border-right-width: 1.125rem; }
.xl-hover-border-r-18:hover { border-right-width: 1.125rem; }
.xl-focus-border-r-18:focus { border-right-width: 1.125rem; }
.xl-active-border-r-18:active { border-right-width: 1.125rem; }
.xl-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
.xl-border-b-18 { border-bottom-width: 1.125rem; }
.xl-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
.xl-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
.xl-active-border-b-18:active { border-bottom-width: 1.125rem; }
.xl-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
.xl-border-l-18 { border-left-width: 1.125rem; }
.xl-hover-border-l-18:hover { border-left-width: 1.125rem; }
.xl-focus-border-l-18:focus { border-left-width: 1.125rem; }
.xl-active-border-l-18:active { border-left-width: 1.125rem; }
.xl-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
.xl-border-19 { border-width: 1.1875rem; }
.xl-hover-border-19:hover { border-width: 1.1875rem; }
.xl-focus-border-19:focus { border-width: 1.1875rem; }
.xl-active-border-19:active { border-width: 1.1875rem; }
.xl-disabled-border-19:disabled { border-width: 1.1875rem; }
.xl-border-19 { border-width: 1.1875rem; }
.xl-hover-border-19:hover { border-width: 1.1875rem; }
.xl-focus-border-19:focus { border-width: 1.1875rem; }
.xl-active-border-19:active { border-width: 1.1875rem; }
.xl-disabled-border-19:disabled { border-width: 1.1875rem; }
.xl-border-t-19 { border-top-width: 1.1875rem; }
.xl-hover-border-t-19:hover { border-top-width: 1.1875rem; }
.xl-focus-border-t-19:focus { border-top-width: 1.1875rem; }
.xl-active-border-t-19:active { border-top-width: 1.1875rem; }
.xl-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
.xl-border-r-19 { border-right-width: 1.1875rem; }
.xl-hover-border-r-19:hover { border-right-width: 1.1875rem; }
.xl-focus-border-r-19:focus { border-right-width: 1.1875rem; }
.xl-active-border-r-19:active { border-right-width: 1.1875rem; }
.xl-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
.xl-border-b-19 { border-bottom-width: 1.1875rem; }
.xl-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
.xl-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
.xl-active-border-b-19:active { border-bottom-width: 1.1875rem; }
.xl-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
.xl-border-l-19 { border-left-width: 1.1875rem; }
.xl-hover-border-l-19:hover { border-left-width: 1.1875rem; }
.xl-focus-border-l-19:focus { border-left-width: 1.1875rem; }
.xl-active-border-l-19:active { border-left-width: 1.1875rem; }
.xl-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
.xl-border-20 { border-width: 1.25rem; }
.xl-hover-border-20:hover { border-width: 1.25rem; }
.xl-focus-border-20:focus { border-width: 1.25rem; }
.xl-active-border-20:active { border-width: 1.25rem; }
.xl-disabled-border-20:disabled { border-width: 1.25rem; }
.xl-border-20 { border-width: 1.25rem; }
.xl-hover-border-20:hover { border-width: 1.25rem; }
.xl-focus-border-20:focus { border-width: 1.25rem; }
.xl-active-border-20:active { border-width: 1.25rem; }
.xl-disabled-border-20:disabled { border-width: 1.25rem; }
.xl-border-t-20 { border-top-width: 1.25rem; }
.xl-hover-border-t-20:hover { border-top-width: 1.25rem; }
.xl-focus-border-t-20:focus { border-top-width: 1.25rem; }
.xl-active-border-t-20:active { border-top-width: 1.25rem; }
.xl-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
.xl-border-r-20 { border-right-width: 1.25rem; }
.xl-hover-border-r-20:hover { border-right-width: 1.25rem; }
.xl-focus-border-r-20:focus { border-right-width: 1.25rem; }
.xl-active-border-r-20:active { border-right-width: 1.25rem; }
.xl-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
.xl-border-b-20 { border-bottom-width: 1.25rem; }
.xl-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
.xl-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
.xl-active-border-b-20:active { border-bottom-width: 1.25rem; }
.xl-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
.xl-border-l-20 { border-left-width: 1.25rem; }
.xl-hover-border-l-20:hover { border-left-width: 1.25rem; }
.xl-focus-border-l-20:focus { border-left-width: 1.25rem; }
.xl-active-border-l-20:active { border-left-width: 1.25rem; }
.xl-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
.xl-border-21 { border-width: 1.3125rem; }
.xl-hover-border-21:hover { border-width: 1.3125rem; }
.xl-focus-border-21:focus { border-width: 1.3125rem; }
.xl-active-border-21:active { border-width: 1.3125rem; }
.xl-disabled-border-21:disabled { border-width: 1.3125rem; }
.xl-border-21 { border-width: 1.3125rem; }
.xl-hover-border-21:hover { border-width: 1.3125rem; }
.xl-focus-border-21:focus { border-width: 1.3125rem; }
.xl-active-border-21:active { border-width: 1.3125rem; }
.xl-disabled-border-21:disabled { border-width: 1.3125rem; }
.xl-border-t-21 { border-top-width: 1.3125rem; }
.xl-hover-border-t-21:hover { border-top-width: 1.3125rem; }
.xl-focus-border-t-21:focus { border-top-width: 1.3125rem; }
.xl-active-border-t-21:active { border-top-width: 1.3125rem; }
.xl-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
.xl-border-r-21 { border-right-width: 1.3125rem; }
.xl-hover-border-r-21:hover { border-right-width: 1.3125rem; }
.xl-focus-border-r-21:focus { border-right-width: 1.3125rem; }
.xl-active-border-r-21:active { border-right-width: 1.3125rem; }
.xl-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
.xl-border-b-21 { border-bottom-width: 1.3125rem; }
.xl-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
.xl-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
.xl-active-border-b-21:active { border-bottom-width: 1.3125rem; }
.xl-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
.xl-border-l-21 { border-left-width: 1.3125rem; }
.xl-hover-border-l-21:hover { border-left-width: 1.3125rem; }
.xl-focus-border-l-21:focus { border-left-width: 1.3125rem; }
.xl-active-border-l-21:active { border-left-width: 1.3125rem; }
.xl-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
.xl-border-22 { border-width: 1.375rem; }
.xl-hover-border-22:hover { border-width: 1.375rem; }
.xl-focus-border-22:focus { border-width: 1.375rem; }
.xl-active-border-22:active { border-width: 1.375rem; }
.xl-disabled-border-22:disabled { border-width: 1.375rem; }
.xl-border-22 { border-width: 1.375rem; }
.xl-hover-border-22:hover { border-width: 1.375rem; }
.xl-focus-border-22:focus { border-width: 1.375rem; }
.xl-active-border-22:active { border-width: 1.375rem; }
.xl-disabled-border-22:disabled { border-width: 1.375rem; }
.xl-border-t-22 { border-top-width: 1.375rem; }
.xl-hover-border-t-22:hover { border-top-width: 1.375rem; }
.xl-focus-border-t-22:focus { border-top-width: 1.375rem; }
.xl-active-border-t-22:active { border-top-width: 1.375rem; }
.xl-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
.xl-border-r-22 { border-right-width: 1.375rem; }
.xl-hover-border-r-22:hover { border-right-width: 1.375rem; }
.xl-focus-border-r-22:focus { border-right-width: 1.375rem; }
.xl-active-border-r-22:active { border-right-width: 1.375rem; }
.xl-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
.xl-border-b-22 { border-bottom-width: 1.375rem; }
.xl-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
.xl-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
.xl-active-border-b-22:active { border-bottom-width: 1.375rem; }
.xl-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
.xl-border-l-22 { border-left-width: 1.375rem; }
.xl-hover-border-l-22:hover { border-left-width: 1.375rem; }
.xl-focus-border-l-22:focus { border-left-width: 1.375rem; }
.xl-active-border-l-22:active { border-left-width: 1.375rem; }
.xl-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
.xl-border-23 { border-width: 1.4375rem; }
.xl-hover-border-23:hover { border-width: 1.4375rem; }
.xl-focus-border-23:focus { border-width: 1.4375rem; }
.xl-active-border-23:active { border-width: 1.4375rem; }
.xl-disabled-border-23:disabled { border-width: 1.4375rem; }
.xl-border-23 { border-width: 1.4375rem; }
.xl-hover-border-23:hover { border-width: 1.4375rem; }
.xl-focus-border-23:focus { border-width: 1.4375rem; }
.xl-active-border-23:active { border-width: 1.4375rem; }
.xl-disabled-border-23:disabled { border-width: 1.4375rem; }
.xl-border-t-23 { border-top-width: 1.4375rem; }
.xl-hover-border-t-23:hover { border-top-width: 1.4375rem; }
.xl-focus-border-t-23:focus { border-top-width: 1.4375rem; }
.xl-active-border-t-23:active { border-top-width: 1.4375rem; }
.xl-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
.xl-border-r-23 { border-right-width: 1.4375rem; }
.xl-hover-border-r-23:hover { border-right-width: 1.4375rem; }
.xl-focus-border-r-23:focus { border-right-width: 1.4375rem; }
.xl-active-border-r-23:active { border-right-width: 1.4375rem; }
.xl-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
.xl-border-b-23 { border-bottom-width: 1.4375rem; }
.xl-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
.xl-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
.xl-active-border-b-23:active { border-bottom-width: 1.4375rem; }
.xl-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
.xl-border-l-23 { border-left-width: 1.4375rem; }
.xl-hover-border-l-23:hover { border-left-width: 1.4375rem; }
.xl-focus-border-l-23:focus { border-left-width: 1.4375rem; }
.xl-active-border-l-23:active { border-left-width: 1.4375rem; }
.xl-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
.xl-border-24 { border-width: 1.5rem; }
.xl-hover-border-24:hover { border-width: 1.5rem; }
.xl-focus-border-24:focus { border-width: 1.5rem; }
.xl-active-border-24:active { border-width: 1.5rem; }
.xl-disabled-border-24:disabled { border-width: 1.5rem; }
.xl-border-24 { border-width: 1.5rem; }
.xl-hover-border-24:hover { border-width: 1.5rem; }
.xl-focus-border-24:focus { border-width: 1.5rem; }
.xl-active-border-24:active { border-width: 1.5rem; }
.xl-disabled-border-24:disabled { border-width: 1.5rem; }
.xl-border-t-24 { border-top-width: 1.5rem; }
.xl-hover-border-t-24:hover { border-top-width: 1.5rem; }
.xl-focus-border-t-24:focus { border-top-width: 1.5rem; }
.xl-active-border-t-24:active { border-top-width: 1.5rem; }
.xl-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
.xl-border-r-24 { border-right-width: 1.5rem; }
.xl-hover-border-r-24:hover { border-right-width: 1.5rem; }
.xl-focus-border-r-24:focus { border-right-width: 1.5rem; }
.xl-active-border-r-24:active { border-right-width: 1.5rem; }
.xl-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
.xl-border-b-24 { border-bottom-width: 1.5rem; }
.xl-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
.xl-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
.xl-active-border-b-24:active { border-bottom-width: 1.5rem; }
.xl-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
.xl-border-l-24 { border-left-width: 1.5rem; }
.xl-hover-border-l-24:hover { border-left-width: 1.5rem; }
.xl-focus-border-l-24:focus { border-left-width: 1.5rem; }
.xl-active-border-l-24:active { border-left-width: 1.5rem; }
.xl-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
.xl-border-25 { border-width: 1.5625rem; }
.xl-hover-border-25:hover { border-width: 1.5625rem; }
.xl-focus-border-25:focus { border-width: 1.5625rem; }
.xl-active-border-25:active { border-width: 1.5625rem; }
.xl-disabled-border-25:disabled { border-width: 1.5625rem; }
.xl-border-25 { border-width: 1.5625rem; }
.xl-hover-border-25:hover { border-width: 1.5625rem; }
.xl-focus-border-25:focus { border-width: 1.5625rem; }
.xl-active-border-25:active { border-width: 1.5625rem; }
.xl-disabled-border-25:disabled { border-width: 1.5625rem; }
.xl-border-t-25 { border-top-width: 1.5625rem; }
.xl-hover-border-t-25:hover { border-top-width: 1.5625rem; }
.xl-focus-border-t-25:focus { border-top-width: 1.5625rem; }
.xl-active-border-t-25:active { border-top-width: 1.5625rem; }
.xl-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
.xl-border-r-25 { border-right-width: 1.5625rem; }
.xl-hover-border-r-25:hover { border-right-width: 1.5625rem; }
.xl-focus-border-r-25:focus { border-right-width: 1.5625rem; }
.xl-active-border-r-25:active { border-right-width: 1.5625rem; }
.xl-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
.xl-border-b-25 { border-bottom-width: 1.5625rem; }
.xl-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
.xl-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
.xl-active-border-b-25:active { border-bottom-width: 1.5625rem; }
.xl-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
.xl-border-l-25 { border-left-width: 1.5625rem; }
.xl-hover-border-l-25:hover { border-left-width: 1.5625rem; }
.xl-focus-border-l-25:focus { border-left-width: 1.5625rem; }
.xl-active-border-l-25:active { border-left-width: 1.5625rem; }
.xl-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
.xl-border-26 { border-width: 1.625rem; }
.xl-hover-border-26:hover { border-width: 1.625rem; }
.xl-focus-border-26:focus { border-width: 1.625rem; }
.xl-active-border-26:active { border-width: 1.625rem; }
.xl-disabled-border-26:disabled { border-width: 1.625rem; }
.xl-border-26 { border-width: 1.625rem; }
.xl-hover-border-26:hover { border-width: 1.625rem; }
.xl-focus-border-26:focus { border-width: 1.625rem; }
.xl-active-border-26:active { border-width: 1.625rem; }
.xl-disabled-border-26:disabled { border-width: 1.625rem; }
.xl-border-t-26 { border-top-width: 1.625rem; }
.xl-hover-border-t-26:hover { border-top-width: 1.625rem; }
.xl-focus-border-t-26:focus { border-top-width: 1.625rem; }
.xl-active-border-t-26:active { border-top-width: 1.625rem; }
.xl-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
.xl-border-r-26 { border-right-width: 1.625rem; }
.xl-hover-border-r-26:hover { border-right-width: 1.625rem; }
.xl-focus-border-r-26:focus { border-right-width: 1.625rem; }
.xl-active-border-r-26:active { border-right-width: 1.625rem; }
.xl-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
.xl-border-b-26 { border-bottom-width: 1.625rem; }
.xl-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
.xl-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
.xl-active-border-b-26:active { border-bottom-width: 1.625rem; }
.xl-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
.xl-border-l-26 { border-left-width: 1.625rem; }
.xl-hover-border-l-26:hover { border-left-width: 1.625rem; }
.xl-focus-border-l-26:focus { border-left-width: 1.625rem; }
.xl-active-border-l-26:active { border-left-width: 1.625rem; }
.xl-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
.xl-border-27 { border-width: 1.6875rem; }
.xl-hover-border-27:hover { border-width: 1.6875rem; }
.xl-focus-border-27:focus { border-width: 1.6875rem; }
.xl-active-border-27:active { border-width: 1.6875rem; }
.xl-disabled-border-27:disabled { border-width: 1.6875rem; }
.xl-border-27 { border-width: 1.6875rem; }
.xl-hover-border-27:hover { border-width: 1.6875rem; }
.xl-focus-border-27:focus { border-width: 1.6875rem; }
.xl-active-border-27:active { border-width: 1.6875rem; }
.xl-disabled-border-27:disabled { border-width: 1.6875rem; }
.xl-border-t-27 { border-top-width: 1.6875rem; }
.xl-hover-border-t-27:hover { border-top-width: 1.6875rem; }
.xl-focus-border-t-27:focus { border-top-width: 1.6875rem; }
.xl-active-border-t-27:active { border-top-width: 1.6875rem; }
.xl-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
.xl-border-r-27 { border-right-width: 1.6875rem; }
.xl-hover-border-r-27:hover { border-right-width: 1.6875rem; }
.xl-focus-border-r-27:focus { border-right-width: 1.6875rem; }
.xl-active-border-r-27:active { border-right-width: 1.6875rem; }
.xl-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
.xl-border-b-27 { border-bottom-width: 1.6875rem; }
.xl-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
.xl-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
.xl-active-border-b-27:active { border-bottom-width: 1.6875rem; }
.xl-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
.xl-border-l-27 { border-left-width: 1.6875rem; }
.xl-hover-border-l-27:hover { border-left-width: 1.6875rem; }
.xl-focus-border-l-27:focus { border-left-width: 1.6875rem; }
.xl-active-border-l-27:active { border-left-width: 1.6875rem; }
.xl-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
.xl-border-28 { border-width: 1.75rem; }
.xl-hover-border-28:hover { border-width: 1.75rem; }
.xl-focus-border-28:focus { border-width: 1.75rem; }
.xl-active-border-28:active { border-width: 1.75rem; }
.xl-disabled-border-28:disabled { border-width: 1.75rem; }
.xl-border-28 { border-width: 1.75rem; }
.xl-hover-border-28:hover { border-width: 1.75rem; }
.xl-focus-border-28:focus { border-width: 1.75rem; }
.xl-active-border-28:active { border-width: 1.75rem; }
.xl-disabled-border-28:disabled { border-width: 1.75rem; }
.xl-border-t-28 { border-top-width: 1.75rem; }
.xl-hover-border-t-28:hover { border-top-width: 1.75rem; }
.xl-focus-border-t-28:focus { border-top-width: 1.75rem; }
.xl-active-border-t-28:active { border-top-width: 1.75rem; }
.xl-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
.xl-border-r-28 { border-right-width: 1.75rem; }
.xl-hover-border-r-28:hover { border-right-width: 1.75rem; }
.xl-focus-border-r-28:focus { border-right-width: 1.75rem; }
.xl-active-border-r-28:active { border-right-width: 1.75rem; }
.xl-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
.xl-border-b-28 { border-bottom-width: 1.75rem; }
.xl-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
.xl-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
.xl-active-border-b-28:active { border-bottom-width: 1.75rem; }
.xl-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
.xl-border-l-28 { border-left-width: 1.75rem; }
.xl-hover-border-l-28:hover { border-left-width: 1.75rem; }
.xl-focus-border-l-28:focus { border-left-width: 1.75rem; }
.xl-active-border-l-28:active { border-left-width: 1.75rem; }
.xl-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
.xl-border-29 { border-width: 1.8125rem; }
.xl-hover-border-29:hover { border-width: 1.8125rem; }
.xl-focus-border-29:focus { border-width: 1.8125rem; }
.xl-active-border-29:active { border-width: 1.8125rem; }
.xl-disabled-border-29:disabled { border-width: 1.8125rem; }
.xl-border-29 { border-width: 1.8125rem; }
.xl-hover-border-29:hover { border-width: 1.8125rem; }
.xl-focus-border-29:focus { border-width: 1.8125rem; }
.xl-active-border-29:active { border-width: 1.8125rem; }
.xl-disabled-border-29:disabled { border-width: 1.8125rem; }
.xl-border-t-29 { border-top-width: 1.8125rem; }
.xl-hover-border-t-29:hover { border-top-width: 1.8125rem; }
.xl-focus-border-t-29:focus { border-top-width: 1.8125rem; }
.xl-active-border-t-29:active { border-top-width: 1.8125rem; }
.xl-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
.xl-border-r-29 { border-right-width: 1.8125rem; }
.xl-hover-border-r-29:hover { border-right-width: 1.8125rem; }
.xl-focus-border-r-29:focus { border-right-width: 1.8125rem; }
.xl-active-border-r-29:active { border-right-width: 1.8125rem; }
.xl-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
.xl-border-b-29 { border-bottom-width: 1.8125rem; }
.xl-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
.xl-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
.xl-active-border-b-29:active { border-bottom-width: 1.8125rem; }
.xl-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
.xl-border-l-29 { border-left-width: 1.8125rem; }
.xl-hover-border-l-29:hover { border-left-width: 1.8125rem; }
.xl-focus-border-l-29:focus { border-left-width: 1.8125rem; }
.xl-active-border-l-29:active { border-left-width: 1.8125rem; }
.xl-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
.xl-border-30 { border-width: 1.875rem; }
.xl-hover-border-30:hover { border-width: 1.875rem; }
.xl-focus-border-30:focus { border-width: 1.875rem; }
.xl-active-border-30:active { border-width: 1.875rem; }
.xl-disabled-border-30:disabled { border-width: 1.875rem; }
.xl-border-30 { border-width: 1.875rem; }
.xl-hover-border-30:hover { border-width: 1.875rem; }
.xl-focus-border-30:focus { border-width: 1.875rem; }
.xl-active-border-30:active { border-width: 1.875rem; }
.xl-disabled-border-30:disabled { border-width: 1.875rem; }
.xl-border-t-30 { border-top-width: 1.875rem; }
.xl-hover-border-t-30:hover { border-top-width: 1.875rem; }
.xl-focus-border-t-30:focus { border-top-width: 1.875rem; }
.xl-active-border-t-30:active { border-top-width: 1.875rem; }
.xl-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
.xl-border-r-30 { border-right-width: 1.875rem; }
.xl-hover-border-r-30:hover { border-right-width: 1.875rem; }
.xl-focus-border-r-30:focus { border-right-width: 1.875rem; }
.xl-active-border-r-30:active { border-right-width: 1.875rem; }
.xl-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
.xl-border-b-30 { border-bottom-width: 1.875rem; }
.xl-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
.xl-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
.xl-active-border-b-30:active { border-bottom-width: 1.875rem; }
.xl-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
.xl-border-l-30 { border-left-width: 1.875rem; }
.xl-hover-border-l-30:hover { border-left-width: 1.875rem; }
.xl-focus-border-l-30:focus { border-left-width: 1.875rem; }
.xl-active-border-l-30:active { border-left-width: 1.875rem; }
.xl-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
.xl-border-31 { border-width: 1.9375rem; }
.xl-hover-border-31:hover { border-width: 1.9375rem; }
.xl-focus-border-31:focus { border-width: 1.9375rem; }
.xl-active-border-31:active { border-width: 1.9375rem; }
.xl-disabled-border-31:disabled { border-width: 1.9375rem; }
.xl-border-31 { border-width: 1.9375rem; }
.xl-hover-border-31:hover { border-width: 1.9375rem; }
.xl-focus-border-31:focus { border-width: 1.9375rem; }
.xl-active-border-31:active { border-width: 1.9375rem; }
.xl-disabled-border-31:disabled { border-width: 1.9375rem; }
.xl-border-t-31 { border-top-width: 1.9375rem; }
.xl-hover-border-t-31:hover { border-top-width: 1.9375rem; }
.xl-focus-border-t-31:focus { border-top-width: 1.9375rem; }
.xl-active-border-t-31:active { border-top-width: 1.9375rem; }
.xl-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
.xl-border-r-31 { border-right-width: 1.9375rem; }
.xl-hover-border-r-31:hover { border-right-width: 1.9375rem; }
.xl-focus-border-r-31:focus { border-right-width: 1.9375rem; }
.xl-active-border-r-31:active { border-right-width: 1.9375rem; }
.xl-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
.xl-border-b-31 { border-bottom-width: 1.9375rem; }
.xl-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
.xl-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
.xl-active-border-b-31:active { border-bottom-width: 1.9375rem; }
.xl-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
.xl-border-l-31 { border-left-width: 1.9375rem; }
.xl-hover-border-l-31:hover { border-left-width: 1.9375rem; }
.xl-focus-border-l-31:focus { border-left-width: 1.9375rem; }
.xl-active-border-l-31:active { border-left-width: 1.9375rem; }
.xl-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
.xl-border-32 { border-width: 2.0rem; }
.xl-hover-border-32:hover { border-width: 2.0rem; }
.xl-focus-border-32:focus { border-width: 2.0rem; }
.xl-active-border-32:active { border-width: 2.0rem; }
.xl-disabled-border-32:disabled { border-width: 2.0rem; }
.xl-border-32 { border-width: 2.0rem; }
.xl-hover-border-32:hover { border-width: 2.0rem; }
.xl-focus-border-32:focus { border-width: 2.0rem; }
.xl-active-border-32:active { border-width: 2.0rem; }
.xl-disabled-border-32:disabled { border-width: 2.0rem; }
.xl-border-t-32 { border-top-width: 2.0rem; }
.xl-hover-border-t-32:hover { border-top-width: 2.0rem; }
.xl-focus-border-t-32:focus { border-top-width: 2.0rem; }
.xl-active-border-t-32:active { border-top-width: 2.0rem; }
.xl-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
.xl-border-r-32 { border-right-width: 2.0rem; }
.xl-hover-border-r-32:hover { border-right-width: 2.0rem; }
.xl-focus-border-r-32:focus { border-right-width: 2.0rem; }
.xl-active-border-r-32:active { border-right-width: 2.0rem; }
.xl-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
.xl-border-b-32 { border-bottom-width: 2.0rem; }
.xl-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
.xl-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
.xl-active-border-b-32:active { border-bottom-width: 2.0rem; }
.xl-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
.xl-border-l-32 { border-left-width: 2.0rem; }
.xl-hover-border-l-32:hover { border-left-width: 2.0rem; }
.xl-focus-border-l-32:focus { border-left-width: 2.0rem; }
.xl-active-border-l-32:active { border-left-width: 2.0rem; }
.xl-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
.xl-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.xl-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.xl-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.xl-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.xl-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.xl-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.xl-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.xl-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.xl-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.xl-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.xl-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.xl-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.xl-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.xl-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.xl-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.xl-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.xl-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.xl-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.xl-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.xl-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.xl-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.xl-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.xl-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.xl-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.xl-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.xl-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.xl-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.xl-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.xl-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.xl-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.xl-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.xl-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.xl-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.xl-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.xl-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.xl-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.xl-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.xl-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.xl-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.xl-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.xl-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.xl-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.xl-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.xl-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.xl-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.xl-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.xl-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.xl-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.xl-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.xl-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.xl-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.xl-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.xl-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.xl-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.xl-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.xl-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.xl-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.xl-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.xl-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.xl-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.xl-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.xl-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.xl-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.xl-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.xl-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.xl-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.xl-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.xl-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.xl-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.xl-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.xl-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.xl-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.xl-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.xl-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.xl-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.xl-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.xl-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.xl-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.xl-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.xl-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.xl-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.xl-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.xl-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.xl-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.xl-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.xl-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.xl-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.xl-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.xl-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.xl-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.xl-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.xl-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.xl-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.xl-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.xl-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.xl-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.xl-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.xl-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.xl-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.xl-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.xl-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.xl-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.xl-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.xl-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.xl-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.xl-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.xl-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.xl-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.xl-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.xl-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.xl-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.xl-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.xl-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.xl-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.xl-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.xl-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.xl-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.xl-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.xl-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.xl-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.xl-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.xl-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.xl-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.xl-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.xl-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.xl-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.xl-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.xl-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.xl-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.xl-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.xl-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.xl-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.xl-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.xl-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.xl-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.xl-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.xl-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.xl-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.xl-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.xl-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.xl-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.xl-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.xl-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.xl-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.xl-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.xl-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.xl-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.xl-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.xl-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.xl-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.xl-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.xl-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.xl-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.xl-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.xl-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.xl-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.xl-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.xl-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.xl-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.xl-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.xl-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.xl-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.xl-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.xl-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.xl-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.xl-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.xl-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.xl-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.xl-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.xl-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.xl-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.xl-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.xl-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.xl-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.xl-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.xl-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.xl-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.xl-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.xl-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.xl-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.xl-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.xl-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.xl-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.xl-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.xl-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.xl-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.xl-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.xl-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.xl-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.xl-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.xl-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.xl-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.xl-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.xl-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.xl-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.xl-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.xl-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.xl-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.xl-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.xl-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.xl-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.xl-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.xl-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.xl-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.xl-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.xl-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.xl-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.xl-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.xl-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.xl-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.xl-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.xl-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.xl-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.xl-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.xl-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.xl-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.xl-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.xl-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.xl-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.xl-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.xl-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.xl-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.xl-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.xl-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.xl-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.xl-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.xl-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.xl-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.xl-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.xl-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.xl-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.xl-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.xl-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.xl-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.xl-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.xl-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.xl-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.xl-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.xl-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.xl-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.xl-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.xl-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.xl-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.xl-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.xl-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.xl-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.xl-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.xl-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.xl-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.xl-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.xl-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.xl-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.xl-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.xl-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.xl-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.xl-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.xl-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.xl-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.xl-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.xl-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.xl-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.xl-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.xl-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.xl-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.xl-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.xl-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.xl-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.xl-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.xl-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.xl-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.xl-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.xl-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.xl-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.xl-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.xl-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.xl-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.xl-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.xl-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.xl-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.xl-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.xl-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.xl-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.xl-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.xl-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.xl-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.xl-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.xl-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.xl-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.xl-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.xl-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.xl-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.xl-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.xl-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.xl-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.xl-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.xl-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.xl-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.xl-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.xl-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.xl-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.xl-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.xl-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.xl-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.xl-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.xl-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.xl-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.xl-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.xl-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.xl-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.xl-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.xl-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.xl-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.xl-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.xl-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.xl-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.xl-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.xl-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.xl-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.xl-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.xl-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.xl-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.xl-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.xl-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.xl-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.xl-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.xl-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.xl-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.xl-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.xl-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.xl-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.xl-border-transparent { border-color: transparent; }
.xl-hover-border-transparent:hover { border-color: transparent; }
.xl-focus-border-transparent:focus { border-color: transparent; }
.xl-active-border-transparent:active { border-color: transparent; }
.xl-disabled-border-transparent:disabled { border-color: transparent; }
.xl-border-inherit { border-color: inherit; }
.xl-hover-border-inherit:hover { border-color: inherit; }
.xl-focus-border-inherit:focus { border-color: inherit; }
.xl-active-border-inherit:active { border-color: inherit; }
.xl-disabled-border-inherit:disabled { border-color: inherit; }
.xl-bg-transparent { background-color: transparent; }
.xl-hover-bg-transparent:hover { background-color: transparent; }
.xl-focus-bg-transparent:focus { background-color: transparent; }
.xl-active-bg-transparent:active { background-color: transparent; }
.xl-disabled-bg-transparent:disabled { background-color: transparent; }
.xl-bg-inherit { background-color: inherit; }
.xl-hover-bg-inherit:hover { background-color: inherit; }
.xl-focus-bg-inherit:focus { background-color: inherit; }
.xl-active-bg-inherit:active { background-color: inherit; }
.xl-disabled-bg-inherit:disabled { background-color: inherit; }
.xl-text-transparent { color: transparent; }
.xl-hover-text-transparent:hover { color: transparent; }
.xl-focus-text-transparent:focus { color: transparent; }
.xl-active-text-transparent:active { color: transparent; }
.xl-disabled-text-transparent:disabled { color: transparent; }
.xl-text-inherit { color: inherit; }
.xl-hover-text-inherit:hover { color: inherit; }
.xl-focus-text-inherit:focus { color: inherit; }
.xl-active-text-inherit:active { color: inherit; }
.xl-disabled-text-inherit:disabled { color: inherit; }
.xl-border-solid { border-style: solid; }
.xl-hover-border-solid:hover { border-style: solid; }
.xl-focus-border-solid:focus { border-style: solid; }
.xl-active-border-solid:active { border-style: solid; }
.xl-disabled-border-solid:disabled { border-style: solid; }
.xl-border-dashed { border-style: dashed; }
.xl-hover-border-dashed:hover { border-style: dashed; }
.xl-focus-border-dashed:focus { border-style: dashed; }
.xl-active-border-dashed:active { border-style: dashed; }
.xl-disabled-border-dashed:disabled { border-style: dashed; }
.xl-border-dotted { border-style: dotted; }
.xl-hover-border-dotted:hover { border-style: dotted; }
.xl-focus-border-dotted:focus { border-style: dotted; }
.xl-active-border-dotted:active { border-style: dotted; }
.xl-disabled-border-dotted:disabled { border-style: dotted; }
.xl-border-double { border-style: double; }
.xl-hover-border-double:hover { border-style: double; }
.xl-focus-border-double:focus { border-style: double; }
.xl-active-border-double:active { border-style: double; }
.xl-disabled-border-double:disabled { border-style: double; }
.xl-border-none { border-style: none; }
.xl-hover-border-none:hover { border-style: none; }
.xl-focus-border-none:focus { border-style: none; }
.xl-active-border-none:active { border-style: none; }
.xl-disabled-border-none:disabled { border-style: none; }
.xl-z-auto { z-index: auto; }
.xl-hover-z-auto:hover { z-index: auto; }
.xl-focus-z-auto:focus { z-index: auto; }
.xl-active-z-auto:active { z-index: auto; }
.xl-disabled-z-auto:disabled { z-index: auto; }
.xl-z-0 { z-index: 0; }
.xl-hover-z-0:hover { z-index: 0; }
.xl-focus-z-0:focus { z-index: 0; }
.xl-active-z-0:active { z-index: 0; }
.xl-disabled-z-0:disabled { z-index: 0; }
.xl-z-10 { z-index: 10; }
.xl-hover-z-10:hover { z-index: 10; }
.xl-focus-z-10:focus { z-index: 10; }
.xl-active-z-10:active { z-index: 10; }
.xl-disabled-z-10:disabled { z-index: 10; }
.xl-z-20 { z-index: 20; }
.xl-hover-z-20:hover { z-index: 20; }
.xl-focus-z-20:focus { z-index: 20; }
.xl-active-z-20:active { z-index: 20; }
.xl-disabled-z-20:disabled { z-index: 20; }
.xl-z-30 { z-index: 30; }
.xl-hover-z-30:hover { z-index: 30; }
.xl-focus-z-30:focus { z-index: 30; }
.xl-active-z-30:active { z-index: 30; }
.xl-disabled-z-30:disabled { z-index: 30; }
.xl-z-40 { z-index: 40; }
.xl-hover-z-40:hover { z-index: 40; }
.xl-focus-z-40:focus { z-index: 40; }
.xl-active-z-40:active { z-index: 40; }
.xl-disabled-z-40:disabled { z-index: 40; }
.xl-z-50 { z-index: 50; }
.xl-hover-z-50:hover { z-index: 50; }
.xl-focus-z-50:focus { z-index: 50; }
.xl-active-z-50:active { z-index: 50; }
.xl-disabled-z-50:disabled { z-index: 50; }
.xl-z-100 { z-index: 100; }
.xl-hover-z-100:hover { z-index: 100; }
.xl-focus-z-100:focus { z-index: 100; }
.xl-active-z-100:active { z-index: 100; }
.xl-disabled-z-100:disabled { z-index: 100; }
.xl-z-9999 { z-index: 9999; }
.xl-hover-z-9999:hover { z-index: 9999; }
.xl-focus-z-9999:focus { z-index: 9999; }
.xl-active-z-9999:active { z-index: 9999; }
.xl-disabled-z-9999:disabled { z-index: 9999; }
.xl--z-10 { z-index: -10; }
.xl-hover--z-10:hover { z-index: -10; }
.xl-focus--z-10:focus { z-index: -10; }
.xl-active--z-10:active { z-index: -10; }
.xl-disabled--z-10:disabled { z-index: -10; }
.xl--z-20 { z-index: -20; }
.xl-hover--z-20:hover { z-index: -20; }
.xl-focus--z-20:focus { z-index: -20; }
.xl-active--z-20:active { z-index: -20; }
.xl-disabled--z-20:disabled { z-index: -20; }
.xl--z-40 { z-index: -40; }
.xl-hover--z-40:hover { z-index: -40; }
.xl-focus--z-40:focus { z-index: -40; }
.xl-active--z-40:active { z-index: -40; }
.xl-disabled--z-40:disabled { z-index: -40; }
.xl--z-50 { z-index: -50; }
.xl-hover--z-50:hover { z-index: -50; }
.xl-focus--z-50:focus { z-index: -50; }
.xl-active--z-50:active { z-index: -50; }
.xl-disabled--z-50:disabled { z-index: -50; }
.xl--z-100 { z-index: -100; }
.xl-hover--z-100:hover { z-index: -100; }
.xl-focus--z-100:focus { z-index: -100; }
.xl-active--z-100:active { z-index: -100; }
.xl-disabled--z-100:disabled { z-index: -100; }
.xl-opacity-0 { opacity: 0; }
.xl-hover-opacity-0:hover { opacity: 0; }
.xl-focus-opacity-0:focus { opacity: 0; }
.xl-active-opacity-0:active { opacity: 0; }
.xl-disabled-opacity-0:disabled { opacity: 0; }
.xl-opacity-10 { opacity: 0.1; }
.xl-hover-opacity-10:hover { opacity: 0.1; }
.xl-focus-opacity-10:focus { opacity: 0.1; }
.xl-active-opacity-10:active { opacity: 0.1; }
.xl-disabled-opacity-10:disabled { opacity: 0.1; }
.xl-opacity-20 { opacity: 0.2; }
.xl-hover-opacity-20:hover { opacity: 0.2; }
.xl-focus-opacity-20:focus { opacity: 0.2; }
.xl-active-opacity-20:active { opacity: 0.2; }
.xl-disabled-opacity-20:disabled { opacity: 0.2; }
.xl-opacity-25 { opacity: 0.25; }
.xl-hover-opacity-25:hover { opacity: 0.25; }
.xl-focus-opacity-25:focus { opacity: 0.25; }
.xl-active-opacity-25:active { opacity: 0.25; }
.xl-disabled-opacity-25:disabled { opacity: 0.25; }
.xl-opacity-30 { opacity: 0.3; }
.xl-hover-opacity-30:hover { opacity: 0.3; }
.xl-focus-opacity-30:focus { opacity: 0.3; }
.xl-active-opacity-30:active { opacity: 0.3; }
.xl-disabled-opacity-30:disabled { opacity: 0.3; }
.xl-opacity-40 { opacity: 0.4; }
.xl-hover-opacity-40:hover { opacity: 0.4; }
.xl-focus-opacity-40:focus { opacity: 0.4; }
.xl-active-opacity-40:active { opacity: 0.4; }
.xl-disabled-opacity-40:disabled { opacity: 0.4; }
.xl-opacity-50 { opacity: 0.5; }
.xl-hover-opacity-50:hover { opacity: 0.5; }
.xl-focus-opacity-50:focus { opacity: 0.5; }
.xl-active-opacity-50:active { opacity: 0.5; }
.xl-disabled-opacity-50:disabled { opacity: 0.5; }
.xl-opacity-60 { opacity: 0.6; }
.xl-hover-opacity-60:hover { opacity: 0.6; }
.xl-focus-opacity-60:focus { opacity: 0.6; }
.xl-active-opacity-60:active { opacity: 0.6; }
.xl-disabled-opacity-60:disabled { opacity: 0.6; }
.xl-opacity-70 { opacity: 0.7; }
.xl-hover-opacity-70:hover { opacity: 0.7; }
.xl-focus-opacity-70:focus { opacity: 0.7; }
.xl-active-opacity-70:active { opacity: 0.7; }
.xl-disabled-opacity-70:disabled { opacity: 0.7; }
.xl-opacity-75 { opacity: 0.75; }
.xl-hover-opacity-75:hover { opacity: 0.75; }
.xl-focus-opacity-75:focus { opacity: 0.75; }
.xl-active-opacity-75:active { opacity: 0.75; }
.xl-disabled-opacity-75:disabled { opacity: 0.75; }
.xl-opacity-80 { opacity: 0.8; }
.xl-hover-opacity-80:hover { opacity: 0.8; }
.xl-focus-opacity-80:focus { opacity: 0.8; }
.xl-active-opacity-80:active { opacity: 0.8; }
.xl-disabled-opacity-80:disabled { opacity: 0.8; }
.xl-opacity-90 { opacity: 0.9; }
.xl-hover-opacity-90:hover { opacity: 0.9; }
.xl-focus-opacity-90:focus { opacity: 0.9; }
.xl-active-opacity-90:active { opacity: 0.9; }
.xl-disabled-opacity-90:disabled { opacity: 0.9; }
.xl-opacity-100 { opacity: 1; }
.xl-hover-opacity-100:hover { opacity: 1; }
.xl-focus-opacity-100:focus { opacity: 1; }
.xl-active-opacity-100:active { opacity: 1; }
.xl-disabled-opacity-100:disabled { opacity: 1; }
.xl-bg-gradient-l { --quanta-gradient-direction: to left; }
.xl-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
.xl-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
.xl-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
.xl-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
.xl-bg-gradient-r { --quanta-gradient-direction: to right; }
.xl-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
.xl-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
.xl-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
.xl-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
.xl-bg-gradient-t { --quanta-gradient-direction: to top; }
.xl-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
.xl-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
.xl-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
.xl-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
.xl-bg-gradient-b { --quanta-gradient-direction: to bottom; }
.xl-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
.xl-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
.xl-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
.xl-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
.xl-bg-gradient-tl { --quanta-gradient-direction: to top left; }
.xl-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
.xl-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
.xl-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
.xl-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
.xl-bg-gradient-tr { --quanta-gradient-direction: to top right; }
.xl-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
.xl-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
.xl-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
.xl-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
.xl-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
.xl-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
.xl-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
.xl-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
.xl-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
.xl-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
.xl-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
.xl-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
.xl-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
.xl-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
.xl-rounded-0 { border-radius: 0; }
.xl-hover-rounded-0:hover { border-radius: 0; }
.xl-focus-rounded-0:focus { border-radius: 0; }
.xl-active-rounded-0:active { border-radius: 0; }
.xl-disabled-rounded-0:disabled { border-radius: 0; }
.xl-rounded-xs { border-radius: 0.125rem; }
.xl-hover-rounded-xs:hover { border-radius: 0.125rem; }
.xl-focus-rounded-xs:focus { border-radius: 0.125rem; }
.xl-active-rounded-xs:active { border-radius: 0.125rem; }
.xl-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
.xl-rounded-sm { border-radius: 0.25rem; }
.xl-hover-rounded-sm:hover { border-radius: 0.25rem; }
.xl-focus-rounded-sm:focus { border-radius: 0.25rem; }
.xl-active-rounded-sm:active { border-radius: 0.25rem; }
.xl-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
.xl-rounded { border-radius: 0.5rem; }
.xl-hover-rounded:hover { border-radius: 0.5rem; }
.xl-focus-rounded:focus { border-radius: 0.5rem; }
.xl-active-rounded:active { border-radius: 0.5rem; }
.xl-disabled-rounded:disabled { border-radius: 0.5rem; }
.xl-rounded-md { border-radius: 0.75rem; }
.xl-hover-rounded-md:hover { border-radius: 0.75rem; }
.xl-focus-rounded-md:focus { border-radius: 0.75rem; }
.xl-active-rounded-md:active { border-radius: 0.75rem; }
.xl-disabled-rounded-md:disabled { border-radius: 0.75rem; }
.xl-rounded-lg { border-radius: 1rem; }
.xl-hover-rounded-lg:hover { border-radius: 1rem; }
.xl-focus-rounded-lg:focus { border-radius: 1rem; }
.xl-active-rounded-lg:active { border-radius: 1rem; }
.xl-disabled-rounded-lg:disabled { border-radius: 1rem; }
.xl-rounded-xl { border-radius: 1.5rem; }
.xl-hover-rounded-xl:hover { border-radius: 1.5rem; }
.xl-focus-rounded-xl:focus { border-radius: 1.5rem; }
.xl-active-rounded-xl:active { border-radius: 1.5rem; }
.xl-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
.xl-rounded-2xl { border-radius: 2rem; }
.xl-hover-rounded-2xl:hover { border-radius: 2rem; }
.xl-focus-rounded-2xl:focus { border-radius: 2rem; }
.xl-active-rounded-2xl:active { border-radius: 2rem; }
.xl-disabled-rounded-2xl:disabled { border-radius: 2rem; }
.xl-rounded-full { border-radius: 9999px; }
.xl-hover-rounded-full:hover { border-radius: 9999px; }
.xl-focus-rounded-full:focus { border-radius: 9999px; }
.xl-active-rounded-full:active { border-radius: 9999px; }
.xl-disabled-rounded-full:disabled { border-radius: 9999px; }
.xl-rounded-pill { border-radius: 50px; }
.xl-hover-rounded-pill:hover { border-radius: 50px; }
.xl-focus-rounded-pill:focus { border-radius: 50px; }
.xl-active-rounded-pill:active { border-radius: 50px; }
.xl-disabled-rounded-pill:disabled { border-radius: 50px; }
.xl-outline-none { outline: none; }
.xl-hover-outline-none:hover { outline: none; }
.xl-focus-outline-none:focus { outline: none; }
.xl-active-outline-none:active { outline: none; }
.xl-disabled-outline-none:disabled { outline: none; }
.xl-outline { outline: 1px solid currentColor; }
.xl-hover-outline:hover { outline: 1px solid currentColor; }
.xl-focus-outline:focus { outline: 1px solid currentColor; }
.xl-active-outline:active { outline: 1px solid currentColor; }
.xl-disabled-outline:disabled { outline: 1px solid currentColor; }
.xl-outline-offset-0 { outline-offset: 0rem; }
.xl-hover-outline-offset-0:hover { outline-offset: 0rem; }
.xl-focus-outline-offset-0:focus { outline-offset: 0rem; }
.xl-active-outline-offset-0:active { outline-offset: 0rem; }
.xl-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
.xl-outline-offset-1 { outline-offset: 0.25rem; }
.xl-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
.xl-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
.xl-active-outline-offset-1:active { outline-offset: 0.25rem; }
.xl-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
.xl-outline-offset-2 { outline-offset: 0.5rem; }
.xl-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
.xl-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
.xl-active-outline-offset-2:active { outline-offset: 0.5rem; }
.xl-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
.xl-outline-offset-3 { outline-offset: 0.75rem; }
.xl-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
.xl-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
.xl-active-outline-offset-3:active { outline-offset: 0.75rem; }
.xl-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
.xl-outline-offset-4 { outline-offset: 1rem; }
.xl-hover-outline-offset-4:hover { outline-offset: 1rem; }
.xl-focus-outline-offset-4:focus { outline-offset: 1rem; }
.xl-active-outline-offset-4:active { outline-offset: 1rem; }
.xl-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
.xl-outline-offset-8 { outline-offset: 2rem; }
.xl-hover-outline-offset-8:hover { outline-offset: 2rem; }
.xl-focus-outline-offset-8:focus { outline-offset: 2rem; }
.xl-active-outline-offset-8:active { outline-offset: 2rem; }
.xl-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
.xl-outline-red-50 { outline-color: var(--quanta-red-50); }
.xl-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
.xl-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
.xl-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
.xl-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
.xl-outline-red-100 { outline-color: var(--quanta-red-100); }
.xl-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
.xl-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
.xl-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
.xl-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
.xl-outline-red-200 { outline-color: var(--quanta-red-200); }
.xl-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
.xl-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
.xl-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
.xl-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
.xl-outline-red-300 { outline-color: var(--quanta-red-300); }
.xl-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
.xl-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
.xl-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
.xl-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
.xl-outline-red-400 { outline-color: var(--quanta-red-400); }
.xl-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
.xl-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
.xl-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
.xl-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
.xl-outline-red-500 { outline-color: var(--quanta-red-500); }
.xl-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
.xl-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
.xl-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
.xl-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
.xl-outline-red-600 { outline-color: var(--quanta-red-600); }
.xl-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
.xl-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
.xl-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
.xl-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
.xl-outline-red-700 { outline-color: var(--quanta-red-700); }
.xl-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
.xl-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
.xl-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
.xl-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
.xl-outline-red-800 { outline-color: var(--quanta-red-800); }
.xl-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
.xl-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
.xl-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
.xl-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
.xl-outline-red-900 { outline-color: var(--quanta-red-900); }
.xl-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
.xl-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
.xl-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
.xl-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
.xl-outline-orange-50 { outline-color: var(--quanta-orange-50); }
.xl-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
.xl-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
.xl-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
.xl-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
.xl-outline-orange-100 { outline-color: var(--quanta-orange-100); }
.xl-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
.xl-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
.xl-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
.xl-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
.xl-outline-orange-200 { outline-color: var(--quanta-orange-200); }
.xl-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
.xl-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
.xl-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
.xl-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
.xl-outline-orange-300 { outline-color: var(--quanta-orange-300); }
.xl-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
.xl-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
.xl-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
.xl-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
.xl-outline-orange-400 { outline-color: var(--quanta-orange-400); }
.xl-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
.xl-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
.xl-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
.xl-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
.xl-outline-orange-500 { outline-color: var(--quanta-orange-500); }
.xl-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
.xl-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
.xl-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
.xl-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
.xl-outline-orange-600 { outline-color: var(--quanta-orange-600); }
.xl-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
.xl-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
.xl-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
.xl-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
.xl-outline-orange-700 { outline-color: var(--quanta-orange-700); }
.xl-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
.xl-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
.xl-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
.xl-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
.xl-outline-orange-800 { outline-color: var(--quanta-orange-800); }
.xl-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
.xl-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
.xl-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
.xl-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
.xl-outline-orange-900 { outline-color: var(--quanta-orange-900); }
.xl-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
.xl-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
.xl-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
.xl-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
.xl-outline-teal-50 { outline-color: var(--quanta-teal-50); }
.xl-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
.xl-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
.xl-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
.xl-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
.xl-outline-teal-100 { outline-color: var(--quanta-teal-100); }
.xl-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
.xl-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
.xl-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
.xl-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
.xl-outline-teal-200 { outline-color: var(--quanta-teal-200); }
.xl-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
.xl-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
.xl-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
.xl-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
.xl-outline-teal-300 { outline-color: var(--quanta-teal-300); }
.xl-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
.xl-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
.xl-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
.xl-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
.xl-outline-teal-400 { outline-color: var(--quanta-teal-400); }
.xl-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
.xl-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
.xl-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
.xl-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
.xl-outline-teal-500 { outline-color: var(--quanta-teal-500); }
.xl-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
.xl-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
.xl-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
.xl-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
.xl-outline-teal-600 { outline-color: var(--quanta-teal-600); }
.xl-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
.xl-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
.xl-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
.xl-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
.xl-outline-teal-700 { outline-color: var(--quanta-teal-700); }
.xl-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
.xl-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
.xl-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
.xl-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
.xl-outline-teal-800 { outline-color: var(--quanta-teal-800); }
.xl-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
.xl-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
.xl-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
.xl-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
.xl-outline-teal-900 { outline-color: var(--quanta-teal-900); }
.xl-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
.xl-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
.xl-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
.xl-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
.xl-outline-purple-50 { outline-color: var(--quanta-purple-50); }
.xl-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
.xl-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
.xl-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
.xl-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
.xl-outline-purple-100 { outline-color: var(--quanta-purple-100); }
.xl-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
.xl-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
.xl-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
.xl-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
.xl-outline-purple-200 { outline-color: var(--quanta-purple-200); }
.xl-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
.xl-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
.xl-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
.xl-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
.xl-outline-purple-300 { outline-color: var(--quanta-purple-300); }
.xl-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
.xl-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
.xl-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
.xl-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
.xl-outline-purple-400 { outline-color: var(--quanta-purple-400); }
.xl-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
.xl-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
.xl-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
.xl-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
.xl-outline-purple-500 { outline-color: var(--quanta-purple-500); }
.xl-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
.xl-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
.xl-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
.xl-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
.xl-outline-purple-600 { outline-color: var(--quanta-purple-600); }
.xl-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
.xl-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
.xl-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
.xl-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
.xl-outline-purple-700 { outline-color: var(--quanta-purple-700); }
.xl-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
.xl-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
.xl-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
.xl-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
.xl-outline-purple-800 { outline-color: var(--quanta-purple-800); }
.xl-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
.xl-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
.xl-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
.xl-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
.xl-outline-purple-900 { outline-color: var(--quanta-purple-900); }
.xl-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
.xl-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
.xl-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
.xl-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
.xl-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
.xl-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
.xl-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
.xl-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
.xl-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
.xl-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.xl-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
.xl-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
.xl-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
.xl-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
.xl-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.xl-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
.xl-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
.xl-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
.xl-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
.xl-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.xl-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
.xl-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
.xl-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
.xl-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
.xl-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.xl-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
.xl-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
.xl-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
.xl-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
.xl-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.xl-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
.xl-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
.xl-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
.xl-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
.xl-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.xl-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
.xl-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
.xl-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
.xl-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
.xl-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.xl-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
.xl-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
.xl-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
.xl-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
.xl-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.xl-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
.xl-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
.xl-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
.xl-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
.xl-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
.xl-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
.xl-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
.xl-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
.xl-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
.xl-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
.xl-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
.xl-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
.xl-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
.xl-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
.xl-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.xl-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
.xl-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
.xl-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
.xl-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
.xl-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.xl-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
.xl-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
.xl-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
.xl-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
.xl-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.xl-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
.xl-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
.xl-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
.xl-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
.xl-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.xl-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
.xl-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
.xl-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
.xl-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
.xl-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.xl-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
.xl-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
.xl-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
.xl-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
.xl-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.xl-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
.xl-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
.xl-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
.xl-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
.xl-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.xl-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
.xl-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
.xl-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
.xl-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
.xl-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.xl-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
.xl-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
.xl-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
.xl-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
.xl-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
.xl-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
.xl-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
.xl-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
.xl-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
.xl-outline-pink-50 { outline-color: var(--quanta-pink-50); }
.xl-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
.xl-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
.xl-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
.xl-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
.xl-outline-pink-100 { outline-color: var(--quanta-pink-100); }
.xl-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
.xl-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
.xl-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
.xl-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
.xl-outline-pink-200 { outline-color: var(--quanta-pink-200); }
.xl-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
.xl-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
.xl-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
.xl-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
.xl-outline-pink-300 { outline-color: var(--quanta-pink-300); }
.xl-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
.xl-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
.xl-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
.xl-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
.xl-outline-pink-400 { outline-color: var(--quanta-pink-400); }
.xl-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
.xl-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
.xl-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
.xl-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
.xl-outline-pink-500 { outline-color: var(--quanta-pink-500); }
.xl-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
.xl-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
.xl-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
.xl-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
.xl-outline-pink-600 { outline-color: var(--quanta-pink-600); }
.xl-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
.xl-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
.xl-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
.xl-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
.xl-outline-pink-700 { outline-color: var(--quanta-pink-700); }
.xl-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
.xl-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
.xl-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
.xl-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
.xl-outline-pink-800 { outline-color: var(--quanta-pink-800); }
.xl-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
.xl-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
.xl-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
.xl-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
.xl-outline-pink-900 { outline-color: var(--quanta-pink-900); }
.xl-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
.xl-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
.xl-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
.xl-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
.xl-outline-grey-50 { outline-color: var(--quanta-grey-50); }
.xl-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
.xl-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
.xl-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
.xl-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
.xl-outline-grey-100 { outline-color: var(--quanta-grey-100); }
.xl-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
.xl-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
.xl-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
.xl-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
.xl-outline-grey-200 { outline-color: var(--quanta-grey-200); }
.xl-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
.xl-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
.xl-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
.xl-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
.xl-outline-grey-300 { outline-color: var(--quanta-grey-300); }
.xl-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
.xl-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
.xl-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
.xl-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
.xl-outline-grey-400 { outline-color: var(--quanta-grey-400); }
.xl-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
.xl-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
.xl-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
.xl-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
.xl-outline-grey-500 { outline-color: var(--quanta-grey-500); }
.xl-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
.xl-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
.xl-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
.xl-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
.xl-outline-grey-600 { outline-color: var(--quanta-grey-600); }
.xl-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
.xl-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
.xl-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
.xl-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
.xl-outline-grey-700 { outline-color: var(--quanta-grey-700); }
.xl-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
.xl-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
.xl-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
.xl-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
.xl-outline-grey-800 { outline-color: var(--quanta-grey-800); }
.xl-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
.xl-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
.xl-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
.xl-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
.xl-outline-grey-900 { outline-color: var(--quanta-grey-900); }
.xl-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
.xl-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
.xl-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
.xl-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
.xl-outline-lime-50 { outline-color: var(--quanta-lime-50); }
.xl-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
.xl-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
.xl-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
.xl-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
.xl-outline-lime-100 { outline-color: var(--quanta-lime-100); }
.xl-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
.xl-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
.xl-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
.xl-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
.xl-outline-lime-200 { outline-color: var(--quanta-lime-200); }
.xl-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
.xl-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
.xl-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
.xl-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
.xl-outline-lime-300 { outline-color: var(--quanta-lime-300); }
.xl-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
.xl-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
.xl-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
.xl-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
.xl-outline-lime-400 { outline-color: var(--quanta-lime-400); }
.xl-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
.xl-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
.xl-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
.xl-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
.xl-outline-lime-500 { outline-color: var(--quanta-lime-500); }
.xl-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
.xl-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
.xl-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
.xl-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
.xl-outline-lime-600 { outline-color: var(--quanta-lime-600); }
.xl-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
.xl-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
.xl-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
.xl-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
.xl-outline-lime-700 { outline-color: var(--quanta-lime-700); }
.xl-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
.xl-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
.xl-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
.xl-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
.xl-outline-lime-800 { outline-color: var(--quanta-lime-800); }
.xl-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
.xl-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
.xl-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
.xl-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
.xl-outline-lime-900 { outline-color: var(--quanta-lime-900); }
.xl-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
.xl-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
.xl-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
.xl-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
.xl-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
.xl-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
.xl-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
.xl-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
.xl-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
.xl-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.xl-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
.xl-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
.xl-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
.xl-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
.xl-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.xl-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
.xl-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
.xl-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
.xl-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
.xl-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.xl-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
.xl-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
.xl-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
.xl-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
.xl-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.xl-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
.xl-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
.xl-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
.xl-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
.xl-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.xl-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
.xl-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
.xl-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
.xl-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
.xl-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.xl-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
.xl-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
.xl-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
.xl-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
.xl-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.xl-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
.xl-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
.xl-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
.xl-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
.xl-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.xl-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
.xl-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
.xl-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
.xl-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
.xl-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
.xl-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
.xl-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
.xl-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
.xl-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
.xl-outline-sky-50 { outline-color: var(--quanta-sky-50); }
.xl-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
.xl-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
.xl-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
.xl-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
.xl-outline-sky-100 { outline-color: var(--quanta-sky-100); }
.xl-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
.xl-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
.xl-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
.xl-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
.xl-outline-sky-200 { outline-color: var(--quanta-sky-200); }
.xl-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
.xl-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
.xl-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
.xl-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
.xl-outline-sky-300 { outline-color: var(--quanta-sky-300); }
.xl-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
.xl-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
.xl-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
.xl-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
.xl-outline-sky-400 { outline-color: var(--quanta-sky-400); }
.xl-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
.xl-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
.xl-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
.xl-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
.xl-outline-sky-500 { outline-color: var(--quanta-sky-500); }
.xl-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
.xl-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
.xl-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
.xl-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
.xl-outline-sky-600 { outline-color: var(--quanta-sky-600); }
.xl-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
.xl-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
.xl-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
.xl-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
.xl-outline-sky-700 { outline-color: var(--quanta-sky-700); }
.xl-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
.xl-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
.xl-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
.xl-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
.xl-outline-sky-800 { outline-color: var(--quanta-sky-800); }
.xl-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
.xl-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
.xl-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
.xl-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
.xl-outline-sky-900 { outline-color: var(--quanta-sky-900); }
.xl-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
.xl-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
.xl-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
.xl-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
.xl-outline-violet-50 { outline-color: var(--quanta-violet-50); }
.xl-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
.xl-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
.xl-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
.xl-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
.xl-outline-violet-100 { outline-color: var(--quanta-violet-100); }
.xl-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
.xl-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
.xl-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
.xl-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
.xl-outline-violet-200 { outline-color: var(--quanta-violet-200); }
.xl-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
.xl-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
.xl-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
.xl-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
.xl-outline-violet-300 { outline-color: var(--quanta-violet-300); }
.xl-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
.xl-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
.xl-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
.xl-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
.xl-outline-violet-400 { outline-color: var(--quanta-violet-400); }
.xl-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
.xl-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
.xl-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
.xl-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
.xl-outline-violet-500 { outline-color: var(--quanta-violet-500); }
.xl-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
.xl-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
.xl-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
.xl-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
.xl-outline-violet-600 { outline-color: var(--quanta-violet-600); }
.xl-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
.xl-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
.xl-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
.xl-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
.xl-outline-violet-700 { outline-color: var(--quanta-violet-700); }
.xl-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
.xl-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
.xl-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
.xl-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
.xl-outline-violet-800 { outline-color: var(--quanta-violet-800); }
.xl-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
.xl-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
.xl-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
.xl-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
.xl-outline-violet-900 { outline-color: var(--quanta-violet-900); }
.xl-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
.xl-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
.xl-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
.xl-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
.xl-outline-rose-50 { outline-color: var(--quanta-rose-50); }
.xl-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
.xl-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
.xl-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
.xl-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
.xl-outline-rose-100 { outline-color: var(--quanta-rose-100); }
.xl-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
.xl-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
.xl-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
.xl-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
.xl-outline-rose-200 { outline-color: var(--quanta-rose-200); }
.xl-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
.xl-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
.xl-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
.xl-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
.xl-outline-rose-300 { outline-color: var(--quanta-rose-300); }
.xl-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
.xl-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
.xl-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
.xl-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
.xl-outline-rose-400 { outline-color: var(--quanta-rose-400); }
.xl-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
.xl-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
.xl-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
.xl-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
.xl-outline-rose-500 { outline-color: var(--quanta-rose-500); }
.xl-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
.xl-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
.xl-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
.xl-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
.xl-outline-rose-600 { outline-color: var(--quanta-rose-600); }
.xl-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
.xl-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
.xl-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
.xl-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
.xl-outline-rose-700 { outline-color: var(--quanta-rose-700); }
.xl-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
.xl-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
.xl-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
.xl-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
.xl-outline-rose-800 { outline-color: var(--quanta-rose-800); }
.xl-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
.xl-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
.xl-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
.xl-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
.xl-outline-rose-900 { outline-color: var(--quanta-rose-900); }
.xl-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
.xl-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
.xl-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
.xl-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
.xl-outline-slate-50 { outline-color: var(--quanta-slate-50); }
.xl-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
.xl-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
.xl-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
.xl-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
.xl-outline-slate-100 { outline-color: var(--quanta-slate-100); }
.xl-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
.xl-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
.xl-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
.xl-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
.xl-outline-slate-200 { outline-color: var(--quanta-slate-200); }
.xl-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
.xl-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
.xl-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
.xl-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
.xl-outline-slate-300 { outline-color: var(--quanta-slate-300); }
.xl-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
.xl-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
.xl-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
.xl-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
.xl-outline-slate-400 { outline-color: var(--quanta-slate-400); }
.xl-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
.xl-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
.xl-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
.xl-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
.xl-outline-slate-500 { outline-color: var(--quanta-slate-500); }
.xl-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
.xl-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
.xl-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
.xl-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
.xl-outline-slate-600 { outline-color: var(--quanta-slate-600); }
.xl-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
.xl-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
.xl-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
.xl-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
.xl-outline-slate-700 { outline-color: var(--quanta-slate-700); }
.xl-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
.xl-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
.xl-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
.xl-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
.xl-outline-slate-800 { outline-color: var(--quanta-slate-800); }
.xl-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
.xl-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
.xl-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
.xl-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
.xl-outline-slate-900 { outline-color: var(--quanta-slate-900); }
.xl-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
.xl-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
.xl-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
.xl-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
.xl-outline-blue-50 { outline-color: var(--quanta-blue-50); }
.xl-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
.xl-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
.xl-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
.xl-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
.xl-outline-blue-100 { outline-color: var(--quanta-blue-100); }
.xl-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
.xl-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
.xl-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
.xl-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
.xl-outline-blue-200 { outline-color: var(--quanta-blue-200); }
.xl-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
.xl-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
.xl-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
.xl-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
.xl-outline-blue-300 { outline-color: var(--quanta-blue-300); }
.xl-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
.xl-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
.xl-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
.xl-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
.xl-outline-blue-400 { outline-color: var(--quanta-blue-400); }
.xl-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
.xl-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
.xl-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
.xl-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
.xl-outline-blue-500 { outline-color: var(--quanta-blue-500); }
.xl-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
.xl-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
.xl-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
.xl-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
.xl-outline-blue-600 { outline-color: var(--quanta-blue-600); }
.xl-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
.xl-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
.xl-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
.xl-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
.xl-outline-blue-700 { outline-color: var(--quanta-blue-700); }
.xl-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
.xl-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
.xl-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
.xl-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
.xl-outline-blue-800 { outline-color: var(--quanta-blue-800); }
.xl-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
.xl-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
.xl-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
.xl-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
.xl-outline-blue-900 { outline-color: var(--quanta-blue-900); }
.xl-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
.xl-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
.xl-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
.xl-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
.xl-outline-green-50 { outline-color: var(--quanta-green-50); }
.xl-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
.xl-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
.xl-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
.xl-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
.xl-outline-green-100 { outline-color: var(--quanta-green-100); }
.xl-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
.xl-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
.xl-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
.xl-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
.xl-outline-green-200 { outline-color: var(--quanta-green-200); }
.xl-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
.xl-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
.xl-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
.xl-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
.xl-outline-green-300 { outline-color: var(--quanta-green-300); }
.xl-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
.xl-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
.xl-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
.xl-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
.xl-outline-green-400 { outline-color: var(--quanta-green-400); }
.xl-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
.xl-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
.xl-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
.xl-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
.xl-outline-green-500 { outline-color: var(--quanta-green-500); }
.xl-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
.xl-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
.xl-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
.xl-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
.xl-outline-green-600 { outline-color: var(--quanta-green-600); }
.xl-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
.xl-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
.xl-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
.xl-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
.xl-outline-green-700 { outline-color: var(--quanta-green-700); }
.xl-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
.xl-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
.xl-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
.xl-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
.xl-outline-green-800 { outline-color: var(--quanta-green-800); }
.xl-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
.xl-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
.xl-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
.xl-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
.xl-outline-green-900 { outline-color: var(--quanta-green-900); }
.xl-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
.xl-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
.xl-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
.xl-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
.xl-outline-black { outline-color: var(--black); }
.xl-hover-outline-black:hover { outline-color: var(--black); }
.xl-focus-outline-black:focus { outline-color: var(--black); }
.xl-active-outline-black:active { outline-color: var(--black); }
.xl-disabled-outline-black:disabled { outline-color: var(--black); }
.xl-outline-white { outline-color: var(--white); }
.xl-hover-outline-white:hover { outline-color: var(--white); }
.xl-focus-outline-white:focus { outline-color: var(--white); }
.xl-active-outline-white:active { outline-color: var(--white); }
.xl-disabled-outline-white:disabled { outline-color: var(--white); }
.xl-ring-sm { --ring-width: 0.125rem; }
.xl-hover-ring-sm:hover { --ring-width: 0.125rem; }
.xl-focus-ring-sm:focus { --ring-width: 0.125rem; }
.xl-active-ring-sm:active { --ring-width: 0.125rem; }
.xl-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
.xl-ring-md { --ring-width: 0.5rem; }
.xl-hover-ring-md:hover { --ring-width: 0.5rem; }
.xl-focus-ring-md:focus { --ring-width: 0.5rem; }
.xl-active-ring-md:active { --ring-width: 0.5rem; }
.xl-disabled-ring-md:disabled { --ring-width: 0.5rem; }
.xl-ring-lg { --ring-width: 1rem; }
.xl-hover-ring-lg:hover { --ring-width: 1rem; }
.xl-focus-ring-lg:focus { --ring-width: 1rem; }
.xl-active-ring-lg:active { --ring-width: 1rem; }
.xl-disabled-ring-lg:disabled { --ring-width: 1rem; }
.xl-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.xl-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.xl-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.xl-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.xl-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.xl-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
.xl-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
.xl-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
.xl-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
.xl-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
.xl-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
.xl-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
.xl-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
.xl-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
.xl-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
.xl-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
.xl-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
.xl-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
.xl-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
.xl-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
.xl-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
.xl-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
.xl-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
.xl-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
.xl-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
.xl-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
.xl-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
.xl-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
.xl-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
.xl-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
.xl-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
.xl-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
.xl-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
.xl-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
.xl-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
.xl-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
.xl-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
.xl-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
.xl-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
.xl-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
.xl-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
.xl-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
.xl-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
.xl-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
.xl-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
.xl-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
.xl-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
.xl-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
.xl-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
.xl-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
.xl-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
.xl-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
.xl-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
.xl-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
.xl-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
.xl-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
.xl-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
.xl-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
.xl-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
.xl-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
.xl-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.xl-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
.xl-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
.xl-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
.xl-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
.xl-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.xl-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
.xl-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
.xl-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
.xl-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
.xl-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.xl-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
.xl-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
.xl-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
.xl-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
.xl-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.xl-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
.xl-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
.xl-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
.xl-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
.xl-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.xl-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
.xl-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
.xl-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
.xl-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
.xl-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.xl-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
.xl-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
.xl-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
.xl-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
.xl-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.xl-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
.xl-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
.xl-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
.xl-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
.xl-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.xl-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
.xl-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
.xl-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
.xl-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
.xl-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
.xl-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
.xl-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
.xl-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
.xl-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
.xl-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
.xl-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
.xl-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
.xl-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
.xl-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
.xl-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
.xl-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
.xl-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
.xl-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
.xl-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
.xl-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
.xl-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
.xl-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
.xl-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
.xl-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
.xl-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
.xl-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
.xl-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
.xl-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
.xl-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
.xl-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
.xl-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
.xl-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
.xl-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
.xl-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
.xl-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
.xl-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
.xl-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
.xl-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
.xl-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
.xl-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
.xl-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
.xl-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
.xl-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
.xl-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
.xl-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
.xl-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
.xl-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
.xl-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
.xl-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
.xl-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
.xl-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
.xl-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
.xl-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
.xl-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
.xl-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
.xl-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
.xl-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
.xl-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
.xl-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
.xl-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
.xl-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
.xl-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
.xl-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
.xl-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
.xl-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
.xl-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
.xl-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
.xl-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
.xl-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
.xl-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
.xl-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
.xl-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
.xl-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
.xl-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
.xl-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
.xl-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
.xl-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
.xl-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
.xl-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
.xl-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
.xl-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
.xl-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
.xl-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
.xl-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
.xl-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
.xl-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
.xl-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
.xl-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
.xl-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
.xl-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
.xl-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
.xl-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
.xl-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
.xl-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
.xl-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
.xl-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
.xl-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
.xl-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
.xl-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
.xl-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
.xl-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
.xl-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
.xl-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
.xl-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
.xl-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
.xl-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
.xl-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
.xl-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
.xl-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
.xl-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
.xl-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
.xl-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
.xl-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
.xl-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
.xl-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
.xl-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
.xl-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
.xl-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
.xl-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
.xl-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
.xl-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
.xl-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
.xl-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
.xl-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
.xl-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
.xl-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
.xl-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
.xl-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
.xl-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
.xl-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
.xl-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
.xl-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
.xl-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
.xl-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
.xl-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
.xl-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
.xl-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
.xl-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
.xl-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
.xl-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
.xl-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
.xl-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
.xl-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
.xl-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
.xl-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
.xl-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
.xl-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
.xl-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
.xl-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
.xl-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
.xl-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
.xl-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
.xl-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
.xl-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
.xl-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
.xl-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
.xl-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
.xl-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
.xl-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
.xl-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
.xl-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
.xl-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
.xl-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
.xl-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
.xl-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
.xl-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
.xl-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
.xl-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
.xl-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
.xl-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
.xl-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
.xl-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
.xl-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
.xl-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
.xl-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
.xl-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
.xl-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
.xl-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
.xl-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
.xl-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
.xl-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
.xl-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
.xl-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
.xl-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
.xl-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
.xl-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
.xl-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
.xl-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
.xl-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
.xl-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
.xl-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
.xl-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
.xl-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
.xl-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
.xl-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
.xl-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
.xl-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
.xl-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
.xl-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
.xl-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
.xl-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
.xl-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
.xl-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
.xl-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
.xl-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
.xl-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
.xl-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
.xl-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
.xl-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
.xl-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
.xl-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
.xl-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
.xl-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
.xl-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
.xl-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
.xl-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
.xl-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
.xl-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
.xl-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
.xl-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
.xl-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
.xl-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
.xl-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
.xl-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
.xl-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
.xl-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
.xl-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
.xl-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
.xl-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
.xl-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
.xl-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
.xl-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
.xl-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
.xl-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
.xl-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
.xl-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
.xl-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
.xl-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
.xl-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
.xl-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
.xl-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
.xl-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
.xl-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
.xl-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
.xl-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
.xl-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
.xl-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
.xl-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
.xl-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
.xl-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
.xl-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
.xl-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
.xl-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
.xl-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
.xl-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
.xl-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
.xl-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
.xl-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
.xl-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
.xl-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
.xl-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
.xl-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
.xl-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
.xl-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
.xl-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
.xl-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
.xl-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
.xl-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
.xl-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
.xl-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
.xl-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
.xl-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
.xl-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
.xl-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
.xl-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
.xl-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
.xl-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
.xl-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
.xl-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
.xl-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
.xl-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
.xl-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
.xl-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
.xl-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
.xl-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
.xl-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
.xl-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
.xl-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
.xl-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
.xl-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
.xl-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
.xl-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
.xl-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
.xl-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
.xl-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
.xl-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
.xl-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
.xl-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
.xl-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
.xl-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
.xl-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
.xl-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
.xl-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
.xl-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
.xl-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
.xl-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
.xl-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
.xl-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
.xl-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
.xl-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
.xl-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
.xl-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
.xl-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
.xl-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
.xl-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
.xl-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
.xl-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
.xl-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
.xl-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
.xl-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
.xl-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
.xl-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
.xl-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
.xl-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
.xl-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
.xl-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
.xl-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
.xl-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
.xl-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
.xl-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
.xl-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
.xl-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
.xl-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
.xl-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
.xl-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
.xl-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
.xl-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
.xl-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
.xl-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
.xl-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
.xl-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
.xl-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
.xl-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
.xl-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
.xl-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
.xl-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
.xl-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
.xl-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
.xl-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
.xl-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
.xl-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
.xl-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
.xl-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
.xl-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
.xl-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
.xl-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
.xl-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
.xl-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
.xl-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
.xl-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
.xl-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
.xl-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
.xl-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
.xl-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
.xl-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
.xl-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
.xl-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
.xl-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
.xl-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
.xl-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
.xl-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
.xl-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
.xl-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
.xl-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
.xl-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
.xl-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
.xl-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
.xl-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
.xl-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
.xl-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
.xl-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
.xl-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
.xl-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
.xl-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
.xl-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
.xl-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
.xl-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
.xl-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
.xl-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
.xl-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
.xl-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
.xl-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
.xl-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
.xl-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
.xl-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
.xl-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
.xl-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
.xl-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
.xl-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
.xl-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
.xl-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
.xl-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
.xl-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
.xl-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
.xl-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
.xl-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
.xl-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
.xl-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
.xl-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
.xl-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
.xl-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
.xl-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
.xl-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
.xl-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
.xl-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
.xl-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
.xl-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
.xl-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
.xl-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
.xl-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
.xl-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
.xl-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
.xl-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
.xl-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
.xl-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
.xl-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
.xl-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
.xl-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
.xl-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
.xl-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
.xl-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
.xl-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
.xl-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
.xl-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
.xl-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
.xl-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
.xl-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
.xl-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
.xl-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
.xl-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
.xl-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
.xl-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
.xl-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
.xl-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
.xl-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
.xl-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
.xl-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
.xl-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
.xl-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
.xl-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
.xl-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
.xl-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
.xl-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
.xl-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
.xl-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
.xl-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
.xl-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
.xl-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
.xl-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
.xl-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
.xl-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
.xl-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
.xl-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
.xl-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
.xl-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
.xl-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
.xl-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
.xl-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
.xl-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
.xl-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
.xl-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
.xl-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
.xl-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
.xl-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
.xl-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
.xl-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
.xl-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
.xl-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
.xl-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
.xl-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
.xl-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
.xl-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
.xl-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
.xl-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
.xl-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
.xl-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
.xl-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
.xl-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
.xl-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
.xl-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
.xl-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
.xl-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
.xl-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
.xl-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
.xl-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
.xl-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
.xl-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
.xl-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
.xl-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
.xl-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
.xl-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
.xl-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
.xl-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
.xl-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
.xl-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
.xl-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
.xl-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
.xl-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
.xl-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
.xl-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
.xl-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
.xl-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
.xl-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
.xl-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
.xl-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
.xl-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
.xl-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
.xl-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
.xl-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
.xl-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
.xl-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
.xl-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
.xl-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
.xl-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
.xl-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
.xl-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
.xl-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
.xl-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
.xl-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
.xl-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
.xl-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
.xl-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
.xl-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
.xl-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
.xl-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
.xl-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
.xl-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
.xl-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
.xl-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
.xl-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
.xl-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
.xl-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
.xl-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
.xl-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
.xl-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
.xl-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
.xl-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
.xl-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
.xl-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
.xl-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
.xl-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
.xl-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
.xl-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
.xl-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
.xl-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
.xl-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
.xl-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
.xl-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
.xl-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
.xl-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
.xl-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
.xl-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
.xl-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
.xl-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
.xl-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
.xl-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
.xl-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
.xl-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
.xl-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
.xl-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
.xl-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
.xl-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
.xl-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
.xl-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
.xl-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
.xl-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
.xl-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
.xl-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
.xl-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
.xl-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
.xl-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
.xl-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
.xl-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
.xl-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
.xl-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
.xl-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
.xl-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
.xl-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
.xl-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
.xl-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
.xl-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
.xl-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
.xl-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
.xl-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
.xl-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
.xl-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
.xl-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
.xl-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
.xl-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
.xl-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
.xl-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
.xl-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
.xl-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
.xl-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
.xl-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
.xl-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
.xl-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
.xl-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
.xl-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
.xl-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
.xl-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
.xl-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
.xl-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
.xl-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
.xl-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
.xl-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
.xl-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
.xl-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
.xl-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
.xl-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
.xl-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
.xl-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
.xl-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
.xl-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
.xl-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
.xl-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
.xl-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
.xl-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
.xl-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
.xl-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
.xl-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
.xl-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
.xl-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
.xl-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
.xl-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
.xl-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
.xl-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
.xl-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
.xl-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
.xl-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
.xl-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
.xl-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
.xl-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
.xl-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
.xl-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
.xl-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
.xl-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
.xl-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
.xl-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
.xl-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
.xl-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
.xl-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
.xl-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
.xl-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
.xl-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
.xl-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
.xl-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
.xl-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
.xl-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
.xl-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
.xl-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
.xl-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
.xl-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
.xl-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
.xl-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
.xl-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
.xl-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
.xl-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
.xl-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
.xl-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
.xl-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
.xl-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
.xl-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
.xl-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
.xl-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
.xl-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
.xl-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
.xl-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
.xl-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
.xl-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
.xl-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
.xl-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
.xl-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
.xl-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
.xl-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
.xl-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
.xl-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
.xl-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
.xl-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
.xl-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
.xl-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
.xl-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
.xl-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
.xl-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
.xl-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
.xl-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
.xl-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
.xl-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
.xl-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
.xl-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
.xl-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
.xl-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
.xl-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
.xl-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
.xl-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
.xl-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
.xl-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
.xl-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
.xl-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
.xl-ring-black { --quanta-ring-color: var(--black); }
.xl-hover-ring-black:hover { --quanta-ring-color: var(--black); }
.xl-focus-ring-black:focus { --quanta-ring-color: var(--black); }
.xl-active-ring-black:active { --quanta-ring-color: var(--black); }
.xl-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
.xl-ring-white { --quanta-ring-color: var(--white); }
.xl-hover-ring-white:hover { --quanta-ring-color: var(--white); }
.xl-focus-ring-white:focus { --quanta-ring-color: var(--white); }
.xl-active-ring-white:active { --quanta-ring-color: var(--white); }
.xl-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
.xl-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.xl-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
.xl-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
.xl-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
.xl-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
.xl-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.xl-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
.xl-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
.xl-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
.xl-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
.xl-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.xl-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
.xl-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
.xl-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
.xl-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
.xl-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.xl-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
.xl-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
.xl-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
.xl-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
.xl-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.xl-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
.xl-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
.xl-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
.xl-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
.xl-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.xl-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
.xl-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
.xl-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
.xl-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
.xl-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.xl-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
.xl-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
.xl-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
.xl-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
.xl-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.xl-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
.xl-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
.xl-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
.xl-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
.xl-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.xl-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
.xl-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
.xl-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
.xl-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
.xl-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.xl-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
.xl-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
.xl-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
.xl-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
.xl-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.xl-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
.xl-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
.xl-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
.xl-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
.xl-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.xl-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
.xl-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
.xl-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
.xl-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
.xl-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.xl-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
.xl-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
.xl-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
.xl-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
.xl-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.xl-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
.xl-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
.xl-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
.xl-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
.xl-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.xl-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
.xl-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
.xl-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
.xl-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
.xl-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.xl-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
.xl-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
.xl-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
.xl-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
.xl-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.xl-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
.xl-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
.xl-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
.xl-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
.xl-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.xl-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
.xl-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
.xl-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
.xl-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
.xl-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.xl-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
.xl-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
.xl-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
.xl-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
.xl-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.xl-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
.xl-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
.xl-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
.xl-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
.xl-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.xl-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
.xl-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
.xl-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
.xl-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
.xl-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.xl-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
.xl-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
.xl-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
.xl-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
.xl-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.xl-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
.xl-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
.xl-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
.xl-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
.xl-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.xl-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
.xl-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
.xl-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
.xl-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
.xl-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.xl-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
.xl-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
.xl-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
.xl-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
.xl-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.xl-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
.xl-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
.xl-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
.xl-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
.xl-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.xl-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
.xl-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
.xl-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
.xl-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
.xl-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.xl-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
.xl-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
.xl-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
.xl-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
.xl-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.xl-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
.xl-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
.xl-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
.xl-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
.xl-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.xl-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
.xl-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
.xl-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
.xl-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
.xl-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.xl-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
.xl-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
.xl-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
.xl-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
.xl-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.xl-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
.xl-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
.xl-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
.xl-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
.xl-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.xl-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
.xl-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
.xl-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
.xl-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
.xl-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.xl-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
.xl-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
.xl-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
.xl-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
.xl-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.xl-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
.xl-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
.xl-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
.xl-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
.xl-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.xl-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
.xl-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
.xl-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
.xl-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
.xl-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.xl-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
.xl-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
.xl-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
.xl-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
.xl-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.xl-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
.xl-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
.xl-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
.xl-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
.xl-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.xl-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
.xl-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
.xl-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
.xl-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
.xl-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.xl-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
.xl-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
.xl-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
.xl-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
.xl-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.xl-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
.xl-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
.xl-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
.xl-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
.xl-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.xl-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
.xl-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
.xl-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
.xl-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
.xl-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.xl-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
.xl-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
.xl-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
.xl-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
.xl-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.xl-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
.xl-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
.xl-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
.xl-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
.xl-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.xl-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
.xl-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
.xl-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
.xl-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
.xl-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.xl-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
.xl-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
.xl-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
.xl-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
.xl-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.xl-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
.xl-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
.xl-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
.xl-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
.xl-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.xl-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
.xl-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
.xl-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
.xl-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
.xl-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.xl-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
.xl-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
.xl-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
.xl-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
.xl-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.xl-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
.xl-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
.xl-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
.xl-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
.xl-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.xl-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
.xl-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
.xl-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
.xl-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
.xl-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.xl-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
.xl-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
.xl-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
.xl-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
.xl-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.xl-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
.xl-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
.xl-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
.xl-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
.xl-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.xl-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
.xl-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
.xl-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
.xl-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
.xl-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.xl-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
.xl-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
.xl-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
.xl-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
.xl-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.xl-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
.xl-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
.xl-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
.xl-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
.xl-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.xl-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
.xl-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
.xl-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
.xl-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
.xl-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.xl-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
.xl-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
.xl-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
.xl-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
.xl-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.xl-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
.xl-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
.xl-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
.xl-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
.xl-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.xl-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
.xl-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
.xl-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
.xl-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
.xl-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.xl-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
.xl-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
.xl-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
.xl-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
.xl-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.xl-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
.xl-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
.xl-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
.xl-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
.xl-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.xl-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
.xl-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
.xl-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
.xl-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
.xl-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.xl-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
.xl-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
.xl-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
.xl-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
.xl-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.xl-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
.xl-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
.xl-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
.xl-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
.xl-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.xl-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
.xl-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
.xl-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
.xl-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
.xl-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.xl-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
.xl-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
.xl-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
.xl-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
.xl-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.xl-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
.xl-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
.xl-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
.xl-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
.xl-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.xl-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
.xl-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
.xl-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
.xl-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
.xl-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.xl-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
.xl-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
.xl-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
.xl-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
.xl-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.xl-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
.xl-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
.xl-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
.xl-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
.xl-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.xl-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
.xl-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
.xl-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
.xl-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
.xl-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.xl-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
.xl-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
.xl-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
.xl-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
.xl-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.xl-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
.xl-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
.xl-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
.xl-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
.xl-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.xl-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
.xl-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
.xl-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
.xl-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
.xl-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.xl-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
.xl-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
.xl-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
.xl-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
.xl-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.xl-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
.xl-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
.xl-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
.xl-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
.xl-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.xl-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
.xl-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
.xl-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
.xl-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
.xl-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.xl-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
.xl-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
.xl-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
.xl-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
.xl-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.xl-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
.xl-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
.xl-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
.xl-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
.xl-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.xl-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
.xl-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
.xl-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
.xl-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
.xl-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.xl-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
.xl-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
.xl-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
.xl-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
.xl-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.xl-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
.xl-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
.xl-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
.xl-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
.xl-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.xl-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
.xl-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
.xl-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
.xl-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
.xl-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.xl-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
.xl-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
.xl-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
.xl-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
.xl-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.xl-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
.xl-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
.xl-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
.xl-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
.xl-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.xl-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
.xl-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
.xl-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
.xl-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
.xl-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.xl-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
.xl-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
.xl-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
.xl-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
.xl-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.xl-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
.xl-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
.xl-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
.xl-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
.xl-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.xl-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
.xl-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
.xl-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
.xl-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
.xl-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.xl-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
.xl-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
.xl-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
.xl-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
.xl-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.xl-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
.xl-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
.xl-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
.xl-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
.xl-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.xl-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
.xl-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
.xl-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
.xl-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
.xl-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.xl-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
.xl-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
.xl-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
.xl-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
.xl-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.xl-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
.xl-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
.xl-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
.xl-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
.xl-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.xl-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
.xl-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
.xl-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
.xl-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
.xl-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.xl-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
.xl-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
.xl-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
.xl-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
.xl-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.xl-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
.xl-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
.xl-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
.xl-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
.xl-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.xl-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
.xl-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
.xl-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
.xl-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
.xl-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.xl-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
.xl-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
.xl-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
.xl-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
.xl-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.xl-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
.xl-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
.xl-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
.xl-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
.xl-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.xl-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
.xl-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
.xl-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
.xl-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
.xl-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.xl-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
.xl-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
.xl-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
.xl-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
.xl-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.xl-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
.xl-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
.xl-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
.xl-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
.xl-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.xl-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
.xl-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
.xl-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
.xl-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
.xl-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.xl-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
.xl-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
.xl-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
.xl-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
.xl-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.xl-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
.xl-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
.xl-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
.xl-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
.xl-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.xl-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
.xl-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
.xl-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
.xl-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
.xl-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.xl-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
.xl-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
.xl-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
.xl-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
.xl-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.xl-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
.xl-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
.xl-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
.xl-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
.xl-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.xl-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
.xl-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
.xl-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
.xl-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
.xl-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.xl-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
.xl-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
.xl-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
.xl-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
.xl-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.xl-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
.xl-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
.xl-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
.xl-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
.xl-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.xl-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
.xl-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
.xl-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
.xl-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
.xl-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.xl-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
.xl-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
.xl-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
.xl-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
.xl-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.xl-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
.xl-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
.xl-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
.xl-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
.xl-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.xl-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
.xl-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
.xl-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
.xl-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
.xl-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.xl-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
.xl-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
.xl-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
.xl-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
.xl-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.xl-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
.xl-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
.xl-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
.xl-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
.xl-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.xl-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
.xl-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
.xl-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
.xl-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
.xl-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.xl-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
.xl-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
.xl-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
.xl-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
.xl-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.xl-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
.xl-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
.xl-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
.xl-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
.xl-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.xl-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
.xl-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
.xl-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
.xl-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
.xl-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.xl-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
.xl-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
.xl-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
.xl-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
.xl-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.xl-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
.xl-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
.xl-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
.xl-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
.xl-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.xl-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
.xl-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
.xl-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
.xl-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
.xl-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.xl-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
.xl-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
.xl-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
.xl-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
.xl-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.xl-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
.xl-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
.xl-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
.xl-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
.xl-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.xl-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
.xl-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
.xl-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
.xl-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
.xl-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.xl-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
.xl-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
.xl-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
.xl-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
.xl-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.xl-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
.xl-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
.xl-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
.xl-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
.xl-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.xl-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
.xl-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
.xl-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
.xl-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
.xl-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.xl-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
.xl-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
.xl-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
.xl-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
.xl-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.xl-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
.xl-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
.xl-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
.xl-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
.xl-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.xl-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
.xl-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
.xl-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
.xl-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
.xl-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.xl-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
.xl-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
.xl-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
.xl-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
.xl-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.xl-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
.xl-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
.xl-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
.xl-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
.xl-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.xl-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
.xl-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
.xl-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
.xl-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
.xl-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.xl-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
.xl-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
.xl-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
.xl-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
.xl-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.xl-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
.xl-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
.xl-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
.xl-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
.xl-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.xl-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
.xl-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
.xl-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
.xl-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
.xl-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.xl-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
.xl-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
.xl-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
.xl-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
.xl-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.xl-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
.xl-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
.xl-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
.xl-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
.xl-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.xl-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
.xl-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
.xl-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
.xl-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
.xl-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.xl-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
.xl-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
.xl-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
.xl-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
.xl-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.xl-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
.xl-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
.xl-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
.xl-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
.xl-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.xl-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
.xl-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
.xl-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
.xl-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
.xl-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.xl-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
.xl-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
.xl-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
.xl-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
.xl-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.xl-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
.xl-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
.xl-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
.xl-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
.xl-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.xl-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
.xl-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
.xl-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
.xl-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
.xl-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.xl-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
.xl-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
.xl-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
.xl-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
.xl-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.xl-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
.xl-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
.xl-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
.xl-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
.xl-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.xl-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
.xl-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
.xl-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
.xl-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
.xl-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.xl-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
.xl-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
.xl-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
.xl-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
.xl-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.xl-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
.xl-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
.xl-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
.xl-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
.xl-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.xl-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
.xl-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
.xl-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
.xl-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
.xl-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.xl-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
.xl-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
.xl-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
.xl-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
.xl-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.xl-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
.xl-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
.xl-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
.xl-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
.xl-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.xl-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
.xl-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
.xl-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
.xl-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
.xl-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.xl-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
.xl-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
.xl-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
.xl-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
.xl-shadow-color-black { --shadow-color: var(--black); }
.xl-hover-shadow-color-black:hover { --shadow-color: var(--black); }
.xl-focus-shadow-color-black:focus { --shadow-color: var(--black); }
.xl-active-shadow-color-black:active { --shadow-color: var(--black); }
.xl-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
.xl-shadow-color-white { --shadow-color: var(--white); }
.xl-hover-shadow-color-white:hover { --shadow-color: var(--white); }
.xl-focus-shadow-color-white:focus { --shadow-color: var(--white); }
.xl-active-shadow-color-white:active { --shadow-color: var(--white); }
.xl-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
.xl-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.xl-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
.xl-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
.xl-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
.xl-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
.xl-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.xl-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
.xl-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
.xl-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
.xl-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
.xl-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.xl-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
.xl-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
.xl-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
.xl-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
.xl-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.xl-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
.xl-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
.xl-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
.xl-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
.xl-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.xl-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
.xl-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
.xl-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
.xl-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
.xl-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.xl-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
.xl-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
.xl-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
.xl-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
.xl-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.xl-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
.xl-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
.xl-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
.xl-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
.xl-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.xl-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
.xl-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
.xl-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
.xl-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
.xl-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.xl-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
.xl-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
.xl-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
.xl-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
.xl-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.xl-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
.xl-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
.xl-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
.xl-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
.xl-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.xl-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
.xl-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
.xl-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
.xl-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
.xl-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.xl-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
.xl-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
.xl-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
.xl-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
.xl-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.xl-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
.xl-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
.xl-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
.xl-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
.xl-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.xl-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
.xl-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
.xl-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
.xl-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
.xl-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.xl-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
.xl-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
.xl-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
.xl-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
.xl-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.xl-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
.xl-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
.xl-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
.xl-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
.xl-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.xl-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
.xl-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
.xl-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
.xl-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
.xl-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.xl-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
.xl-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
.xl-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
.xl-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
.xl-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.xl-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
.xl-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
.xl-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
.xl-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
.xl-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.xl-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
.xl-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
.xl-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
.xl-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
.xl-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.xl-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
.xl-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
.xl-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
.xl-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
.xl-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.xl-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
.xl-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
.xl-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
.xl-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
.xl-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.xl-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
.xl-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
.xl-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
.xl-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
.xl-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.xl-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
.xl-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
.xl-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
.xl-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
.xl-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.xl-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
.xl-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
.xl-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
.xl-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
.xl-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.xl-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
.xl-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
.xl-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
.xl-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
.xl-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.xl-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
.xl-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
.xl-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
.xl-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
.xl-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.xl-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
.xl-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
.xl-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
.xl-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
.xl-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.xl-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
.xl-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
.xl-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
.xl-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
.xl-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.xl-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
.xl-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
.xl-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
.xl-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
.xl-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.xl-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
.xl-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
.xl-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
.xl-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
.xl-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.xl-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
.xl-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
.xl-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
.xl-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
.xl-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.xl-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
.xl-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
.xl-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
.xl-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
.xl-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.xl-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
.xl-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
.xl-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
.xl-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
.xl-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.xl-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
.xl-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
.xl-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
.xl-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
.xl-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.xl-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
.xl-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
.xl-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
.xl-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
.xl-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.xl-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
.xl-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
.xl-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
.xl-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
.xl-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.xl-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
.xl-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
.xl-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
.xl-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
.xl-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.xl-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
.xl-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
.xl-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
.xl-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
.xl-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.xl-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
.xl-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
.xl-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
.xl-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
.xl-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.xl-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
.xl-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
.xl-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
.xl-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
.xl-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.xl-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
.xl-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
.xl-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
.xl-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
.xl-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.xl-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
.xl-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
.xl-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
.xl-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
.xl-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.xl-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
.xl-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
.xl-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
.xl-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
.xl-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.xl-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
.xl-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
.xl-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
.xl-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
.xl-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.xl-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
.xl-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
.xl-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
.xl-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
.xl-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.xl-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
.xl-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
.xl-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
.xl-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
.xl-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.xl-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
.xl-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
.xl-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
.xl-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
.xl-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.xl-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
.xl-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
.xl-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
.xl-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
.xl-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.xl-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
.xl-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
.xl-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
.xl-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
.xl-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.xl-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
.xl-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
.xl-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
.xl-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
.xl-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.xl-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
.xl-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
.xl-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
.xl-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
.xl-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.xl-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
.xl-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
.xl-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
.xl-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
.xl-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.xl-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
.xl-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
.xl-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
.xl-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
.xl-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.xl-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
.xl-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
.xl-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
.xl-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
.xl-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.xl-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
.xl-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
.xl-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
.xl-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
.xl-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.xl-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
.xl-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
.xl-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
.xl-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
.xl-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.xl-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
.xl-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
.xl-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
.xl-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
.xl-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.xl-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
.xl-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
.xl-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
.xl-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
.xl-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.xl-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
.xl-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
.xl-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
.xl-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
.xl-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.xl-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
.xl-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
.xl-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
.xl-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
.xl-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.xl-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
.xl-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
.xl-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
.xl-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
.xl-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.xl-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
.xl-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
.xl-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
.xl-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
.xl-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.xl-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
.xl-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
.xl-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
.xl-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
.xl-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.xl-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
.xl-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
.xl-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
.xl-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
.xl-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.xl-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
.xl-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
.xl-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
.xl-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
.xl-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.xl-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
.xl-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
.xl-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
.xl-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
.xl-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.xl-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
.xl-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
.xl-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
.xl-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
.xl-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.xl-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
.xl-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
.xl-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
.xl-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
.xl-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.xl-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
.xl-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
.xl-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
.xl-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
.xl-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.xl-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
.xl-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
.xl-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
.xl-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
.xl-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.xl-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
.xl-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
.xl-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
.xl-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
.xl-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.xl-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
.xl-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
.xl-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
.xl-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
.xl-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.xl-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
.xl-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
.xl-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
.xl-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
.xl-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.xl-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
.xl-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
.xl-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
.xl-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
.xl-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.xl-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
.xl-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
.xl-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
.xl-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
.xl-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.xl-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
.xl-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
.xl-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
.xl-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
.xl-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.xl-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
.xl-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
.xl-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
.xl-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
.xl-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.xl-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
.xl-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
.xl-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
.xl-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
.xl-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.xl-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
.xl-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
.xl-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
.xl-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
.xl-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.xl-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
.xl-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
.xl-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
.xl-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
.xl-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.xl-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
.xl-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
.xl-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
.xl-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
.xl-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.xl-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
.xl-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
.xl-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
.xl-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
.xl-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.xl-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
.xl-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
.xl-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
.xl-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
.xl-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.xl-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
.xl-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
.xl-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
.xl-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
.xl-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.xl-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
.xl-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
.xl-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
.xl-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
.xl-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.xl-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
.xl-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
.xl-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
.xl-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
.xl-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.xl-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
.xl-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
.xl-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
.xl-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
.xl-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.xl-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
.xl-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
.xl-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
.xl-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
.xl-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.xl-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
.xl-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
.xl-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
.xl-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
.xl-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.xl-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
.xl-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
.xl-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
.xl-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
.xl-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.xl-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
.xl-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
.xl-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
.xl-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
.xl-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.xl-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
.xl-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
.xl-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
.xl-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
.xl-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.xl-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
.xl-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
.xl-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
.xl-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
.xl-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.xl-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
.xl-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
.xl-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
.xl-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
.xl-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.xl-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
.xl-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
.xl-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
.xl-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
.xl-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.xl-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
.xl-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
.xl-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
.xl-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
.xl-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.xl-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
.xl-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
.xl-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
.xl-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
.xl-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.xl-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
.xl-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
.xl-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
.xl-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
.xl-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.xl-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
.xl-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
.xl-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
.xl-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
.xl-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.xl-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
.xl-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
.xl-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
.xl-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
.xl-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.xl-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
.xl-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
.xl-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
.xl-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
.xl-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.xl-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
.xl-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
.xl-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
.xl-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
.xl-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.xl-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
.xl-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
.xl-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
.xl-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
.xl-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.xl-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
.xl-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
.xl-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
.xl-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
.xl-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.xl-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
.xl-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
.xl-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
.xl-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
.xl-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.xl-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
.xl-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
.xl-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
.xl-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
.xl-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.xl-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
.xl-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
.xl-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
.xl-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
.xl-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.xl-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
.xl-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
.xl-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
.xl-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
.xl-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.xl-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
.xl-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
.xl-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
.xl-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
.xl-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.xl-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
.xl-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
.xl-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
.xl-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
.xl-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.xl-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
.xl-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
.xl-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
.xl-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
.xl-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.xl-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
.xl-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
.xl-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
.xl-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
.xl-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.xl-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
.xl-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
.xl-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
.xl-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
.xl-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.xl-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
.xl-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
.xl-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
.xl-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
.xl-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.xl-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
.xl-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
.xl-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
.xl-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
.xl-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.xl-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
.xl-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
.xl-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
.xl-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
.xl-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.xl-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
.xl-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
.xl-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
.xl-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
.xl-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.xl-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
.xl-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
.xl-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
.xl-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
.xl-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.xl-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
.xl-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
.xl-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
.xl-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
.xl-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.xl-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
.xl-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
.xl-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
.xl-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
.xl-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.xl-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
.xl-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
.xl-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
.xl-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
.xl-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.xl-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
.xl-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
.xl-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
.xl-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
.xl-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.xl-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
.xl-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
.xl-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
.xl-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
.xl-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.xl-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
.xl-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
.xl-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
.xl-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
.xl-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.xl-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
.xl-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
.xl-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
.xl-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
.xl-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.xl-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
.xl-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
.xl-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
.xl-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
.xl-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.xl-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
.xl-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
.xl-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
.xl-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
.xl-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.xl-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
.xl-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
.xl-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
.xl-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
.xl-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.xl-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
.xl-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
.xl-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
.xl-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
.xl-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.xl-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
.xl-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
.xl-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
.xl-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
.xl-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.xl-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
.xl-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
.xl-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
.xl-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
.xl-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.xl-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
.xl-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
.xl-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
.xl-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
.xl-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.xl-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
.xl-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
.xl-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
.xl-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
.xl-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.xl-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
.xl-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
.xl-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
.xl-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
.xl-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.xl-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
.xl-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
.xl-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
.xl-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
.xl-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.xl-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
.xl-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
.xl-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
.xl-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
.xl-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.xl-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
.xl-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
.xl-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
.xl-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
.xl-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.xl-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
.xl-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
.xl-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
.xl-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
.xl-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.xl-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
.xl-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
.xl-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
.xl-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
.xl-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.xl-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
.xl-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
.xl-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
.xl-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
.xl-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.xl-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
.xl-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
.xl-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
.xl-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
.xl-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.xl-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
.xl-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
.xl-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
.xl-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
.xl-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.xl-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
.xl-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
.xl-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
.xl-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
.xl-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.xl-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
.xl-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
.xl-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
.xl-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
.xl-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.xl-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
.xl-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
.xl-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
.xl-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
.xl-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.xl-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
.xl-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
.xl-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
.xl-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
.xl-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.xl-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
.xl-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
.xl-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
.xl-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
.xl-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.xl-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
.xl-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
.xl-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
.xl-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
.xl-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.xl-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
.xl-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
.xl-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
.xl-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
.xl-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.xl-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
.xl-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
.xl-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
.xl-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
.xl-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.xl-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
.xl-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
.xl-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
.xl-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
.xl-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.xl-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
.xl-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
.xl-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
.xl-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
.xl-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.xl-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
.xl-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
.xl-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
.xl-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
.xl-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.xl-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
.xl-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
.xl-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
.xl-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
.xl-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.xl-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
.xl-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
.xl-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
.xl-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
.xl-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.xl-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
.xl-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
.xl-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
.xl-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
.xl-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.xl-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
.xl-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
.xl-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
.xl-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
.xl-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.xl-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
.xl-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
.xl-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
.xl-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
.xl-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.xl-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
.xl-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
.xl-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
.xl-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
.xl-gradient-from-black { --quanta-from-color: var(--black); }
.xl-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
.xl-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
.xl-active-gradient-from-black:active { --quanta-from-color: var(--black); }
.xl-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
.xl-gradient-from-white { --quanta-from-color: var(--white); }
.xl-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
.xl-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
.xl-active-gradient-from-white:active { --quanta-from-color: var(--white); }
.xl-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
.xl-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.xl-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
.xl-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
.xl-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
.xl-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
.xl-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.xl-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
.xl-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
.xl-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
.xl-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
.xl-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.xl-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
.xl-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
.xl-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
.xl-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
.xl-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.xl-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
.xl-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
.xl-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
.xl-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
.xl-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.xl-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
.xl-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
.xl-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
.xl-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
.xl-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.xl-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
.xl-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
.xl-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
.xl-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
.xl-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.xl-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
.xl-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
.xl-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
.xl-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
.xl-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.xl-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
.xl-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
.xl-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
.xl-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
.xl-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.xl-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
.xl-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
.xl-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
.xl-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
.xl-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.xl-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
.xl-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
.xl-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
.xl-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
.xl-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.xl-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
.xl-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
.xl-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
.xl-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
.xl-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.xl-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
.xl-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
.xl-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
.xl-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
.xl-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.xl-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
.xl-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
.xl-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
.xl-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
.xl-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.xl-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
.xl-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
.xl-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
.xl-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
.xl-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.xl-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
.xl-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
.xl-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
.xl-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
.xl-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.xl-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
.xl-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
.xl-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
.xl-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
.xl-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.xl-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
.xl-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
.xl-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
.xl-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
.xl-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.xl-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
.xl-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
.xl-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
.xl-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
.xl-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.xl-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
.xl-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
.xl-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
.xl-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
.xl-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.xl-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
.xl-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
.xl-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
.xl-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
.xl-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.xl-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
.xl-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
.xl-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
.xl-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
.xl-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.xl-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
.xl-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
.xl-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
.xl-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
.xl-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.xl-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
.xl-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
.xl-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
.xl-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
.xl-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.xl-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
.xl-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
.xl-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
.xl-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
.xl-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.xl-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
.xl-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
.xl-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
.xl-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
.xl-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.xl-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
.xl-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
.xl-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
.xl-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
.xl-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.xl-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
.xl-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
.xl-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
.xl-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
.xl-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.xl-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
.xl-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
.xl-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
.xl-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
.xl-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.xl-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
.xl-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
.xl-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
.xl-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
.xl-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.xl-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
.xl-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
.xl-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
.xl-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
.xl-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.xl-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
.xl-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
.xl-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
.xl-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
.xl-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.xl-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
.xl-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
.xl-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
.xl-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
.xl-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.xl-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
.xl-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
.xl-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
.xl-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
.xl-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.xl-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
.xl-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
.xl-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
.xl-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
.xl-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.xl-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
.xl-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
.xl-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
.xl-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
.xl-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.xl-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
.xl-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
.xl-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
.xl-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
.xl-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.xl-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
.xl-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
.xl-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
.xl-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
.xl-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.xl-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
.xl-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
.xl-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
.xl-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
.xl-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.xl-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
.xl-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
.xl-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
.xl-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
.xl-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.xl-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
.xl-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
.xl-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
.xl-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
.xl-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.xl-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
.xl-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
.xl-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
.xl-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
.xl-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.xl-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
.xl-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
.xl-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
.xl-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
.xl-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.xl-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
.xl-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
.xl-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
.xl-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
.xl-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.xl-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
.xl-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
.xl-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
.xl-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
.xl-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.xl-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
.xl-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
.xl-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
.xl-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
.xl-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.xl-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
.xl-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
.xl-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
.xl-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
.xl-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.xl-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
.xl-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
.xl-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
.xl-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
.xl-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.xl-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
.xl-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
.xl-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
.xl-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
.xl-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.xl-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
.xl-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
.xl-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
.xl-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
.xl-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.xl-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
.xl-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
.xl-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
.xl-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
.xl-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.xl-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
.xl-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
.xl-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
.xl-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
.xl-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.xl-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
.xl-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
.xl-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
.xl-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
.xl-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.xl-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
.xl-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
.xl-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
.xl-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
.xl-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.xl-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
.xl-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
.xl-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
.xl-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
.xl-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.xl-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
.xl-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
.xl-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
.xl-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
.xl-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.xl-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
.xl-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
.xl-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
.xl-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
.xl-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.xl-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
.xl-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
.xl-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
.xl-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
.xl-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.xl-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
.xl-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
.xl-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
.xl-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
.xl-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.xl-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
.xl-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
.xl-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
.xl-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
.xl-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.xl-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
.xl-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
.xl-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
.xl-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
.xl-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.xl-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
.xl-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
.xl-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
.xl-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
.xl-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.xl-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
.xl-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
.xl-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
.xl-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
.xl-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.xl-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
.xl-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
.xl-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
.xl-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
.xl-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.xl-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
.xl-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
.xl-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
.xl-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
.xl-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.xl-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
.xl-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
.xl-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
.xl-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
.xl-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.xl-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
.xl-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
.xl-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
.xl-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
.xl-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.xl-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
.xl-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
.xl-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
.xl-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
.xl-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.xl-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
.xl-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
.xl-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
.xl-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
.xl-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.xl-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
.xl-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
.xl-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
.xl-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
.xl-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.xl-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
.xl-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
.xl-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
.xl-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
.xl-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.xl-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
.xl-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
.xl-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
.xl-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
.xl-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.xl-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
.xl-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
.xl-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
.xl-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
.xl-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.xl-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
.xl-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
.xl-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
.xl-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
.xl-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.xl-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
.xl-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
.xl-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
.xl-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
.xl-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.xl-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
.xl-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
.xl-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
.xl-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
.xl-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.xl-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
.xl-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
.xl-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
.xl-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
.xl-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.xl-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
.xl-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
.xl-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
.xl-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
.xl-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.xl-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
.xl-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
.xl-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
.xl-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
.xl-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.xl-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
.xl-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
.xl-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
.xl-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
.xl-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.xl-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
.xl-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
.xl-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
.xl-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
.xl-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.xl-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
.xl-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
.xl-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
.xl-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
.xl-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.xl-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
.xl-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
.xl-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
.xl-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
.xl-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.xl-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
.xl-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
.xl-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
.xl-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
.xl-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.xl-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
.xl-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
.xl-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
.xl-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
.xl-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.xl-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
.xl-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
.xl-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
.xl-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
.xl-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.xl-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
.xl-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
.xl-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
.xl-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
.xl-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.xl-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
.xl-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
.xl-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
.xl-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
.xl-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.xl-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
.xl-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
.xl-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
.xl-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
.xl-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.xl-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
.xl-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
.xl-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
.xl-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
.xl-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.xl-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
.xl-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
.xl-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
.xl-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
.xl-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.xl-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
.xl-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
.xl-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
.xl-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
.xl-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.xl-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
.xl-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
.xl-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
.xl-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
.xl-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.xl-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
.xl-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
.xl-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
.xl-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
.xl-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.xl-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
.xl-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
.xl-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
.xl-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
.xl-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.xl-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
.xl-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
.xl-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
.xl-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
.xl-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.xl-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
.xl-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
.xl-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
.xl-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
.xl-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.xl-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
.xl-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
.xl-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
.xl-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
.xl-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.xl-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
.xl-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
.xl-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
.xl-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
.xl-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.xl-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
.xl-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
.xl-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
.xl-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
.xl-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.xl-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
.xl-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
.xl-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
.xl-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
.xl-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.xl-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
.xl-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
.xl-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
.xl-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
.xl-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.xl-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
.xl-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
.xl-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
.xl-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
.xl-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.xl-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
.xl-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
.xl-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
.xl-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
.xl-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.xl-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
.xl-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
.xl-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
.xl-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
.xl-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.xl-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
.xl-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
.xl-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
.xl-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
.xl-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.xl-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
.xl-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
.xl-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
.xl-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
.xl-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.xl-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
.xl-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
.xl-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
.xl-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
.xl-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.xl-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
.xl-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
.xl-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
.xl-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
.xl-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.xl-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
.xl-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
.xl-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
.xl-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
.xl-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.xl-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
.xl-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
.xl-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
.xl-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
.xl-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.xl-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
.xl-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
.xl-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
.xl-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
.xl-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.xl-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
.xl-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
.xl-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
.xl-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
.xl-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.xl-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
.xl-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
.xl-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
.xl-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
.xl-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.xl-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
.xl-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
.xl-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
.xl-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
.xl-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.xl-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
.xl-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
.xl-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
.xl-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
.xl-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.xl-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
.xl-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
.xl-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
.xl-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
.xl-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.xl-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
.xl-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
.xl-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
.xl-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
.xl-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.xl-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
.xl-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
.xl-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
.xl-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
.xl-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.xl-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
.xl-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
.xl-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
.xl-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
.xl-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.xl-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
.xl-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
.xl-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
.xl-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
.xl-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.xl-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
.xl-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
.xl-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
.xl-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
.xl-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.xl-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
.xl-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
.xl-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
.xl-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
.xl-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.xl-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
.xl-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
.xl-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
.xl-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
.xl-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.xl-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
.xl-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
.xl-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
.xl-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
.xl-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.xl-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
.xl-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
.xl-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
.xl-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
.xl-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.xl-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
.xl-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
.xl-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
.xl-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
.xl-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.xl-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
.xl-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
.xl-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
.xl-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
.xl-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.xl-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
.xl-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
.xl-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
.xl-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
.xl-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.xl-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
.xl-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
.xl-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
.xl-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
.xl-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.xl-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
.xl-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
.xl-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
.xl-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
.xl-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.xl-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
.xl-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
.xl-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
.xl-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
.xl-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.xl-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
.xl-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
.xl-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
.xl-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
.xl-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.xl-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
.xl-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
.xl-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
.xl-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
.xl-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.xl-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
.xl-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
.xl-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
.xl-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
.xl-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.xl-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
.xl-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
.xl-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
.xl-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
.xl-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.xl-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
.xl-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
.xl-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
.xl-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
.xl-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.xl-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
.xl-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
.xl-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
.xl-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
.xl-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.xl-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
.xl-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
.xl-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
.xl-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
.xl-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.xl-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
.xl-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
.xl-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
.xl-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
.xl-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.xl-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
.xl-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
.xl-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
.xl-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
.xl-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.xl-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
.xl-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
.xl-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
.xl-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
.xl-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.xl-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
.xl-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
.xl-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
.xl-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
.xl-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.xl-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
.xl-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
.xl-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
.xl-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
.xl-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.xl-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
.xl-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
.xl-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
.xl-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
.xl-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.xl-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
.xl-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
.xl-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
.xl-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
.xl-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.xl-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
.xl-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
.xl-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
.xl-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
.xl-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.xl-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
.xl-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
.xl-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
.xl-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
.xl-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.xl-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
.xl-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
.xl-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
.xl-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
.xl-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.xl-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
.xl-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
.xl-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
.xl-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
.xl-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.xl-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
.xl-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
.xl-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
.xl-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
.xl-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.xl-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
.xl-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
.xl-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
.xl-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
.xl-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.xl-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
.xl-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
.xl-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
.xl-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
.xl-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.xl-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
.xl-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
.xl-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
.xl-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
.xl-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.xl-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
.xl-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
.xl-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
.xl-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
.xl-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.xl-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
.xl-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
.xl-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
.xl-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
.xl-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.xl-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
.xl-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
.xl-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
.xl-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
.xl-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.xl-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
.xl-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
.xl-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
.xl-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
.xl-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.xl-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
.xl-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
.xl-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
.xl-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
.xl-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.xl-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
.xl-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
.xl-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
.xl-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
.xl-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.xl-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
.xl-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
.xl-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
.xl-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
.xl-gradient-to-black { --quanta-to-color: var(--black); }
.xl-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
.xl-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
.xl-active-gradient-to-black:active { --quanta-to-color: var(--black); }
.xl-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
.xl-gradient-to-white { --quanta-to-color: var(--white); }
.xl-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
.xl-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
.xl-active-gradient-to-white:active { --quanta-to-color: var(--white); }
.xl-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
.xl-transition-all { transition-property: all; }
.xl-hover-transition-all:hover { transition-property: all; }
.xl-focus-transition-all:focus { transition-property: all; }
.xl-active-transition-all:active { transition-property: all; }
.xl-disabled-transition-all:disabled { transition-property: all; }
.xl-transition-bg { transition-property: background-color; }
.xl-hover-transition-bg:hover { transition-property: background-color; }
.xl-focus-transition-bg:focus { transition-property: background-color; }
.xl-active-transition-bg:active { transition-property: background-color; }
.xl-disabled-transition-bg:disabled { transition-property: background-color; }
.xl-transition-color { transition-property: color; }
.xl-hover-transition-color:hover { transition-property: color; }
.xl-focus-transition-color:focus { transition-property: color; }
.xl-active-transition-color:active { transition-property: color; }
.xl-disabled-transition-color:disabled { transition-property: color; }
.xl-transition-opacity { transition-property: opacity; }
.xl-hover-transition-opacity:hover { transition-property: opacity; }
.xl-focus-transition-opacity:focus { transition-property: opacity; }
.xl-active-transition-opacity:active { transition-property: opacity; }
.xl-disabled-transition-opacity:disabled { transition-property: opacity; }
.xl-transition-transform { transition-property: transform; }
.xl-hover-transition-transform:hover { transition-property: transform; }
.xl-focus-transition-transform:focus { transition-property: transform; }
.xl-active-transition-transform:active { transition-property: transform; }
.xl-disabled-transition-transform:disabled { transition-property: transform; }
.xl-transition-shadow { transition-property: shadow; }
.xl-hover-transition-shadow:hover { transition-property: shadow; }
.xl-focus-transition-shadow:focus { transition-property: shadow; }
.xl-active-transition-shadow:active { transition-property: shadow; }
.xl-disabled-transition-shadow:disabled { transition-property: shadow; }
.xl-transition-border { transition-property: border; }
.xl-hover-transition-border:hover { transition-property: border; }
.xl-focus-transition-border:focus { transition-property: border; }
.xl-active-transition-border:active { transition-property: border; }
.xl-disabled-transition-border:disabled { transition-property: border; }
.xl-duration-75 { transition-duration: 75ms; }
.xl-hover-duration-75:hover { transition-duration: 75ms; }
.xl-focus-duration-75:focus { transition-duration: 75ms; }
.xl-active-duration-75:active { transition-duration: 75ms; }
.xl-disabled-duration-75:disabled { transition-duration: 75ms; }
.xl-duration-100 { transition-duration: 100ms; }
.xl-hover-duration-100:hover { transition-duration: 100ms; }
.xl-focus-duration-100:focus { transition-duration: 100ms; }
.xl-active-duration-100:active { transition-duration: 100ms; }
.xl-disabled-duration-100:disabled { transition-duration: 100ms; }
.xl-duration-150 { transition-duration: 150ms; }
.xl-hover-duration-150:hover { transition-duration: 150ms; }
.xl-focus-duration-150:focus { transition-duration: 150ms; }
.xl-active-duration-150:active { transition-duration: 150ms; }
.xl-disabled-duration-150:disabled { transition-duration: 150ms; }
.xl-duration-200 { transition-duration: 200ms; }
.xl-hover-duration-200:hover { transition-duration: 200ms; }
.xl-focus-duration-200:focus { transition-duration: 200ms; }
.xl-active-duration-200:active { transition-duration: 200ms; }
.xl-disabled-duration-200:disabled { transition-duration: 200ms; }
.xl-duration-300 { transition-duration: 300ms; }
.xl-hover-duration-300:hover { transition-duration: 300ms; }
.xl-focus-duration-300:focus { transition-duration: 300ms; }
.xl-active-duration-300:active { transition-duration: 300ms; }
.xl-disabled-duration-300:disabled { transition-duration: 300ms; }
.xl-duration-500 { transition-duration: 500ms; }
.xl-hover-duration-500:hover { transition-duration: 500ms; }
.xl-focus-duration-500:focus { transition-duration: 500ms; }
.xl-active-duration-500:active { transition-duration: 500ms; }
.xl-disabled-duration-500:disabled { transition-duration: 500ms; }
.xl-duration-700 { transition-duration: 700ms; }
.xl-hover-duration-700:hover { transition-duration: 700ms; }
.xl-focus-duration-700:focus { transition-duration: 700ms; }
.xl-active-duration-700:active { transition-duration: 700ms; }
.xl-disabled-duration-700:disabled { transition-duration: 700ms; }
.xl-duration-1000 { transition-duration: 1000ms; }
.xl-hover-duration-1000:hover { transition-duration: 1000ms; }
.xl-focus-duration-1000:focus { transition-duration: 1000ms; }
.xl-active-duration-1000:active { transition-duration: 1000ms; }
.xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.xl-ease-linear { transition-timing-function: ease-linear; }
.xl-hover-ease-linear:hover { transition-timing-function: ease-linear; }
.xl-focus-ease-linear:focus { transition-timing-function: ease-linear; }
.xl-active-ease-linear:active { transition-timing-function: ease-linear; }
.xl-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
.xl-ease-in { transition-timing-function: ease-in; }
.xl-hover-ease-in:hover { transition-timing-function: ease-in; }
.xl-focus-ease-in:focus { transition-timing-function: ease-in; }
.xl-active-ease-in:active { transition-timing-function: ease-in; }
.xl-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.xl-ease-out { transition-timing-function: ease-out; }
.xl-hover-ease-out:hover { transition-timing-function: ease-out; }
.xl-focus-ease-out:focus { transition-timing-function: ease-out; }
.xl-active-ease-out:active { transition-timing-function: ease-out; }
.xl-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.xl-ease-in-out { transition-timing-function: ease-in-out; }
.xl-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.xl-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.xl-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.xl-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.xl-translate-x-0 { transform: translateX(0rem); }
.xl-hover-translate-x-0:hover { transform: translateX(0rem); }
.xl-focus-translate-x-0:focus { transform: translateX(0rem); }
.xl-active-translate-x-0:active { transform: translateX(0rem); }
.xl-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.xl-translate-y-0 { transform: translateY(0rem); }
.xl-hover-translate-y-0:hover { transform: translateY(0rem); }
.xl-focus-translate-y-0:focus { transform: translateY(0rem); }
.xl-active-translate-y-0:active { transform: translateY(0rem); }
.xl-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.xl-translate-x-0_25 { transform: translateX(0.25rem); }
.xl-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.xl-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.xl-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.xl-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.xl-translate-y-0_25 { transform: translateY(0.25rem); }
.xl-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.xl-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.xl-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.xl-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.xl-translate-x-0_5 { transform: translateX(0.5rem); }
.xl-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.xl-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.xl-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.xl-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.xl-translate-y-0_5 { transform: translateY(0.5rem); }
.xl-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.xl-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.xl-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.xl-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.xl-translate-x-1 { transform: translateX(1rem); }
.xl-hover-translate-x-1:hover { transform: translateX(1rem); }
.xl-focus-translate-x-1:focus { transform: translateX(1rem); }
.xl-active-translate-x-1:active { transform: translateX(1rem); }
.xl-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.xl-translate-y-1 { transform: translateY(1rem); }
.xl-hover-translate-y-1:hover { transform: translateY(1rem); }
.xl-focus-translate-y-1:focus { transform: translateY(1rem); }
.xl-active-translate-y-1:active { transform: translateY(1rem); }
.xl-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.xl-translate-x-1_5 { transform: translateX(1.5rem); }
.xl-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.xl-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.xl-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.xl-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.xl-translate-y-1_5 { transform: translateY(1.5rem); }
.xl-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.xl-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.xl-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.xl-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.xl-translate-x-2 { transform: translateX(2rem); }
.xl-hover-translate-x-2:hover { transform: translateX(2rem); }
.xl-focus-translate-x-2:focus { transform: translateX(2rem); }
.xl-active-translate-x-2:active { transform: translateX(2rem); }
.xl-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.xl-translate-y-2 { transform: translateY(2rem); }
.xl-hover-translate-y-2:hover { transform: translateY(2rem); }
.xl-focus-translate-y-2:focus { transform: translateY(2rem); }
.xl-active-translate-y-2:active { transform: translateY(2rem); }
.xl-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.xl-translate-x-3 { transform: translateX(3rem); }
.xl-hover-translate-x-3:hover { transform: translateX(3rem); }
.xl-focus-translate-x-3:focus { transform: translateX(3rem); }
.xl-active-translate-x-3:active { transform: translateX(3rem); }
.xl-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.xl-translate-y-3 { transform: translateY(3rem); }
.xl-hover-translate-y-3:hover { transform: translateY(3rem); }
.xl-focus-translate-y-3:focus { transform: translateY(3rem); }
.xl-active-translate-y-3:active { transform: translateY(3rem); }
.xl-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.xl-translate-x-4 { transform: translateX(4rem); }
.xl-hover-translate-x-4:hover { transform: translateX(4rem); }
.xl-focus-translate-x-4:focus { transform: translateX(4rem); }
.xl-active-translate-x-4:active { transform: translateX(4rem); }
.xl-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.xl-translate-y-4 { transform: translateY(4rem); }
.xl-hover-translate-y-4:hover { transform: translateY(4rem); }
.xl-focus-translate-y-4:focus { transform: translateY(4rem); }
.xl-active-translate-y-4:active { transform: translateY(4rem); }
.xl-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.xl-translate-x-5 { transform: translateX(5rem); }
.xl-hover-translate-x-5:hover { transform: translateX(5rem); }
.xl-focus-translate-x-5:focus { transform: translateX(5rem); }
.xl-active-translate-x-5:active { transform: translateX(5rem); }
.xl-disabled-translate-x-5:disabled { transform: translateX(5rem); }
.xl-translate-y-5 { transform: translateY(5rem); }
.xl-hover-translate-y-5:hover { transform: translateY(5rem); }
.xl-focus-translate-y-5:focus { transform: translateY(5rem); }
.xl-active-translate-y-5:active { transform: translateY(5rem); }
.xl-disabled-translate-y-5:disabled { transform: translateY(5rem); }
.xl-translate-x-6 { transform: translateX(6rem); }
.xl-hover-translate-x-6:hover { transform: translateX(6rem); }
.xl-focus-translate-x-6:focus { transform: translateX(6rem); }
.xl-active-translate-x-6:active { transform: translateX(6rem); }
.xl-disabled-translate-x-6:disabled { transform: translateX(6rem); }
.xl-translate-y-6 { transform: translateY(6rem); }
.xl-hover-translate-y-6:hover { transform: translateY(6rem); }
.xl-focus-translate-y-6:focus { transform: translateY(6rem); }
.xl-active-translate-y-6:active { transform: translateY(6rem); }
.xl-disabled-translate-y-6:disabled { transform: translateY(6rem); }
.xl-translate-x-8 { transform: translateX(8rem); }
.xl-hover-translate-x-8:hover { transform: translateX(8rem); }
.xl-focus-translate-x-8:focus { transform: translateX(8rem); }
.xl-active-translate-x-8:active { transform: translateX(8rem); }
.xl-disabled-translate-x-8:disabled { transform: translateX(8rem); }
.xl-translate-y-8 { transform: translateY(8rem); }
.xl-hover-translate-y-8:hover { transform: translateY(8rem); }
.xl-focus-translate-y-8:focus { transform: translateY(8rem); }
.xl-active-translate-y-8:active { transform: translateY(8rem); }
.xl-disabled-translate-y-8:disabled { transform: translateY(8rem); }
.xl-translate-x-10 { transform: translateX(10rem); }
.xl-hover-translate-x-10:hover { transform: translateX(10rem); }
.xl-focus-translate-x-10:focus { transform: translateX(10rem); }
.xl-active-translate-x-10:active { transform: translateX(10rem); }
.xl-disabled-translate-x-10:disabled { transform: translateX(10rem); }
.xl-translate-y-10 { transform: translateY(10rem); }
.xl-hover-translate-y-10:hover { transform: translateY(10rem); }
.xl-focus-translate-y-10:focus { transform: translateY(10rem); }
.xl-active-translate-y-10:active { transform: translateY(10rem); }
.xl-disabled-translate-y-10:disabled { transform: translateY(10rem); }
.xl-translate-x-12 { transform: translateX(12rem); }
.xl-hover-translate-x-12:hover { transform: translateX(12rem); }
.xl-focus-translate-x-12:focus { transform: translateX(12rem); }
.xl-active-translate-x-12:active { transform: translateX(12rem); }
.xl-disabled-translate-x-12:disabled { transform: translateX(12rem); }
.xl-translate-y-12 { transform: translateY(12rem); }
.xl-hover-translate-y-12:hover { transform: translateY(12rem); }
.xl-focus-translate-y-12:focus { transform: translateY(12rem); }
.xl-active-translate-y-12:active { transform: translateY(12rem); }
.xl-disabled-translate-y-12:disabled { transform: translateY(12rem); }
.xl-translate-x-16 { transform: translateX(16rem); }
.xl-hover-translate-x-16:hover { transform: translateX(16rem); }
.xl-focus-translate-x-16:focus { transform: translateX(16rem); }
.xl-active-translate-x-16:active { transform: translateX(16rem); }
.xl-disabled-translate-x-16:disabled { transform: translateX(16rem); }
.xl-translate-y-16 { transform: translateY(16rem); }
.xl-hover-translate-y-16:hover { transform: translateY(16rem); }
.xl-focus-translate-y-16:focus { transform: translateY(16rem); }
.xl-active-translate-y-16:active { transform: translateY(16rem); }
.xl-disabled-translate-y-16:disabled { transform: translateY(16rem); }
.xl-translate-x-20 { transform: translateX(20rem); }
.xl-hover-translate-x-20:hover { transform: translateX(20rem); }
.xl-focus-translate-x-20:focus { transform: translateX(20rem); }
.xl-active-translate-x-20:active { transform: translateX(20rem); }
.xl-disabled-translate-x-20:disabled { transform: translateX(20rem); }
.xl-translate-y-20 { transform: translateY(20rem); }
.xl-hover-translate-y-20:hover { transform: translateY(20rem); }
.xl-focus-translate-y-20:focus { transform: translateY(20rem); }
.xl-active-translate-y-20:active { transform: translateY(20rem); }
.xl-disabled-translate-y-20:disabled { transform: translateY(20rem); }
.xl-translate-x-24 { transform: translateX(24rem); }
.xl-hover-translate-x-24:hover { transform: translateX(24rem); }
.xl-focus-translate-x-24:focus { transform: translateX(24rem); }
.xl-active-translate-x-24:active { transform: translateX(24rem); }
.xl-disabled-translate-x-24:disabled { transform: translateX(24rem); }
.xl-translate-y-24 { transform: translateY(24rem); }
.xl-hover-translate-y-24:hover { transform: translateY(24rem); }
.xl-focus-translate-y-24:focus { transform: translateY(24rem); }
.xl-active-translate-y-24:active { transform: translateY(24rem); }
.xl-disabled-translate-y-24:disabled { transform: translateY(24rem); }
.xl-translate-x-32 { transform: translateX(32rem); }
.xl-hover-translate-x-32:hover { transform: translateX(32rem); }
.xl-focus-translate-x-32:focus { transform: translateX(32rem); }
.xl-active-translate-x-32:active { transform: translateX(32rem); }
.xl-disabled-translate-x-32:disabled { transform: translateX(32rem); }
.xl-translate-y-32 { transform: translateY(32rem); }
.xl-hover-translate-y-32:hover { transform: translateY(32rem); }
.xl-focus-translate-y-32:focus { transform: translateY(32rem); }
.xl-active-translate-y-32:active { transform: translateY(32rem); }
.xl-disabled-translate-y-32:disabled { transform: translateY(32rem); }
.xl-scale-0 { transform: scale(0.0); }
.xl-hover-scale-0:hover { transform: scale(0.0); }
.xl-focus-scale-0:focus { transform: scale(0.0); }
.xl-active-scale-0:active { transform: scale(0.0); }
.xl-disabled-scale-0:disabled { transform: scale(0.0); }
.xl-scale-50 { transform: scale(0.5); }
.xl-hover-scale-50:hover { transform: scale(0.5); }
.xl-focus-scale-50:focus { transform: scale(0.5); }
.xl-active-scale-50:active { transform: scale(0.5); }
.xl-disabled-scale-50:disabled { transform: scale(0.5); }
.xl-scale-75 { transform: scale(0.75); }
.xl-hover-scale-75:hover { transform: scale(0.75); }
.xl-focus-scale-75:focus { transform: scale(0.75); }
.xl-active-scale-75:active { transform: scale(0.75); }
.xl-disabled-scale-75:disabled { transform: scale(0.75); }
.xl-scale-90 { transform: scale(0.9); }
.xl-hover-scale-90:hover { transform: scale(0.9); }
.xl-focus-scale-90:focus { transform: scale(0.9); }
.xl-active-scale-90:active { transform: scale(0.9); }
.xl-disabled-scale-90:disabled { transform: scale(0.9); }
.xl-scale-95 { transform: scale(0.95); }
.xl-hover-scale-95:hover { transform: scale(0.95); }
.xl-focus-scale-95:focus { transform: scale(0.95); }
.xl-active-scale-95:active { transform: scale(0.95); }
.xl-disabled-scale-95:disabled { transform: scale(0.95); }
.xl-scale-100 { transform: scale(1.0); }
.xl-hover-scale-100:hover { transform: scale(1.0); }
.xl-focus-scale-100:focus { transform: scale(1.0); }
.xl-active-scale-100:active { transform: scale(1.0); }
.xl-disabled-scale-100:disabled { transform: scale(1.0); }
.xl-scale-105 { transform: scale(1.05); }
.xl-hover-scale-105:hover { transform: scale(1.05); }
.xl-focus-scale-105:focus { transform: scale(1.05); }
.xl-active-scale-105:active { transform: scale(1.05); }
.xl-disabled-scale-105:disabled { transform: scale(1.05); }
.xl-scale-110 { transform: scale(1.1); }
.xl-hover-scale-110:hover { transform: scale(1.1); }
.xl-focus-scale-110:focus { transform: scale(1.1); }
.xl-active-scale-110:active { transform: scale(1.1); }
.xl-disabled-scale-110:disabled { transform: scale(1.1); }
.xl-scale-125 { transform: scale(1.25); }
.xl-hover-scale-125:hover { transform: scale(1.25); }
.xl-focus-scale-125:focus { transform: scale(1.25); }
.xl-active-scale-125:active { transform: scale(1.25); }
.xl-disabled-scale-125:disabled { transform: scale(1.25); }
.xl-scale-150 { transform: scale(1.5); }
.xl-hover-scale-150:hover { transform: scale(1.5); }
.xl-focus-scale-150:focus { transform: scale(1.5); }
.xl-active-scale-150:active { transform: scale(1.5); }
.xl-disabled-scale-150:disabled { transform: scale(1.5); }
.xl-rotate--180 { transform: rotate(-180deg); }
.xl-hover-rotate--180:hover { transform: rotate(-180deg); }
.xl-focus-rotate--180:focus { transform: rotate(-180deg); }
.xl-active-rotate--180:active { transform: rotate(-180deg); }
.xl-disabled-rotate--180:disabled { transform: rotate(-180deg); }
.xl-rotate--90 { transform: rotate(-90deg); }
.xl-hover-rotate--90:hover { transform: rotate(-90deg); }
.xl-focus-rotate--90:focus { transform: rotate(-90deg); }
.xl-active-rotate--90:active { transform: rotate(-90deg); }
.xl-disabled-rotate--90:disabled { transform: rotate(-90deg); }
.xl-rotate--45 { transform: rotate(-45deg); }
.xl-hover-rotate--45:hover { transform: rotate(-45deg); }
.xl-focus-rotate--45:focus { transform: rotate(-45deg); }
.xl-active-rotate--45:active { transform: rotate(-45deg); }
.xl-disabled-rotate--45:disabled { transform: rotate(-45deg); }
.xl-rotate-0 { transform: rotate(0deg); }
.xl-hover-rotate-0:hover { transform: rotate(0deg); }
.xl-focus-rotate-0:focus { transform: rotate(0deg); }
.xl-active-rotate-0:active { transform: rotate(0deg); }
.xl-disabled-rotate-0:disabled { transform: rotate(0deg); }
.xl-rotate-45 { transform: rotate(45deg); }
.xl-hover-rotate-45:hover { transform: rotate(45deg); }
.xl-focus-rotate-45:focus { transform: rotate(45deg); }
.xl-active-rotate-45:active { transform: rotate(45deg); }
.xl-disabled-rotate-45:disabled { transform: rotate(45deg); }
.xl-rotate-90 { transform: rotate(90deg); }
.xl-hover-rotate-90:hover { transform: rotate(90deg); }
.xl-focus-rotate-90:focus { transform: rotate(90deg); }
.xl-active-rotate-90:active { transform: rotate(90deg); }
.xl-disabled-rotate-90:disabled { transform: rotate(90deg); }
.xl-rotate-180 { transform: rotate(180deg); }
.xl-hover-rotate-180:hover { transform: rotate(180deg); }
.xl-focus-rotate-180:focus { transform: rotate(180deg); }
.xl-active-rotate-180:active { transform: rotate(180deg); }
.xl-disabled-rotate-180:disabled { transform: rotate(180deg); }
.xl-skew-x--45 { transform: skewX(-45deg); }
.xl-hover-skew-x--45:hover { transform: skewX(-45deg); }
.xl-focus-skew-x--45:focus { transform: skewX(-45deg); }
.xl-active-skew-x--45:active { transform: skewX(-45deg); }
.xl-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
.xl-skew-y--45 { transform: skewY(-45deg); }
.xl-hover-skew-y--45:hover { transform: skewY(-45deg); }
.xl-focus-skew-y--45:focus { transform: skewY(-45deg); }
.xl-active-skew-y--45:active { transform: skewY(-45deg); }
.xl-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
.xl-skew-x--30 { transform: skewX(-30deg); }
.xl-hover-skew-x--30:hover { transform: skewX(-30deg); }
.xl-focus-skew-x--30:focus { transform: skewX(-30deg); }
.xl-active-skew-x--30:active { transform: skewX(-30deg); }
.xl-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
.xl-skew-y--30 { transform: skewY(-30deg); }
.xl-hover-skew-y--30:hover { transform: skewY(-30deg); }
.xl-focus-skew-y--30:focus { transform: skewY(-30deg); }
.xl-active-skew-y--30:active { transform: skewY(-30deg); }
.xl-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
.xl-skew-x--15 { transform: skewX(-15deg); }
.xl-hover-skew-x--15:hover { transform: skewX(-15deg); }
.xl-focus-skew-x--15:focus { transform: skewX(-15deg); }
.xl-active-skew-x--15:active { transform: skewX(-15deg); }
.xl-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
.xl-skew-y--15 { transform: skewY(-15deg); }
.xl-hover-skew-y--15:hover { transform: skewY(-15deg); }
.xl-focus-skew-y--15:focus { transform: skewY(-15deg); }
.xl-active-skew-y--15:active { transform: skewY(-15deg); }
.xl-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
.xl-skew-x-0 { transform: skewX(0deg); }
.xl-hover-skew-x-0:hover { transform: skewX(0deg); }
.xl-focus-skew-x-0:focus { transform: skewX(0deg); }
.xl-active-skew-x-0:active { transform: skewX(0deg); }
.xl-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.xl-skew-y-0 { transform: skewY(0deg); }
.xl-hover-skew-y-0:hover { transform: skewY(0deg); }
.xl-focus-skew-y-0:focus { transform: skewY(0deg); }
.xl-active-skew-y-0:active { transform: skewY(0deg); }
.xl-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.xl-skew-x-15 { transform: skewX(15deg); }
.xl-hover-skew-x-15:hover { transform: skewX(15deg); }
.xl-focus-skew-x-15:focus { transform: skewX(15deg); }
.xl-active-skew-x-15:active { transform: skewX(15deg); }
.xl-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.xl-skew-y-15 { transform: skewY(15deg); }
.xl-hover-skew-y-15:hover { transform: skewY(15deg); }
.xl-focus-skew-y-15:focus { transform: skewY(15deg); }
.xl-active-skew-y-15:active { transform: skewY(15deg); }
.xl-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.xl-skew-x-30 { transform: skewX(30deg); }
.xl-hover-skew-x-30:hover { transform: skewX(30deg); }
.xl-focus-skew-x-30:focus { transform: skewX(30deg); }
.xl-active-skew-x-30:active { transform: skewX(30deg); }
.xl-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.xl-skew-y-30 { transform: skewY(30deg); }
.xl-hover-skew-y-30:hover { transform: skewY(30deg); }
.xl-focus-skew-y-30:focus { transform: skewY(30deg); }
.xl-active-skew-y-30:active { transform: skewY(30deg); }
.xl-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.xl-skew-x-45 { transform: skewX(45deg); }
.xl-hover-skew-x-45:hover { transform: skewX(45deg); }
.xl-focus-skew-x-45:focus { transform: skewX(45deg); }
.xl-active-skew-x-45:active { transform: skewX(45deg); }
.xl-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.xl-skew-y-45 { transform: skewY(45deg); }
.xl-hover-skew-y-45:hover { transform: skewY(45deg); }
.xl-focus-skew-y-45:focus { transform: skewY(45deg); }
.xl-active-skew-y-45:active { transform: skewY(45deg); }
.xl-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.xl-blur-none { filter: blur(0); }
.xl-hover-blur-none:hover { filter: blur(0); }
.xl-focus-blur-none:focus { filter: blur(0); }
.xl-active-blur-none:active { filter: blur(0); }
.xl-disabled-blur-none:disabled { filter: blur(0); }
.xl-blur-sm { filter: blur(2px); }
.xl-hover-blur-sm:hover { filter: blur(2px); }
.xl-focus-blur-sm:focus { filter: blur(2px); }
.xl-active-blur-sm:active { filter: blur(2px); }
.xl-disabled-blur-sm:disabled { filter: blur(2px); }
.xl-blur { filter: blur(4px); }
.xl-hover-blur:hover { filter: blur(4px); }
.xl-focus-blur:focus { filter: blur(4px); }
.xl-active-blur:active { filter: blur(4px); }
.xl-disabled-blur:disabled { filter: blur(4px); }
.xl-blur-md { filter: blur(8px); }
.xl-hover-blur-md:hover { filter: blur(8px); }
.xl-focus-blur-md:focus { filter: blur(8px); }
.xl-active-blur-md:active { filter: blur(8px); }
.xl-disabled-blur-md:disabled { filter: blur(8px); }
.xl-blur-lg { filter: blur(12px); }
.xl-hover-blur-lg:hover { filter: blur(12px); }
.xl-focus-blur-lg:focus { filter: blur(12px); }
.xl-active-blur-lg:active { filter: blur(12px); }
.xl-disabled-blur-lg:disabled { filter: blur(12px); }
.xl-blur-xl { filter: blur(20px); }
.xl-hover-blur-xl:hover { filter: blur(20px); }
.xl-focus-blur-xl:focus { filter: blur(20px); }
.xl-active-blur-xl:active { filter: blur(20px); }
.xl-disabled-blur-xl:disabled { filter: blur(20px); }
.xl-brightness-0 { filter: brightness(0); }
.xl-hover-brightness-0:hover { filter: brightness(0); }
.xl-focus-brightness-0:focus { filter: brightness(0); }
.xl-active-brightness-0:active { filter: brightness(0); }
.xl-disabled-brightness-0:disabled { filter: brightness(0); }
.xl-brightness-50 { filter: brightness(0.5); }
.xl-hover-brightness-50:hover { filter: brightness(0.5); }
.xl-focus-brightness-50:focus { filter: brightness(0.5); }
.xl-active-brightness-50:active { filter: brightness(0.5); }
.xl-disabled-brightness-50:disabled { filter: brightness(0.5); }
.xl-brightness-75 { filter: brightness(0.75); }
.xl-hover-brightness-75:hover { filter: brightness(0.75); }
.xl-focus-brightness-75:focus { filter: brightness(0.75); }
.xl-active-brightness-75:active { filter: brightness(0.75); }
.xl-disabled-brightness-75:disabled { filter: brightness(0.75); }
.xl-brightness-90 { filter: brightness(0.9); }
.xl-hover-brightness-90:hover { filter: brightness(0.9); }
.xl-focus-brightness-90:focus { filter: brightness(0.9); }
.xl-active-brightness-90:active { filter: brightness(0.9); }
.xl-disabled-brightness-90:disabled { filter: brightness(0.9); }
.xl-brightness-100 { filter: brightness(1); }
.xl-hover-brightness-100:hover { filter: brightness(1); }
.xl-focus-brightness-100:focus { filter: brightness(1); }
.xl-active-brightness-100:active { filter: brightness(1); }
.xl-disabled-brightness-100:disabled { filter: brightness(1); }
.xl-brightness-125 { filter: brightness(1.25); }
.xl-hover-brightness-125:hover { filter: brightness(1.25); }
.xl-focus-brightness-125:focus { filter: brightness(1.25); }
.xl-active-brightness-125:active { filter: brightness(1.25); }
.xl-disabled-brightness-125:disabled { filter: brightness(1.25); }
.xl-brightness-150 { filter: brightness(1.5); }
.xl-hover-brightness-150:hover { filter: brightness(1.5); }
.xl-focus-brightness-150:focus { filter: brightness(1.5); }
.xl-active-brightness-150:active { filter: brightness(1.5); }
.xl-disabled-brightness-150:disabled { filter: brightness(1.5); }
.xl-brightness-200 { filter: brightness(2); }
.xl-hover-brightness-200:hover { filter: brightness(2); }
.xl-focus-brightness-200:focus { filter: brightness(2); }
.xl-active-brightness-200:active { filter: brightness(2); }
.xl-disabled-brightness-200:disabled { filter: brightness(2); }
.xl-contrast-0 { filter: contrast(0); }
.xl-hover-contrast-0:hover { filter: contrast(0); }
.xl-focus-contrast-0:focus { filter: contrast(0); }
.xl-active-contrast-0:active { filter: contrast(0); }
.xl-disabled-contrast-0:disabled { filter: contrast(0); }
.xl-contrast-50 { filter: contrast(0.5); }
.xl-hover-contrast-50:hover { filter: contrast(0.5); }
.xl-focus-contrast-50:focus { filter: contrast(0.5); }
.xl-active-contrast-50:active { filter: contrast(0.5); }
.xl-disabled-contrast-50:disabled { filter: contrast(0.5); }
.xl-contrast-75 { filter: contrast(0.75); }
.xl-hover-contrast-75:hover { filter: contrast(0.75); }
.xl-focus-contrast-75:focus { filter: contrast(0.75); }
.xl-active-contrast-75:active { filter: contrast(0.75); }
.xl-disabled-contrast-75:disabled { filter: contrast(0.75); }
.xl-contrast-100 { filter: contrast(1); }
.xl-hover-contrast-100:hover { filter: contrast(1); }
.xl-focus-contrast-100:focus { filter: contrast(1); }
.xl-active-contrast-100:active { filter: contrast(1); }
.xl-disabled-contrast-100:disabled { filter: contrast(1); }
.xl-contrast-125 { filter: contrast(1.25); }
.xl-hover-contrast-125:hover { filter: contrast(1.25); }
.xl-focus-contrast-125:focus { filter: contrast(1.25); }
.xl-active-contrast-125:active { filter: contrast(1.25); }
.xl-disabled-contrast-125:disabled { filter: contrast(1.25); }
.xl-contrast-150 { filter: contrast(1.5); }
.xl-hover-contrast-150:hover { filter: contrast(1.5); }
.xl-focus-contrast-150:focus { filter: contrast(1.5); }
.xl-active-contrast-150:active { filter: contrast(1.5); }
.xl-disabled-contrast-150:disabled { filter: contrast(1.5); }
.xl-contrast-200 { filter: contrast(2); }
.xl-hover-contrast-200:hover { filter: contrast(2); }
.xl-focus-contrast-200:focus { filter: contrast(2); }
.xl-active-contrast-200:active { filter: contrast(2); }
.xl-disabled-contrast-200:disabled { filter: contrast(2); }
.xl-grayscale-0 { filter: grayscale(0); }
.xl-hover-grayscale-0:hover { filter: grayscale(0); }
.xl-focus-grayscale-0:focus { filter: grayscale(0); }
.xl-active-grayscale-0:active { filter: grayscale(0); }
.xl-disabled-grayscale-0:disabled { filter: grayscale(0); }
.xl-grayscale-100 { filter: grayscale(1); }
.xl-hover-grayscale-100:hover { filter: grayscale(1); }
.xl-focus-grayscale-100:focus { filter: grayscale(1); }
.xl-active-grayscale-100:active { filter: grayscale(1); }
.xl-disabled-grayscale-100:disabled { filter: grayscale(1); }
.xl-hue-rotate-0 { filter: hue-rotate(0deg); }
.xl-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
.xl-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
.xl-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
.xl-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
.xl-hue-rotate-45 { filter: hue-rotate(45deg); }
.xl-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
.xl-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
.xl-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
.xl-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
.xl-hue-rotate-90 { filter: hue-rotate(90deg); }
.xl-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.xl-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.xl-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.xl-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.xl-hue-rotate-180 { filter: hue-rotate(180deg); }
.xl-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
.xl-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
.xl-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
.xl-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
.xl-invert-0 { filter: invert(0); }
.xl-hover-invert-0:hover { filter: invert(0); }
.xl-focus-invert-0:focus { filter: invert(0); }
.xl-active-invert-0:active { filter: invert(0); }
.xl-disabled-invert-0:disabled { filter: invert(0); }
.xl-invert-100 { filter: invert(1); }
.xl-hover-invert-100:hover { filter: invert(1); }
.xl-focus-invert-100:focus { filter: invert(1); }
.xl-active-invert-100:active { filter: invert(1); }
.xl-disabled-invert-100:disabled { filter: invert(1); }
.xl-saturate-0 { filter: saturate(0); }
.xl-hover-saturate-0:hover { filter: saturate(0); }
.xl-focus-saturate-0:focus { filter: saturate(0); }
.xl-active-saturate-0:active { filter: saturate(0); }
.xl-disabled-saturate-0:disabled { filter: saturate(0); }
.xl-saturate-50 { filter: saturate(0.5); }
.xl-hover-saturate-50:hover { filter: saturate(0.5); }
.xl-focus-saturate-50:focus { filter: saturate(0.5); }
.xl-active-saturate-50:active { filter: saturate(0.5); }
.xl-disabled-saturate-50:disabled { filter: saturate(0.5); }
.xl-saturate-100 { filter: saturate(1); }
.xl-hover-saturate-100:hover { filter: saturate(1); }
.xl-focus-saturate-100:focus { filter: saturate(1); }
.xl-active-saturate-100:active { filter: saturate(1); }
.xl-disabled-saturate-100:disabled { filter: saturate(1); }
.xl-saturate-150 { filter: saturate(1.5); }
.xl-hover-saturate-150:hover { filter: saturate(1.5); }
.xl-focus-saturate-150:focus { filter: saturate(1.5); }
.xl-active-saturate-150:active { filter: saturate(1.5); }
.xl-disabled-saturate-150:disabled { filter: saturate(1.5); }
.xl-saturate-200 { filter: saturate(2); }
.xl-hover-saturate-200:hover { filter: saturate(2); }
.xl-focus-saturate-200:focus { filter: saturate(2); }
.xl-active-saturate-200:active { filter: saturate(2); }
.xl-disabled-saturate-200:disabled { filter: saturate(2); }
.xl-sepia-0 { filter: sepia(0); }
.xl-hover-sepia-0:hover { filter: sepia(0); }
.xl-focus-sepia-0:focus { filter: sepia(0); }
.xl-active-sepia-0:active { filter: sepia(0); }
.xl-disabled-sepia-0:disabled { filter: sepia(0); }
.xl-sepia-100 { filter: sepia(1); }
.xl-hover-sepia-100:hover { filter: sepia(1); }
.xl-focus-sepia-100:focus { filter: sepia(1); }
.xl-active-sepia-100:active { filter: sepia(1); }
.xl-disabled-sepia-100:disabled { filter: sepia(1); }
.xl-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.xl-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.xl-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.xl-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.xl-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.xl-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.xl-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.xl-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.xl-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.xl-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.xl-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.xl-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.xl-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.xl-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.xl-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.xl-mix-normal { mix-blend-mode: normal; }
.xl-hover-mix-normal:hover { mix-blend-mode: normal; }
.xl-focus-mix-normal:focus { mix-blend-mode: normal; }
.xl-active-mix-normal:active { mix-blend-mode: normal; }
.xl-disabled-mix-normal:disabled { mix-blend-mode: normal; }
.xl-mix-multiply { mix-blend-mode: multiply; }
.xl-hover-mix-multiply:hover { mix-blend-mode: multiply; }
.xl-focus-mix-multiply:focus { mix-blend-mode: multiply; }
.xl-active-mix-multiply:active { mix-blend-mode: multiply; }
.xl-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
.xl-mix-screen { mix-blend-mode: screen; }
.xl-hover-mix-screen:hover { mix-blend-mode: screen; }
.xl-focus-mix-screen:focus { mix-blend-mode: screen; }
.xl-active-mix-screen:active { mix-blend-mode: screen; }
.xl-disabled-mix-screen:disabled { mix-blend-mode: screen; }
.xl-mix-overlay { mix-blend-mode: overlay; }
.xl-hover-mix-overlay:hover { mix-blend-mode: overlay; }
.xl-focus-mix-overlay:focus { mix-blend-mode: overlay; }
.xl-active-mix-overlay:active { mix-blend-mode: overlay; }
.xl-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
.xl-mix-darken { mix-blend-mode: darken; }
.xl-hover-mix-darken:hover { mix-blend-mode: darken; }
.xl-focus-mix-darken:focus { mix-blend-mode: darken; }
.xl-active-mix-darken:active { mix-blend-mode: darken; }
.xl-disabled-mix-darken:disabled { mix-blend-mode: darken; }
.xl-mix-lighten { mix-blend-mode: lighten; }
.xl-hover-mix-lighten:hover { mix-blend-mode: lighten; }
.xl-focus-mix-lighten:focus { mix-blend-mode: lighten; }
.xl-active-mix-lighten:active { mix-blend-mode: lighten; }
.xl-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
.xl-mix-color-dodge { mix-blend-mode: color-dodge; }
.xl-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
.xl-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
.xl-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
.xl-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
.xl-mix-color-burn { mix-blend-mode: color-burn; }
.xl-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
.xl-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
.xl-active-mix-color-burn:active { mix-blend-mode: color-burn; }
.xl-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
.xl-mix-hard-light { mix-blend-mode: hard-light; }
.xl-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
.xl-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
.xl-active-mix-hard-light:active { mix-blend-mode: hard-light; }
.xl-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
.xl-mix-soft-light { mix-blend-mode: soft-light; }
.xl-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
.xl-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
.xl-active-mix-soft-light:active { mix-blend-mode: soft-light; }
.xl-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
.xl-mix-difference { mix-blend-mode: difference; }
.xl-hover-mix-difference:hover { mix-blend-mode: difference; }
.xl-focus-mix-difference:focus { mix-blend-mode: difference; }
.xl-active-mix-difference:active { mix-blend-mode: difference; }
.xl-disabled-mix-difference:disabled { mix-blend-mode: difference; }
.xl-mix-exclusion { mix-blend-mode: exclusion; }
.xl-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
.xl-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
.xl-active-mix-exclusion:active { mix-blend-mode: exclusion; }
.xl-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
.xl-mix-hue { mix-blend-mode: hue; }
.xl-hover-mix-hue:hover { mix-blend-mode: hue; }
.xl-focus-mix-hue:focus { mix-blend-mode: hue; }
.xl-active-mix-hue:active { mix-blend-mode: hue; }
.xl-disabled-mix-hue:disabled { mix-blend-mode: hue; }
.xl-mix-saturation { mix-blend-mode: saturation; }
.xl-hover-mix-saturation:hover { mix-blend-mode: saturation; }
.xl-focus-mix-saturation:focus { mix-blend-mode: saturation; }
.xl-active-mix-saturation:active { mix-blend-mode: saturation; }
.xl-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
.xl-mix-color { mix-blend-mode: color; }
.xl-hover-mix-color:hover { mix-blend-mode: color; }
.xl-focus-mix-color:focus { mix-blend-mode: color; }
.xl-active-mix-color:active { mix-blend-mode: color; }
.xl-disabled-mix-color:disabled { mix-blend-mode: color; }
.xl-mix-luminosity { mix-blend-mode: luminosity; }
.xl-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
.xl-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
.xl-active-mix-luminosity:active { mix-blend-mode: luminosity; }
.xl-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
.xl-bg-blend-normal { background-blend-mode: normal; }
.xl-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.xl-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.xl-active-bg-blend-normal:active { background-blend-mode: normal; }
.xl-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.xl-bg-blend-multiply { background-blend-mode: multiply; }
.xl-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.xl-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.xl-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.xl-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.xl-bg-blend-screen { background-blend-mode: screen; }
.xl-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.xl-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.xl-active-bg-blend-screen:active { background-blend-mode: screen; }
.xl-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.xl-bg-blend-overlay { background-blend-mode: overlay; }
.xl-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.xl-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.xl-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.xl-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.xl-bg-blend-darken { background-blend-mode: darken; }
.xl-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.xl-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.xl-active-bg-blend-darken:active { background-blend-mode: darken; }
.xl-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.xl-bg-blend-lighten { background-blend-mode: lighten; }
.xl-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.xl-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.xl-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.xl-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.xl-bg-blend-color-dodge { background-blend-mode: color-dodge; }
.xl-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
.xl-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
.xl-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
.xl-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
.xl-bg-blend-color-burn { background-blend-mode: color-burn; }
.xl-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
.xl-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
.xl-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
.xl-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
.xl-bg-blend-hard-light { background-blend-mode: hard-light; }
.xl-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
.xl-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
.xl-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
.xl-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
.xl-bg-blend-soft-light { background-blend-mode: soft-light; }
.xl-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
.xl-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
.xl-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
.xl-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
.xl-bg-blend-difference { background-blend-mode: difference; }
.xl-hover-bg-blend-difference:hover { background-blend-mode: difference; }
.xl-focus-bg-blend-difference:focus { background-blend-mode: difference; }
.xl-active-bg-blend-difference:active { background-blend-mode: difference; }
.xl-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
.xl-bg-blend-exclusion { background-blend-mode: exclusion; }
.xl-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
.xl-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
.xl-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
.xl-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
.xl-bg-blend-hue { background-blend-mode: hue; }
.xl-hover-bg-blend-hue:hover { background-blend-mode: hue; }
.xl-focus-bg-blend-hue:focus { background-blend-mode: hue; }
.xl-active-bg-blend-hue:active { background-blend-mode: hue; }
.xl-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
.xl-bg-blend-saturation { background-blend-mode: saturation; }
.xl-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
.xl-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
.xl-active-bg-blend-saturation:active { background-blend-mode: saturation; }
.xl-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
.xl-bg-blend-color { background-blend-mode: color; }
.xl-hover-bg-blend-color:hover { background-blend-mode: color; }
.xl-focus-bg-blend-color:focus { background-blend-mode: color; }
.xl-active-bg-blend-color:active { background-blend-mode: color; }
.xl-disabled-bg-blend-color:disabled { background-blend-mode: color; }
.xl-bg-blend-luminosity { background-blend-mode: luminosity; }
.xl-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
.xl-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
.xl-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
.xl-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
.xl-object-contain { object-fit: contain; }
.xl-hover-object-contain:hover { object-fit: contain; }
.xl-focus-object-contain:focus { object-fit: contain; }
.xl-active-object-contain:active { object-fit: contain; }
.xl-disabled-object-contain:disabled { object-fit: contain; }
.xl-object-cover { object-fit: cover; }
.xl-hover-object-cover:hover { object-fit: cover; }
.xl-focus-object-cover:focus { object-fit: cover; }
.xl-active-object-cover:active { object-fit: cover; }
.xl-disabled-object-cover:disabled { object-fit: cover; }
.xl-object-fill { object-fit: fill; }
.xl-hover-object-fill:hover { object-fit: fill; }
.xl-focus-object-fill:focus { object-fit: fill; }
.xl-active-object-fill:active { object-fit: fill; }
.xl-disabled-object-fill:disabled { object-fit: fill; }
.xl-object-none { object-fit: none; }
.xl-hover-object-none:hover { object-fit: none; }
.xl-focus-object-none:focus { object-fit: none; }
.xl-active-object-none:active { object-fit: none; }
.xl-disabled-object-none:disabled { object-fit: none; }
.xl-object-scale-down { object-fit: scale-down; }
.xl-hover-object-scale-down:hover { object-fit: scale-down; }
.xl-focus-object-scale-down:focus { object-fit: scale-down; }
.xl-active-object-scale-down:active { object-fit: scale-down; }
.xl-disabled-object-scale-down:disabled { object-fit: scale-down; }
.xl-object-top { object-position: top; }
.xl-hover-object-top:hover { object-position: top; }
.xl-focus-object-top:focus { object-position: top; }
.xl-active-object-top:active { object-position: top; }
.xl-disabled-object-top:disabled { object-position: top; }
.xl-object-bottom { object-position: bottom; }
.xl-hover-object-bottom:hover { object-position: bottom; }
.xl-focus-object-bottom:focus { object-position: bottom; }
.xl-active-object-bottom:active { object-position: bottom; }
.xl-disabled-object-bottom:disabled { object-position: bottom; }
.xl-object-center { object-position: center; }
.xl-hover-object-center:hover { object-position: center; }
.xl-focus-object-center:focus { object-position: center; }
.xl-active-object-center:active { object-position: center; }
.xl-disabled-object-center:disabled { object-position: center; }
.xl-object-left { object-position: left; }
.xl-hover-object-left:hover { object-position: left; }
.xl-focus-object-left:focus { object-position: left; }
.xl-active-object-left:active { object-position: left; }
.xl-disabled-object-left:disabled { object-position: left; }
.xl-object-right { object-position: right; }
.xl-hover-object-right:hover { object-position: right; }
.xl-focus-object-right:focus { object-position: right; }
.xl-active-object-right:active { object-position: right; }
.xl-disabled-object-right:disabled { object-position: right; }
.xl-object-left-top { object-position: left top; }
.xl-hover-object-left-top:hover { object-position: left top; }
.xl-focus-object-left-top:focus { object-position: left top; }
.xl-active-object-left-top:active { object-position: left top; }
.xl-disabled-object-left-top:disabled { object-position: left top; }
.xl-object-right-top { object-position: right top; }
.xl-hover-object-right-top:hover { object-position: right top; }
.xl-focus-object-right-top:focus { object-position: right top; }
.xl-active-object-right-top:active { object-position: right top; }
.xl-disabled-object-right-top:disabled { object-position: right top; }
.xl-object-left-bottom { object-position: left bottom; }
.xl-hover-object-left-bottom:hover { object-position: left bottom; }
.xl-focus-object-left-bottom:focus { object-position: left bottom; }
.xl-active-object-left-bottom:active { object-position: left bottom; }
.xl-disabled-object-left-bottom:disabled { object-position: left bottom; }
.xl-object-right-bottom { object-position: right bottom; }
.xl-hover-object-right-bottom:hover { object-position: right bottom; }
.xl-focus-object-right-bottom:focus { object-position: right bottom; }
.xl-active-object-right-bottom:active { object-position: right bottom; }
.xl-disabled-object-right-bottom:disabled { object-position: right bottom; }
.xl-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xl-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xl-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xl-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xl-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xl-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.xl-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.xl-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.xl-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.xl-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.xl-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.xl-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.xl-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.xl-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.xl-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.xl-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.xl-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.xl-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.xl-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.xl-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.xl-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.xl-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.xl-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.xl-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.xl-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.xl-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.xl-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.xl-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.xl-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.xl-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.xl-list-style-image-none { list-style-image: none; }
.xl-hover-list-style-image-none:hover { list-style-image: none; }
.xl-focus-list-style-image-none:focus { list-style-image: none; }
.xl-active-list-style-image-none:active { list-style-image: none; }
.xl-disabled-list-style-image-none:disabled { list-style-image: none; }
.xl-list-style-position-inside { list-style-position: inside; }
.xl-hover-list-style-position-inside:hover { list-style-position: inside; }
.xl-focus-list-style-position-inside:focus { list-style-position: inside; }
.xl-active-list-style-position-inside:active { list-style-position: inside; }
.xl-disabled-list-style-position-inside:disabled { list-style-position: inside; }
.xl-list-style-position-outside { list-style-position: outside; }
.xl-hover-list-style-position-outside:hover { list-style-position: outside; }
.xl-focus-list-style-position-outside:focus { list-style-position: outside; }
.xl-active-list-style-position-outside:active { list-style-position: outside; }
.xl-disabled-list-style-position-outside:disabled { list-style-position: outside; }
.xl-list-style-type-none { list-style-type: none; }
.xl-hover-list-style-type-none:hover { list-style-type: none; }
.xl-focus-list-style-type-none:focus { list-style-type: none; }
.xl-active-list-style-type-none:active { list-style-type: none; }
.xl-disabled-list-style-type-none:disabled { list-style-type: none; }
.xl-list-style-type-disc { list-style-type: disc; }
.xl-hover-list-style-type-disc:hover { list-style-type: disc; }
.xl-focus-list-style-type-disc:focus { list-style-type: disc; }
.xl-active-list-style-type-disc:active { list-style-type: disc; }
.xl-disabled-list-style-type-disc:disabled { list-style-type: disc; }
.xl-list-style-type-circle { list-style-type: circle; }
.xl-hover-list-style-type-circle:hover { list-style-type: circle; }
.xl-focus-list-style-type-circle:focus { list-style-type: circle; }
.xl-active-list-style-type-circle:active { list-style-type: circle; }
.xl-disabled-list-style-type-circle:disabled { list-style-type: circle; }
.xl-list-style-type-square { list-style-type: square; }
.xl-hover-list-style-type-square:hover { list-style-type: square; }
.xl-focus-list-style-type-square:focus { list-style-type: square; }
.xl-active-list-style-type-square:active { list-style-type: square; }
.xl-disabled-list-style-type-square:disabled { list-style-type: square; }
.xl-list-style-type-decimal { list-style-type: decimal; }
.xl-hover-list-style-type-decimal:hover { list-style-type: decimal; }
.xl-focus-list-style-type-decimal:focus { list-style-type: decimal; }
.xl-active-list-style-type-decimal:active { list-style-type: decimal; }
.xl-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
.xl-list-style-type-lower_roman { list-style-type: lower-roman; }
.xl-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
.xl-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
.xl-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
.xl-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
.xl-list-style-type-upper_roman { list-style-type: upper-roman; }
.xl-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
.xl-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
.xl-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
.xl-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
.xl-list-style-type-lower_alpha { list-style-type: lower-alpha; }
.xl-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
.xl-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
.xl-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
.xl-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
.xl-list-style-type-upper_alpha { list-style-type: upper-alpha; }
.xl-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
.xl-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
.xl-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
.xl-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
.xl-text-align-left { text-align: left; }
.xl-hover-text-align-left:hover { text-align: left; }
.xl-focus-text-align-left:focus { text-align: left; }
.xl-active-text-align-left:active { text-align: left; }
.xl-disabled-text-align-left:disabled { text-align: left; }
.xl-text-align-center { text-align: center; }
.xl-hover-text-align-center:hover { text-align: center; }
.xl-focus-text-align-center:focus { text-align: center; }
.xl-active-text-align-center:active { text-align: center; }
.xl-disabled-text-align-center:disabled { text-align: center; }
.xl-text-align-right { text-align: right; }
.xl-hover-text-align-right:hover { text-align: right; }
.xl-focus-text-align-right:focus { text-align: right; }
.xl-active-text-align-right:active { text-align: right; }
.xl-disabled-text-align-right:disabled { text-align: right; }
.xl-text-align-justify { text-align: justify; }
.xl-hover-text-align-justify:hover { text-align: justify; }
.xl-focus-text-align-justify:focus { text-align: justify; }
.xl-active-text-align-justify:active { text-align: justify; }
.xl-disabled-text-align-justify:disabled { text-align: justify; }
.xl-backface-visible { backface-visibility: visible; }
.xl-hover-backface-visible:hover { backface-visibility: visible; }
.xl-focus-backface-visible:focus { backface-visibility: visible; }
.xl-active-backface-visible:active { backface-visibility: visible; }
.xl-disabled-backface-visible:disabled { backface-visibility: visible; }
.xl-backface-hidden { backface-visibility: hidden; }
.xl-hover-backface-hidden:hover { backface-visibility: hidden; }
.xl-focus-backface-hidden:focus { backface-visibility: hidden; }
.xl-active-backface-hidden:active { backface-visibility: hidden; }
.xl-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.xl-perspective-none { perspective: none; }
.xl-hover-perspective-none:hover { perspective: none; }
.xl-focus-perspective-none:focus { perspective: none; }
.xl-active-perspective-none:active { perspective: none; }
.xl-disabled-perspective-none:disabled { perspective: none; }
.xl-perspective-100 { perspective: 100px; }
.xl-hover-perspective-100:hover { perspective: 100px; }
.xl-focus-perspective-100:focus { perspective: 100px; }
.xl-active-perspective-100:active { perspective: 100px; }
.xl-disabled-perspective-100:disabled { perspective: 100px; }
.xl-perspective-500 { perspective: 500px; }
.xl-hover-perspective-500:hover { perspective: 500px; }
.xl-focus-perspective-500:focus { perspective: 500px; }
.xl-active-perspective-500:active { perspective: 500px; }
.xl-disabled-perspective-500:disabled { perspective: 500px; }
.xl-perspective-1000 { perspective: 1000px; }
.xl-hover-perspective-1000:hover { perspective: 1000px; }
.xl-focus-perspective-1000:focus { perspective: 1000px; }
.xl-active-perspective-1000:active { perspective: 1000px; }
.xl-disabled-perspective-1000:disabled { perspective: 1000px; }
.xl-perspective-1500 { perspective: 1500px; }
.xl-hover-perspective-1500:hover { perspective: 1500px; }
.xl-focus-perspective-1500:focus { perspective: 1500px; }
.xl-active-perspective-1500:active { perspective: 1500px; }
.xl-disabled-perspective-1500:disabled { perspective: 1500px; }
.xl-perspective-2000 { perspective: 2000px; }
.xl-hover-perspective-2000:hover { perspective: 2000px; }
.xl-focus-perspective-2000:focus { perspective: 2000px; }
.xl-active-perspective-2000:active { perspective: 2000px; }
.xl-disabled-perspective-2000:disabled { perspective: 2000px; }
.xl-perspective-origin-center { perspective-origin: center; }
.xl-hover-perspective-origin-center:hover { perspective-origin: center; }
.xl-focus-perspective-origin-center:focus { perspective-origin: center; }
.xl-active-perspective-origin-center:active { perspective-origin: center; }
.xl-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.xl-perspective-origin-top { perspective-origin: top; }
.xl-hover-perspective-origin-top:hover { perspective-origin: top; }
.xl-focus-perspective-origin-top:focus { perspective-origin: top; }
.xl-active-perspective-origin-top:active { perspective-origin: top; }
.xl-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.xl-perspective-origin-bottom { perspective-origin: bottom; }
.xl-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.xl-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.xl-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.xl-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.xl-perspective-origin-left { perspective-origin: left; }
.xl-hover-perspective-origin-left:hover { perspective-origin: left; }
.xl-focus-perspective-origin-left:focus { perspective-origin: left; }
.xl-active-perspective-origin-left:active { perspective-origin: left; }
.xl-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.xl-perspective-origin-right { perspective-origin: right; }
.xl-hover-perspective-origin-right:hover { perspective-origin: right; }
.xl-focus-perspective-origin-right:focus { perspective-origin: right; }
.xl-active-perspective-origin-right:active { perspective-origin: right; }
.xl-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.xl-perspective-origin-top_left { perspective-origin: top left; }
.xl-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
.xl-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
.xl-active-perspective-origin-top_left:active { perspective-origin: top left; }
.xl-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
.xl-perspective-origin-top_right { perspective-origin: top right; }
.xl-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
.xl-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
.xl-active-perspective-origin-top_right:active { perspective-origin: top right; }
.xl-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
.xl-perspective-origin-bottom_left { perspective-origin: bottom left; }
.xl-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
.xl-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
.xl-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
.xl-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
.xl-perspective-origin-bottom_right { perspective-origin: bottom right; }
.xl-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
.xl-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
.xl-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
.xl-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
.xl-transform { transform: var(--quanta-transform, none); }
.xl-hover-transform:hover { transform: var(--quanta-transform, none); }
.xl-focus-transform:focus { transform: var(--quanta-transform, none); }
.xl-active-transform:active { transform: var(--quanta-transform, none); }
.xl-disabled-transform:disabled { transform: var(--quanta-transform, none); }
.xl-transform-none { transform: none; }
.xl-hover-transform-none:hover { transform: none; }
.xl-focus-transform-none:focus { transform: none; }
.xl-active-transform-none:active { transform: none; }
.xl-disabled-transform-none:disabled { transform: none; }
.xl-rotate-n180 { transform: rotate(-180deg); }
.xl-hover-rotate-n180:hover { transform: rotate(-180deg); }
.xl-focus-rotate-n180:focus { transform: rotate(-180deg); }
.xl-active-rotate-n180:active { transform: rotate(-180deg); }
.xl-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
.xl-rotate-n90 { transform: rotate(-90deg); }
.xl-hover-rotate-n90:hover { transform: rotate(-90deg); }
.xl-focus-rotate-n90:focus { transform: rotate(-90deg); }
.xl-active-rotate-n90:active { transform: rotate(-90deg); }
.xl-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
.xl-rotate-n45 { transform: rotate(-45deg); }
.xl-hover-rotate-n45:hover { transform: rotate(-45deg); }
.xl-focus-rotate-n45:focus { transform: rotate(-45deg); }
.xl-active-rotate-n45:active { transform: rotate(-45deg); }
.xl-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
.xl-rotate-0 { transform: rotate(0deg); }
.xl-hover-rotate-0:hover { transform: rotate(0deg); }
.xl-focus-rotate-0:focus { transform: rotate(0deg); }
.xl-active-rotate-0:active { transform: rotate(0deg); }
.xl-disabled-rotate-0:disabled { transform: rotate(0deg); }
.xl-rotate-45 { transform: rotate(45deg); }
.xl-hover-rotate-45:hover { transform: rotate(45deg); }
.xl-focus-rotate-45:focus { transform: rotate(45deg); }
.xl-active-rotate-45:active { transform: rotate(45deg); }
.xl-disabled-rotate-45:disabled { transform: rotate(45deg); }
.xl-rotate-90 { transform: rotate(90deg); }
.xl-hover-rotate-90:hover { transform: rotate(90deg); }
.xl-focus-rotate-90:focus { transform: rotate(90deg); }
.xl-active-rotate-90:active { transform: rotate(90deg); }
.xl-disabled-rotate-90:disabled { transform: rotate(90deg); }
.xl-rotate-180 { transform: rotate(180deg); }
.xl-hover-rotate-180:hover { transform: rotate(180deg); }
.xl-focus-rotate-180:focus { transform: rotate(180deg); }
.xl-active-rotate-180:active { transform: rotate(180deg); }
.xl-disabled-rotate-180:disabled { transform: rotate(180deg); }
.xl-scale-50 { transform: scale(0.5); }
.xl-hover-scale-50:hover { transform: scale(0.5); }
.xl-focus-scale-50:focus { transform: scale(0.5); }
.xl-active-scale-50:active { transform: scale(0.5); }
.xl-disabled-scale-50:disabled { transform: scale(0.5); }
.xl-scale-75 { transform: scale(0.75); }
.xl-hover-scale-75:hover { transform: scale(0.75); }
.xl-focus-scale-75:focus { transform: scale(0.75); }
.xl-active-scale-75:active { transform: scale(0.75); }
.xl-disabled-scale-75:disabled { transform: scale(0.75); }
.xl-scale-90 { transform: scale(0.9); }
.xl-hover-scale-90:hover { transform: scale(0.9); }
.xl-focus-scale-90:focus { transform: scale(0.9); }
.xl-active-scale-90:active { transform: scale(0.9); }
.xl-disabled-scale-90:disabled { transform: scale(0.9); }
.xl-scale-95 { transform: scale(0.95); }
.xl-hover-scale-95:hover { transform: scale(0.95); }
.xl-focus-scale-95:focus { transform: scale(0.95); }
.xl-active-scale-95:active { transform: scale(0.95); }
.xl-disabled-scale-95:disabled { transform: scale(0.95); }
.xl-scale-100 { transform: scale(1.0); }
.xl-hover-scale-100:hover { transform: scale(1.0); }
.xl-focus-scale-100:focus { transform: scale(1.0); }
.xl-active-scale-100:active { transform: scale(1.0); }
.xl-disabled-scale-100:disabled { transform: scale(1.0); }
.xl-scale-105 { transform: scale(1.05); }
.xl-hover-scale-105:hover { transform: scale(1.05); }
.xl-focus-scale-105:focus { transform: scale(1.05); }
.xl-active-scale-105:active { transform: scale(1.05); }
.xl-disabled-scale-105:disabled { transform: scale(1.05); }
.xl-scale-110 { transform: scale(1.1); }
.xl-hover-scale-110:hover { transform: scale(1.1); }
.xl-focus-scale-110:focus { transform: scale(1.1); }
.xl-active-scale-110:active { transform: scale(1.1); }
.xl-disabled-scale-110:disabled { transform: scale(1.1); }
.xl-scale-125 { transform: scale(1.25); }
.xl-hover-scale-125:hover { transform: scale(1.25); }
.xl-focus-scale-125:focus { transform: scale(1.25); }
.xl-active-scale-125:active { transform: scale(1.25); }
.xl-disabled-scale-125:disabled { transform: scale(1.25); }
.xl-scale-150 { transform: scale(1.5); }
.xl-hover-scale-150:hover { transform: scale(1.5); }
.xl-focus-scale-150:focus { transform: scale(1.5); }
.xl-active-scale-150:active { transform: scale(1.5); }
.xl-disabled-scale-150:disabled { transform: scale(1.5); }
.xl-skew-x-n45 { transform: skewX(-45deg); }
.xl-hover-skew-x-n45:hover { transform: skewX(-45deg); }
.xl-focus-skew-x-n45:focus { transform: skewX(-45deg); }
.xl-active-skew-x-n45:active { transform: skewX(-45deg); }
.xl-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
.xl-skew-y-n45 { transform: skewY(-45deg); }
.xl-hover-skew-y-n45:hover { transform: skewY(-45deg); }
.xl-focus-skew-y-n45:focus { transform: skewY(-45deg); }
.xl-active-skew-y-n45:active { transform: skewY(-45deg); }
.xl-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
.xl-skew-x-n30 { transform: skewX(-30deg); }
.xl-hover-skew-x-n30:hover { transform: skewX(-30deg); }
.xl-focus-skew-x-n30:focus { transform: skewX(-30deg); }
.xl-active-skew-x-n30:active { transform: skewX(-30deg); }
.xl-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
.xl-skew-y-n30 { transform: skewY(-30deg); }
.xl-hover-skew-y-n30:hover { transform: skewY(-30deg); }
.xl-focus-skew-y-n30:focus { transform: skewY(-30deg); }
.xl-active-skew-y-n30:active { transform: skewY(-30deg); }
.xl-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
.xl-skew-x-n15 { transform: skewX(-15deg); }
.xl-hover-skew-x-n15:hover { transform: skewX(-15deg); }
.xl-focus-skew-x-n15:focus { transform: skewX(-15deg); }
.xl-active-skew-x-n15:active { transform: skewX(-15deg); }
.xl-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
.xl-skew-y-n15 { transform: skewY(-15deg); }
.xl-hover-skew-y-n15:hover { transform: skewY(-15deg); }
.xl-focus-skew-y-n15:focus { transform: skewY(-15deg); }
.xl-active-skew-y-n15:active { transform: skewY(-15deg); }
.xl-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
.xl-skew-x-0 { transform: skewX(0deg); }
.xl-hover-skew-x-0:hover { transform: skewX(0deg); }
.xl-focus-skew-x-0:focus { transform: skewX(0deg); }
.xl-active-skew-x-0:active { transform: skewX(0deg); }
.xl-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.xl-skew-y-0 { transform: skewY(0deg); }
.xl-hover-skew-y-0:hover { transform: skewY(0deg); }
.xl-focus-skew-y-0:focus { transform: skewY(0deg); }
.xl-active-skew-y-0:active { transform: skewY(0deg); }
.xl-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.xl-skew-x-15 { transform: skewX(15deg); }
.xl-hover-skew-x-15:hover { transform: skewX(15deg); }
.xl-focus-skew-x-15:focus { transform: skewX(15deg); }
.xl-active-skew-x-15:active { transform: skewX(15deg); }
.xl-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.xl-skew-y-15 { transform: skewY(15deg); }
.xl-hover-skew-y-15:hover { transform: skewY(15deg); }
.xl-focus-skew-y-15:focus { transform: skewY(15deg); }
.xl-active-skew-y-15:active { transform: skewY(15deg); }
.xl-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.xl-skew-x-30 { transform: skewX(30deg); }
.xl-hover-skew-x-30:hover { transform: skewX(30deg); }
.xl-focus-skew-x-30:focus { transform: skewX(30deg); }
.xl-active-skew-x-30:active { transform: skewX(30deg); }
.xl-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.xl-skew-y-30 { transform: skewY(30deg); }
.xl-hover-skew-y-30:hover { transform: skewY(30deg); }
.xl-focus-skew-y-30:focus { transform: skewY(30deg); }
.xl-active-skew-y-30:active { transform: skewY(30deg); }
.xl-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.xl-skew-x-45 { transform: skewX(45deg); }
.xl-hover-skew-x-45:hover { transform: skewX(45deg); }
.xl-focus-skew-x-45:focus { transform: skewX(45deg); }
.xl-active-skew-x-45:active { transform: skewX(45deg); }
.xl-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.xl-skew-y-45 { transform: skewY(45deg); }
.xl-hover-skew-y-45:hover { transform: skewY(45deg); }
.xl-focus-skew-y-45:focus { transform: skewY(45deg); }
.xl-active-skew-y-45:active { transform: skewY(45deg); }
.xl-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.xl-translate-x-0 { transform: translateX(0rem); }
.xl-hover-translate-x-0:hover { transform: translateX(0rem); }
.xl-focus-translate-x-0:focus { transform: translateX(0rem); }
.xl-active-translate-x-0:active { transform: translateX(0rem); }
.xl-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.xl-translate-y-0 { transform: translateY(0rem); }
.xl-hover-translate-y-0:hover { transform: translateY(0rem); }
.xl-focus-translate-y-0:focus { transform: translateY(0rem); }
.xl-active-translate-y-0:active { transform: translateY(0rem); }
.xl-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.xl-translate-x-0_125 { transform: translateX(0.125rem); }
.xl-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
.xl-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
.xl-active-translate-x-0_125:active { transform: translateX(0.125rem); }
.xl-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
.xl-translate-y-0_125 { transform: translateY(0.125rem); }
.xl-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
.xl-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
.xl-active-translate-y-0_125:active { transform: translateY(0.125rem); }
.xl-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
.xl-translate-x-0_25 { transform: translateX(0.25rem); }
.xl-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.xl-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.xl-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.xl-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.xl-translate-y-0_25 { transform: translateY(0.25rem); }
.xl-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.xl-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.xl-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.xl-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.xl-translate-x-0_5 { transform: translateX(0.5rem); }
.xl-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.xl-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.xl-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.xl-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.xl-translate-y-0_5 { transform: translateY(0.5rem); }
.xl-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.xl-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.xl-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.xl-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.xl-translate-x-0_75 { transform: translateX(0.75rem); }
.xl-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
.xl-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
.xl-active-translate-x-0_75:active { transform: translateX(0.75rem); }
.xl-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
.xl-translate-y-0_75 { transform: translateY(0.75rem); }
.xl-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
.xl-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
.xl-active-translate-y-0_75:active { transform: translateY(0.75rem); }
.xl-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
.xl-translate-x-1 { transform: translateX(1rem); }
.xl-hover-translate-x-1:hover { transform: translateX(1rem); }
.xl-focus-translate-x-1:focus { transform: translateX(1rem); }
.xl-active-translate-x-1:active { transform: translateX(1rem); }
.xl-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.xl-translate-y-1 { transform: translateY(1rem); }
.xl-hover-translate-y-1:hover { transform: translateY(1rem); }
.xl-focus-translate-y-1:focus { transform: translateY(1rem); }
.xl-active-translate-y-1:active { transform: translateY(1rem); }
.xl-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.xl-translate-x-1_5 { transform: translateX(1.5rem); }
.xl-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.xl-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.xl-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.xl-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.xl-translate-y-1_5 { transform: translateY(1.5rem); }
.xl-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.xl-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.xl-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.xl-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.xl-translate-x-2 { transform: translateX(2rem); }
.xl-hover-translate-x-2:hover { transform: translateX(2rem); }
.xl-focus-translate-x-2:focus { transform: translateX(2rem); }
.xl-active-translate-x-2:active { transform: translateX(2rem); }
.xl-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.xl-translate-y-2 { transform: translateY(2rem); }
.xl-hover-translate-y-2:hover { transform: translateY(2rem); }
.xl-focus-translate-y-2:focus { transform: translateY(2rem); }
.xl-active-translate-y-2:active { transform: translateY(2rem); }
.xl-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.xl-translate-x-3 { transform: translateX(3rem); }
.xl-hover-translate-x-3:hover { transform: translateX(3rem); }
.xl-focus-translate-x-3:focus { transform: translateX(3rem); }
.xl-active-translate-x-3:active { transform: translateX(3rem); }
.xl-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.xl-translate-y-3 { transform: translateY(3rem); }
.xl-hover-translate-y-3:hover { transform: translateY(3rem); }
.xl-focus-translate-y-3:focus { transform: translateY(3rem); }
.xl-active-translate-y-3:active { transform: translateY(3rem); }
.xl-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.xl-translate-x-4 { transform: translateX(4rem); }
.xl-hover-translate-x-4:hover { transform: translateX(4rem); }
.xl-focus-translate-x-4:focus { transform: translateX(4rem); }
.xl-active-translate-x-4:active { transform: translateX(4rem); }
.xl-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.xl-translate-y-4 { transform: translateY(4rem); }
.xl-hover-translate-y-4:hover { transform: translateY(4rem); }
.xl-focus-translate-y-4:focus { transform: translateY(4rem); }
.xl-active-translate-y-4:active { transform: translateY(4rem); }
.xl-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.xl-origin-center { transform-origin: center; }
.xl-hover-origin-center:hover { transform-origin: center; }
.xl-focus-origin-center:focus { transform-origin: center; }
.xl-active-origin-center:active { transform-origin: center; }
.xl-disabled-origin-center:disabled { transform-origin: center; }
.xl-origin-top { transform-origin: top; }
.xl-hover-origin-top:hover { transform-origin: top; }
.xl-focus-origin-top:focus { transform-origin: top; }
.xl-active-origin-top:active { transform-origin: top; }
.xl-disabled-origin-top:disabled { transform-origin: top; }
.xl-origin-bottom { transform-origin: bottom; }
.xl-hover-origin-bottom:hover { transform-origin: bottom; }
.xl-focus-origin-bottom:focus { transform-origin: bottom; }
.xl-active-origin-bottom:active { transform-origin: bottom; }
.xl-disabled-origin-bottom:disabled { transform-origin: bottom; }
.xl-origin-left { transform-origin: left; }
.xl-hover-origin-left:hover { transform-origin: left; }
.xl-focus-origin-left:focus { transform-origin: left; }
.xl-active-origin-left:active { transform-origin: left; }
.xl-disabled-origin-left:disabled { transform-origin: left; }
.xl-origin-right { transform-origin: right; }
.xl-hover-origin-right:hover { transform-origin: right; }
.xl-focus-origin-right:focus { transform-origin: right; }
.xl-active-origin-right:active { transform-origin: right; }
.xl-disabled-origin-right:disabled { transform-origin: right; }
.xl-origin-top_left { transform-origin: top left; }
.xl-hover-origin-top_left:hover { transform-origin: top left; }
.xl-focus-origin-top_left:focus { transform-origin: top left; }
.xl-active-origin-top_left:active { transform-origin: top left; }
.xl-disabled-origin-top_left:disabled { transform-origin: top left; }
.xl-origin-top_right { transform-origin: top right; }
.xl-hover-origin-top_right:hover { transform-origin: top right; }
.xl-focus-origin-top_right:focus { transform-origin: top right; }
.xl-active-origin-top_right:active { transform-origin: top right; }
.xl-disabled-origin-top_right:disabled { transform-origin: top right; }
.xl-origin-bottom_left { transform-origin: bottom left; }
.xl-hover-origin-bottom_left:hover { transform-origin: bottom left; }
.xl-focus-origin-bottom_left:focus { transform-origin: bottom left; }
.xl-active-origin-bottom_left:active { transform-origin: bottom left; }
.xl-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
.xl-origin-bottom_right { transform-origin: bottom right; }
.xl-hover-origin-bottom_right:hover { transform-origin: bottom right; }
.xl-focus-origin-bottom_right:focus { transform-origin: bottom right; }
.xl-active-origin-bottom_right:active { transform-origin: bottom right; }
.xl-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
.xl-transform-style-flat { transform-style: flat; }
.xl-hover-transform-style-flat:hover { transform-style: flat; }
.xl-focus-transform-style-flat:focus { transform-style: flat; }
.xl-active-transform-style-flat:active { transform-style: flat; }
.xl-disabled-transform-style-flat:disabled { transform-style: flat; }
.xl-transform-style-preserve-3d { transform-style: preserve-3d; }
.xl-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
.xl-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
.xl-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
.xl-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
.xl-accent-auto { accent-color: auto; }
.xl-hover-accent-auto:hover { accent-color: auto; }
.xl-focus-accent-auto:focus { accent-color: auto; }
.xl-active-accent-auto:active { accent-color: auto; }
.xl-disabled-accent-auto:disabled { accent-color: auto; }
.xl-accent-transparent { accent-color: transparent; }
.xl-hover-accent-transparent:hover { accent-color: transparent; }
.xl-focus-accent-transparent:focus { accent-color: transparent; }
.xl-active-accent-transparent:active { accent-color: transparent; }
.xl-disabled-accent-transparent:disabled { accent-color: transparent; }
.xl-accent-red-50 { accent-color: var(--quanta-red-50); }
.xl-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
.xl-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
.xl-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
.xl-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
.xl-accent-red-100 { accent-color: var(--quanta-red-100); }
.xl-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
.xl-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
.xl-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
.xl-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
.xl-accent-red-200 { accent-color: var(--quanta-red-200); }
.xl-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
.xl-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
.xl-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
.xl-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
.xl-accent-red-300 { accent-color: var(--quanta-red-300); }
.xl-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
.xl-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
.xl-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
.xl-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
.xl-accent-red-400 { accent-color: var(--quanta-red-400); }
.xl-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
.xl-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
.xl-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
.xl-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
.xl-accent-red-500 { accent-color: var(--quanta-red-500); }
.xl-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
.xl-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
.xl-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
.xl-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
.xl-accent-red-600 { accent-color: var(--quanta-red-600); }
.xl-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
.xl-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
.xl-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
.xl-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
.xl-accent-red-700 { accent-color: var(--quanta-red-700); }
.xl-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
.xl-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
.xl-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
.xl-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
.xl-accent-red-800 { accent-color: var(--quanta-red-800); }
.xl-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
.xl-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
.xl-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
.xl-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
.xl-accent-red-900 { accent-color: var(--quanta-red-900); }
.xl-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
.xl-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
.xl-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
.xl-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
.xl-accent-orange-50 { accent-color: var(--quanta-orange-50); }
.xl-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
.xl-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
.xl-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
.xl-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
.xl-accent-orange-100 { accent-color: var(--quanta-orange-100); }
.xl-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
.xl-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
.xl-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
.xl-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
.xl-accent-orange-200 { accent-color: var(--quanta-orange-200); }
.xl-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
.xl-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
.xl-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
.xl-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
.xl-accent-orange-300 { accent-color: var(--quanta-orange-300); }
.xl-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
.xl-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
.xl-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
.xl-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
.xl-accent-orange-400 { accent-color: var(--quanta-orange-400); }
.xl-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
.xl-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
.xl-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
.xl-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
.xl-accent-orange-500 { accent-color: var(--quanta-orange-500); }
.xl-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
.xl-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
.xl-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
.xl-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
.xl-accent-orange-600 { accent-color: var(--quanta-orange-600); }
.xl-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
.xl-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
.xl-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
.xl-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
.xl-accent-orange-700 { accent-color: var(--quanta-orange-700); }
.xl-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
.xl-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
.xl-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
.xl-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
.xl-accent-orange-800 { accent-color: var(--quanta-orange-800); }
.xl-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
.xl-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
.xl-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
.xl-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
.xl-accent-orange-900 { accent-color: var(--quanta-orange-900); }
.xl-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
.xl-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
.xl-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
.xl-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
.xl-accent-teal-50 { accent-color: var(--quanta-teal-50); }
.xl-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
.xl-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
.xl-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
.xl-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
.xl-accent-teal-100 { accent-color: var(--quanta-teal-100); }
.xl-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
.xl-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
.xl-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
.xl-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
.xl-accent-teal-200 { accent-color: var(--quanta-teal-200); }
.xl-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
.xl-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
.xl-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
.xl-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
.xl-accent-teal-300 { accent-color: var(--quanta-teal-300); }
.xl-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
.xl-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
.xl-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
.xl-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
.xl-accent-teal-400 { accent-color: var(--quanta-teal-400); }
.xl-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
.xl-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
.xl-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
.xl-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
.xl-accent-teal-500 { accent-color: var(--quanta-teal-500); }
.xl-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
.xl-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
.xl-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
.xl-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
.xl-accent-teal-600 { accent-color: var(--quanta-teal-600); }
.xl-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
.xl-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
.xl-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
.xl-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
.xl-accent-teal-700 { accent-color: var(--quanta-teal-700); }
.xl-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
.xl-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
.xl-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
.xl-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
.xl-accent-teal-800 { accent-color: var(--quanta-teal-800); }
.xl-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
.xl-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
.xl-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
.xl-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
.xl-accent-teal-900 { accent-color: var(--quanta-teal-900); }
.xl-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
.xl-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
.xl-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
.xl-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
.xl-accent-purple-50 { accent-color: var(--quanta-purple-50); }
.xl-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
.xl-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
.xl-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
.xl-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
.xl-accent-purple-100 { accent-color: var(--quanta-purple-100); }
.xl-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
.xl-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
.xl-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
.xl-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
.xl-accent-purple-200 { accent-color: var(--quanta-purple-200); }
.xl-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
.xl-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
.xl-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
.xl-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
.xl-accent-purple-300 { accent-color: var(--quanta-purple-300); }
.xl-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
.xl-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
.xl-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
.xl-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
.xl-accent-purple-400 { accent-color: var(--quanta-purple-400); }
.xl-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
.xl-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
.xl-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
.xl-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
.xl-accent-purple-500 { accent-color: var(--quanta-purple-500); }
.xl-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
.xl-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
.xl-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
.xl-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
.xl-accent-purple-600 { accent-color: var(--quanta-purple-600); }
.xl-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
.xl-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
.xl-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
.xl-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
.xl-accent-purple-700 { accent-color: var(--quanta-purple-700); }
.xl-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
.xl-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
.xl-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
.xl-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
.xl-accent-purple-800 { accent-color: var(--quanta-purple-800); }
.xl-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
.xl-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
.xl-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
.xl-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
.xl-accent-purple-900 { accent-color: var(--quanta-purple-900); }
.xl-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
.xl-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
.xl-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
.xl-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
.xl-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.xl-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
.xl-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
.xl-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
.xl-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
.xl-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.xl-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
.xl-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
.xl-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
.xl-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
.xl-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.xl-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
.xl-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
.xl-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
.xl-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
.xl-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.xl-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
.xl-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
.xl-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
.xl-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
.xl-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.xl-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
.xl-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
.xl-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
.xl-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
.xl-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.xl-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
.xl-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
.xl-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
.xl-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
.xl-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.xl-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
.xl-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
.xl-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
.xl-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
.xl-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.xl-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
.xl-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
.xl-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
.xl-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
.xl-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.xl-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
.xl-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
.xl-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
.xl-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
.xl-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.xl-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
.xl-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
.xl-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
.xl-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
.xl-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.xl-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
.xl-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
.xl-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
.xl-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
.xl-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.xl-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
.xl-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
.xl-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
.xl-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
.xl-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.xl-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
.xl-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
.xl-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
.xl-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
.xl-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.xl-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
.xl-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
.xl-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
.xl-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
.xl-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.xl-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
.xl-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
.xl-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
.xl-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
.xl-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.xl-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
.xl-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
.xl-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
.xl-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
.xl-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.xl-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
.xl-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
.xl-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
.xl-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
.xl-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.xl-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
.xl-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
.xl-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
.xl-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
.xl-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.xl-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
.xl-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
.xl-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
.xl-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
.xl-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.xl-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
.xl-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
.xl-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
.xl-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
.xl-accent-pink-50 { accent-color: var(--quanta-pink-50); }
.xl-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
.xl-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
.xl-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
.xl-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
.xl-accent-pink-100 { accent-color: var(--quanta-pink-100); }
.xl-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
.xl-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
.xl-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
.xl-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
.xl-accent-pink-200 { accent-color: var(--quanta-pink-200); }
.xl-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
.xl-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
.xl-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
.xl-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
.xl-accent-pink-300 { accent-color: var(--quanta-pink-300); }
.xl-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
.xl-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
.xl-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
.xl-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
.xl-accent-pink-400 { accent-color: var(--quanta-pink-400); }
.xl-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
.xl-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
.xl-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
.xl-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
.xl-accent-pink-500 { accent-color: var(--quanta-pink-500); }
.xl-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
.xl-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
.xl-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
.xl-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
.xl-accent-pink-600 { accent-color: var(--quanta-pink-600); }
.xl-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
.xl-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
.xl-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
.xl-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
.xl-accent-pink-700 { accent-color: var(--quanta-pink-700); }
.xl-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
.xl-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
.xl-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
.xl-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
.xl-accent-pink-800 { accent-color: var(--quanta-pink-800); }
.xl-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
.xl-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
.xl-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
.xl-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
.xl-accent-pink-900 { accent-color: var(--quanta-pink-900); }
.xl-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
.xl-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
.xl-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
.xl-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
.xl-accent-grey-50 { accent-color: var(--quanta-grey-50); }
.xl-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
.xl-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
.xl-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
.xl-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
.xl-accent-grey-100 { accent-color: var(--quanta-grey-100); }
.xl-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
.xl-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
.xl-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
.xl-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
.xl-accent-grey-200 { accent-color: var(--quanta-grey-200); }
.xl-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
.xl-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
.xl-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
.xl-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
.xl-accent-grey-300 { accent-color: var(--quanta-grey-300); }
.xl-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
.xl-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
.xl-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
.xl-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
.xl-accent-grey-400 { accent-color: var(--quanta-grey-400); }
.xl-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
.xl-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
.xl-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
.xl-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
.xl-accent-grey-500 { accent-color: var(--quanta-grey-500); }
.xl-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
.xl-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
.xl-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
.xl-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
.xl-accent-grey-600 { accent-color: var(--quanta-grey-600); }
.xl-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
.xl-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
.xl-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
.xl-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
.xl-accent-grey-700 { accent-color: var(--quanta-grey-700); }
.xl-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
.xl-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
.xl-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
.xl-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
.xl-accent-grey-800 { accent-color: var(--quanta-grey-800); }
.xl-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
.xl-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
.xl-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
.xl-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
.xl-accent-grey-900 { accent-color: var(--quanta-grey-900); }
.xl-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
.xl-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
.xl-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
.xl-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
.xl-accent-lime-50 { accent-color: var(--quanta-lime-50); }
.xl-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
.xl-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
.xl-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
.xl-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
.xl-accent-lime-100 { accent-color: var(--quanta-lime-100); }
.xl-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
.xl-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
.xl-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
.xl-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
.xl-accent-lime-200 { accent-color: var(--quanta-lime-200); }
.xl-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
.xl-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
.xl-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
.xl-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
.xl-accent-lime-300 { accent-color: var(--quanta-lime-300); }
.xl-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
.xl-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
.xl-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
.xl-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
.xl-accent-lime-400 { accent-color: var(--quanta-lime-400); }
.xl-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
.xl-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
.xl-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
.xl-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
.xl-accent-lime-500 { accent-color: var(--quanta-lime-500); }
.xl-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
.xl-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
.xl-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
.xl-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
.xl-accent-lime-600 { accent-color: var(--quanta-lime-600); }
.xl-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
.xl-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
.xl-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
.xl-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
.xl-accent-lime-700 { accent-color: var(--quanta-lime-700); }
.xl-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
.xl-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
.xl-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
.xl-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
.xl-accent-lime-800 { accent-color: var(--quanta-lime-800); }
.xl-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
.xl-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
.xl-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
.xl-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
.xl-accent-lime-900 { accent-color: var(--quanta-lime-900); }
.xl-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
.xl-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
.xl-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
.xl-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
.xl-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.xl-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
.xl-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
.xl-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
.xl-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
.xl-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.xl-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
.xl-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
.xl-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
.xl-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
.xl-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.xl-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
.xl-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
.xl-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
.xl-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
.xl-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.xl-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
.xl-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
.xl-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
.xl-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
.xl-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.xl-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
.xl-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
.xl-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
.xl-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
.xl-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.xl-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
.xl-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
.xl-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
.xl-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
.xl-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.xl-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
.xl-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
.xl-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
.xl-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
.xl-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.xl-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
.xl-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
.xl-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
.xl-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
.xl-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.xl-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
.xl-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
.xl-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
.xl-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
.xl-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.xl-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
.xl-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
.xl-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
.xl-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
.xl-accent-sky-50 { accent-color: var(--quanta-sky-50); }
.xl-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
.xl-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
.xl-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
.xl-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
.xl-accent-sky-100 { accent-color: var(--quanta-sky-100); }
.xl-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
.xl-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
.xl-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
.xl-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
.xl-accent-sky-200 { accent-color: var(--quanta-sky-200); }
.xl-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
.xl-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
.xl-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
.xl-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
.xl-accent-sky-300 { accent-color: var(--quanta-sky-300); }
.xl-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
.xl-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
.xl-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
.xl-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
.xl-accent-sky-400 { accent-color: var(--quanta-sky-400); }
.xl-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
.xl-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
.xl-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
.xl-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
.xl-accent-sky-500 { accent-color: var(--quanta-sky-500); }
.xl-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
.xl-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
.xl-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
.xl-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
.xl-accent-sky-600 { accent-color: var(--quanta-sky-600); }
.xl-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
.xl-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
.xl-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
.xl-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
.xl-accent-sky-700 { accent-color: var(--quanta-sky-700); }
.xl-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
.xl-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
.xl-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
.xl-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
.xl-accent-sky-800 { accent-color: var(--quanta-sky-800); }
.xl-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
.xl-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
.xl-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
.xl-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
.xl-accent-sky-900 { accent-color: var(--quanta-sky-900); }
.xl-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
.xl-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
.xl-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
.xl-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
.xl-accent-violet-50 { accent-color: var(--quanta-violet-50); }
.xl-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
.xl-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
.xl-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
.xl-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
.xl-accent-violet-100 { accent-color: var(--quanta-violet-100); }
.xl-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
.xl-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
.xl-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
.xl-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
.xl-accent-violet-200 { accent-color: var(--quanta-violet-200); }
.xl-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
.xl-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
.xl-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
.xl-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
.xl-accent-violet-300 { accent-color: var(--quanta-violet-300); }
.xl-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
.xl-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
.xl-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
.xl-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
.xl-accent-violet-400 { accent-color: var(--quanta-violet-400); }
.xl-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
.xl-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
.xl-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
.xl-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
.xl-accent-violet-500 { accent-color: var(--quanta-violet-500); }
.xl-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
.xl-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
.xl-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
.xl-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
.xl-accent-violet-600 { accent-color: var(--quanta-violet-600); }
.xl-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
.xl-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
.xl-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
.xl-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
.xl-accent-violet-700 { accent-color: var(--quanta-violet-700); }
.xl-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
.xl-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
.xl-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
.xl-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
.xl-accent-violet-800 { accent-color: var(--quanta-violet-800); }
.xl-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
.xl-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
.xl-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
.xl-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
.xl-accent-violet-900 { accent-color: var(--quanta-violet-900); }
.xl-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
.xl-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
.xl-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
.xl-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
.xl-accent-rose-50 { accent-color: var(--quanta-rose-50); }
.xl-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
.xl-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
.xl-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
.xl-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
.xl-accent-rose-100 { accent-color: var(--quanta-rose-100); }
.xl-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
.xl-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
.xl-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
.xl-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
.xl-accent-rose-200 { accent-color: var(--quanta-rose-200); }
.xl-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
.xl-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
.xl-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
.xl-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
.xl-accent-rose-300 { accent-color: var(--quanta-rose-300); }
.xl-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
.xl-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
.xl-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
.xl-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
.xl-accent-rose-400 { accent-color: var(--quanta-rose-400); }
.xl-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
.xl-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
.xl-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
.xl-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
.xl-accent-rose-500 { accent-color: var(--quanta-rose-500); }
.xl-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
.xl-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
.xl-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
.xl-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
.xl-accent-rose-600 { accent-color: var(--quanta-rose-600); }
.xl-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
.xl-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
.xl-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
.xl-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
.xl-accent-rose-700 { accent-color: var(--quanta-rose-700); }
.xl-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
.xl-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
.xl-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
.xl-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
.xl-accent-rose-800 { accent-color: var(--quanta-rose-800); }
.xl-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
.xl-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
.xl-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
.xl-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
.xl-accent-rose-900 { accent-color: var(--quanta-rose-900); }
.xl-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
.xl-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
.xl-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
.xl-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
.xl-accent-slate-50 { accent-color: var(--quanta-slate-50); }
.xl-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
.xl-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
.xl-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
.xl-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
.xl-accent-slate-100 { accent-color: var(--quanta-slate-100); }
.xl-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
.xl-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
.xl-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
.xl-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
.xl-accent-slate-200 { accent-color: var(--quanta-slate-200); }
.xl-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
.xl-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
.xl-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
.xl-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
.xl-accent-slate-300 { accent-color: var(--quanta-slate-300); }
.xl-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
.xl-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
.xl-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
.xl-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
.xl-accent-slate-400 { accent-color: var(--quanta-slate-400); }
.xl-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
.xl-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
.xl-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
.xl-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
.xl-accent-slate-500 { accent-color: var(--quanta-slate-500); }
.xl-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
.xl-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
.xl-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
.xl-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
.xl-accent-slate-600 { accent-color: var(--quanta-slate-600); }
.xl-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
.xl-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
.xl-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
.xl-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
.xl-accent-slate-700 { accent-color: var(--quanta-slate-700); }
.xl-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
.xl-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
.xl-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
.xl-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
.xl-accent-slate-800 { accent-color: var(--quanta-slate-800); }
.xl-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
.xl-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
.xl-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
.xl-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
.xl-accent-slate-900 { accent-color: var(--quanta-slate-900); }
.xl-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
.xl-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
.xl-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
.xl-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
.xl-accent-blue-50 { accent-color: var(--quanta-blue-50); }
.xl-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
.xl-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
.xl-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
.xl-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
.xl-accent-blue-100 { accent-color: var(--quanta-blue-100); }
.xl-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
.xl-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
.xl-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
.xl-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
.xl-accent-blue-200 { accent-color: var(--quanta-blue-200); }
.xl-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
.xl-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
.xl-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
.xl-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
.xl-accent-blue-300 { accent-color: var(--quanta-blue-300); }
.xl-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
.xl-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
.xl-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
.xl-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
.xl-accent-blue-400 { accent-color: var(--quanta-blue-400); }
.xl-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
.xl-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
.xl-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
.xl-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
.xl-accent-blue-500 { accent-color: var(--quanta-blue-500); }
.xl-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
.xl-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
.xl-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
.xl-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
.xl-accent-blue-600 { accent-color: var(--quanta-blue-600); }
.xl-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
.xl-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
.xl-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
.xl-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
.xl-accent-blue-700 { accent-color: var(--quanta-blue-700); }
.xl-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
.xl-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
.xl-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
.xl-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
.xl-accent-blue-800 { accent-color: var(--quanta-blue-800); }
.xl-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
.xl-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
.xl-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
.xl-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
.xl-accent-blue-900 { accent-color: var(--quanta-blue-900); }
.xl-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
.xl-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
.xl-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
.xl-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
.xl-accent-green-50 { accent-color: var(--quanta-green-50); }
.xl-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
.xl-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
.xl-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
.xl-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
.xl-accent-green-100 { accent-color: var(--quanta-green-100); }
.xl-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
.xl-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
.xl-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
.xl-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
.xl-accent-green-200 { accent-color: var(--quanta-green-200); }
.xl-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
.xl-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
.xl-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
.xl-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
.xl-accent-green-300 { accent-color: var(--quanta-green-300); }
.xl-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
.xl-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
.xl-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
.xl-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
.xl-accent-green-400 { accent-color: var(--quanta-green-400); }
.xl-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
.xl-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
.xl-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
.xl-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
.xl-accent-green-500 { accent-color: var(--quanta-green-500); }
.xl-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
.xl-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
.xl-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
.xl-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
.xl-accent-green-600 { accent-color: var(--quanta-green-600); }
.xl-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
.xl-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
.xl-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
.xl-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
.xl-accent-green-700 { accent-color: var(--quanta-green-700); }
.xl-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
.xl-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
.xl-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
.xl-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
.xl-accent-green-800 { accent-color: var(--quanta-green-800); }
.xl-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
.xl-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
.xl-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
.xl-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
.xl-accent-green-900 { accent-color: var(--quanta-green-900); }
.xl-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
.xl-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
.xl-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
.xl-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
.xl-appearance-none { appearance: none; }
.xl-hover-appearance-none:hover { appearance: none; }
.xl-focus-appearance-none:focus { appearance: none; }
.xl-active-appearance-none:active { appearance: none; }
.xl-disabled-appearance-none:disabled { appearance: none; }
.xl-appearance-auto { appearance: auto; }
.xl-hover-appearance-auto:hover { appearance: auto; }
.xl-focus-appearance-auto:focus { appearance: auto; }
.xl-active-appearance-auto:active { appearance: auto; }
.xl-disabled-appearance-auto:disabled { appearance: auto; }
.xl-caret-red-50 { caret-color: var(--quanta-red-50); }
.xl-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
.xl-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
.xl-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
.xl-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
.xl-caret-red-100 { caret-color: var(--quanta-red-100); }
.xl-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
.xl-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
.xl-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
.xl-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
.xl-caret-red-200 { caret-color: var(--quanta-red-200); }
.xl-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
.xl-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
.xl-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
.xl-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
.xl-caret-red-300 { caret-color: var(--quanta-red-300); }
.xl-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
.xl-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
.xl-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
.xl-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
.xl-caret-red-400 { caret-color: var(--quanta-red-400); }
.xl-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
.xl-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
.xl-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
.xl-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
.xl-caret-red-500 { caret-color: var(--quanta-red-500); }
.xl-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
.xl-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
.xl-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
.xl-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
.xl-caret-red-600 { caret-color: var(--quanta-red-600); }
.xl-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
.xl-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
.xl-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
.xl-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
.xl-caret-red-700 { caret-color: var(--quanta-red-700); }
.xl-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
.xl-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
.xl-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
.xl-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
.xl-caret-red-800 { caret-color: var(--quanta-red-800); }
.xl-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
.xl-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
.xl-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
.xl-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
.xl-caret-red-900 { caret-color: var(--quanta-red-900); }
.xl-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
.xl-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
.xl-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
.xl-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
.xl-caret-orange-50 { caret-color: var(--quanta-orange-50); }
.xl-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
.xl-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
.xl-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
.xl-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
.xl-caret-orange-100 { caret-color: var(--quanta-orange-100); }
.xl-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
.xl-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
.xl-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
.xl-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
.xl-caret-orange-200 { caret-color: var(--quanta-orange-200); }
.xl-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
.xl-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
.xl-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
.xl-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
.xl-caret-orange-300 { caret-color: var(--quanta-orange-300); }
.xl-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
.xl-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
.xl-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
.xl-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
.xl-caret-orange-400 { caret-color: var(--quanta-orange-400); }
.xl-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
.xl-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
.xl-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
.xl-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
.xl-caret-orange-500 { caret-color: var(--quanta-orange-500); }
.xl-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
.xl-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
.xl-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
.xl-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
.xl-caret-orange-600 { caret-color: var(--quanta-orange-600); }
.xl-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
.xl-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
.xl-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
.xl-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
.xl-caret-orange-700 { caret-color: var(--quanta-orange-700); }
.xl-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
.xl-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
.xl-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
.xl-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
.xl-caret-orange-800 { caret-color: var(--quanta-orange-800); }
.xl-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
.xl-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
.xl-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
.xl-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
.xl-caret-orange-900 { caret-color: var(--quanta-orange-900); }
.xl-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
.xl-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
.xl-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
.xl-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
.xl-caret-teal-50 { caret-color: var(--quanta-teal-50); }
.xl-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
.xl-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
.xl-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
.xl-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
.xl-caret-teal-100 { caret-color: var(--quanta-teal-100); }
.xl-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
.xl-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
.xl-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
.xl-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
.xl-caret-teal-200 { caret-color: var(--quanta-teal-200); }
.xl-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
.xl-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
.xl-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
.xl-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
.xl-caret-teal-300 { caret-color: var(--quanta-teal-300); }
.xl-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
.xl-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
.xl-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
.xl-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
.xl-caret-teal-400 { caret-color: var(--quanta-teal-400); }
.xl-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
.xl-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
.xl-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
.xl-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
.xl-caret-teal-500 { caret-color: var(--quanta-teal-500); }
.xl-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
.xl-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
.xl-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
.xl-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
.xl-caret-teal-600 { caret-color: var(--quanta-teal-600); }
.xl-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
.xl-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
.xl-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
.xl-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
.xl-caret-teal-700 { caret-color: var(--quanta-teal-700); }
.xl-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
.xl-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
.xl-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
.xl-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
.xl-caret-teal-800 { caret-color: var(--quanta-teal-800); }
.xl-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
.xl-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
.xl-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
.xl-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
.xl-caret-teal-900 { caret-color: var(--quanta-teal-900); }
.xl-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
.xl-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
.xl-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
.xl-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
.xl-caret-purple-50 { caret-color: var(--quanta-purple-50); }
.xl-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
.xl-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
.xl-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
.xl-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
.xl-caret-purple-100 { caret-color: var(--quanta-purple-100); }
.xl-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
.xl-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
.xl-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
.xl-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
.xl-caret-purple-200 { caret-color: var(--quanta-purple-200); }
.xl-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
.xl-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
.xl-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
.xl-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
.xl-caret-purple-300 { caret-color: var(--quanta-purple-300); }
.xl-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
.xl-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
.xl-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
.xl-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
.xl-caret-purple-400 { caret-color: var(--quanta-purple-400); }
.xl-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
.xl-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
.xl-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
.xl-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
.xl-caret-purple-500 { caret-color: var(--quanta-purple-500); }
.xl-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
.xl-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
.xl-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
.xl-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
.xl-caret-purple-600 { caret-color: var(--quanta-purple-600); }
.xl-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
.xl-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
.xl-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
.xl-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
.xl-caret-purple-700 { caret-color: var(--quanta-purple-700); }
.xl-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
.xl-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
.xl-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
.xl-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
.xl-caret-purple-800 { caret-color: var(--quanta-purple-800); }
.xl-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
.xl-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
.xl-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
.xl-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
.xl-caret-purple-900 { caret-color: var(--quanta-purple-900); }
.xl-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
.xl-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
.xl-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
.xl-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
.xl-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.xl-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
.xl-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
.xl-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
.xl-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
.xl-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.xl-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
.xl-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
.xl-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
.xl-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
.xl-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.xl-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
.xl-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
.xl-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
.xl-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
.xl-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.xl-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
.xl-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
.xl-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
.xl-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
.xl-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.xl-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
.xl-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
.xl-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
.xl-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
.xl-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.xl-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
.xl-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
.xl-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
.xl-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
.xl-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.xl-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
.xl-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
.xl-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
.xl-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
.xl-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.xl-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
.xl-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
.xl-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
.xl-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
.xl-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.xl-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
.xl-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
.xl-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
.xl-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
.xl-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.xl-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
.xl-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
.xl-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
.xl-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
.xl-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.xl-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
.xl-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
.xl-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
.xl-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
.xl-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.xl-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
.xl-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
.xl-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
.xl-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
.xl-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.xl-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
.xl-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
.xl-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
.xl-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
.xl-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.xl-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
.xl-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
.xl-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
.xl-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
.xl-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.xl-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
.xl-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
.xl-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
.xl-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
.xl-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.xl-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
.xl-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
.xl-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
.xl-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
.xl-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.xl-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
.xl-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
.xl-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
.xl-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
.xl-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.xl-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
.xl-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
.xl-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
.xl-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
.xl-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.xl-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
.xl-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
.xl-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
.xl-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
.xl-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.xl-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
.xl-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
.xl-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
.xl-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
.xl-caret-pink-50 { caret-color: var(--quanta-pink-50); }
.xl-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
.xl-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
.xl-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
.xl-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
.xl-caret-pink-100 { caret-color: var(--quanta-pink-100); }
.xl-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
.xl-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
.xl-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
.xl-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
.xl-caret-pink-200 { caret-color: var(--quanta-pink-200); }
.xl-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
.xl-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
.xl-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
.xl-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
.xl-caret-pink-300 { caret-color: var(--quanta-pink-300); }
.xl-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
.xl-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
.xl-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
.xl-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
.xl-caret-pink-400 { caret-color: var(--quanta-pink-400); }
.xl-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
.xl-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
.xl-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
.xl-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
.xl-caret-pink-500 { caret-color: var(--quanta-pink-500); }
.xl-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
.xl-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
.xl-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
.xl-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
.xl-caret-pink-600 { caret-color: var(--quanta-pink-600); }
.xl-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
.xl-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
.xl-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
.xl-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
.xl-caret-pink-700 { caret-color: var(--quanta-pink-700); }
.xl-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
.xl-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
.xl-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
.xl-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
.xl-caret-pink-800 { caret-color: var(--quanta-pink-800); }
.xl-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
.xl-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
.xl-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
.xl-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
.xl-caret-pink-900 { caret-color: var(--quanta-pink-900); }
.xl-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
.xl-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
.xl-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
.xl-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
.xl-caret-grey-50 { caret-color: var(--quanta-grey-50); }
.xl-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
.xl-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
.xl-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
.xl-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
.xl-caret-grey-100 { caret-color: var(--quanta-grey-100); }
.xl-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
.xl-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
.xl-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
.xl-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
.xl-caret-grey-200 { caret-color: var(--quanta-grey-200); }
.xl-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
.xl-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
.xl-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
.xl-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
.xl-caret-grey-300 { caret-color: var(--quanta-grey-300); }
.xl-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
.xl-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
.xl-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
.xl-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
.xl-caret-grey-400 { caret-color: var(--quanta-grey-400); }
.xl-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
.xl-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
.xl-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
.xl-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
.xl-caret-grey-500 { caret-color: var(--quanta-grey-500); }
.xl-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
.xl-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
.xl-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
.xl-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
.xl-caret-grey-600 { caret-color: var(--quanta-grey-600); }
.xl-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
.xl-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
.xl-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
.xl-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
.xl-caret-grey-700 { caret-color: var(--quanta-grey-700); }
.xl-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
.xl-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
.xl-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
.xl-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
.xl-caret-grey-800 { caret-color: var(--quanta-grey-800); }
.xl-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
.xl-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
.xl-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
.xl-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
.xl-caret-grey-900 { caret-color: var(--quanta-grey-900); }
.xl-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
.xl-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
.xl-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
.xl-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
.xl-caret-lime-50 { caret-color: var(--quanta-lime-50); }
.xl-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
.xl-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
.xl-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
.xl-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
.xl-caret-lime-100 { caret-color: var(--quanta-lime-100); }
.xl-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
.xl-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
.xl-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
.xl-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
.xl-caret-lime-200 { caret-color: var(--quanta-lime-200); }
.xl-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
.xl-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
.xl-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
.xl-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
.xl-caret-lime-300 { caret-color: var(--quanta-lime-300); }
.xl-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
.xl-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
.xl-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
.xl-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
.xl-caret-lime-400 { caret-color: var(--quanta-lime-400); }
.xl-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
.xl-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
.xl-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
.xl-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
.xl-caret-lime-500 { caret-color: var(--quanta-lime-500); }
.xl-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
.xl-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
.xl-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
.xl-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
.xl-caret-lime-600 { caret-color: var(--quanta-lime-600); }
.xl-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
.xl-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
.xl-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
.xl-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
.xl-caret-lime-700 { caret-color: var(--quanta-lime-700); }
.xl-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
.xl-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
.xl-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
.xl-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
.xl-caret-lime-800 { caret-color: var(--quanta-lime-800); }
.xl-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
.xl-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
.xl-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
.xl-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
.xl-caret-lime-900 { caret-color: var(--quanta-lime-900); }
.xl-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
.xl-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
.xl-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
.xl-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
.xl-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.xl-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
.xl-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
.xl-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
.xl-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
.xl-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.xl-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
.xl-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
.xl-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
.xl-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
.xl-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.xl-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
.xl-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
.xl-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
.xl-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
.xl-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.xl-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
.xl-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
.xl-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
.xl-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
.xl-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.xl-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
.xl-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
.xl-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
.xl-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
.xl-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.xl-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
.xl-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
.xl-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
.xl-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
.xl-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.xl-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
.xl-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
.xl-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
.xl-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
.xl-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.xl-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
.xl-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
.xl-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
.xl-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
.xl-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.xl-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
.xl-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
.xl-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
.xl-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
.xl-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.xl-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
.xl-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
.xl-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
.xl-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
.xl-caret-sky-50 { caret-color: var(--quanta-sky-50); }
.xl-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
.xl-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
.xl-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
.xl-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
.xl-caret-sky-100 { caret-color: var(--quanta-sky-100); }
.xl-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
.xl-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
.xl-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
.xl-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
.xl-caret-sky-200 { caret-color: var(--quanta-sky-200); }
.xl-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
.xl-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
.xl-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
.xl-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
.xl-caret-sky-300 { caret-color: var(--quanta-sky-300); }
.xl-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
.xl-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
.xl-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
.xl-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
.xl-caret-sky-400 { caret-color: var(--quanta-sky-400); }
.xl-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
.xl-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
.xl-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
.xl-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
.xl-caret-sky-500 { caret-color: var(--quanta-sky-500); }
.xl-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
.xl-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
.xl-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
.xl-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
.xl-caret-sky-600 { caret-color: var(--quanta-sky-600); }
.xl-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
.xl-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
.xl-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
.xl-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
.xl-caret-sky-700 { caret-color: var(--quanta-sky-700); }
.xl-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
.xl-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
.xl-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
.xl-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
.xl-caret-sky-800 { caret-color: var(--quanta-sky-800); }
.xl-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
.xl-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
.xl-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
.xl-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
.xl-caret-sky-900 { caret-color: var(--quanta-sky-900); }
.xl-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
.xl-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
.xl-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
.xl-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
.xl-caret-violet-50 { caret-color: var(--quanta-violet-50); }
.xl-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
.xl-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
.xl-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
.xl-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
.xl-caret-violet-100 { caret-color: var(--quanta-violet-100); }
.xl-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
.xl-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
.xl-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
.xl-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
.xl-caret-violet-200 { caret-color: var(--quanta-violet-200); }
.xl-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
.xl-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
.xl-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
.xl-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
.xl-caret-violet-300 { caret-color: var(--quanta-violet-300); }
.xl-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
.xl-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
.xl-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
.xl-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
.xl-caret-violet-400 { caret-color: var(--quanta-violet-400); }
.xl-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
.xl-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
.xl-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
.xl-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
.xl-caret-violet-500 { caret-color: var(--quanta-violet-500); }
.xl-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
.xl-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
.xl-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
.xl-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
.xl-caret-violet-600 { caret-color: var(--quanta-violet-600); }
.xl-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
.xl-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
.xl-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
.xl-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
.xl-caret-violet-700 { caret-color: var(--quanta-violet-700); }
.xl-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
.xl-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
.xl-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
.xl-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
.xl-caret-violet-800 { caret-color: var(--quanta-violet-800); }
.xl-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
.xl-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
.xl-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
.xl-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
.xl-caret-violet-900 { caret-color: var(--quanta-violet-900); }
.xl-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
.xl-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
.xl-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
.xl-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
.xl-caret-rose-50 { caret-color: var(--quanta-rose-50); }
.xl-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
.xl-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
.xl-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
.xl-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
.xl-caret-rose-100 { caret-color: var(--quanta-rose-100); }
.xl-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
.xl-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
.xl-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
.xl-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
.xl-caret-rose-200 { caret-color: var(--quanta-rose-200); }
.xl-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
.xl-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
.xl-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
.xl-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
.xl-caret-rose-300 { caret-color: var(--quanta-rose-300); }
.xl-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
.xl-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
.xl-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
.xl-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
.xl-caret-rose-400 { caret-color: var(--quanta-rose-400); }
.xl-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
.xl-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
.xl-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
.xl-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
.xl-caret-rose-500 { caret-color: var(--quanta-rose-500); }
.xl-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
.xl-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
.xl-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
.xl-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
.xl-caret-rose-600 { caret-color: var(--quanta-rose-600); }
.xl-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
.xl-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
.xl-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
.xl-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
.xl-caret-rose-700 { caret-color: var(--quanta-rose-700); }
.xl-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
.xl-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
.xl-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
.xl-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
.xl-caret-rose-800 { caret-color: var(--quanta-rose-800); }
.xl-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
.xl-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
.xl-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
.xl-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
.xl-caret-rose-900 { caret-color: var(--quanta-rose-900); }
.xl-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
.xl-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
.xl-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
.xl-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
.xl-caret-slate-50 { caret-color: var(--quanta-slate-50); }
.xl-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
.xl-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
.xl-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
.xl-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
.xl-caret-slate-100 { caret-color: var(--quanta-slate-100); }
.xl-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
.xl-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
.xl-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
.xl-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
.xl-caret-slate-200 { caret-color: var(--quanta-slate-200); }
.xl-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
.xl-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
.xl-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
.xl-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
.xl-caret-slate-300 { caret-color: var(--quanta-slate-300); }
.xl-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
.xl-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
.xl-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
.xl-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
.xl-caret-slate-400 { caret-color: var(--quanta-slate-400); }
.xl-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
.xl-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
.xl-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
.xl-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
.xl-caret-slate-500 { caret-color: var(--quanta-slate-500); }
.xl-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
.xl-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
.xl-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
.xl-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
.xl-caret-slate-600 { caret-color: var(--quanta-slate-600); }
.xl-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
.xl-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
.xl-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
.xl-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
.xl-caret-slate-700 { caret-color: var(--quanta-slate-700); }
.xl-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
.xl-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
.xl-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
.xl-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
.xl-caret-slate-800 { caret-color: var(--quanta-slate-800); }
.xl-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
.xl-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
.xl-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
.xl-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
.xl-caret-slate-900 { caret-color: var(--quanta-slate-900); }
.xl-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
.xl-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
.xl-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
.xl-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
.xl-caret-blue-50 { caret-color: var(--quanta-blue-50); }
.xl-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
.xl-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
.xl-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
.xl-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
.xl-caret-blue-100 { caret-color: var(--quanta-blue-100); }
.xl-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
.xl-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
.xl-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
.xl-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
.xl-caret-blue-200 { caret-color: var(--quanta-blue-200); }
.xl-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
.xl-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
.xl-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
.xl-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
.xl-caret-blue-300 { caret-color: var(--quanta-blue-300); }
.xl-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
.xl-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
.xl-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
.xl-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
.xl-caret-blue-400 { caret-color: var(--quanta-blue-400); }
.xl-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
.xl-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
.xl-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
.xl-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
.xl-caret-blue-500 { caret-color: var(--quanta-blue-500); }
.xl-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
.xl-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
.xl-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
.xl-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
.xl-caret-blue-600 { caret-color: var(--quanta-blue-600); }
.xl-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
.xl-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
.xl-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
.xl-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
.xl-caret-blue-700 { caret-color: var(--quanta-blue-700); }
.xl-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
.xl-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
.xl-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
.xl-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
.xl-caret-blue-800 { caret-color: var(--quanta-blue-800); }
.xl-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
.xl-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
.xl-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
.xl-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
.xl-caret-blue-900 { caret-color: var(--quanta-blue-900); }
.xl-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
.xl-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
.xl-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
.xl-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
.xl-caret-green-50 { caret-color: var(--quanta-green-50); }
.xl-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
.xl-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
.xl-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
.xl-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
.xl-caret-green-100 { caret-color: var(--quanta-green-100); }
.xl-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
.xl-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
.xl-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
.xl-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
.xl-caret-green-200 { caret-color: var(--quanta-green-200); }
.xl-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
.xl-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
.xl-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
.xl-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
.xl-caret-green-300 { caret-color: var(--quanta-green-300); }
.xl-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
.xl-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
.xl-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
.xl-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
.xl-caret-green-400 { caret-color: var(--quanta-green-400); }
.xl-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
.xl-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
.xl-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
.xl-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
.xl-caret-green-500 { caret-color: var(--quanta-green-500); }
.xl-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
.xl-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
.xl-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
.xl-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
.xl-caret-green-600 { caret-color: var(--quanta-green-600); }
.xl-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
.xl-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
.xl-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
.xl-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
.xl-caret-green-700 { caret-color: var(--quanta-green-700); }
.xl-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
.xl-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
.xl-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
.xl-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
.xl-caret-green-800 { caret-color: var(--quanta-green-800); }
.xl-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
.xl-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
.xl-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
.xl-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
.xl-caret-green-900 { caret-color: var(--quanta-green-900); }
.xl-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
.xl-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
.xl-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
.xl-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
.xl-caret-black { caret-color: var(--black); }
.xl-hover-caret-black:hover { caret-color: var(--black); }
.xl-focus-caret-black:focus { caret-color: var(--black); }
.xl-active-caret-black:active { caret-color: var(--black); }
.xl-disabled-caret-black:disabled { caret-color: var(--black); }
.xl-caret-white { caret-color: var(--white); }
.xl-hover-caret-white:hover { caret-color: var(--white); }
.xl-focus-caret-white:focus { caret-color: var(--white); }
.xl-active-caret-white:active { caret-color: var(--white); }
.xl-disabled-caret-white:disabled { caret-color: var(--white); }
.xl-color-scheme-light { color-scheme: light; }
.xl-hover-color-scheme-light:hover { color-scheme: light; }
.xl-focus-color-scheme-light:focus { color-scheme: light; }
.xl-active-color-scheme-light:active { color-scheme: light; }
.xl-disabled-color-scheme-light:disabled { color-scheme: light; }
.xl-color-scheme-dark { color-scheme: dark; }
.xl-hover-color-scheme-dark:hover { color-scheme: dark; }
.xl-focus-color-scheme-dark:focus { color-scheme: dark; }
.xl-active-color-scheme-dark:active { color-scheme: dark; }
.xl-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.xl-color-scheme-normal { color-scheme: normal; }
.xl-hover-color-scheme-normal:hover { color-scheme: normal; }
.xl-focus-color-scheme-normal:focus { color-scheme: normal; }
.xl-active-color-scheme-normal:active { color-scheme: normal; }
.xl-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.xl-cursor-auto { cursor: auto; }
.xl-hover-cursor-auto:hover { cursor: auto; }
.xl-focus-cursor-auto:focus { cursor: auto; }
.xl-active-cursor-auto:active { cursor: auto; }
.xl-disabled-cursor-auto:disabled { cursor: auto; }
.xl-cursor-default { cursor: default; }
.xl-hover-cursor-default:hover { cursor: default; }
.xl-focus-cursor-default:focus { cursor: default; }
.xl-active-cursor-default:active { cursor: default; }
.xl-disabled-cursor-default:disabled { cursor: default; }
.xl-cursor-pointer { cursor: pointer; }
.xl-hover-cursor-pointer:hover { cursor: pointer; }
.xl-focus-cursor-pointer:focus { cursor: pointer; }
.xl-active-cursor-pointer:active { cursor: pointer; }
.xl-disabled-cursor-pointer:disabled { cursor: pointer; }
.xl-cursor-wait { cursor: wait; }
.xl-hover-cursor-wait:hover { cursor: wait; }
.xl-focus-cursor-wait:focus { cursor: wait; }
.xl-active-cursor-wait:active { cursor: wait; }
.xl-disabled-cursor-wait:disabled { cursor: wait; }
.xl-cursor-text { cursor: text; }
.xl-hover-cursor-text:hover { cursor: text; }
.xl-focus-cursor-text:focus { cursor: text; }
.xl-active-cursor-text:active { cursor: text; }
.xl-disabled-cursor-text:disabled { cursor: text; }
.xl-cursor-move { cursor: move; }
.xl-hover-cursor-move:hover { cursor: move; }
.xl-focus-cursor-move:focus { cursor: move; }
.xl-active-cursor-move:active { cursor: move; }
.xl-disabled-cursor-move:disabled { cursor: move; }
.xl-cursor-not-allowed { cursor: not-allowed; }
.xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.xl-active-cursor-not-allowed:active { cursor: not-allowed; }
.xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.xl-cursor-none { cursor: none; }
.xl-hover-cursor-none:hover { cursor: none; }
.xl-focus-cursor-none:focus { cursor: none; }
.xl-active-cursor-none:active { cursor: none; }
.xl-disabled-cursor-none:disabled { cursor: none; }
.xl-pointer-events-none { pointer-events: none; }
.xl-hover-pointer-events-none:hover { pointer-events: none; }
.xl-focus-pointer-events-none:focus { pointer-events: none; }
.xl-active-pointer-events-none:active { pointer-events: none; }
.xl-disabled-pointer-events-none:disabled { pointer-events: none; }
.xl-pointer-events-auto { pointer-events: auto; }
.xl-hover-pointer-events-auto:hover { pointer-events: auto; }
.xl-focus-pointer-events-auto:focus { pointer-events: auto; }
.xl-active-pointer-events-auto:active { pointer-events: auto; }
.xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.xl-resize-none { resize: none; }
.xl-hover-resize-none:hover { resize: none; }
.xl-focus-resize-none:focus { resize: none; }
.xl-active-resize-none:active { resize: none; }
.xl-disabled-resize-none:disabled { resize: none; }
.xl-resize-x { resize: horizontal; }
.xl-hover-resize-x:hover { resize: horizontal; }
.xl-focus-resize-x:focus { resize: horizontal; }
.xl-active-resize-x:active { resize: horizontal; }
.xl-disabled-resize-x:disabled { resize: horizontal; }
.xl-resize-y { resize: vertical; }
.xl-hover-resize-y:hover { resize: vertical; }
.xl-focus-resize-y:focus { resize: vertical; }
.xl-active-resize-y:active { resize: vertical; }
.xl-disabled-resize-y:disabled { resize: vertical; }
.xl-resize { resize: both; }
.xl-hover-resize:hover { resize: both; }
.xl-focus-resize:focus { resize: both; }
.xl-active-resize:active { resize: both; }
.xl-disabled-resize:disabled { resize: both; }
.xl-scroll-auto { scroll-behavior: auto; }
.xl-hover-scroll-auto:hover { scroll-behavior: auto; }
.xl-focus-scroll-auto:focus { scroll-behavior: auto; }
.xl-active-scroll-auto:active { scroll-behavior: auto; }
.xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.xl-scroll-smooth { scroll-behavior: smooth; }
.xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.xl-active-scroll-smooth:active { scroll-behavior: smooth; }
.xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.xl-scroll-m-0 { scroll-margin: 0rem; }
.xl-hover-scroll-m-0:hover { scroll-margin: 0rem; }
.xl-focus-scroll-m-0:focus { scroll-margin: 0rem; }
.xl-active-scroll-m-0:active { scroll-margin: 0rem; }
.xl-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
.xl-scroll-p-0 { scroll-padding: 0rem; }
.xl-hover-scroll-p-0:hover { scroll-padding: 0rem; }
.xl-focus-scroll-p-0:focus { scroll-padding: 0rem; }
.xl-active-scroll-p-0:active { scroll-padding: 0rem; }
.xl-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
.xl-scroll-m-0_125 { scroll-margin: 0.125rem; }
.xl-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
.xl-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
.xl-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
.xl-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
.xl-scroll-p-0_125 { scroll-padding: 0.125rem; }
.xl-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
.xl-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
.xl-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
.xl-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
.xl-scroll-m-0_25 { scroll-margin: 0.25rem; }
.xl-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
.xl-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
.xl-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
.xl-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
.xl-scroll-p-0_25 { scroll-padding: 0.25rem; }
.xl-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
.xl-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
.xl-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
.xl-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
.xl-scroll-m-0_5 { scroll-margin: 0.5rem; }
.xl-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
.xl-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
.xl-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
.xl-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
.xl-scroll-p-0_5 { scroll-padding: 0.5rem; }
.xl-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
.xl-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
.xl-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
.xl-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
.xl-scroll-m-0_75 { scroll-margin: 0.75rem; }
.xl-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
.xl-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
.xl-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
.xl-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
.xl-scroll-p-0_75 { scroll-padding: 0.75rem; }
.xl-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
.xl-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
.xl-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
.xl-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
.xl-scroll-m-1 { scroll-margin: 1rem; }
.xl-hover-scroll-m-1:hover { scroll-margin: 1rem; }
.xl-focus-scroll-m-1:focus { scroll-margin: 1rem; }
.xl-active-scroll-m-1:active { scroll-margin: 1rem; }
.xl-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
.xl-scroll-p-1 { scroll-padding: 1rem; }
.xl-hover-scroll-p-1:hover { scroll-padding: 1rem; }
.xl-focus-scroll-p-1:focus { scroll-padding: 1rem; }
.xl-active-scroll-p-1:active { scroll-padding: 1rem; }
.xl-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
.xl-scroll-m-1_5 { scroll-margin: 1.5rem; }
.xl-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
.xl-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
.xl-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
.xl-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
.xl-scroll-p-1_5 { scroll-padding: 1.5rem; }
.xl-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
.xl-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
.xl-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
.xl-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
.xl-scroll-m-2 { scroll-margin: 2rem; }
.xl-hover-scroll-m-2:hover { scroll-margin: 2rem; }
.xl-focus-scroll-m-2:focus { scroll-margin: 2rem; }
.xl-active-scroll-m-2:active { scroll-margin: 2rem; }
.xl-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
.xl-scroll-p-2 { scroll-padding: 2rem; }
.xl-hover-scroll-p-2:hover { scroll-padding: 2rem; }
.xl-focus-scroll-p-2:focus { scroll-padding: 2rem; }
.xl-active-scroll-p-2:active { scroll-padding: 2rem; }
.xl-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
.xl-scroll-m-3 { scroll-margin: 3rem; }
.xl-hover-scroll-m-3:hover { scroll-margin: 3rem; }
.xl-focus-scroll-m-3:focus { scroll-margin: 3rem; }
.xl-active-scroll-m-3:active { scroll-margin: 3rem; }
.xl-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
.xl-scroll-p-3 { scroll-padding: 3rem; }
.xl-hover-scroll-p-3:hover { scroll-padding: 3rem; }
.xl-focus-scroll-p-3:focus { scroll-padding: 3rem; }
.xl-active-scroll-p-3:active { scroll-padding: 3rem; }
.xl-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
.xl-scroll-m-4 { scroll-margin: 4rem; }
.xl-hover-scroll-m-4:hover { scroll-margin: 4rem; }
.xl-focus-scroll-m-4:focus { scroll-margin: 4rem; }
.xl-active-scroll-m-4:active { scroll-margin: 4rem; }
.xl-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
.xl-scroll-p-4 { scroll-padding: 4rem; }
.xl-hover-scroll-p-4:hover { scroll-padding: 4rem; }
.xl-focus-scroll-p-4:focus { scroll-padding: 4rem; }
.xl-active-scroll-p-4:active { scroll-padding: 4rem; }
.xl-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
.xl-snap-x { scroll-snap-type: x mandatory; }
.xl-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.xl-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.xl-active-snap-x:active { scroll-snap-type: x mandatory; }
.xl-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.xl-snap-y { scroll-snap-type: y mandatory; }
.xl-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.xl-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.xl-active-snap-y:active { scroll-snap-type: y mandatory; }
.xl-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.xl-snap-both { scroll-snap-type: both mandatory; }
.xl-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.xl-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.xl-active-snap-both:active { scroll-snap-type: both mandatory; }
.xl-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.xl-snap-align-start { scroll-snap-align: start; }
.xl-hover-snap-align-start:hover { scroll-snap-align: start; }
.xl-focus-snap-align-start:focus { scroll-snap-align: start; }
.xl-active-snap-align-start:active { scroll-snap-align: start; }
.xl-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.xl-snap-align-end { scroll-snap-align: end; }
.xl-hover-snap-align-end:hover { scroll-snap-align: end; }
.xl-focus-snap-align-end:focus { scroll-snap-align: end; }
.xl-active-snap-align-end:active { scroll-snap-align: end; }
.xl-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.xl-snap-align-center { scroll-snap-align: center; }
.xl-hover-snap-align-center:hover { scroll-snap-align: center; }
.xl-focus-snap-align-center:focus { scroll-snap-align: center; }
.xl-active-snap-align-center:active { scroll-snap-align: center; }
.xl-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.xl-snap-align-none { scroll-snap-align: none; }
.xl-hover-snap-align-none:hover { scroll-snap-align: none; }
.xl-focus-snap-align-none:focus { scroll-snap-align: none; }
.xl-active-snap-align-none:active { scroll-snap-align: none; }
.xl-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.xl-snap-stop-normal { scroll-snap-stop: normal; }
.xl-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.xl-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.xl-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.xl-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.xl-snap-stop-always { scroll-snap-stop: always; }
.xl-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.xl-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.xl-active-snap-stop-always:active { scroll-snap-stop: always; }
.xl-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.xl-touch-auto { touch-action: auto; }
.xl-hover-touch-auto:hover { touch-action: auto; }
.xl-focus-touch-auto:focus { touch-action: auto; }
.xl-active-touch-auto:active { touch-action: auto; }
.xl-disabled-touch-auto:disabled { touch-action: auto; }
.xl-touch-none { touch-action: none; }
.xl-hover-touch-none:hover { touch-action: none; }
.xl-focus-touch-none:focus { touch-action: none; }
.xl-active-touch-none:active { touch-action: none; }
.xl-disabled-touch-none:disabled { touch-action: none; }
.xl-touch-pan_x { touch-action: pan-x; }
.xl-hover-touch-pan_x:hover { touch-action: pan-x; }
.xl-focus-touch-pan_x:focus { touch-action: pan-x; }
.xl-active-touch-pan_x:active { touch-action: pan-x; }
.xl-disabled-touch-pan_x:disabled { touch-action: pan-x; }
.xl-touch-pan_y { touch-action: pan-y; }
.xl-hover-touch-pan_y:hover { touch-action: pan-y; }
.xl-focus-touch-pan_y:focus { touch-action: pan-y; }
.xl-active-touch-pan_y:active { touch-action: pan-y; }
.xl-disabled-touch-pan_y:disabled { touch-action: pan-y; }
.xl-touch-manipulation { touch-action: manipulation; }
.xl-hover-touch-manipulation:hover { touch-action: manipulation; }
.xl-focus-touch-manipulation:focus { touch-action: manipulation; }
.xl-active-touch-manipulation:active { touch-action: manipulation; }
.xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.xl-select-auto { user-select: auto; }
.xl-hover-select-auto:hover { user-select: auto; }
.xl-focus-select-auto:focus { user-select: auto; }
.xl-active-select-auto:active { user-select: auto; }
.xl-disabled-select-auto:disabled { user-select: auto; }
.xl-select-none { user-select: none; }
.xl-hover-select-none:hover { user-select: none; }
.xl-focus-select-none:focus { user-select: none; }
.xl-active-select-none:active { user-select: none; }
.xl-disabled-select-none:disabled { user-select: none; }
.xl-select-text { user-select: text; }
.xl-hover-select-text:hover { user-select: text; }
.xl-focus-select-text:focus { user-select: text; }
.xl-active-select-text:active { user-select: text; }
.xl-disabled-select-text:disabled { user-select: text; }
.xl-select-all { user-select: all; }
.xl-hover-select-all:hover { user-select: all; }
.xl-focus-select-all:focus { user-select: all; }
.xl-active-select-all:active { user-select: all; }
.xl-disabled-select-all:disabled { user-select: all; }
.xl-select-contain { user-select: contain; }
.xl-hover-select-contain:hover { user-select: contain; }
.xl-focus-select-contain:focus { user-select: contain; }
.xl-active-select-contain:active { user-select: contain; }
.xl-disabled-select-contain:disabled { user-select: contain; }
.xl-will-change-auto { will-change: auto; }
.xl-hover-will-change-auto:hover { will-change: auto; }
.xl-focus-will-change-auto:focus { will-change: auto; }
.xl-active-will-change-auto:active { will-change: auto; }
.xl-disabled-will-change-auto:disabled { will-change: auto; }
.xl-will-change-scroll { will-change: scroll; }
.xl-hover-will-change-scroll:hover { will-change: scroll; }
.xl-focus-will-change-scroll:focus { will-change: scroll; }
.xl-active-will-change-scroll:active { will-change: scroll; }
.xl-disabled-will-change-scroll:disabled { will-change: scroll; }
.xl-will-change-transform { will-change: transform; }
.xl-hover-will-change-transform:hover { will-change: transform; }
.xl-focus-will-change-transform:focus { will-change: transform; }
.xl-active-will-change-transform:active { will-change: transform; }
.xl-disabled-will-change-transform:disabled { will-change: transform; }
.xl-will-change-opacity { will-change: opacity; }
.xl-hover-will-change-opacity:hover { will-change: opacity; }
.xl-focus-will-change-opacity:focus { will-change: opacity; }
.xl-active-will-change-opacity:active { will-change: opacity; }
.xl-disabled-will-change-opacity:disabled { will-change: opacity; }
.xl-will-change-contents { will-change: contents; }
.xl-hover-will-change-contents:hover { will-change: contents; }
.xl-focus-will-change-contents:focus { will-change: contents; }
.xl-active-will-change-contents:active { will-change: contents; }
.xl-disabled-will-change-contents:disabled { will-change: contents; }
.xl-color-scheme-light { color-scheme: light; }
.xl-hover-color-scheme-light:hover { color-scheme: light; }
.xl-focus-color-scheme-light:focus { color-scheme: light; }
.xl-active-color-scheme-light:active { color-scheme: light; }
.xl-disabled-color-scheme-light:disabled { color-scheme: light; }
.xl-color-scheme-dark { color-scheme: dark; }
.xl-hover-color-scheme-dark:hover { color-scheme: dark; }
.xl-focus-color-scheme-dark:focus { color-scheme: dark; }
.xl-active-color-scheme-dark:active { color-scheme: dark; }
.xl-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.xl-color-scheme-normal { color-scheme: normal; }
.xl-hover-color-scheme-normal:hover { color-scheme: normal; }
.xl-focus-color-scheme-normal:focus { color-scheme: normal; }
.xl-active-color-scheme-normal:active { color-scheme: normal; }
.xl-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.xl-cursor-auto { cursor: auto; }
.xl-hover-cursor-auto:hover { cursor: auto; }
.xl-focus-cursor-auto:focus { cursor: auto; }
.xl-active-cursor-auto:active { cursor: auto; }
.xl-disabled-cursor-auto:disabled { cursor: auto; }
.xl-cursor-default { cursor: default; }
.xl-hover-cursor-default:hover { cursor: default; }
.xl-focus-cursor-default:focus { cursor: default; }
.xl-active-cursor-default:active { cursor: default; }
.xl-disabled-cursor-default:disabled { cursor: default; }
.xl-cursor-pointer { cursor: pointer; }
.xl-hover-cursor-pointer:hover { cursor: pointer; }
.xl-focus-cursor-pointer:focus { cursor: pointer; }
.xl-active-cursor-pointer:active { cursor: pointer; }
.xl-disabled-cursor-pointer:disabled { cursor: pointer; }
.xl-cursor-wait { cursor: wait; }
.xl-hover-cursor-wait:hover { cursor: wait; }
.xl-focus-cursor-wait:focus { cursor: wait; }
.xl-active-cursor-wait:active { cursor: wait; }
.xl-disabled-cursor-wait:disabled { cursor: wait; }
.xl-cursor-text { cursor: text; }
.xl-hover-cursor-text:hover { cursor: text; }
.xl-focus-cursor-text:focus { cursor: text; }
.xl-active-cursor-text:active { cursor: text; }
.xl-disabled-cursor-text:disabled { cursor: text; }
.xl-cursor-move { cursor: move; }
.xl-hover-cursor-move:hover { cursor: move; }
.xl-focus-cursor-move:focus { cursor: move; }
.xl-active-cursor-move:active { cursor: move; }
.xl-disabled-cursor-move:disabled { cursor: move; }
.xl-cursor-not-allowed { cursor: not-allowed; }
.xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.xl-active-cursor-not-allowed:active { cursor: not-allowed; }
.xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.xl-cursor-none { cursor: none; }
.xl-hover-cursor-none:hover { cursor: none; }
.xl-focus-cursor-none:focus { cursor: none; }
.xl-active-cursor-none:active { cursor: none; }
.xl-disabled-cursor-none:disabled { cursor: none; }
.xl-pointer-events-none { pointer-events: none; }
.xl-hover-pointer-events-none:hover { pointer-events: none; }
.xl-focus-pointer-events-none:focus { pointer-events: none; }
.xl-active-pointer-events-none:active { pointer-events: none; }
.xl-disabled-pointer-events-none:disabled { pointer-events: none; }
.xl-pointer-events-auto { pointer-events: auto; }
.xl-hover-pointer-events-auto:hover { pointer-events: auto; }
.xl-focus-pointer-events-auto:focus { pointer-events: auto; }
.xl-active-pointer-events-auto:active { pointer-events: auto; }
.xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.xl-resize-none { resize: none; }
.xl-hover-resize-none:hover { resize: none; }
.xl-focus-resize-none:focus { resize: none; }
.xl-active-resize-none:active { resize: none; }
.xl-disabled-resize-none:disabled { resize: none; }
.xl-resize-x { resize: horizontal; }
.xl-hover-resize-x:hover { resize: horizontal; }
.xl-focus-resize-x:focus { resize: horizontal; }
.xl-active-resize-x:active { resize: horizontal; }
.xl-disabled-resize-x:disabled { resize: horizontal; }
.xl-resize-y { resize: vertical; }
.xl-hover-resize-y:hover { resize: vertical; }
.xl-focus-resize-y:focus { resize: vertical; }
.xl-active-resize-y:active { resize: vertical; }
.xl-disabled-resize-y:disabled { resize: vertical; }
.xl-resize { resize: both; }
.xl-hover-resize:hover { resize: both; }
.xl-focus-resize:focus { resize: both; }
.xl-active-resize:active { resize: both; }
.xl-disabled-resize:disabled { resize: both; }
.xl-scroll-auto { scroll-behavior: auto; }
.xl-hover-scroll-auto:hover { scroll-behavior: auto; }
.xl-focus-scroll-auto:focus { scroll-behavior: auto; }
.xl-active-scroll-auto:active { scroll-behavior: auto; }
.xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.xl-scroll-smooth { scroll-behavior: smooth; }
.xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.xl-active-scroll-smooth:active { scroll-behavior: smooth; }
.xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.xl-scroll-m-0 { scroll-margin: 0; }
.xl-hover-scroll-m-0:hover { scroll-margin: 0; }
.xl-focus-scroll-m-0:focus { scroll-margin: 0; }
.xl-active-scroll-m-0:active { scroll-margin: 0; }
.xl-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.xl-scroll-m-1 { scroll-margin: 0.25rem; }
.xl-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.xl-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.xl-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.xl-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.xl-scroll-m-2 { scroll-margin: 0.5rem; }
.xl-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.xl-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.xl-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.xl-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.xl-scroll-m-4 { scroll-margin: 1rem; }
.xl-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.xl-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.xl-active-scroll-m-4:active { scroll-margin: 1rem; }
.xl-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.xl-scroll-m-8 { scroll-margin: 2rem; }
.xl-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.xl-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.xl-active-scroll-m-8:active { scroll-margin: 2rem; }
.xl-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.xl-scroll-p-0 { scroll-padding: 0; }
.xl-hover-scroll-p-0:hover { scroll-padding: 0; }
.xl-focus-scroll-p-0:focus { scroll-padding: 0; }
.xl-active-scroll-p-0:active { scroll-padding: 0; }
.xl-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.xl-scroll-p-1 { scroll-padding: 0.25rem; }
.xl-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.xl-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.xl-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.xl-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.xl-scroll-p-2 { scroll-padding: 0.5rem; }
.xl-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.xl-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.xl-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.xl-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.xl-scroll-p-4 { scroll-padding: 1rem; }
.xl-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.xl-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.xl-active-scroll-p-4:active { scroll-padding: 1rem; }
.xl-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.xl-scroll-p-8 { scroll-padding: 2rem; }
.xl-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.xl-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.xl-active-scroll-p-8:active { scroll-padding: 2rem; }
.xl-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.xl-snap-x { scroll-snap-type: x mandatory; }
.xl-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.xl-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.xl-active-snap-x:active { scroll-snap-type: x mandatory; }
.xl-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.xl-snap-y { scroll-snap-type: y mandatory; }
.xl-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.xl-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.xl-active-snap-y:active { scroll-snap-type: y mandatory; }
.xl-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.xl-snap-both { scroll-snap-type: both mandatory; }
.xl-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.xl-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.xl-active-snap-both:active { scroll-snap-type: both mandatory; }
.xl-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.xl-snap-align-start { scroll-snap-align: start; }
.xl-hover-snap-align-start:hover { scroll-snap-align: start; }
.xl-focus-snap-align-start:focus { scroll-snap-align: start; }
.xl-active-snap-align-start:active { scroll-snap-align: start; }
.xl-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.xl-snap-align-center { scroll-snap-align: center; }
.xl-hover-snap-align-center:hover { scroll-snap-align: center; }
.xl-focus-snap-align-center:focus { scroll-snap-align: center; }
.xl-active-snap-align-center:active { scroll-snap-align: center; }
.xl-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.xl-snap-align-end { scroll-snap-align: end; }
.xl-hover-snap-align-end:hover { scroll-snap-align: end; }
.xl-focus-snap-align-end:focus { scroll-snap-align: end; }
.xl-active-snap-align-end:active { scroll-snap-align: end; }
.xl-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.xl-snap-align-none { scroll-snap-align: none; }
.xl-hover-snap-align-none:hover { scroll-snap-align: none; }
.xl-focus-snap-align-none:focus { scroll-snap-align: none; }
.xl-active-snap-align-none:active { scroll-snap-align: none; }
.xl-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.xl-snap-stop-normal { scroll-snap-stop: normal; }
.xl-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.xl-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.xl-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.xl-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.xl-snap-stop-always { scroll-snap-stop: always; }
.xl-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.xl-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.xl-active-snap-stop-always:active { scroll-snap-stop: always; }
.xl-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.xl-touch-auto { touch-action: auto; }
.xl-hover-touch-auto:hover { touch-action: auto; }
.xl-focus-touch-auto:focus { touch-action: auto; }
.xl-active-touch-auto:active { touch-action: auto; }
.xl-disabled-touch-auto:disabled { touch-action: auto; }
.xl-touch-none { touch-action: none; }
.xl-hover-touch-none:hover { touch-action: none; }
.xl-focus-touch-none:focus { touch-action: none; }
.xl-active-touch-none:active { touch-action: none; }
.xl-disabled-touch-none:disabled { touch-action: none; }
.xl-touch-pan-x { touch-action: pan-x; }
.xl-hover-touch-pan-x:hover { touch-action: pan-x; }
.xl-focus-touch-pan-x:focus { touch-action: pan-x; }
.xl-active-touch-pan-x:active { touch-action: pan-x; }
.xl-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.xl-touch-pan-y { touch-action: pan-y; }
.xl-hover-touch-pan-y:hover { touch-action: pan-y; }
.xl-focus-touch-pan-y:focus { touch-action: pan-y; }
.xl-active-touch-pan-y:active { touch-action: pan-y; }
.xl-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.xl-touch-manipulation { touch-action: manipulation; }
.xl-hover-touch-manipulation:hover { touch-action: manipulation; }
.xl-focus-touch-manipulation:focus { touch-action: manipulation; }
.xl-active-touch-manipulation:active { touch-action: manipulation; }
.xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.xl-select-auto { user-select: auto; }
.xl-hover-select-auto:hover { user-select: auto; }
.xl-focus-select-auto:focus { user-select: auto; }
.xl-active-select-auto:active { user-select: auto; }
.xl-disabled-select-auto:disabled { user-select: auto; }
.xl-select-none { user-select: none; }
.xl-hover-select-none:hover { user-select: none; }
.xl-focus-select-none:focus { user-select: none; }
.xl-active-select-none:active { user-select: none; }
.xl-disabled-select-none:disabled { user-select: none; }
.xl-select-text { user-select: text; }
.xl-hover-select-text:hover { user-select: text; }
.xl-focus-select-text:focus { user-select: text; }
.xl-active-select-text:active { user-select: text; }
.xl-disabled-select-text:disabled { user-select: text; }
.xl-select-all { user-select: all; }
.xl-hover-select-all:hover { user-select: all; }
.xl-focus-select-all:focus { user-select: all; }
.xl-active-select-all:active { user-select: all; }
.xl-disabled-select-all:disabled { user-select: all; }
.xl-select-contain { user-select: contain; }
.xl-hover-select-contain:hover { user-select: contain; }
.xl-focus-select-contain:focus { user-select: contain; }
.xl-active-select-contain:active { user-select: contain; }
.xl-disabled-select-contain:disabled { user-select: contain; }
.xl-will-change-auto { will-change: auto; }
.xl-hover-will-change-auto:hover { will-change: auto; }
.xl-focus-will-change-auto:focus { will-change: auto; }
.xl-active-will-change-auto:active { will-change: auto; }
.xl-disabled-will-change-auto:disabled { will-change: auto; }
.xl-will-change-scroll { will-change: scroll; }
.xl-hover-will-change-scroll:hover { will-change: scroll; }
.xl-focus-will-change-scroll:focus { will-change: scroll; }
.xl-active-will-change-scroll:active { will-change: scroll; }
.xl-disabled-will-change-scroll:disabled { will-change: scroll; }
.xl-will-change-transform { will-change: transform; }
.xl-hover-will-change-transform:hover { will-change: transform; }
.xl-focus-will-change-transform:focus { will-change: transform; }
.xl-active-will-change-transform:active { will-change: transform; }
.xl-disabled-will-change-transform:disabled { will-change: transform; }
.xl-will-change-opacity { will-change: opacity; }
.xl-hover-will-change-opacity:hover { will-change: opacity; }
.xl-focus-will-change-opacity:focus { will-change: opacity; }
.xl-active-will-change-opacity:active { will-change: opacity; }
.xl-disabled-will-change-opacity:disabled { will-change: opacity; }
.xl-will-change-contents { will-change: contents; }
.xl-hover-will-change-contents:hover { will-change: contents; }
.xl-focus-will-change-contents:focus { will-change: contents; }
.xl-active-will-change-contents:active { will-change: contents; }
.xl-disabled-will-change-contents:disabled { will-change: contents; }
.xl-field-sizing-auto { block-size: auto; inline-size: auto; }
.xl-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
.xl-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
.xl-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
.xl-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
.xl-field-sizing-fill { block-size: 100%; inline-size: 100%; }
.xl-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
.xl-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
.xl-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
.xl-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
.xl-field-sizing-min { block-size: min-content; inline-size: min-content; }
.xl-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
.xl-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
.xl-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
.xl-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
.xl-field-sizing-max { block-size: max-content; inline-size: max-content; }
.xl-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
.xl-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
.xl-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
.xl-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
.xl-aspect-auto { aspect-ratio: auto; }
.xl-hover-aspect-auto:hover { aspect-ratio: auto; }
.xl-focus-aspect-auto:focus { aspect-ratio: auto; }
.xl-active-aspect-auto:active { aspect-ratio: auto; }
.xl-disabled-aspect-auto:disabled { aspect-ratio: auto; }
.xl-aspect-square { aspect-ratio: 1 / 1; }
.xl-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
.xl-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
.xl-active-aspect-square:active { aspect-ratio: 1 / 1; }
.xl-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
.xl-aspect-video { aspect-ratio: 16 / 9; }
.xl-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
.xl-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
.xl-active-aspect-video:active { aspect-ratio: 16 / 9; }
.xl-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
.xl-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
.xl-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
.xl-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
.xl-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
.xl-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
.xl-isolation-auto { isolation: auto; }
.xl-hover-isolation-auto:hover { isolation: auto; }
.xl-focus-isolation-auto:focus { isolation: auto; }
.xl-active-isolation-auto:active { isolation: auto; }
.xl-disabled-isolation-auto:disabled { isolation: auto; }
.xl-isolation-isolate { isolation: isolate; }
.xl-hover-isolation-isolate:hover { isolation: isolate; }
.xl-focus-isolation-isolate:focus { isolation: isolate; }
.xl-active-isolation-isolate:active { isolation: isolate; }
.xl-disabled-isolation-isolate:disabled { isolation: isolate; }
.xl-contain-none { contain: none; }
.xl-hover-contain-none:hover { contain: none; }
.xl-focus-contain-none:focus { contain: none; }
.xl-active-contain-none:active { contain: none; }
.xl-disabled-contain-none:disabled { contain: none; }
.xl-contain-layout { contain: layout; }
.xl-hover-contain-layout:hover { contain: layout; }
.xl-focus-contain-layout:focus { contain: layout; }
.xl-active-contain-layout:active { contain: layout; }
.xl-disabled-contain-layout:disabled { contain: layout; }
.xl-contain-size { contain: size; }
.xl-hover-contain-size:hover { contain: size; }
.xl-focus-contain-size:focus { contain: size; }
.xl-active-contain-size:active { contain: size; }
.xl-disabled-contain-size:disabled { contain: size; }
.xl-contain-style { contain: style; }
.xl-hover-contain-style:hover { contain: style; }
.xl-focus-contain-style:focus { contain: style; }
.xl-active-contain-style:active { contain: style; }
.xl-disabled-contain-style:disabled { contain: style; }
.xl-contain-paint { contain: paint; }
.xl-hover-contain-paint:hover { contain: paint; }
.xl-focus-contain-paint:focus { contain: paint; }
.xl-active-contain-paint:active { contain: paint; }
.xl-disabled-contain-paint:disabled { contain: paint; }
.xl-contain-content { contain: content; }
.xl-hover-contain-content:hover { contain: content; }
.xl-focus-contain-content:focus { contain: content; }
.xl-active-contain-content:active { contain: content; }
.xl-disabled-contain-content:disabled { contain: content; }
.xl-content-auto { content-visibility: auto; }
.xl-hover-content-auto:hover { content-visibility: auto; }
.xl-focus-content-auto:focus { content-visibility: auto; }
.xl-active-content-auto:active { content-visibility: auto; }
.xl-disabled-content-auto:disabled { content-visibility: auto; }
.xl-content-hidden { content-visibility: hidden; }
.xl-hover-content-hidden:hover { content-visibility: hidden; }
.xl-focus-content-hidden:focus { content-visibility: hidden; }
.xl-active-content-hidden:active { content-visibility: hidden; }
.xl-disabled-content-hidden:disabled { content-visibility: hidden; }
.xl-content-visible { content-visibility: visible; }
.xl-hover-content-visible:hover { content-visibility: visible; }
.xl-focus-content-visible:focus { content-visibility: visible; }
.xl-active-content-visible:active { content-visibility: visible; }
.xl-disabled-content-visible:disabled { content-visibility: visible; }
.xl-box-border { box-sizing: border-box; }
.xl-hover-box-border:hover { box-sizing: border-box; }
.xl-focus-box-border:focus { box-sizing: border-box; }
.xl-active-box-border:active { box-sizing: border-box; }
.xl-disabled-box-border:disabled { box-sizing: border-box; }
.xl-box-content { box-sizing: content-box; }
.xl-hover-box-content:hover { box-sizing: content-box; }
.xl-focus-box-content:focus { box-sizing: content-box; }
.xl-active-box-content:active { box-sizing: content-box; }
.xl-disabled-box-content:disabled { box-sizing: content-box; }
.xl-clip-none { clip-path: none; }
.xl-hover-clip-none:hover { clip-path: none; }
.xl-focus-clip-none:focus { clip-path: none; }
.xl-active-clip-none:active { clip-path: none; }
.xl-disabled-clip-none:disabled { clip-path: none; }
.xl-clip-circle { clip-path: circle(50% at 50% 50%); }
.xl-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
.xl-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
.xl-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
.xl-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
.xl-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
.xl-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
.xl-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
.xl-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
.xl-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
.xl-clip-inset { clip-path: inset(0); }
.xl-hover-clip-inset:hover { clip-path: inset(0); }
.xl-focus-clip-inset:focus { clip-path: inset(0); }
.xl-active-clip-inset:active { clip-path: inset(0); }
.xl-disabled-clip-inset:disabled { clip-path: inset(0); }
.xl-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.xl-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.xl-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.xl-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.xl-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.xl-margin-block-start-1 { margin-block-start: 1rem; }
.xl-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
.xl-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
.xl-active-margin-block-start-1:active { margin-block-start: 1rem; }
.xl-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
.xl-margin-block-end-1 { margin-block-end: 1rem; }
.xl-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
.xl-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
.xl-active-margin-block-end-1:active { margin-block-end: 1rem; }
.xl-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
.xl-margin-inline-start-1 { margin-inline-start: 1rem; }
.xl-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
.xl-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
.xl-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
.xl-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
.xl-margin-inline-end-1 { margin-inline-end: 1rem; }
.xl-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
.xl-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
.xl-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
.xl-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
.xl-padding-block-start-1 { padding-block-start: 1rem; }
.xl-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
.xl-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
.xl-active-padding-block-start-1:active { padding-block-start: 1rem; }
.xl-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
.xl-padding-block-end-1 { padding-block-end: 1rem; }
.xl-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
.xl-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
.xl-active-padding-block-end-1:active { padding-block-end: 1rem; }
.xl-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
.xl-padding-inline-start-1 { padding-inline-start: 1rem; }
.xl-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
.xl-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
.xl-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
.xl-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
.xl-padding-inline-end-1 { padding-inline-end: 1rem; }
.xl-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
.xl-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
.xl-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
.xl-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
.xl-transition-all { transition-property: all; }
.xl-hover-transition-all:hover { transition-property: all; }
.xl-focus-transition-all:focus { transition-property: all; }
.xl-active-transition-all:active { transition-property: all; }
.xl-disabled-transition-all:disabled { transition-property: all; }
.xl-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
.xl-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
.xl-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
.xl-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
.xl-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
.xl-transition-opacity { transition-property: opacity; }
.xl-hover-transition-opacity:hover { transition-property: opacity; }
.xl-focus-transition-opacity:focus { transition-property: opacity; }
.xl-active-transition-opacity:active { transition-property: opacity; }
.xl-disabled-transition-opacity:disabled { transition-property: opacity; }
.xl-transition-shadow { transition-property: box-shadow; }
.xl-hover-transition-shadow:hover { transition-property: box-shadow; }
.xl-focus-transition-shadow:focus { transition-property: box-shadow; }
.xl-active-transition-shadow:active { transition-property: box-shadow; }
.xl-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.xl-transition-transform { transition-property: transform; }
.xl-hover-transition-transform:hover { transition-property: transform; }
.xl-focus-transition-transform:focus { transition-property: transform; }
.xl-active-transition-transform:active { transition-property: transform; }
.xl-disabled-transition-transform:disabled { transition-property: transform; }
.xl-duration-75 { transition-duration: 75ms; }
.xl-hover-duration-75:hover { transition-duration: 75ms; }
.xl-focus-duration-75:focus { transition-duration: 75ms; }
.xl-active-duration-75:active { transition-duration: 75ms; }
.xl-disabled-duration-75:disabled { transition-duration: 75ms; }
.xl-duration-100 { transition-duration: 100ms; }
.xl-hover-duration-100:hover { transition-duration: 100ms; }
.xl-focus-duration-100:focus { transition-duration: 100ms; }
.xl-active-duration-100:active { transition-duration: 100ms; }
.xl-disabled-duration-100:disabled { transition-duration: 100ms; }
.xl-duration-150 { transition-duration: 150ms; }
.xl-hover-duration-150:hover { transition-duration: 150ms; }
.xl-focus-duration-150:focus { transition-duration: 150ms; }
.xl-active-duration-150:active { transition-duration: 150ms; }
.xl-disabled-duration-150:disabled { transition-duration: 150ms; }
.xl-duration-200 { transition-duration: 200ms; }
.xl-hover-duration-200:hover { transition-duration: 200ms; }
.xl-focus-duration-200:focus { transition-duration: 200ms; }
.xl-active-duration-200:active { transition-duration: 200ms; }
.xl-disabled-duration-200:disabled { transition-duration: 200ms; }
.xl-duration-300 { transition-duration: 300ms; }
.xl-hover-duration-300:hover { transition-duration: 300ms; }
.xl-focus-duration-300:focus { transition-duration: 300ms; }
.xl-active-duration-300:active { transition-duration: 300ms; }
.xl-disabled-duration-300:disabled { transition-duration: 300ms; }
.xl-duration-500 { transition-duration: 500ms; }
.xl-hover-duration-500:hover { transition-duration: 500ms; }
.xl-focus-duration-500:focus { transition-duration: 500ms; }
.xl-active-duration-500:active { transition-duration: 500ms; }
.xl-disabled-duration-500:disabled { transition-duration: 500ms; }
.xl-duration-700 { transition-duration: 700ms; }
.xl-hover-duration-700:hover { transition-duration: 700ms; }
.xl-focus-duration-700:focus { transition-duration: 700ms; }
.xl-active-duration-700:active { transition-duration: 700ms; }
.xl-disabled-duration-700:disabled { transition-duration: 700ms; }
.xl-duration-1000 { transition-duration: 1000ms; }
.xl-hover-duration-1000:hover { transition-duration: 1000ms; }
.xl-focus-duration-1000:focus { transition-duration: 1000ms; }
.xl-active-duration-1000:active { transition-duration: 1000ms; }
.xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.xl-ease-linear { transition-timing-function: linear; }
.xl-hover-ease-linear:hover { transition-timing-function: linear; }
.xl-focus-ease-linear:focus { transition-timing-function: linear; }
.xl-active-ease-linear:active { transition-timing-function: linear; }
.xl-disabled-ease-linear:disabled { transition-timing-function: linear; }
.xl-ease-in { transition-timing-function: ease-in; }
.xl-hover-ease-in:hover { transition-timing-function: ease-in; }
.xl-focus-ease-in:focus { transition-timing-function: ease-in; }
.xl-active-ease-in:active { transition-timing-function: ease-in; }
.xl-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.xl-ease-out { transition-timing-function: ease-out; }
.xl-hover-ease-out:hover { transition-timing-function: ease-out; }
.xl-focus-ease-out:focus { transition-timing-function: ease-out; }
.xl-active-ease-out:active { transition-timing-function: ease-out; }
.xl-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.xl-ease-in-out { transition-timing-function: ease-in-out; }
.xl-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.xl-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.xl-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.xl-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.xl-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
.xl-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
.xl-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
.xl-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
.xl-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
.xl-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
.xl-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
.xl-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
.xl-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
.xl-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
.xl-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
.xl-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
.xl-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
.xl-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
.xl-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
.xl-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
.xl-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
.xl-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
.xl-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
.xl-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
.xl-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
.xl-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
.xl-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
.xl-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
.xl-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
.xl-animate-bounce { animation: quanta-bounce 1s infinite; }
.xl-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
.xl-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
.xl-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
.xl-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
.xl-animate-spin { animation: quanta-spin 1s linear infinite; }
.xl-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
.xl-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
.xl-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
.xl-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
.xl-filter-none { filter: none; }
.xl-hover-filter-none:hover { filter: none; }
.xl-focus-filter-none:focus { filter: none; }
.xl-active-filter-none:active { filter: none; }
.xl-disabled-filter-none:disabled { filter: none; }
.xl-blur-sm { filter: blur(2px); }
.xl-hover-blur-sm:hover { filter: blur(2px); }
.xl-focus-blur-sm:focus { filter: blur(2px); }
.xl-active-blur-sm:active { filter: blur(2px); }
.xl-disabled-blur-sm:disabled { filter: blur(2px); }
.xl-blur { filter: blur(4px); }
.xl-hover-blur:hover { filter: blur(4px); }
.xl-focus-blur:focus { filter: blur(4px); }
.xl-active-blur:active { filter: blur(4px); }
.xl-disabled-blur:disabled { filter: blur(4px); }
.xl-blur-md { filter: blur(8px); }
.xl-hover-blur-md:hover { filter: blur(8px); }
.xl-focus-blur-md:focus { filter: blur(8px); }
.xl-active-blur-md:active { filter: blur(8px); }
.xl-disabled-blur-md:disabled { filter: blur(8px); }
.xl-blur-lg { filter: blur(12px); }
.xl-hover-blur-lg:hover { filter: blur(12px); }
.xl-focus-blur-lg:focus { filter: blur(12px); }
.xl-active-blur-lg:active { filter: blur(12px); }
.xl-disabled-blur-lg:disabled { filter: blur(12px); }
.xl-blur-xl { filter: blur(20px); }
.xl-hover-blur-xl:hover { filter: blur(20px); }
.xl-focus-blur-xl:focus { filter: blur(20px); }
.xl-active-blur-xl:active { filter: blur(20px); }
.xl-disabled-blur-xl:disabled { filter: blur(20px); }
.xl-brightness-50 { filter: brightness(0.5); }
.xl-hover-brightness-50:hover { filter: brightness(0.5); }
.xl-focus-brightness-50:focus { filter: brightness(0.5); }
.xl-active-brightness-50:active { filter: brightness(0.5); }
.xl-disabled-brightness-50:disabled { filter: brightness(0.5); }
.xl-brightness-100 { filter: brightness(1); }
.xl-hover-brightness-100:hover { filter: brightness(1); }
.xl-focus-brightness-100:focus { filter: brightness(1); }
.xl-active-brightness-100:active { filter: brightness(1); }
.xl-disabled-brightness-100:disabled { filter: brightness(1); }
.xl-brightness-150 { filter: brightness(1.5); }
.xl-hover-brightness-150:hover { filter: brightness(1.5); }
.xl-focus-brightness-150:focus { filter: brightness(1.5); }
.xl-active-brightness-150:active { filter: brightness(1.5); }
.xl-disabled-brightness-150:disabled { filter: brightness(1.5); }
.xl-contrast-50 { filter: contrast(0.5); }
.xl-hover-contrast-50:hover { filter: contrast(0.5); }
.xl-focus-contrast-50:focus { filter: contrast(0.5); }
.xl-active-contrast-50:active { filter: contrast(0.5); }
.xl-disabled-contrast-50:disabled { filter: contrast(0.5); }
.xl-contrast-100 { filter: contrast(1); }
.xl-hover-contrast-100:hover { filter: contrast(1); }
.xl-focus-contrast-100:focus { filter: contrast(1); }
.xl-active-contrast-100:active { filter: contrast(1); }
.xl-disabled-contrast-100:disabled { filter: contrast(1); }
.xl-grayscale { filter: grayscale(1); }
.xl-hover-grayscale:hover { filter: grayscale(1); }
.xl-focus-grayscale:focus { filter: grayscale(1); }
.xl-active-grayscale:active { filter: grayscale(1); }
.xl-disabled-grayscale:disabled { filter: grayscale(1); }
.xl-sepia { filter: sepia(1); }
.xl-hover-sepia:hover { filter: sepia(1); }
.xl-focus-sepia:focus { filter: sepia(1); }
.xl-active-sepia:active { filter: sepia(1); }
.xl-disabled-sepia:disabled { filter: sepia(1); }
.xl-saturate-150 { filter: saturate(1.5); }
.xl-hover-saturate-150:hover { filter: saturate(1.5); }
.xl-focus-saturate-150:focus { filter: saturate(1.5); }
.xl-active-saturate-150:active { filter: saturate(1.5); }
.xl-disabled-saturate-150:disabled { filter: saturate(1.5); }
.xl-hue-rotate-90 { filter: hue-rotate(90deg); }
.xl-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.xl-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.xl-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.xl-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.xl-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.xl-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.xl-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.xl-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.xl-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.xl-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.xl-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.xl-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.xl-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.xl-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.xl-grid-flow-row { grid-auto-flow: row; }
.xl-hover-grid-flow-row:hover { grid-auto-flow: row; }
.xl-focus-grid-flow-row:focus { grid-auto-flow: row; }
.xl-active-grid-flow-row:active { grid-auto-flow: row; }
.xl-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
.xl-grid-flow-col { grid-auto-flow: column; }
.xl-hover-grid-flow-col:hover { grid-auto-flow: column; }
.xl-focus-grid-flow-col:focus { grid-auto-flow: column; }
.xl-active-grid-flow-col:active { grid-auto-flow: column; }
.xl-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
.xl-grid-flow-row-dense { grid-auto-flow: row dense; }
.xl-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
.xl-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
.xl-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
.xl-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
.xl-grid-flow-col-dense { grid-auto-flow: column dense; }
.xl-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
.xl-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
.xl-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
.xl-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
.xl-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.xl-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.xl-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.xl-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.xl-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.xl-transition-none { transition-property: none; }
.xl-hover-transition-none:hover { transition-property: none; }
.xl-focus-transition-none:focus { transition-property: none; }
.xl-active-transition-none:active { transition-property: none; }
.xl-disabled-transition-none:disabled { transition-property: none; }
.xl-transition-all { transition-property: all; }
.xl-hover-transition-all:hover { transition-property: all; }
.xl-focus-transition-all:focus { transition-property: all; }
.xl-active-transition-all:active { transition-property: all; }
.xl-disabled-transition-all:disabled { transition-property: all; }
.xl-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.xl-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.xl-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.xl-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.xl-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.xl-transition-opacity { transition-property: opacity; }
.xl-hover-transition-opacity:hover { transition-property: opacity; }
.xl-focus-transition-opacity:focus { transition-property: opacity; }
.xl-active-transition-opacity:active { transition-property: opacity; }
.xl-disabled-transition-opacity:disabled { transition-property: opacity; }
.xl-transition-shadow { transition-property: box-shadow; }
.xl-hover-transition-shadow:hover { transition-property: box-shadow; }
.xl-focus-transition-shadow:focus { transition-property: box-shadow; }
.xl-active-transition-shadow:active { transition-property: box-shadow; }
.xl-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.xl-transition-transform { transition-property: transform; }
.xl-hover-transition-transform:hover { transition-property: transform; }
.xl-focus-transition-transform:focus { transition-property: transform; }
.xl-active-transition-transform:active { transition-property: transform; }
.xl-disabled-transition-transform:disabled { transition-property: transform; }
.xl-duration-75 { transition-duration: 75ms; }
.xl-hover-duration-75:hover { transition-duration: 75ms; }
.xl-focus-duration-75:focus { transition-duration: 75ms; }
.xl-active-duration-75:active { transition-duration: 75ms; }
.xl-disabled-duration-75:disabled { transition-duration: 75ms; }
.xl-duration-150 { transition-duration: 150ms; }
.xl-hover-duration-150:hover { transition-duration: 150ms; }
.xl-focus-duration-150:focus { transition-duration: 150ms; }
.xl-active-duration-150:active { transition-duration: 150ms; }
.xl-disabled-duration-150:disabled { transition-duration: 150ms; }
.xl-duration-300 { transition-duration: 300ms; }
.xl-hover-duration-300:hover { transition-duration: 300ms; }
.xl-focus-duration-300:focus { transition-duration: 300ms; }
.xl-active-duration-300:active { transition-duration: 300ms; }
.xl-disabled-duration-300:disabled { transition-duration: 300ms; }
.xl-duration-500 { transition-duration: 500ms; }
.xl-hover-duration-500:hover { transition-duration: 500ms; }
.xl-focus-duration-500:focus { transition-duration: 500ms; }
.xl-active-duration-500:active { transition-duration: 500ms; }
.xl-disabled-duration-500:disabled { transition-duration: 500ms; }
.xl-duration-700 { transition-duration: 700ms; }
.xl-hover-duration-700:hover { transition-duration: 700ms; }
.xl-focus-duration-700:focus { transition-duration: 700ms; }
.xl-active-duration-700:active { transition-duration: 700ms; }
.xl-disabled-duration-700:disabled { transition-duration: 700ms; }
.xl-duration-1000 { transition-duration: 1000ms; }
.xl-hover-duration-1000:hover { transition-duration: 1000ms; }
.xl-focus-duration-1000:focus { transition-duration: 1000ms; }
.xl-active-duration-1000:active { transition-duration: 1000ms; }
.xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.xl-ease-linear { transition-timing-function: linear; }
.xl-hover-ease-linear:hover { transition-timing-function: linear; }
.xl-focus-ease-linear:focus { transition-timing-function: linear; }
.xl-active-ease-linear:active { transition-timing-function: linear; }
.xl-disabled-ease-linear:disabled { transition-timing-function: linear; }
.xl-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.xl-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.xl-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.xl-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.xl-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.xl-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.xl-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.xl-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.xl-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.xl-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.xl-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.xl-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.xl-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.xl-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.xl-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.xl-animate-none { animation: none; }
.xl-hover-animate-none:hover { animation: none; }
.xl-focus-animate-none:focus { animation: none; }
.xl-active-animate-none:active { animation: none; }
.xl-disabled-animate-none:disabled { animation: none; }
.xl-animate-fade { animation: fade 300ms ease-out both; }
.xl-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
.xl-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
.xl-active-animate-fade:active { animation: fade 300ms ease-out both; }
.xl-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
.xl-animate-slide-in { animation: slide-in 500ms ease-out both; }
.xl-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
.xl-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
.xl-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
.xl-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
.xl-animate-spin { animation: spin 1s linear infinite; }
.xl-hover-animate-spin:hover { animation: spin 1s linear infinite; }
.xl-focus-animate-spin:focus { animation: spin 1s linear infinite; }
.xl-active-animate-spin:active { animation: spin 1s linear infinite; }
.xl-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
.xl-transform { transform: var(--tw-transform, none); }
.xl-hover-transform:hover { transform: var(--tw-transform, none); }
.xl-focus-transform:focus { transform: var(--tw-transform, none); }
.xl-active-transform:active { transform: var(--tw-transform, none); }
.xl-disabled-transform:disabled { transform: var(--tw-transform, none); }
.xl-transform-none { transform: none; }
.xl-hover-transform-none:hover { transform: none; }
.xl-focus-transform-none:focus { transform: none; }
.xl-active-transform-none:active { transform: none; }
.xl-disabled-transform-none:disabled { transform: none; }
.xl-scale-50 { --tw-transform: scale(0.5); }
.xl-hover-scale-50:hover { --tw-transform: scale(0.5); }
.xl-focus-scale-50:focus { --tw-transform: scale(0.5); }
.xl-active-scale-50:active { --tw-transform: scale(0.5); }
.xl-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
.xl-scale-75 { --tw-transform: scale(0.75); }
.xl-hover-scale-75:hover { --tw-transform: scale(0.75); }
.xl-focus-scale-75:focus { --tw-transform: scale(0.75); }
.xl-active-scale-75:active { --tw-transform: scale(0.75); }
.xl-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
.xl-scale-90 { --tw-transform: scale(0.9); }
.xl-hover-scale-90:hover { --tw-transform: scale(0.9); }
.xl-focus-scale-90:focus { --tw-transform: scale(0.9); }
.xl-active-scale-90:active { --tw-transform: scale(0.9); }
.xl-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
.xl-scale-100 { --tw-transform: scale(1); }
.xl-hover-scale-100:hover { --tw-transform: scale(1); }
.xl-focus-scale-100:focus { --tw-transform: scale(1); }
.xl-active-scale-100:active { --tw-transform: scale(1); }
.xl-disabled-scale-100:disabled { --tw-transform: scale(1); }
.xl-scale-105 { --tw-transform: scale(1.05); }
.xl-hover-scale-105:hover { --tw-transform: scale(1.05); }
.xl-focus-scale-105:focus { --tw-transform: scale(1.05); }
.xl-active-scale-105:active { --tw-transform: scale(1.05); }
.xl-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
.xl-scale-110 { --tw-transform: scale(1.1); }
.xl-hover-scale-110:hover { --tw-transform: scale(1.1); }
.xl-focus-scale-110:focus { --tw-transform: scale(1.1); }
.xl-active-scale-110:active { --tw-transform: scale(1.1); }
.xl-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
.xl-scale-125 { --tw-transform: scale(1.25); }
.xl-hover-scale-125:hover { --tw-transform: scale(1.25); }
.xl-focus-scale-125:focus { --tw-transform: scale(1.25); }
.xl-active-scale-125:active { --tw-transform: scale(1.25); }
.xl-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
.xl-scale-150 { --tw-transform: scale(1.5); }
.xl-hover-scale-150:hover { --tw-transform: scale(1.5); }
.xl-focus-scale-150:focus { --tw-transform: scale(1.5); }
.xl-active-scale-150:active { --tw-transform: scale(1.5); }
.xl-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
.xl-translate-x-0 { --tw-transform: translateX(0); }
.xl-hover-translate-x-0:hover { --tw-transform: translateX(0); }
.xl-focus-translate-x-0:focus { --tw-transform: translateX(0); }
.xl-active-translate-x-0:active { --tw-transform: translateX(0); }
.xl-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
.xl-translate-x-1 { --tw-transform: translateX(0.25rem); }
.xl-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
.xl-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
.xl-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
.xl-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
.xl-translate-x-2 { --tw-transform: translateX(0.5rem); }
.xl-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
.xl-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
.xl-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
.xl-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
.xl-translate-x-4 { --tw-transform: translateX(1rem); }
.xl-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
.xl-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
.xl-active-translate-x-4:active { --tw-transform: translateX(1rem); }
.xl-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
.xl-translate-x-8 { --tw-transform: translateX(2rem); }
.xl-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
.xl-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
.xl-active-translate-x-8:active { --tw-transform: translateX(2rem); }
.xl-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
.xl-translate-y-0 { --tw-transform: translateY(0); }
.xl-hover-translate-y-0:hover { --tw-transform: translateY(0); }
.xl-focus-translate-y-0:focus { --tw-transform: translateY(0); }
.xl-active-translate-y-0:active { --tw-transform: translateY(0); }
.xl-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
.xl-translate-y-1 { --tw-transform: translateY(0.25rem); }
.xl-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
.xl-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
.xl-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
.xl-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
.xl-translate-y-2 { --tw-transform: translateY(0.5rem); }
.xl-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
.xl-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
.xl-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
.xl-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
.xl-translate-y-4 { --tw-transform: translateY(1rem); }
.xl-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
.xl-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
.xl-active-translate-y-4:active { --tw-transform: translateY(1rem); }
.xl-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
.xl-translate-y-8 { --tw-transform: translateY(2rem); }
.xl-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
.xl-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
.xl-active-translate-y-8:active { --tw-transform: translateY(2rem); }
.xl-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
.xl-rotate-0 { --tw-transform: rotate(0deg); }
.xl-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
.xl-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
.xl-active-rotate-0:active { --tw-transform: rotate(0deg); }
.xl-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
.xl-rotate-45 { --tw-transform: rotate(45deg); }
.xl-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
.xl-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
.xl-active-rotate-45:active { --tw-transform: rotate(45deg); }
.xl-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
.xl-rotate-90 { --tw-transform: rotate(90deg); }
.xl-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
.xl-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
.xl-active-rotate-90:active { --tw-transform: rotate(90deg); }
.xl-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
.xl-rotate-180 { --tw-transform: rotate(180deg); }
.xl-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
.xl-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
.xl-active-rotate-180:active { --tw-transform: rotate(180deg); }
.xl-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
.xl-skew-x-0 { --tw-transform: skewX(0); }
.xl-hover-skew-x-0:hover { --tw-transform: skewX(0); }
.xl-focus-skew-x-0:focus { --tw-transform: skewX(0); }
.xl-active-skew-x-0:active { --tw-transform: skewX(0); }
.xl-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
.xl-skew-x-3 { --tw-transform: skewX(3deg); }
.xl-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
.xl-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
.xl-active-skew-x-3:active { --tw-transform: skewX(3deg); }
.xl-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
.xl-skew-x-6 { --tw-transform: skewX(6deg); }
.xl-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
.xl-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
.xl-active-skew-x-6:active { --tw-transform: skewX(6deg); }
.xl-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
.xl-skew-y-0 { --tw-transform: skewY(0); }
.xl-hover-skew-y-0:hover { --tw-transform: skewY(0); }
.xl-focus-skew-y-0:focus { --tw-transform: skewY(0); }
.xl-active-skew-y-0:active { --tw-transform: skewY(0); }
.xl-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
.xl-skew-y-3 { --tw-transform: skewY(3deg); }
.xl-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
.xl-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
.xl-active-skew-y-3:active { --tw-transform: skewY(3deg); }
.xl-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
.xl-skew-y-6 { --tw-transform: skewY(6deg); }
.xl-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
.xl-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
.xl-active-skew-y-6:active { --tw-transform: skewY(6deg); }
.xl-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
.xl-origin-center { transform-origin: center; }
.xl-hover-origin-center:hover { transform-origin: center; }
.xl-focus-origin-center:focus { transform-origin: center; }
.xl-active-origin-center:active { transform-origin: center; }
.xl-disabled-origin-center:disabled { transform-origin: center; }
.xl-origin-top { transform-origin: top; }
.xl-hover-origin-top:hover { transform-origin: top; }
.xl-focus-origin-top:focus { transform-origin: top; }
.xl-active-origin-top:active { transform-origin: top; }
.xl-disabled-origin-top:disabled { transform-origin: top; }
.xl-origin-right { transform-origin: right; }
.xl-hover-origin-right:hover { transform-origin: right; }
.xl-focus-origin-right:focus { transform-origin: right; }
.xl-active-origin-right:active { transform-origin: right; }
.xl-disabled-origin-right:disabled { transform-origin: right; }
.xl-origin-bottom { transform-origin: bottom; }
.xl-hover-origin-bottom:hover { transform-origin: bottom; }
.xl-focus-origin-bottom:focus { transform-origin: bottom; }
.xl-active-origin-bottom:active { transform-origin: bottom; }
.xl-disabled-origin-bottom:disabled { transform-origin: bottom; }
.xl-origin-left { transform-origin: left; }
.xl-hover-origin-left:hover { transform-origin: left; }
.xl-focus-origin-left:focus { transform-origin: left; }
.xl-active-origin-left:active { transform-origin: left; }
.xl-disabled-origin-left:disabled { transform-origin: left; }
.xl-perspective-none { perspective: none; }
.xl-hover-perspective-none:hover { perspective: none; }
.xl-focus-perspective-none:focus { perspective: none; }
.xl-active-perspective-none:active { perspective: none; }
.xl-disabled-perspective-none:disabled { perspective: none; }
.xl-perspective-sm { perspective: 400px; }
.xl-hover-perspective-sm:hover { perspective: 400px; }
.xl-focus-perspective-sm:focus { perspective: 400px; }
.xl-active-perspective-sm:active { perspective: 400px; }
.xl-disabled-perspective-sm:disabled { perspective: 400px; }
.xl-perspective-md { perspective: 800px; }
.xl-hover-perspective-md:hover { perspective: 800px; }
.xl-focus-perspective-md:focus { perspective: 800px; }
.xl-active-perspective-md:active { perspective: 800px; }
.xl-disabled-perspective-md:disabled { perspective: 800px; }
.xl-perspective-lg { perspective: 1200px; }
.xl-hover-perspective-lg:hover { perspective: 1200px; }
.xl-focus-perspective-lg:focus { perspective: 1200px; }
.xl-active-perspective-lg:active { perspective: 1200px; }
.xl-disabled-perspective-lg:disabled { perspective: 1200px; }
.xl-perspective-xl { perspective: 1600px; }
.xl-hover-perspective-xl:hover { perspective: 1600px; }
.xl-focus-perspective-xl:focus { perspective: 1600px; }
.xl-active-perspective-xl:active { perspective: 1600px; }
.xl-disabled-perspective-xl:disabled { perspective: 1600px; }
.xl-perspective-origin-center { perspective-origin: center; }
.xl-hover-perspective-origin-center:hover { perspective-origin: center; }
.xl-focus-perspective-origin-center:focus { perspective-origin: center; }
.xl-active-perspective-origin-center:active { perspective-origin: center; }
.xl-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.xl-perspective-origin-top { perspective-origin: top; }
.xl-hover-perspective-origin-top:hover { perspective-origin: top; }
.xl-focus-perspective-origin-top:focus { perspective-origin: top; }
.xl-active-perspective-origin-top:active { perspective-origin: top; }
.xl-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.xl-perspective-origin-left { perspective-origin: left; }
.xl-hover-perspective-origin-left:hover { perspective-origin: left; }
.xl-focus-perspective-origin-left:focus { perspective-origin: left; }
.xl-active-perspective-origin-left:active { perspective-origin: left; }
.xl-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.xl-perspective-origin-right { perspective-origin: right; }
.xl-hover-perspective-origin-right:hover { perspective-origin: right; }
.xl-focus-perspective-origin-right:focus { perspective-origin: right; }
.xl-active-perspective-origin-right:active { perspective-origin: right; }
.xl-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.xl-perspective-origin-bottom { perspective-origin: bottom; }
.xl-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.xl-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.xl-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.xl-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.xl-backface-visible { backface-visibility: visible; }
.xl-hover-backface-visible:hover { backface-visibility: visible; }
.xl-focus-backface-visible:focus { backface-visibility: visible; }
.xl-active-backface-visible:active { backface-visibility: visible; }
.xl-disabled-backface-visible:disabled { backface-visibility: visible; }
.xl-backface-hidden { backface-visibility: hidden; }
.xl-hover-backface-hidden:hover { backface-visibility: hidden; }
.xl-focus-backface-hidden:focus { backface-visibility: hidden; }
.xl-active-backface-hidden:active { backface-visibility: hidden; }
.xl-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.xl-transform-style-flat { transform-style: flat; }
.xl-hover-transform-style-flat:hover { transform-style: flat; }
.xl-focus-transform-style-flat:focus { transform-style: flat; }
.xl-active-transform-style-flat:active { transform-style: flat; }
.xl-disabled-transform-style-flat:disabled { transform-style: flat; }
.xl-transform-style-preserve { transform-style: preserve-3d; }
.xl-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
.xl-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
.xl-active-transform-style-preserve:active { transform-style: preserve-3d; }
.xl-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
.xl-filter-none { filter: none; }
.xl-hover-filter-none:hover { filter: none; }
.xl-focus-filter-none:focus { filter: none; }
.xl-active-filter-none:active { filter: none; }
.xl-disabled-filter-none:disabled { filter: none; }
.xl-filter-grayscale { filter: grayscale(100%); }
.xl-hover-filter-grayscale:hover { filter: grayscale(100%); }
.xl-focus-filter-grayscale:focus { filter: grayscale(100%); }
.xl-active-filter-grayscale:active { filter: grayscale(100%); }
.xl-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
.xl-filter-blur { filter: blur(4px); }
.xl-hover-filter-blur:hover { filter: blur(4px); }
.xl-focus-filter-blur:focus { filter: blur(4px); }
.xl-active-filter-blur:active { filter: blur(4px); }
.xl-disabled-filter-blur:disabled { filter: blur(4px); }
.xl-filter-brightness-50 { filter: brightness(0.5); }
.xl-hover-filter-brightness-50:hover { filter: brightness(0.5); }
.xl-focus-filter-brightness-50:focus { filter: brightness(0.5); }
.xl-active-filter-brightness-50:active { filter: brightness(0.5); }
.xl-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
.xl-filter-contrast-125 { filter: contrast(1.25); }
.xl-hover-filter-contrast-125:hover { filter: contrast(1.25); }
.xl-focus-filter-contrast-125:focus { filter: contrast(1.25); }
.xl-active-filter-contrast-125:active { filter: contrast(1.25); }
.xl-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
.xl-filter-saturate-150 { filter: saturate(1.5); }
.xl-hover-filter-saturate-150:hover { filter: saturate(1.5); }
.xl-focus-filter-saturate-150:focus { filter: saturate(1.5); }
.xl-active-filter-saturate-150:active { filter: saturate(1.5); }
.xl-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
.xl-filter-sepia { filter: sepia(100%); }
.xl-hover-filter-sepia:hover { filter: sepia(100%); }
.xl-focus-filter-sepia:focus { filter: sepia(100%); }
.xl-active-filter-sepia:active { filter: sepia(100%); }
.xl-disabled-filter-sepia:disabled { filter: sepia(100%); }
.xl-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
.xl-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.xl-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.xl-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
.xl-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.xl-backdrop-filter-none { backdrop-filter: none; }
.xl-hover-backdrop-filter-none:hover { backdrop-filter: none; }
.xl-focus-backdrop-filter-none:focus { backdrop-filter: none; }
.xl-active-backdrop-filter-none:active { backdrop-filter: none; }
.xl-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
.xl-backdrop-blur { backdrop-filter: blur(4px); }
.xl-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
.xl-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
.xl-active-backdrop-blur:active { backdrop-filter: blur(4px); }
.xl-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
.xl-bg-blend-normal { background-blend-mode: normal; }
.xl-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.xl-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.xl-active-bg-blend-normal:active { background-blend-mode: normal; }
.xl-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.xl-bg-blend-multiply { background-blend-mode: multiply; }
.xl-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.xl-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.xl-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.xl-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.xl-bg-blend-screen { background-blend-mode: screen; }
.xl-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.xl-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.xl-active-bg-blend-screen:active { background-blend-mode: screen; }
.xl-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.xl-bg-blend-overlay { background-blend-mode: overlay; }
.xl-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.xl-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.xl-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.xl-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.xl-bg-blend-darken { background-blend-mode: darken; }
.xl-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.xl-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.xl-active-bg-blend-darken:active { background-blend-mode: darken; }
.xl-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.xl-bg-blend-lighten { background-blend-mode: lighten; }
.xl-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.xl-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.xl-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.xl-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.xl-mix-blend-normal { mix-blend-mode: normal; }
.xl-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
.xl-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
.xl-active-mix-blend-normal:active { mix-blend-mode: normal; }
.xl-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
.xl-mix-blend-multiply { mix-blend-mode: multiply; }
.xl-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
.xl-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
.xl-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
.xl-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
.xl-mix-blend-screen { mix-blend-mode: screen; }
.xl-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
.xl-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
.xl-active-mix-blend-screen:active { mix-blend-mode: screen; }
.xl-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
.xl-mix-blend-overlay { mix-blend-mode: overlay; }
.xl-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
.xl-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
.xl-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
.xl-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
.xl-decoration-slice { box-decoration-break: slice; }
.xl-hover-decoration-slice:hover { box-decoration-break: slice; }
.xl-focus-decoration-slice:focus { box-decoration-break: slice; }
.xl-active-decoration-slice:active { box-decoration-break: slice; }
.xl-disabled-decoration-slice:disabled { box-decoration-break: slice; }
.xl-decoration-clone { box-decoration-break: clone; }
.xl-hover-decoration-clone:hover { box-decoration-break: clone; }
.xl-focus-decoration-clone:focus { box-decoration-break: clone; }
.xl-active-decoration-clone:active { box-decoration-break: clone; }
.xl-disabled-decoration-clone:disabled { box-decoration-break: clone; }
.xl-box-border { box-sizing: border-box; }
.xl-hover-box-border:hover { box-sizing: border-box; }
.xl-focus-box-border:focus { box-sizing: border-box; }
.xl-active-box-border:active { box-sizing: border-box; }
.xl-disabled-box-border:disabled { box-sizing: border-box; }
.xl-box-content { box-sizing: content-box; }
.xl-hover-box-content:hover { box-sizing: content-box; }
.xl-focus-box-content:focus { box-sizing: content-box; }
.xl-active-box-content:active { box-sizing: content-box; }
.xl-disabled-box-content:disabled { box-sizing: content-box; }
.xl-clip-none { clip-path: none; }
.xl-hover-clip-none:hover { clip-path: none; }
.xl-focus-clip-none:focus { clip-path: none; }
.xl-active-clip-none:active { clip-path: none; }
.xl-disabled-clip-none:disabled { clip-path: none; }
.xl-clip-circle { clip-path: circle(50%); }
.xl-hover-clip-circle:hover { clip-path: circle(50%); }
.xl-focus-clip-circle:focus { clip-path: circle(50%); }
.xl-active-clip-circle:active { clip-path: circle(50%); }
.xl-disabled-clip-circle:disabled { clip-path: circle(50%); }
.xl-clip-ellipse { clip-path: ellipse(50% 75%); }
.xl-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
.xl-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
.xl-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
.xl-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
.xl-clip-inset { clip-path: inset(10%); }
.xl-hover-clip-inset:hover { clip-path: inset(10%); }
.xl-focus-clip-inset:focus { clip-path: inset(10%); }
.xl-active-clip-inset:active { clip-path: inset(10%); }
.xl-disabled-clip-inset:disabled { clip-path: inset(10%); }
.xl-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.xl-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.xl-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.xl-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.xl-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.xl-outline-none { outline: none; }
.xl-hover-outline-none:hover { outline: none; }
.xl-focus-outline-none:focus { outline: none; }
.xl-active-outline-none:active { outline: none; }
.xl-disabled-outline-none:disabled { outline: none; }
.xl-outline-solid { outline-style: solid; }
.xl-hover-outline-solid:hover { outline-style: solid; }
.xl-focus-outline-solid:focus { outline-style: solid; }
.xl-active-outline-solid:active { outline-style: solid; }
.xl-disabled-outline-solid:disabled { outline-style: solid; }
.xl-outline-dashed { outline-style: dashed; }
.xl-hover-outline-dashed:hover { outline-style: dashed; }
.xl-focus-outline-dashed:focus { outline-style: dashed; }
.xl-active-outline-dashed:active { outline-style: dashed; }
.xl-disabled-outline-dashed:disabled { outline-style: dashed; }
.xl-outline-offset-0 { outline-offset: 0; }
.xl-hover-outline-offset-0:hover { outline-offset: 0; }
.xl-focus-outline-offset-0:focus { outline-offset: 0; }
.xl-active-outline-offset-0:active { outline-offset: 0; }
.xl-disabled-outline-offset-0:disabled { outline-offset: 0; }
.xl-outline-offset-2 { outline-offset: 2px; }
.xl-hover-outline-offset-2:hover { outline-offset: 2px; }
.xl-focus-outline-offset-2:focus { outline-offset: 2px; }
.xl-active-outline-offset-2:active { outline-offset: 2px; }
.xl-disabled-outline-offset-2:disabled { outline-offset: 2px; }
.xl-outline-offset-4 { outline-offset: 4px; }
.xl-hover-outline-offset-4:hover { outline-offset: 4px; }
.xl-focus-outline-offset-4:focus { outline-offset: 4px; }
.xl-active-outline-offset-4:active { outline-offset: 4px; }
.xl-disabled-outline-offset-4:disabled { outline-offset: 4px; }
.xl-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.xl-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.xl-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.xl-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.xl-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.xl-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.xl-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.xl-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.xl-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.xl-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.xl-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.xl-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.xl-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.xl-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.xl-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.xl-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.xl-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.xl-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.xl-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.xl-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.xl-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.xl-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.xl-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.xl-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.xl-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.xl-shadow-none { box-shadow: none; }
.xl-hover-shadow-none:hover { box-shadow: none; }
.xl-focus-shadow-none:focus { box-shadow: none; }
.xl-active-shadow-none:active { box-shadow: none; }
.xl-disabled-shadow-none:disabled { box-shadow: none; }
.xl-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.xl-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.xl-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.xl-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.xl-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.xl-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.xl-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.xl-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.xl-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.xl-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.xl-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.xl-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.xl-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.xl-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.xl-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.xl-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.xl-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.xl-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.xl-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.xl-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.xl-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.xl-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.xl-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.xl-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.xl-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.xl-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.xl-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.xl-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.xl-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.xl-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.xl-accent-auto { accent-color: auto; }
.xl-hover-accent-auto:hover { accent-color: auto; }
.xl-focus-accent-auto:focus { accent-color: auto; }
.xl-active-accent-auto:active { accent-color: auto; }
.xl-disabled-accent-auto:disabled { accent-color: auto; }
.xl-accent-current { accent-color: currentColor; }
.xl-hover-accent-current:hover { accent-color: currentColor; }
.xl-focus-accent-current:focus { accent-color: currentColor; }
.xl-active-accent-current:active { accent-color: currentColor; }
.xl-disabled-accent-current:disabled { accent-color: currentColor; }
.xl-appearance-none { appearance: none; }
.xl-hover-appearance-none:hover { appearance: none; }
.xl-focus-appearance-none:focus { appearance: none; }
.xl-active-appearance-none:active { appearance: none; }
.xl-disabled-appearance-none:disabled { appearance: none; }
.xl-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.xl-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.xl-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.xl-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.xl-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.xl-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.xl-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.xl-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.xl-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.xl-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.xl-cursor-auto { cursor: auto; }
.xl-hover-cursor-auto:hover { cursor: auto; }
.xl-focus-cursor-auto:focus { cursor: auto; }
.xl-active-cursor-auto:active { cursor: auto; }
.xl-disabled-cursor-auto:disabled { cursor: auto; }
.xl-cursor-pointer { cursor: pointer; }
.xl-hover-cursor-pointer:hover { cursor: pointer; }
.xl-focus-cursor-pointer:focus { cursor: pointer; }
.xl-active-cursor-pointer:active { cursor: pointer; }
.xl-disabled-cursor-pointer:disabled { cursor: pointer; }
.xl-cursor-default { cursor: default; }
.xl-hover-cursor-default:hover { cursor: default; }
.xl-focus-cursor-default:focus { cursor: default; }
.xl-active-cursor-default:active { cursor: default; }
.xl-disabled-cursor-default:disabled { cursor: default; }
.xl-cursor-wait { cursor: wait; }
.xl-hover-cursor-wait:hover { cursor: wait; }
.xl-focus-cursor-wait:focus { cursor: wait; }
.xl-active-cursor-wait:active { cursor: wait; }
.xl-disabled-cursor-wait:disabled { cursor: wait; }
.xl-cursor-text { cursor: text; }
.xl-hover-cursor-text:hover { cursor: text; }
.xl-focus-cursor-text:focus { cursor: text; }
.xl-active-cursor-text:active { cursor: text; }
.xl-disabled-cursor-text:disabled { cursor: text; }
.xl-cursor-move { cursor: move; }
.xl-hover-cursor-move:hover { cursor: move; }
.xl-focus-cursor-move:focus { cursor: move; }
.xl-active-cursor-move:active { cursor: move; }
.xl-disabled-cursor-move:disabled { cursor: move; }
.xl-cursor-not-allowed { cursor: not-allowed; }
.xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.xl-active-cursor-not-allowed:active { cursor: not-allowed; }
.xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.xl-pointer-events-auto { pointer-events: auto; }
.xl-hover-pointer-events-auto:hover { pointer-events: auto; }
.xl-focus-pointer-events-auto:focus { pointer-events: auto; }
.xl-active-pointer-events-auto:active { pointer-events: auto; }
.xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.xl-pointer-events-none { pointer-events: none; }
.xl-hover-pointer-events-none:hover { pointer-events: none; }
.xl-focus-pointer-events-none:focus { pointer-events: none; }
.xl-active-pointer-events-none:active { pointer-events: none; }
.xl-disabled-pointer-events-none:disabled { pointer-events: none; }
.xl-resize-none { resize: none; }
.xl-hover-resize-none:hover { resize: none; }
.xl-focus-resize-none:focus { resize: none; }
.xl-active-resize-none:active { resize: none; }
.xl-disabled-resize-none:disabled { resize: none; }
.xl-resize-y { resize: vertical; }
.xl-hover-resize-y:hover { resize: vertical; }
.xl-focus-resize-y:focus { resize: vertical; }
.xl-active-resize-y:active { resize: vertical; }
.xl-disabled-resize-y:disabled { resize: vertical; }
.xl-resize-x { resize: horizontal; }
.xl-hover-resize-x:hover { resize: horizontal; }
.xl-focus-resize-x:focus { resize: horizontal; }
.xl-active-resize-x:active { resize: horizontal; }
.xl-disabled-resize-x:disabled { resize: horizontal; }
.xl-resize { resize: both; }
.xl-hover-resize:hover { resize: both; }
.xl-focus-resize:focus { resize: both; }
.xl-active-resize:active { resize: both; }
.xl-disabled-resize:disabled { resize: both; }
.xl-scroll-auto { scroll-behavior: auto; }
.xl-hover-scroll-auto:hover { scroll-behavior: auto; }
.xl-focus-scroll-auto:focus { scroll-behavior: auto; }
.xl-active-scroll-auto:active { scroll-behavior: auto; }
.xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.xl-scroll-smooth { scroll-behavior: smooth; }
.xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.xl-active-scroll-smooth:active { scroll-behavior: smooth; }
.xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.xl-scroll-m-0 { scroll-margin: 0; }
.xl-hover-scroll-m-0:hover { scroll-margin: 0; }
.xl-focus-scroll-m-0:focus { scroll-margin: 0; }
.xl-active-scroll-m-0:active { scroll-margin: 0; }
.xl-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.xl-scroll-m-1 { scroll-margin: 0.25rem; }
.xl-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.xl-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.xl-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.xl-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.xl-scroll-m-2 { scroll-margin: 0.5rem; }
.xl-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.xl-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.xl-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.xl-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.xl-scroll-m-4 { scroll-margin: 1rem; }
.xl-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.xl-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.xl-active-scroll-m-4:active { scroll-margin: 1rem; }
.xl-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.xl-scroll-m-8 { scroll-margin: 2rem; }
.xl-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.xl-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.xl-active-scroll-m-8:active { scroll-margin: 2rem; }
.xl-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.xl-scroll-p-0 { scroll-padding: 0; }
.xl-hover-scroll-p-0:hover { scroll-padding: 0; }
.xl-focus-scroll-p-0:focus { scroll-padding: 0; }
.xl-active-scroll-p-0:active { scroll-padding: 0; }
.xl-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.xl-scroll-p-1 { scroll-padding: 0.25rem; }
.xl-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.xl-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.xl-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.xl-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.xl-scroll-p-2 { scroll-padding: 0.5rem; }
.xl-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.xl-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.xl-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.xl-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.xl-scroll-p-4 { scroll-padding: 1rem; }
.xl-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.xl-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.xl-active-scroll-p-4:active { scroll-padding: 1rem; }
.xl-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.xl-scroll-p-8 { scroll-padding: 2rem; }
.xl-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.xl-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.xl-active-scroll-p-8:active { scroll-padding: 2rem; }
.xl-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.xl-touch-auto { touch-action: auto; }
.xl-hover-touch-auto:hover { touch-action: auto; }
.xl-focus-touch-auto:focus { touch-action: auto; }
.xl-active-touch-auto:active { touch-action: auto; }
.xl-disabled-touch-auto:disabled { touch-action: auto; }
.xl-touch-none { touch-action: none; }
.xl-hover-touch-none:hover { touch-action: none; }
.xl-focus-touch-none:focus { touch-action: none; }
.xl-active-touch-none:active { touch-action: none; }
.xl-disabled-touch-none:disabled { touch-action: none; }
.xl-touch-pan-x { touch-action: pan-x; }
.xl-hover-touch-pan-x:hover { touch-action: pan-x; }
.xl-focus-touch-pan-x:focus { touch-action: pan-x; }
.xl-active-touch-pan-x:active { touch-action: pan-x; }
.xl-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.xl-touch-pan-y { touch-action: pan-y; }
.xl-hover-touch-pan-y:hover { touch-action: pan-y; }
.xl-focus-touch-pan-y:focus { touch-action: pan-y; }
.xl-active-touch-pan-y:active { touch-action: pan-y; }
.xl-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.xl-touch-manipulation { touch-action: manipulation; }
.xl-hover-touch-manipulation:hover { touch-action: manipulation; }
.xl-focus-touch-manipulation:focus { touch-action: manipulation; }
.xl-active-touch-manipulation:active { touch-action: manipulation; }
.xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.xl-select-none { user-select: none; }
.xl-hover-select-none:hover { user-select: none; }
.xl-focus-select-none:focus { user-select: none; }
.xl-active-select-none:active { user-select: none; }
.xl-disabled-select-none:disabled { user-select: none; }
.xl-select-text { user-select: text; }
.xl-hover-select-text:hover { user-select: text; }
.xl-focus-select-text:focus { user-select: text; }
.xl-active-select-text:active { user-select: text; }
.xl-disabled-select-text:disabled { user-select: text; }
.xl-select-all { user-select: all; }
.xl-hover-select-all:hover { user-select: all; }
.xl-focus-select-all:focus { user-select: all; }
.xl-active-select-all:active { user-select: all; }
.xl-disabled-select-all:disabled { user-select: all; }
.xl-select-auto { user-select: auto; }
.xl-hover-select-auto:hover { user-select: auto; }
.xl-focus-select-auto:focus { user-select: auto; }
.xl-active-select-auto:active { user-select: auto; }
.xl-disabled-select-auto:disabled { user-select: auto; }
.xl-will-change-auto { will-change: auto; }
.xl-hover-will-change-auto:hover { will-change: auto; }
.xl-focus-will-change-auto:focus { will-change: auto; }
.xl-active-will-change-auto:active { will-change: auto; }
.xl-disabled-will-change-auto:disabled { will-change: auto; }
.xl-will-change-scroll { will-change: scroll-position; }
.xl-hover-will-change-scroll:hover { will-change: scroll-position; }
.xl-focus-will-change-scroll:focus { will-change: scroll-position; }
.xl-active-will-change-scroll:active { will-change: scroll-position; }
.xl-disabled-will-change-scroll:disabled { will-change: scroll-position; }
.xl-will-change-transform { will-change: transform; }
.xl-hover-will-change-transform:hover { will-change: transform; }
.xl-focus-will-change-transform:focus { will-change: transform; }
.xl-active-will-change-transform:active { will-change: transform; }
.xl-disabled-will-change-transform:disabled { will-change: transform; }
.xl-will-change-opacity { will-change: opacity; }
.xl-hover-will-change-opacity:hover { will-change: opacity; }
.xl-focus-will-change-opacity:focus { will-change: opacity; }
.xl-active-will-change-opacity:active { will-change: opacity; }
.xl-disabled-will-change-opacity:disabled { will-change: opacity; }
.xl-bg-primary { background-color: var(--quanta-primary); }
.xl-hover-bg-primary:hover { background-color: var(--quanta-primary); }
.xl-focus-bg-primary:focus { background-color: var(--quanta-primary); }
.xl-active-bg-primary:active { background-color: var(--quanta-primary); }
.xl-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
.xl-bg-secondary { background-color: var(--quanta-bg-secondary); }
.xl-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
.xl-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
.xl-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
.xl-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
.xl-bg-success { background-color: var(--quanta-bg-success); }
.xl-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
.xl-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
.xl-active-bg-success:active { background-color: var(--quanta-bg-success); }
.xl-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
.xl-bg-warning { background-color: var(--quanta-bg-warning); }
.xl-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
.xl-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
.xl-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
.xl-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
.xl-bg-danger { background-color: var(--quanta-bg-danger); }
.xl-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
.xl-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
.xl-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
.xl-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
.xl-bg-info { background-color: var(--quanta-bg-info); }
.xl-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
.xl-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
.xl-active-bg-info:active { background-color: var(--quanta-bg-info); }
.xl-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
.xl-text-primary { color: var(--quanta-primary); }
.xl-hover-text-primary:hover { color: var(--quanta-primary); }
.xl-focus-text-primary:focus { color: var(--quanta-primary); }
.xl-active-text-primary:active { color: var(--quanta-primary); }
.xl-disabled-text-primary:disabled { color: var(--quanta-primary); }
.xl-text-secondary { color: var(--quanta-text-secondary); }
.xl-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
.xl-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
.xl-active-text-secondary:active { color: var(--quanta-text-secondary); }
.xl-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
.xl-text-success { color: var(--quanta-text-success); }
.xl-hover-text-success:hover { color: var(--quanta-text-success); }
.xl-focus-text-success:focus { color: var(--quanta-text-success); }
.xl-active-text-success:active { color: var(--quanta-text-success); }
.xl-disabled-text-success:disabled { color: var(--quanta-text-success); }
.xl-text-warning { color: var(--quanta-text-warning); }
.xl-hover-text-warning:hover { color: var(--quanta-text-warning); }
.xl-focus-text-warning:focus { color: var(--quanta-text-warning); }
.xl-active-text-warning:active { color: var(--quanta-text-warning); }
.xl-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
.xl-text-danger { color: var(--quanta-text-danger); }
.xl-hover-text-danger:hover { color: var(--quanta-text-danger); }
.xl-focus-text-danger:focus { color: var(--quanta-text-danger); }
.xl-active-text-danger:active { color: var(--quanta-text-danger); }
.xl-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
.xl-text-info { color: var(--quanta-text-info); }
.xl-hover-text-info:hover { color: var(--quanta-text-info); }
.xl-focus-text-info:focus { color: var(--quanta-text-info); }
.xl-active-text-info:active { color: var(--quanta-text-info); }
.xl-disabled-text-info:disabled { color: var(--quanta-text-info); }
.xl-border-primary { border-color: var(--quanta-primary); }
.xl-hover-border-primary:hover { border-color: var(--quanta-primary); }
.xl-focus-border-primary:focus { border-color: var(--quanta-primary); }
.xl-active-border-primary:active { border-color: var(--quanta-primary); }
.xl-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
.xl-border-secondary { border-color: var(--quanta-border-secondary); }
.xl-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
.xl-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
.xl-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
.xl-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
.xl-border-success { border-color: var(--quanta-border-success); }
.xl-hover-border-success:hover { border-color: var(--quanta-border-success); }
.xl-focus-border-success:focus { border-color: var(--quanta-border-success); }
.xl-active-border-success:active { border-color: var(--quanta-border-success); }
.xl-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
.xl-border-warning { border-color: var(--quanta-border-warning); }
.xl-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
.xl-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
.xl-active-border-warning:active { border-color: var(--quanta-border-warning); }
.xl-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
.xl-border-danger { border-color: var(--quanta-border-danger); }
.xl-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
.xl-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
.xl-active-border-danger:active { border-color: var(--quanta-border-danger); }
.xl-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
.xl-border-info { border-color: var(--quanta-border-info); }
.xl-hover-border-info:hover { border-color: var(--quanta-border-info); }
.xl-focus-border-info:focus { border-color: var(--quanta-border-info); }
.xl-active-border-info:active { border-color: var(--quanta-border-info); }
.xl-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
}
@media (min-width: 1536px) {
.uw-p-auto { padding: auto; }
.uw-hover-p-auto:hover { padding: auto; }
.uw-focus-p-auto:focus { padding: auto; }
.uw-active-p-auto:active { padding: auto; }
.uw-disabled-p-auto:disabled { padding: auto; }
.uw-p-0 { padding: 0; }
.uw-hover-p-0:hover { padding: 0; }
.uw-focus-p-0:focus { padding: 0; }
.uw-active-p-0:active { padding: 0; }
.uw-disabled-p-0:disabled { padding: 0; }
.uw-p-1 { padding: 0.25rem; }
.uw-hover-p-1:hover { padding: 0.25rem; }
.uw-focus-p-1:focus { padding: 0.25rem; }
.uw-active-p-1:active { padding: 0.25rem; }
.uw-disabled-p-1:disabled { padding: 0.25rem; }
.uw-p-2 { padding: 0.5rem; }
.uw-hover-p-2:hover { padding: 0.5rem; }
.uw-focus-p-2:focus { padding: 0.5rem; }
.uw-active-p-2:active { padding: 0.5rem; }
.uw-disabled-p-2:disabled { padding: 0.5rem; }
.uw-p-3 { padding: 0.75rem; }
.uw-hover-p-3:hover { padding: 0.75rem; }
.uw-focus-p-3:focus { padding: 0.75rem; }
.uw-active-p-3:active { padding: 0.75rem; }
.uw-disabled-p-3:disabled { padding: 0.75rem; }
.uw-p-4 { padding: 1rem; }
.uw-hover-p-4:hover { padding: 1rem; }
.uw-focus-p-4:focus { padding: 1rem; }
.uw-active-p-4:active { padding: 1rem; }
.uw-disabled-p-4:disabled { padding: 1rem; }
.uw-p-5 { padding: 1.25rem; }
.uw-hover-p-5:hover { padding: 1.25rem; }
.uw-focus-p-5:focus { padding: 1.25rem; }
.uw-active-p-5:active { padding: 1.25rem; }
.uw-disabled-p-5:disabled { padding: 1.25rem; }
.uw-p-6 { padding: 1.5rem; }
.uw-hover-p-6:hover { padding: 1.5rem; }
.uw-focus-p-6:focus { padding: 1.5rem; }
.uw-active-p-6:active { padding: 1.5rem; }
.uw-disabled-p-6:disabled { padding: 1.5rem; }
.uw-p-8 { padding: 2rem; }
.uw-hover-p-8:hover { padding: 2rem; }
.uw-focus-p-8:focus { padding: 2rem; }
.uw-active-p-8:active { padding: 2rem; }
.uw-disabled-p-8:disabled { padding: 2rem; }
.uw-p-10 { padding: 2.5rem; }
.uw-hover-p-10:hover { padding: 2.5rem; }
.uw-focus-p-10:focus { padding: 2.5rem; }
.uw-active-p-10:active { padding: 2.5rem; }
.uw-disabled-p-10:disabled { padding: 2.5rem; }
.uw-p-12 { padding: 3rem; }
.uw-hover-p-12:hover { padding: 3rem; }
.uw-focus-p-12:focus { padding: 3rem; }
.uw-active-p-12:active { padding: 3rem; }
.uw-disabled-p-12:disabled { padding: 3rem; }
.uw-p-16 { padding: 4rem; }
.uw-hover-p-16:hover { padding: 4rem; }
.uw-focus-p-16:focus { padding: 4rem; }
.uw-active-p-16:active { padding: 4rem; }
.uw-disabled-p-16:disabled { padding: 4rem; }
.uw-p-20 { padding: 5rem; }
.uw-hover-p-20:hover { padding: 5rem; }
.uw-focus-p-20:focus { padding: 5rem; }
.uw-active-p-20:active { padding: 5rem; }
.uw-disabled-p-20:disabled { padding: 5rem; }
.uw-p-24 { padding: 6rem; }
.uw-hover-p-24:hover { padding: 6rem; }
.uw-focus-p-24:focus { padding: 6rem; }
.uw-active-p-24:active { padding: 6rem; }
.uw-disabled-p-24:disabled { padding: 6rem; }
.uw-p-28 { padding: 7rem; }
.uw-hover-p-28:hover { padding: 7rem; }
.uw-focus-p-28:focus { padding: 7rem; }
.uw-active-p-28:active { padding: 7rem; }
.uw-disabled-p-28:disabled { padding: 7rem; }
.uw-p-32 { padding: 8rem; }
.uw-hover-p-32:hover { padding: 8rem; }
.uw-focus-p-32:focus { padding: 8rem; }
.uw-active-p-32:active { padding: 8rem; }
.uw-disabled-p-32:disabled { padding: 8rem; }
.uw-pt-auto { padding-top: auto; }
.uw-hover-pt-auto:hover { padding-top: auto; }
.uw-focus-pt-auto:focus { padding-top: auto; }
.uw-active-pt-auto:active { padding-top: auto; }
.uw-disabled-pt-auto:disabled { padding-top: auto; }
.uw-pt-0 { padding-top: 0; }
.uw-hover-pt-0:hover { padding-top: 0; }
.uw-focus-pt-0:focus { padding-top: 0; }
.uw-active-pt-0:active { padding-top: 0; }
.uw-disabled-pt-0:disabled { padding-top: 0; }
.uw-pt-1 { padding-top: 0.25rem; }
.uw-hover-pt-1:hover { padding-top: 0.25rem; }
.uw-focus-pt-1:focus { padding-top: 0.25rem; }
.uw-active-pt-1:active { padding-top: 0.25rem; }
.uw-disabled-pt-1:disabled { padding-top: 0.25rem; }
.uw-pt-2 { padding-top: 0.5rem; }
.uw-hover-pt-2:hover { padding-top: 0.5rem; }
.uw-focus-pt-2:focus { padding-top: 0.5rem; }
.uw-active-pt-2:active { padding-top: 0.5rem; }
.uw-disabled-pt-2:disabled { padding-top: 0.5rem; }
.uw-pt-3 { padding-top: 0.75rem; }
.uw-hover-pt-3:hover { padding-top: 0.75rem; }
.uw-focus-pt-3:focus { padding-top: 0.75rem; }
.uw-active-pt-3:active { padding-top: 0.75rem; }
.uw-disabled-pt-3:disabled { padding-top: 0.75rem; }
.uw-pt-4 { padding-top: 1rem; }
.uw-hover-pt-4:hover { padding-top: 1rem; }
.uw-focus-pt-4:focus { padding-top: 1rem; }
.uw-active-pt-4:active { padding-top: 1rem; }
.uw-disabled-pt-4:disabled { padding-top: 1rem; }
.uw-pt-5 { padding-top: 1.25rem; }
.uw-hover-pt-5:hover { padding-top: 1.25rem; }
.uw-focus-pt-5:focus { padding-top: 1.25rem; }
.uw-active-pt-5:active { padding-top: 1.25rem; }
.uw-disabled-pt-5:disabled { padding-top: 1.25rem; }
.uw-pt-6 { padding-top: 1.5rem; }
.uw-hover-pt-6:hover { padding-top: 1.5rem; }
.uw-focus-pt-6:focus { padding-top: 1.5rem; }
.uw-active-pt-6:active { padding-top: 1.5rem; }
.uw-disabled-pt-6:disabled { padding-top: 1.5rem; }
.uw-pt-8 { padding-top: 2rem; }
.uw-hover-pt-8:hover { padding-top: 2rem; }
.uw-focus-pt-8:focus { padding-top: 2rem; }
.uw-active-pt-8:active { padding-top: 2rem; }
.uw-disabled-pt-8:disabled { padding-top: 2rem; }
.uw-pt-10 { padding-top: 2.5rem; }
.uw-hover-pt-10:hover { padding-top: 2.5rem; }
.uw-focus-pt-10:focus { padding-top: 2.5rem; }
.uw-active-pt-10:active { padding-top: 2.5rem; }
.uw-disabled-pt-10:disabled { padding-top: 2.5rem; }
.uw-pt-12 { padding-top: 3rem; }
.uw-hover-pt-12:hover { padding-top: 3rem; }
.uw-focus-pt-12:focus { padding-top: 3rem; }
.uw-active-pt-12:active { padding-top: 3rem; }
.uw-disabled-pt-12:disabled { padding-top: 3rem; }
.uw-pt-16 { padding-top: 4rem; }
.uw-hover-pt-16:hover { padding-top: 4rem; }
.uw-focus-pt-16:focus { padding-top: 4rem; }
.uw-active-pt-16:active { padding-top: 4rem; }
.uw-disabled-pt-16:disabled { padding-top: 4rem; }
.uw-pt-20 { padding-top: 5rem; }
.uw-hover-pt-20:hover { padding-top: 5rem; }
.uw-focus-pt-20:focus { padding-top: 5rem; }
.uw-active-pt-20:active { padding-top: 5rem; }
.uw-disabled-pt-20:disabled { padding-top: 5rem; }
.uw-pt-24 { padding-top: 6rem; }
.uw-hover-pt-24:hover { padding-top: 6rem; }
.uw-focus-pt-24:focus { padding-top: 6rem; }
.uw-active-pt-24:active { padding-top: 6rem; }
.uw-disabled-pt-24:disabled { padding-top: 6rem; }
.uw-pt-28 { padding-top: 7rem; }
.uw-hover-pt-28:hover { padding-top: 7rem; }
.uw-focus-pt-28:focus { padding-top: 7rem; }
.uw-active-pt-28:active { padding-top: 7rem; }
.uw-disabled-pt-28:disabled { padding-top: 7rem; }
.uw-pt-32 { padding-top: 8rem; }
.uw-hover-pt-32:hover { padding-top: 8rem; }
.uw-focus-pt-32:focus { padding-top: 8rem; }
.uw-active-pt-32:active { padding-top: 8rem; }
.uw-disabled-pt-32:disabled { padding-top: 8rem; }
.uw-pb-auto { padding-bottom: auto; }
.uw-hover-pb-auto:hover { padding-bottom: auto; }
.uw-focus-pb-auto:focus { padding-bottom: auto; }
.uw-active-pb-auto:active { padding-bottom: auto; }
.uw-disabled-pb-auto:disabled { padding-bottom: auto; }
.uw-pb-0 { padding-bottom: 0; }
.uw-hover-pb-0:hover { padding-bottom: 0; }
.uw-focus-pb-0:focus { padding-bottom: 0; }
.uw-active-pb-0:active { padding-bottom: 0; }
.uw-disabled-pb-0:disabled { padding-bottom: 0; }
.uw-pb-1 { padding-bottom: 0.25rem; }
.uw-hover-pb-1:hover { padding-bottom: 0.25rem; }
.uw-focus-pb-1:focus { padding-bottom: 0.25rem; }
.uw-active-pb-1:active { padding-bottom: 0.25rem; }
.uw-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
.uw-pb-2 { padding-bottom: 0.5rem; }
.uw-hover-pb-2:hover { padding-bottom: 0.5rem; }
.uw-focus-pb-2:focus { padding-bottom: 0.5rem; }
.uw-active-pb-2:active { padding-bottom: 0.5rem; }
.uw-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
.uw-pb-3 { padding-bottom: 0.75rem; }
.uw-hover-pb-3:hover { padding-bottom: 0.75rem; }
.uw-focus-pb-3:focus { padding-bottom: 0.75rem; }
.uw-active-pb-3:active { padding-bottom: 0.75rem; }
.uw-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
.uw-pb-4 { padding-bottom: 1rem; }
.uw-hover-pb-4:hover { padding-bottom: 1rem; }
.uw-focus-pb-4:focus { padding-bottom: 1rem; }
.uw-active-pb-4:active { padding-bottom: 1rem; }
.uw-disabled-pb-4:disabled { padding-bottom: 1rem; }
.uw-pb-5 { padding-bottom: 1.25rem; }
.uw-hover-pb-5:hover { padding-bottom: 1.25rem; }
.uw-focus-pb-5:focus { padding-bottom: 1.25rem; }
.uw-active-pb-5:active { padding-bottom: 1.25rem; }
.uw-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
.uw-pb-6 { padding-bottom: 1.5rem; }
.uw-hover-pb-6:hover { padding-bottom: 1.5rem; }
.uw-focus-pb-6:focus { padding-bottom: 1.5rem; }
.uw-active-pb-6:active { padding-bottom: 1.5rem; }
.uw-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
.uw-pb-8 { padding-bottom: 2rem; }
.uw-hover-pb-8:hover { padding-bottom: 2rem; }
.uw-focus-pb-8:focus { padding-bottom: 2rem; }
.uw-active-pb-8:active { padding-bottom: 2rem; }
.uw-disabled-pb-8:disabled { padding-bottom: 2rem; }
.uw-pb-10 { padding-bottom: 2.5rem; }
.uw-hover-pb-10:hover { padding-bottom: 2.5rem; }
.uw-focus-pb-10:focus { padding-bottom: 2.5rem; }
.uw-active-pb-10:active { padding-bottom: 2.5rem; }
.uw-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
.uw-pb-12 { padding-bottom: 3rem; }
.uw-hover-pb-12:hover { padding-bottom: 3rem; }
.uw-focus-pb-12:focus { padding-bottom: 3rem; }
.uw-active-pb-12:active { padding-bottom: 3rem; }
.uw-disabled-pb-12:disabled { padding-bottom: 3rem; }
.uw-pb-16 { padding-bottom: 4rem; }
.uw-hover-pb-16:hover { padding-bottom: 4rem; }
.uw-focus-pb-16:focus { padding-bottom: 4rem; }
.uw-active-pb-16:active { padding-bottom: 4rem; }
.uw-disabled-pb-16:disabled { padding-bottom: 4rem; }
.uw-pb-20 { padding-bottom: 5rem; }
.uw-hover-pb-20:hover { padding-bottom: 5rem; }
.uw-focus-pb-20:focus { padding-bottom: 5rem; }
.uw-active-pb-20:active { padding-bottom: 5rem; }
.uw-disabled-pb-20:disabled { padding-bottom: 5rem; }
.uw-pb-24 { padding-bottom: 6rem; }
.uw-hover-pb-24:hover { padding-bottom: 6rem; }
.uw-focus-pb-24:focus { padding-bottom: 6rem; }
.uw-active-pb-24:active { padding-bottom: 6rem; }
.uw-disabled-pb-24:disabled { padding-bottom: 6rem; }
.uw-pb-28 { padding-bottom: 7rem; }
.uw-hover-pb-28:hover { padding-bottom: 7rem; }
.uw-focus-pb-28:focus { padding-bottom: 7rem; }
.uw-active-pb-28:active { padding-bottom: 7rem; }
.uw-disabled-pb-28:disabled { padding-bottom: 7rem; }
.uw-pb-32 { padding-bottom: 8rem; }
.uw-hover-pb-32:hover { padding-bottom: 8rem; }
.uw-focus-pb-32:focus { padding-bottom: 8rem; }
.uw-active-pb-32:active { padding-bottom: 8rem; }
.uw-disabled-pb-32:disabled { padding-bottom: 8rem; }
.uw-pl-auto { padding-left: auto; }
.uw-hover-pl-auto:hover { padding-left: auto; }
.uw-focus-pl-auto:focus { padding-left: auto; }
.uw-active-pl-auto:active { padding-left: auto; }
.uw-disabled-pl-auto:disabled { padding-left: auto; }
.uw-pl-0 { padding-left: 0; }
.uw-hover-pl-0:hover { padding-left: 0; }
.uw-focus-pl-0:focus { padding-left: 0; }
.uw-active-pl-0:active { padding-left: 0; }
.uw-disabled-pl-0:disabled { padding-left: 0; }
.uw-pl-1 { padding-left: 0.25rem; }
.uw-hover-pl-1:hover { padding-left: 0.25rem; }
.uw-focus-pl-1:focus { padding-left: 0.25rem; }
.uw-active-pl-1:active { padding-left: 0.25rem; }
.uw-disabled-pl-1:disabled { padding-left: 0.25rem; }
.uw-pl-2 { padding-left: 0.5rem; }
.uw-hover-pl-2:hover { padding-left: 0.5rem; }
.uw-focus-pl-2:focus { padding-left: 0.5rem; }
.uw-active-pl-2:active { padding-left: 0.5rem; }
.uw-disabled-pl-2:disabled { padding-left: 0.5rem; }
.uw-pl-3 { padding-left: 0.75rem; }
.uw-hover-pl-3:hover { padding-left: 0.75rem; }
.uw-focus-pl-3:focus { padding-left: 0.75rem; }
.uw-active-pl-3:active { padding-left: 0.75rem; }
.uw-disabled-pl-3:disabled { padding-left: 0.75rem; }
.uw-pl-4 { padding-left: 1rem; }
.uw-hover-pl-4:hover { padding-left: 1rem; }
.uw-focus-pl-4:focus { padding-left: 1rem; }
.uw-active-pl-4:active { padding-left: 1rem; }
.uw-disabled-pl-4:disabled { padding-left: 1rem; }
.uw-pl-5 { padding-left: 1.25rem; }
.uw-hover-pl-5:hover { padding-left: 1.25rem; }
.uw-focus-pl-5:focus { padding-left: 1.25rem; }
.uw-active-pl-5:active { padding-left: 1.25rem; }
.uw-disabled-pl-5:disabled { padding-left: 1.25rem; }
.uw-pl-6 { padding-left: 1.5rem; }
.uw-hover-pl-6:hover { padding-left: 1.5rem; }
.uw-focus-pl-6:focus { padding-left: 1.5rem; }
.uw-active-pl-6:active { padding-left: 1.5rem; }
.uw-disabled-pl-6:disabled { padding-left: 1.5rem; }
.uw-pl-8 { padding-left: 2rem; }
.uw-hover-pl-8:hover { padding-left: 2rem; }
.uw-focus-pl-8:focus { padding-left: 2rem; }
.uw-active-pl-8:active { padding-left: 2rem; }
.uw-disabled-pl-8:disabled { padding-left: 2rem; }
.uw-pl-10 { padding-left: 2.5rem; }
.uw-hover-pl-10:hover { padding-left: 2.5rem; }
.uw-focus-pl-10:focus { padding-left: 2.5rem; }
.uw-active-pl-10:active { padding-left: 2.5rem; }
.uw-disabled-pl-10:disabled { padding-left: 2.5rem; }
.uw-pl-12 { padding-left: 3rem; }
.uw-hover-pl-12:hover { padding-left: 3rem; }
.uw-focus-pl-12:focus { padding-left: 3rem; }
.uw-active-pl-12:active { padding-left: 3rem; }
.uw-disabled-pl-12:disabled { padding-left: 3rem; }
.uw-pl-16 { padding-left: 4rem; }
.uw-hover-pl-16:hover { padding-left: 4rem; }
.uw-focus-pl-16:focus { padding-left: 4rem; }
.uw-active-pl-16:active { padding-left: 4rem; }
.uw-disabled-pl-16:disabled { padding-left: 4rem; }
.uw-pl-20 { padding-left: 5rem; }
.uw-hover-pl-20:hover { padding-left: 5rem; }
.uw-focus-pl-20:focus { padding-left: 5rem; }
.uw-active-pl-20:active { padding-left: 5rem; }
.uw-disabled-pl-20:disabled { padding-left: 5rem; }
.uw-pl-24 { padding-left: 6rem; }
.uw-hover-pl-24:hover { padding-left: 6rem; }
.uw-focus-pl-24:focus { padding-left: 6rem; }
.uw-active-pl-24:active { padding-left: 6rem; }
.uw-disabled-pl-24:disabled { padding-left: 6rem; }
.uw-pl-28 { padding-left: 7rem; }
.uw-hover-pl-28:hover { padding-left: 7rem; }
.uw-focus-pl-28:focus { padding-left: 7rem; }
.uw-active-pl-28:active { padding-left: 7rem; }
.uw-disabled-pl-28:disabled { padding-left: 7rem; }
.uw-pl-32 { padding-left: 8rem; }
.uw-hover-pl-32:hover { padding-left: 8rem; }
.uw-focus-pl-32:focus { padding-left: 8rem; }
.uw-active-pl-32:active { padding-left: 8rem; }
.uw-disabled-pl-32:disabled { padding-left: 8rem; }
.uw-pr-auto { padding-right: auto; }
.uw-hover-pr-auto:hover { padding-right: auto; }
.uw-focus-pr-auto:focus { padding-right: auto; }
.uw-active-pr-auto:active { padding-right: auto; }
.uw-disabled-pr-auto:disabled { padding-right: auto; }
.uw-pr-0 { padding-right: 0; }
.uw-hover-pr-0:hover { padding-right: 0; }
.uw-focus-pr-0:focus { padding-right: 0; }
.uw-active-pr-0:active { padding-right: 0; }
.uw-disabled-pr-0:disabled { padding-right: 0; }
.uw-pr-1 { padding-right: 0.25rem; }
.uw-hover-pr-1:hover { padding-right: 0.25rem; }
.uw-focus-pr-1:focus { padding-right: 0.25rem; }
.uw-active-pr-1:active { padding-right: 0.25rem; }
.uw-disabled-pr-1:disabled { padding-right: 0.25rem; }
.uw-pr-2 { padding-right: 0.5rem; }
.uw-hover-pr-2:hover { padding-right: 0.5rem; }
.uw-focus-pr-2:focus { padding-right: 0.5rem; }
.uw-active-pr-2:active { padding-right: 0.5rem; }
.uw-disabled-pr-2:disabled { padding-right: 0.5rem; }
.uw-pr-3 { padding-right: 0.75rem; }
.uw-hover-pr-3:hover { padding-right: 0.75rem; }
.uw-focus-pr-3:focus { padding-right: 0.75rem; }
.uw-active-pr-3:active { padding-right: 0.75rem; }
.uw-disabled-pr-3:disabled { padding-right: 0.75rem; }
.uw-pr-4 { padding-right: 1rem; }
.uw-hover-pr-4:hover { padding-right: 1rem; }
.uw-focus-pr-4:focus { padding-right: 1rem; }
.uw-active-pr-4:active { padding-right: 1rem; }
.uw-disabled-pr-4:disabled { padding-right: 1rem; }
.uw-pr-5 { padding-right: 1.25rem; }
.uw-hover-pr-5:hover { padding-right: 1.25rem; }
.uw-focus-pr-5:focus { padding-right: 1.25rem; }
.uw-active-pr-5:active { padding-right: 1.25rem; }
.uw-disabled-pr-5:disabled { padding-right: 1.25rem; }
.uw-pr-6 { padding-right: 1.5rem; }
.uw-hover-pr-6:hover { padding-right: 1.5rem; }
.uw-focus-pr-6:focus { padding-right: 1.5rem; }
.uw-active-pr-6:active { padding-right: 1.5rem; }
.uw-disabled-pr-6:disabled { padding-right: 1.5rem; }
.uw-pr-8 { padding-right: 2rem; }
.uw-hover-pr-8:hover { padding-right: 2rem; }
.uw-focus-pr-8:focus { padding-right: 2rem; }
.uw-active-pr-8:active { padding-right: 2rem; }
.uw-disabled-pr-8:disabled { padding-right: 2rem; }
.uw-pr-10 { padding-right: 2.5rem; }
.uw-hover-pr-10:hover { padding-right: 2.5rem; }
.uw-focus-pr-10:focus { padding-right: 2.5rem; }
.uw-active-pr-10:active { padding-right: 2.5rem; }
.uw-disabled-pr-10:disabled { padding-right: 2.5rem; }
.uw-pr-12 { padding-right: 3rem; }
.uw-hover-pr-12:hover { padding-right: 3rem; }
.uw-focus-pr-12:focus { padding-right: 3rem; }
.uw-active-pr-12:active { padding-right: 3rem; }
.uw-disabled-pr-12:disabled { padding-right: 3rem; }
.uw-pr-16 { padding-right: 4rem; }
.uw-hover-pr-16:hover { padding-right: 4rem; }
.uw-focus-pr-16:focus { padding-right: 4rem; }
.uw-active-pr-16:active { padding-right: 4rem; }
.uw-disabled-pr-16:disabled { padding-right: 4rem; }
.uw-pr-20 { padding-right: 5rem; }
.uw-hover-pr-20:hover { padding-right: 5rem; }
.uw-focus-pr-20:focus { padding-right: 5rem; }
.uw-active-pr-20:active { padding-right: 5rem; }
.uw-disabled-pr-20:disabled { padding-right: 5rem; }
.uw-pr-24 { padding-right: 6rem; }
.uw-hover-pr-24:hover { padding-right: 6rem; }
.uw-focus-pr-24:focus { padding-right: 6rem; }
.uw-active-pr-24:active { padding-right: 6rem; }
.uw-disabled-pr-24:disabled { padding-right: 6rem; }
.uw-pr-28 { padding-right: 7rem; }
.uw-hover-pr-28:hover { padding-right: 7rem; }
.uw-focus-pr-28:focus { padding-right: 7rem; }
.uw-active-pr-28:active { padding-right: 7rem; }
.uw-disabled-pr-28:disabled { padding-right: 7rem; }
.uw-pr-32 { padding-right: 8rem; }
.uw-hover-pr-32:hover { padding-right: 8rem; }
.uw-focus-pr-32:focus { padding-right: 8rem; }
.uw-active-pr-32:active { padding-right: 8rem; }
.uw-disabled-pr-32:disabled { padding-right: 8rem; }
.uw-px-auto { padding-left: auto; padding-right: auto; }
.uw-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
.uw-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
.uw-active-px-auto:active { padding-left: auto; padding-right: auto; }
.uw-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
.uw-px-0 { padding-left: 0; padding-right: 0; }
.uw-hover-px-0:hover { padding-left: 0; padding-right: 0; }
.uw-focus-px-0:focus { padding-left: 0; padding-right: 0; }
.uw-active-px-0:active { padding-left: 0; padding-right: 0; }
.uw-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
.uw-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.uw-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
.uw-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
.uw-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
.uw-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
.uw-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.uw-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
.uw-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
.uw-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
.uw-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
.uw-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.uw-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
.uw-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
.uw-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
.uw-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
.uw-px-4 { padding-left: 1rem; padding-right: 1rem; }
.uw-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
.uw-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
.uw-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
.uw-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
.uw-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.uw-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
.uw-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
.uw-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
.uw-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
.uw-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.uw-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
.uw-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
.uw-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
.uw-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
.uw-px-8 { padding-left: 2rem; padding-right: 2rem; }
.uw-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
.uw-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
.uw-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
.uw-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
.uw-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.uw-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
.uw-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
.uw-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
.uw-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
.uw-px-12 { padding-left: 3rem; padding-right: 3rem; }
.uw-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
.uw-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
.uw-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
.uw-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
.uw-px-16 { padding-left: 4rem; padding-right: 4rem; }
.uw-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
.uw-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
.uw-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
.uw-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
.uw-px-20 { padding-left: 5rem; padding-right: 5rem; }
.uw-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
.uw-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
.uw-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
.uw-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
.uw-px-24 { padding-left: 6rem; padding-right: 6rem; }
.uw-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
.uw-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
.uw-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
.uw-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
.uw-px-28 { padding-left: 7rem; padding-right: 7rem; }
.uw-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
.uw-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
.uw-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
.uw-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
.uw-px-32 { padding-left: 8rem; padding-right: 8rem; }
.uw-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
.uw-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
.uw-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
.uw-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
.uw-py-auto { padding-top: auto; padding-bottom: auto; }
.uw-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
.uw-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
.uw-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
.uw-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
.uw-py-0 { padding-top: 0; padding-bottom: 0; }
.uw-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
.uw-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
.uw-active-py-0:active { padding-top: 0; padding-bottom: 0; }
.uw-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
.uw-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.uw-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.uw-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.uw-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.uw-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.uw-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.uw-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.uw-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.uw-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.uw-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.uw-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.uw-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.uw-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.uw-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.uw-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.uw-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.uw-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
.uw-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
.uw-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
.uw-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
.uw-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.uw-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.uw-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.uw-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.uw-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.uw-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.uw-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.uw-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.uw-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.uw-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.uw-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.uw-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
.uw-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
.uw-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
.uw-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
.uw-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.uw-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.uw-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.uw-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.uw-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.uw-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.uw-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
.uw-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
.uw-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
.uw-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
.uw-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.uw-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
.uw-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
.uw-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
.uw-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
.uw-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.uw-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
.uw-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
.uw-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
.uw-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
.uw-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.uw-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
.uw-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
.uw-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
.uw-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
.uw-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.uw-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
.uw-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
.uw-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
.uw-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
.uw-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.uw-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
.uw-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
.uw-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
.uw-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
.uw-m-auto { margin: auto; }
.uw-hover-m-auto:hover { margin: auto; }
.uw-focus-m-auto:focus { margin: auto; }
.uw-active-m-auto:active { margin: auto; }
.uw-disabled-m-auto:disabled { margin: auto; }
.uw-m-0 { margin: 0; }
.uw-hover-m-0:hover { margin: 0; }
.uw-focus-m-0:focus { margin: 0; }
.uw-active-m-0:active { margin: 0; }
.uw-disabled-m-0:disabled { margin: 0; }
.uw-m-1 { margin: 0.25rem; }
.uw-hover-m-1:hover { margin: 0.25rem; }
.uw-focus-m-1:focus { margin: 0.25rem; }
.uw-active-m-1:active { margin: 0.25rem; }
.uw-disabled-m-1:disabled { margin: 0.25rem; }
.uw-m-2 { margin: 0.5rem; }
.uw-hover-m-2:hover { margin: 0.5rem; }
.uw-focus-m-2:focus { margin: 0.5rem; }
.uw-active-m-2:active { margin: 0.5rem; }
.uw-disabled-m-2:disabled { margin: 0.5rem; }
.uw-m-3 { margin: 0.75rem; }
.uw-hover-m-3:hover { margin: 0.75rem; }
.uw-focus-m-3:focus { margin: 0.75rem; }
.uw-active-m-3:active { margin: 0.75rem; }
.uw-disabled-m-3:disabled { margin: 0.75rem; }
.uw-m-4 { margin: 1rem; }
.uw-hover-m-4:hover { margin: 1rem; }
.uw-focus-m-4:focus { margin: 1rem; }
.uw-active-m-4:active { margin: 1rem; }
.uw-disabled-m-4:disabled { margin: 1rem; }
.uw-m-5 { margin: 1.25rem; }
.uw-hover-m-5:hover { margin: 1.25rem; }
.uw-focus-m-5:focus { margin: 1.25rem; }
.uw-active-m-5:active { margin: 1.25rem; }
.uw-disabled-m-5:disabled { margin: 1.25rem; }
.uw-m-6 { margin: 1.5rem; }
.uw-hover-m-6:hover { margin: 1.5rem; }
.uw-focus-m-6:focus { margin: 1.5rem; }
.uw-active-m-6:active { margin: 1.5rem; }
.uw-disabled-m-6:disabled { margin: 1.5rem; }
.uw-m-8 { margin: 2rem; }
.uw-hover-m-8:hover { margin: 2rem; }
.uw-focus-m-8:focus { margin: 2rem; }
.uw-active-m-8:active { margin: 2rem; }
.uw-disabled-m-8:disabled { margin: 2rem; }
.uw-m-10 { margin: 2.5rem; }
.uw-hover-m-10:hover { margin: 2.5rem; }
.uw-focus-m-10:focus { margin: 2.5rem; }
.uw-active-m-10:active { margin: 2.5rem; }
.uw-disabled-m-10:disabled { margin: 2.5rem; }
.uw-m-12 { margin: 3rem; }
.uw-hover-m-12:hover { margin: 3rem; }
.uw-focus-m-12:focus { margin: 3rem; }
.uw-active-m-12:active { margin: 3rem; }
.uw-disabled-m-12:disabled { margin: 3rem; }
.uw-m-16 { margin: 4rem; }
.uw-hover-m-16:hover { margin: 4rem; }
.uw-focus-m-16:focus { margin: 4rem; }
.uw-active-m-16:active { margin: 4rem; }
.uw-disabled-m-16:disabled { margin: 4rem; }
.uw-m-20 { margin: 5rem; }
.uw-hover-m-20:hover { margin: 5rem; }
.uw-focus-m-20:focus { margin: 5rem; }
.uw-active-m-20:active { margin: 5rem; }
.uw-disabled-m-20:disabled { margin: 5rem; }
.uw-m-24 { margin: 6rem; }
.uw-hover-m-24:hover { margin: 6rem; }
.uw-focus-m-24:focus { margin: 6rem; }
.uw-active-m-24:active { margin: 6rem; }
.uw-disabled-m-24:disabled { margin: 6rem; }
.uw-m-28 { margin: 7rem; }
.uw-hover-m-28:hover { margin: 7rem; }
.uw-focus-m-28:focus { margin: 7rem; }
.uw-active-m-28:active { margin: 7rem; }
.uw-disabled-m-28:disabled { margin: 7rem; }
.uw-m-32 { margin: 8rem; }
.uw-hover-m-32:hover { margin: 8rem; }
.uw-focus-m-32:focus { margin: 8rem; }
.uw-active-m-32:active { margin: 8rem; }
.uw-disabled-m-32:disabled { margin: 8rem; }
.uw-mt-auto { margin-top: auto; }
.uw-hover-mt-auto:hover { margin-top: auto; }
.uw-focus-mt-auto:focus { margin-top: auto; }
.uw-active-mt-auto:active { margin-top: auto; }
.uw-disabled-mt-auto:disabled { margin-top: auto; }
.uw-mt-0 { margin-top: 0; }
.uw-hover-mt-0:hover { margin-top: 0; }
.uw-focus-mt-0:focus { margin-top: 0; }
.uw-active-mt-0:active { margin-top: 0; }
.uw-disabled-mt-0:disabled { margin-top: 0; }
.uw-mt-1 { margin-top: 0.25rem; }
.uw-hover-mt-1:hover { margin-top: 0.25rem; }
.uw-focus-mt-1:focus { margin-top: 0.25rem; }
.uw-active-mt-1:active { margin-top: 0.25rem; }
.uw-disabled-mt-1:disabled { margin-top: 0.25rem; }
.uw-mt-2 { margin-top: 0.5rem; }
.uw-hover-mt-2:hover { margin-top: 0.5rem; }
.uw-focus-mt-2:focus { margin-top: 0.5rem; }
.uw-active-mt-2:active { margin-top: 0.5rem; }
.uw-disabled-mt-2:disabled { margin-top: 0.5rem; }
.uw-mt-3 { margin-top: 0.75rem; }
.uw-hover-mt-3:hover { margin-top: 0.75rem; }
.uw-focus-mt-3:focus { margin-top: 0.75rem; }
.uw-active-mt-3:active { margin-top: 0.75rem; }
.uw-disabled-mt-3:disabled { margin-top: 0.75rem; }
.uw-mt-4 { margin-top: 1rem; }
.uw-hover-mt-4:hover { margin-top: 1rem; }
.uw-focus-mt-4:focus { margin-top: 1rem; }
.uw-active-mt-4:active { margin-top: 1rem; }
.uw-disabled-mt-4:disabled { margin-top: 1rem; }
.uw-mt-5 { margin-top: 1.25rem; }
.uw-hover-mt-5:hover { margin-top: 1.25rem; }
.uw-focus-mt-5:focus { margin-top: 1.25rem; }
.uw-active-mt-5:active { margin-top: 1.25rem; }
.uw-disabled-mt-5:disabled { margin-top: 1.25rem; }
.uw-mt-6 { margin-top: 1.5rem; }
.uw-hover-mt-6:hover { margin-top: 1.5rem; }
.uw-focus-mt-6:focus { margin-top: 1.5rem; }
.uw-active-mt-6:active { margin-top: 1.5rem; }
.uw-disabled-mt-6:disabled { margin-top: 1.5rem; }
.uw-mt-8 { margin-top: 2rem; }
.uw-hover-mt-8:hover { margin-top: 2rem; }
.uw-focus-mt-8:focus { margin-top: 2rem; }
.uw-active-mt-8:active { margin-top: 2rem; }
.uw-disabled-mt-8:disabled { margin-top: 2rem; }
.uw-mt-10 { margin-top: 2.5rem; }
.uw-hover-mt-10:hover { margin-top: 2.5rem; }
.uw-focus-mt-10:focus { margin-top: 2.5rem; }
.uw-active-mt-10:active { margin-top: 2.5rem; }
.uw-disabled-mt-10:disabled { margin-top: 2.5rem; }
.uw-mt-12 { margin-top: 3rem; }
.uw-hover-mt-12:hover { margin-top: 3rem; }
.uw-focus-mt-12:focus { margin-top: 3rem; }
.uw-active-mt-12:active { margin-top: 3rem; }
.uw-disabled-mt-12:disabled { margin-top: 3rem; }
.uw-mt-16 { margin-top: 4rem; }
.uw-hover-mt-16:hover { margin-top: 4rem; }
.uw-focus-mt-16:focus { margin-top: 4rem; }
.uw-active-mt-16:active { margin-top: 4rem; }
.uw-disabled-mt-16:disabled { margin-top: 4rem; }
.uw-mt-20 { margin-top: 5rem; }
.uw-hover-mt-20:hover { margin-top: 5rem; }
.uw-focus-mt-20:focus { margin-top: 5rem; }
.uw-active-mt-20:active { margin-top: 5rem; }
.uw-disabled-mt-20:disabled { margin-top: 5rem; }
.uw-mt-24 { margin-top: 6rem; }
.uw-hover-mt-24:hover { margin-top: 6rem; }
.uw-focus-mt-24:focus { margin-top: 6rem; }
.uw-active-mt-24:active { margin-top: 6rem; }
.uw-disabled-mt-24:disabled { margin-top: 6rem; }
.uw-mt-28 { margin-top: 7rem; }
.uw-hover-mt-28:hover { margin-top: 7rem; }
.uw-focus-mt-28:focus { margin-top: 7rem; }
.uw-active-mt-28:active { margin-top: 7rem; }
.uw-disabled-mt-28:disabled { margin-top: 7rem; }
.uw-mt-32 { margin-top: 8rem; }
.uw-hover-mt-32:hover { margin-top: 8rem; }
.uw-focus-mt-32:focus { margin-top: 8rem; }
.uw-active-mt-32:active { margin-top: 8rem; }
.uw-disabled-mt-32:disabled { margin-top: 8rem; }
.uw-mb-auto { margin-bottom: auto; }
.uw-hover-mb-auto:hover { margin-bottom: auto; }
.uw-focus-mb-auto:focus { margin-bottom: auto; }
.uw-active-mb-auto:active { margin-bottom: auto; }
.uw-disabled-mb-auto:disabled { margin-bottom: auto; }
.uw-mb-0 { margin-bottom: 0; }
.uw-hover-mb-0:hover { margin-bottom: 0; }
.uw-focus-mb-0:focus { margin-bottom: 0; }
.uw-active-mb-0:active { margin-bottom: 0; }
.uw-disabled-mb-0:disabled { margin-bottom: 0; }
.uw-mb-1 { margin-bottom: 0.25rem; }
.uw-hover-mb-1:hover { margin-bottom: 0.25rem; }
.uw-focus-mb-1:focus { margin-bottom: 0.25rem; }
.uw-active-mb-1:active { margin-bottom: 0.25rem; }
.uw-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
.uw-mb-2 { margin-bottom: 0.5rem; }
.uw-hover-mb-2:hover { margin-bottom: 0.5rem; }
.uw-focus-mb-2:focus { margin-bottom: 0.5rem; }
.uw-active-mb-2:active { margin-bottom: 0.5rem; }
.uw-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
.uw-mb-3 { margin-bottom: 0.75rem; }
.uw-hover-mb-3:hover { margin-bottom: 0.75rem; }
.uw-focus-mb-3:focus { margin-bottom: 0.75rem; }
.uw-active-mb-3:active { margin-bottom: 0.75rem; }
.uw-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
.uw-mb-4 { margin-bottom: 1rem; }
.uw-hover-mb-4:hover { margin-bottom: 1rem; }
.uw-focus-mb-4:focus { margin-bottom: 1rem; }
.uw-active-mb-4:active { margin-bottom: 1rem; }
.uw-disabled-mb-4:disabled { margin-bottom: 1rem; }
.uw-mb-5 { margin-bottom: 1.25rem; }
.uw-hover-mb-5:hover { margin-bottom: 1.25rem; }
.uw-focus-mb-5:focus { margin-bottom: 1.25rem; }
.uw-active-mb-5:active { margin-bottom: 1.25rem; }
.uw-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
.uw-mb-6 { margin-bottom: 1.5rem; }
.uw-hover-mb-6:hover { margin-bottom: 1.5rem; }
.uw-focus-mb-6:focus { margin-bottom: 1.5rem; }
.uw-active-mb-6:active { margin-bottom: 1.5rem; }
.uw-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
.uw-mb-8 { margin-bottom: 2rem; }
.uw-hover-mb-8:hover { margin-bottom: 2rem; }
.uw-focus-mb-8:focus { margin-bottom: 2rem; }
.uw-active-mb-8:active { margin-bottom: 2rem; }
.uw-disabled-mb-8:disabled { margin-bottom: 2rem; }
.uw-mb-10 { margin-bottom: 2.5rem; }
.uw-hover-mb-10:hover { margin-bottom: 2.5rem; }
.uw-focus-mb-10:focus { margin-bottom: 2.5rem; }
.uw-active-mb-10:active { margin-bottom: 2.5rem; }
.uw-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
.uw-mb-12 { margin-bottom: 3rem; }
.uw-hover-mb-12:hover { margin-bottom: 3rem; }
.uw-focus-mb-12:focus { margin-bottom: 3rem; }
.uw-active-mb-12:active { margin-bottom: 3rem; }
.uw-disabled-mb-12:disabled { margin-bottom: 3rem; }
.uw-mb-16 { margin-bottom: 4rem; }
.uw-hover-mb-16:hover { margin-bottom: 4rem; }
.uw-focus-mb-16:focus { margin-bottom: 4rem; }
.uw-active-mb-16:active { margin-bottom: 4rem; }
.uw-disabled-mb-16:disabled { margin-bottom: 4rem; }
.uw-mb-20 { margin-bottom: 5rem; }
.uw-hover-mb-20:hover { margin-bottom: 5rem; }
.uw-focus-mb-20:focus { margin-bottom: 5rem; }
.uw-active-mb-20:active { margin-bottom: 5rem; }
.uw-disabled-mb-20:disabled { margin-bottom: 5rem; }
.uw-mb-24 { margin-bottom: 6rem; }
.uw-hover-mb-24:hover { margin-bottom: 6rem; }
.uw-focus-mb-24:focus { margin-bottom: 6rem; }
.uw-active-mb-24:active { margin-bottom: 6rem; }
.uw-disabled-mb-24:disabled { margin-bottom: 6rem; }
.uw-mb-28 { margin-bottom: 7rem; }
.uw-hover-mb-28:hover { margin-bottom: 7rem; }
.uw-focus-mb-28:focus { margin-bottom: 7rem; }
.uw-active-mb-28:active { margin-bottom: 7rem; }
.uw-disabled-mb-28:disabled { margin-bottom: 7rem; }
.uw-mb-32 { margin-bottom: 8rem; }
.uw-hover-mb-32:hover { margin-bottom: 8rem; }
.uw-focus-mb-32:focus { margin-bottom: 8rem; }
.uw-active-mb-32:active { margin-bottom: 8rem; }
.uw-disabled-mb-32:disabled { margin-bottom: 8rem; }
.uw-ml-auto { margin-left: auto; }
.uw-hover-ml-auto:hover { margin-left: auto; }
.uw-focus-ml-auto:focus { margin-left: auto; }
.uw-active-ml-auto:active { margin-left: auto; }
.uw-disabled-ml-auto:disabled { margin-left: auto; }
.uw-ml-0 { margin-left: 0; }
.uw-hover-ml-0:hover { margin-left: 0; }
.uw-focus-ml-0:focus { margin-left: 0; }
.uw-active-ml-0:active { margin-left: 0; }
.uw-disabled-ml-0:disabled { margin-left: 0; }
.uw-ml-1 { margin-left: 0.25rem; }
.uw-hover-ml-1:hover { margin-left: 0.25rem; }
.uw-focus-ml-1:focus { margin-left: 0.25rem; }
.uw-active-ml-1:active { margin-left: 0.25rem; }
.uw-disabled-ml-1:disabled { margin-left: 0.25rem; }
.uw-ml-2 { margin-left: 0.5rem; }
.uw-hover-ml-2:hover { margin-left: 0.5rem; }
.uw-focus-ml-2:focus { margin-left: 0.5rem; }
.uw-active-ml-2:active { margin-left: 0.5rem; }
.uw-disabled-ml-2:disabled { margin-left: 0.5rem; }
.uw-ml-3 { margin-left: 0.75rem; }
.uw-hover-ml-3:hover { margin-left: 0.75rem; }
.uw-focus-ml-3:focus { margin-left: 0.75rem; }
.uw-active-ml-3:active { margin-left: 0.75rem; }
.uw-disabled-ml-3:disabled { margin-left: 0.75rem; }
.uw-ml-4 { margin-left: 1rem; }
.uw-hover-ml-4:hover { margin-left: 1rem; }
.uw-focus-ml-4:focus { margin-left: 1rem; }
.uw-active-ml-4:active { margin-left: 1rem; }
.uw-disabled-ml-4:disabled { margin-left: 1rem; }
.uw-ml-5 { margin-left: 1.25rem; }
.uw-hover-ml-5:hover { margin-left: 1.25rem; }
.uw-focus-ml-5:focus { margin-left: 1.25rem; }
.uw-active-ml-5:active { margin-left: 1.25rem; }
.uw-disabled-ml-5:disabled { margin-left: 1.25rem; }
.uw-ml-6 { margin-left: 1.5rem; }
.uw-hover-ml-6:hover { margin-left: 1.5rem; }
.uw-focus-ml-6:focus { margin-left: 1.5rem; }
.uw-active-ml-6:active { margin-left: 1.5rem; }
.uw-disabled-ml-6:disabled { margin-left: 1.5rem; }
.uw-ml-8 { margin-left: 2rem; }
.uw-hover-ml-8:hover { margin-left: 2rem; }
.uw-focus-ml-8:focus { margin-left: 2rem; }
.uw-active-ml-8:active { margin-left: 2rem; }
.uw-disabled-ml-8:disabled { margin-left: 2rem; }
.uw-ml-10 { margin-left: 2.5rem; }
.uw-hover-ml-10:hover { margin-left: 2.5rem; }
.uw-focus-ml-10:focus { margin-left: 2.5rem; }
.uw-active-ml-10:active { margin-left: 2.5rem; }
.uw-disabled-ml-10:disabled { margin-left: 2.5rem; }
.uw-ml-12 { margin-left: 3rem; }
.uw-hover-ml-12:hover { margin-left: 3rem; }
.uw-focus-ml-12:focus { margin-left: 3rem; }
.uw-active-ml-12:active { margin-left: 3rem; }
.uw-disabled-ml-12:disabled { margin-left: 3rem; }
.uw-ml-16 { margin-left: 4rem; }
.uw-hover-ml-16:hover { margin-left: 4rem; }
.uw-focus-ml-16:focus { margin-left: 4rem; }
.uw-active-ml-16:active { margin-left: 4rem; }
.uw-disabled-ml-16:disabled { margin-left: 4rem; }
.uw-ml-20 { margin-left: 5rem; }
.uw-hover-ml-20:hover { margin-left: 5rem; }
.uw-focus-ml-20:focus { margin-left: 5rem; }
.uw-active-ml-20:active { margin-left: 5rem; }
.uw-disabled-ml-20:disabled { margin-left: 5rem; }
.uw-ml-24 { margin-left: 6rem; }
.uw-hover-ml-24:hover { margin-left: 6rem; }
.uw-focus-ml-24:focus { margin-left: 6rem; }
.uw-active-ml-24:active { margin-left: 6rem; }
.uw-disabled-ml-24:disabled { margin-left: 6rem; }
.uw-ml-28 { margin-left: 7rem; }
.uw-hover-ml-28:hover { margin-left: 7rem; }
.uw-focus-ml-28:focus { margin-left: 7rem; }
.uw-active-ml-28:active { margin-left: 7rem; }
.uw-disabled-ml-28:disabled { margin-left: 7rem; }
.uw-ml-32 { margin-left: 8rem; }
.uw-hover-ml-32:hover { margin-left: 8rem; }
.uw-focus-ml-32:focus { margin-left: 8rem; }
.uw-active-ml-32:active { margin-left: 8rem; }
.uw-disabled-ml-32:disabled { margin-left: 8rem; }
.uw-mr-auto { margin-right: auto; }
.uw-hover-mr-auto:hover { margin-right: auto; }
.uw-focus-mr-auto:focus { margin-right: auto; }
.uw-active-mr-auto:active { margin-right: auto; }
.uw-disabled-mr-auto:disabled { margin-right: auto; }
.uw-mr-0 { margin-right: 0; }
.uw-hover-mr-0:hover { margin-right: 0; }
.uw-focus-mr-0:focus { margin-right: 0; }
.uw-active-mr-0:active { margin-right: 0; }
.uw-disabled-mr-0:disabled { margin-right: 0; }
.uw-mr-1 { margin-right: 0.25rem; }
.uw-hover-mr-1:hover { margin-right: 0.25rem; }
.uw-focus-mr-1:focus { margin-right: 0.25rem; }
.uw-active-mr-1:active { margin-right: 0.25rem; }
.uw-disabled-mr-1:disabled { margin-right: 0.25rem; }
.uw-mr-2 { margin-right: 0.5rem; }
.uw-hover-mr-2:hover { margin-right: 0.5rem; }
.uw-focus-mr-2:focus { margin-right: 0.5rem; }
.uw-active-mr-2:active { margin-right: 0.5rem; }
.uw-disabled-mr-2:disabled { margin-right: 0.5rem; }
.uw-mr-3 { margin-right: 0.75rem; }
.uw-hover-mr-3:hover { margin-right: 0.75rem; }
.uw-focus-mr-3:focus { margin-right: 0.75rem; }
.uw-active-mr-3:active { margin-right: 0.75rem; }
.uw-disabled-mr-3:disabled { margin-right: 0.75rem; }
.uw-mr-4 { margin-right: 1rem; }
.uw-hover-mr-4:hover { margin-right: 1rem; }
.uw-focus-mr-4:focus { margin-right: 1rem; }
.uw-active-mr-4:active { margin-right: 1rem; }
.uw-disabled-mr-4:disabled { margin-right: 1rem; }
.uw-mr-5 { margin-right: 1.25rem; }
.uw-hover-mr-5:hover { margin-right: 1.25rem; }
.uw-focus-mr-5:focus { margin-right: 1.25rem; }
.uw-active-mr-5:active { margin-right: 1.25rem; }
.uw-disabled-mr-5:disabled { margin-right: 1.25rem; }
.uw-mr-6 { margin-right: 1.5rem; }
.uw-hover-mr-6:hover { margin-right: 1.5rem; }
.uw-focus-mr-6:focus { margin-right: 1.5rem; }
.uw-active-mr-6:active { margin-right: 1.5rem; }
.uw-disabled-mr-6:disabled { margin-right: 1.5rem; }
.uw-mr-8 { margin-right: 2rem; }
.uw-hover-mr-8:hover { margin-right: 2rem; }
.uw-focus-mr-8:focus { margin-right: 2rem; }
.uw-active-mr-8:active { margin-right: 2rem; }
.uw-disabled-mr-8:disabled { margin-right: 2rem; }
.uw-mr-10 { margin-right: 2.5rem; }
.uw-hover-mr-10:hover { margin-right: 2.5rem; }
.uw-focus-mr-10:focus { margin-right: 2.5rem; }
.uw-active-mr-10:active { margin-right: 2.5rem; }
.uw-disabled-mr-10:disabled { margin-right: 2.5rem; }
.uw-mr-12 { margin-right: 3rem; }
.uw-hover-mr-12:hover { margin-right: 3rem; }
.uw-focus-mr-12:focus { margin-right: 3rem; }
.uw-active-mr-12:active { margin-right: 3rem; }
.uw-disabled-mr-12:disabled { margin-right: 3rem; }
.uw-mr-16 { margin-right: 4rem; }
.uw-hover-mr-16:hover { margin-right: 4rem; }
.uw-focus-mr-16:focus { margin-right: 4rem; }
.uw-active-mr-16:active { margin-right: 4rem; }
.uw-disabled-mr-16:disabled { margin-right: 4rem; }
.uw-mr-20 { margin-right: 5rem; }
.uw-hover-mr-20:hover { margin-right: 5rem; }
.uw-focus-mr-20:focus { margin-right: 5rem; }
.uw-active-mr-20:active { margin-right: 5rem; }
.uw-disabled-mr-20:disabled { margin-right: 5rem; }
.uw-mr-24 { margin-right: 6rem; }
.uw-hover-mr-24:hover { margin-right: 6rem; }
.uw-focus-mr-24:focus { margin-right: 6rem; }
.uw-active-mr-24:active { margin-right: 6rem; }
.uw-disabled-mr-24:disabled { margin-right: 6rem; }
.uw-mr-28 { margin-right: 7rem; }
.uw-hover-mr-28:hover { margin-right: 7rem; }
.uw-focus-mr-28:focus { margin-right: 7rem; }
.uw-active-mr-28:active { margin-right: 7rem; }
.uw-disabled-mr-28:disabled { margin-right: 7rem; }
.uw-mr-32 { margin-right: 8rem; }
.uw-hover-mr-32:hover { margin-right: 8rem; }
.uw-focus-mr-32:focus { margin-right: 8rem; }
.uw-active-mr-32:active { margin-right: 8rem; }
.uw-disabled-mr-32:disabled { margin-right: 8rem; }
.uw-space-x-auto { --space-x: auto; }
.uw-hover-space-x-auto:hover { --space-x: auto; }
.uw-focus-space-x-auto:focus { --space-x: auto; }
.uw-active-space-x-auto:active { --space-x: auto; }
.uw-disabled-space-x-auto:disabled { --space-x: auto; }
.uw-space-x-0 { --space-x: 0; }
.uw-hover-space-x-0:hover { --space-x: 0; }
.uw-focus-space-x-0:focus { --space-x: 0; }
.uw-active-space-x-0:active { --space-x: 0; }
.uw-disabled-space-x-0:disabled { --space-x: 0; }
.uw-space-x-1 { --space-x: 0.25rem; }
.uw-hover-space-x-1:hover { --space-x: 0.25rem; }
.uw-focus-space-x-1:focus { --space-x: 0.25rem; }
.uw-active-space-x-1:active { --space-x: 0.25rem; }
.uw-disabled-space-x-1:disabled { --space-x: 0.25rem; }
.uw-space-x-2 { --space-x: 0.5rem; }
.uw-hover-space-x-2:hover { --space-x: 0.5rem; }
.uw-focus-space-x-2:focus { --space-x: 0.5rem; }
.uw-active-space-x-2:active { --space-x: 0.5rem; }
.uw-disabled-space-x-2:disabled { --space-x: 0.5rem; }
.uw-space-x-3 { --space-x: 0.75rem; }
.uw-hover-space-x-3:hover { --space-x: 0.75rem; }
.uw-focus-space-x-3:focus { --space-x: 0.75rem; }
.uw-active-space-x-3:active { --space-x: 0.75rem; }
.uw-disabled-space-x-3:disabled { --space-x: 0.75rem; }
.uw-space-x-4 { --space-x: 1rem; }
.uw-hover-space-x-4:hover { --space-x: 1rem; }
.uw-focus-space-x-4:focus { --space-x: 1rem; }
.uw-active-space-x-4:active { --space-x: 1rem; }
.uw-disabled-space-x-4:disabled { --space-x: 1rem; }
.uw-space-x-5 { --space-x: 1.25rem; }
.uw-hover-space-x-5:hover { --space-x: 1.25rem; }
.uw-focus-space-x-5:focus { --space-x: 1.25rem; }
.uw-active-space-x-5:active { --space-x: 1.25rem; }
.uw-disabled-space-x-5:disabled { --space-x: 1.25rem; }
.uw-space-x-6 { --space-x: 1.5rem; }
.uw-hover-space-x-6:hover { --space-x: 1.5rem; }
.uw-focus-space-x-6:focus { --space-x: 1.5rem; }
.uw-active-space-x-6:active { --space-x: 1.5rem; }
.uw-disabled-space-x-6:disabled { --space-x: 1.5rem; }
.uw-space-x-8 { --space-x: 2rem; }
.uw-hover-space-x-8:hover { --space-x: 2rem; }
.uw-focus-space-x-8:focus { --space-x: 2rem; }
.uw-active-space-x-8:active { --space-x: 2rem; }
.uw-disabled-space-x-8:disabled { --space-x: 2rem; }
.uw-space-x-10 { --space-x: 2.5rem; }
.uw-hover-space-x-10:hover { --space-x: 2.5rem; }
.uw-focus-space-x-10:focus { --space-x: 2.5rem; }
.uw-active-space-x-10:active { --space-x: 2.5rem; }
.uw-disabled-space-x-10:disabled { --space-x: 2.5rem; }
.uw-space-x-12 { --space-x: 3rem; }
.uw-hover-space-x-12:hover { --space-x: 3rem; }
.uw-focus-space-x-12:focus { --space-x: 3rem; }
.uw-active-space-x-12:active { --space-x: 3rem; }
.uw-disabled-space-x-12:disabled { --space-x: 3rem; }
.uw-space-x-16 { --space-x: 4rem; }
.uw-hover-space-x-16:hover { --space-x: 4rem; }
.uw-focus-space-x-16:focus { --space-x: 4rem; }
.uw-active-space-x-16:active { --space-x: 4rem; }
.uw-disabled-space-x-16:disabled { --space-x: 4rem; }
.uw-space-x-20 { --space-x: 5rem; }
.uw-hover-space-x-20:hover { --space-x: 5rem; }
.uw-focus-space-x-20:focus { --space-x: 5rem; }
.uw-active-space-x-20:active { --space-x: 5rem; }
.uw-disabled-space-x-20:disabled { --space-x: 5rem; }
.uw-space-x-24 { --space-x: 6rem; }
.uw-hover-space-x-24:hover { --space-x: 6rem; }
.uw-focus-space-x-24:focus { --space-x: 6rem; }
.uw-active-space-x-24:active { --space-x: 6rem; }
.uw-disabled-space-x-24:disabled { --space-x: 6rem; }
.uw-space-x-28 { --space-x: 7rem; }
.uw-hover-space-x-28:hover { --space-x: 7rem; }
.uw-focus-space-x-28:focus { --space-x: 7rem; }
.uw-active-space-x-28:active { --space-x: 7rem; }
.uw-disabled-space-x-28:disabled { --space-x: 7rem; }
.uw-space-x-32 { --space-x: 8rem; }
.uw-hover-space-x-32:hover { --space-x: 8rem; }
.uw-focus-space-x-32:focus { --space-x: 8rem; }
.uw-active-space-x-32:active { --space-x: 8rem; }
.uw-disabled-space-x-32:disabled { --space-x: 8rem; }
.uw-space-y-auto { --space-y: auto; }
.uw-hover-space-y-auto:hover { --space-y: auto; }
.uw-focus-space-y-auto:focus { --space-y: auto; }
.uw-active-space-y-auto:active { --space-y: auto; }
.uw-disabled-space-y-auto:disabled { --space-y: auto; }
.uw-space-y-0 { --space-y: 0; }
.uw-hover-space-y-0:hover { --space-y: 0; }
.uw-focus-space-y-0:focus { --space-y: 0; }
.uw-active-space-y-0:active { --space-y: 0; }
.uw-disabled-space-y-0:disabled { --space-y: 0; }
.uw-space-y-1 { --space-y: 0.25rem; }
.uw-hover-space-y-1:hover { --space-y: 0.25rem; }
.uw-focus-space-y-1:focus { --space-y: 0.25rem; }
.uw-active-space-y-1:active { --space-y: 0.25rem; }
.uw-disabled-space-y-1:disabled { --space-y: 0.25rem; }
.uw-space-y-2 { --space-y: 0.5rem; }
.uw-hover-space-y-2:hover { --space-y: 0.5rem; }
.uw-focus-space-y-2:focus { --space-y: 0.5rem; }
.uw-active-space-y-2:active { --space-y: 0.5rem; }
.uw-disabled-space-y-2:disabled { --space-y: 0.5rem; }
.uw-space-y-3 { --space-y: 0.75rem; }
.uw-hover-space-y-3:hover { --space-y: 0.75rem; }
.uw-focus-space-y-3:focus { --space-y: 0.75rem; }
.uw-active-space-y-3:active { --space-y: 0.75rem; }
.uw-disabled-space-y-3:disabled { --space-y: 0.75rem; }
.uw-space-y-4 { --space-y: 1rem; }
.uw-hover-space-y-4:hover { --space-y: 1rem; }
.uw-focus-space-y-4:focus { --space-y: 1rem; }
.uw-active-space-y-4:active { --space-y: 1rem; }
.uw-disabled-space-y-4:disabled { --space-y: 1rem; }
.uw-space-y-5 { --space-y: 1.25rem; }
.uw-hover-space-y-5:hover { --space-y: 1.25rem; }
.uw-focus-space-y-5:focus { --space-y: 1.25rem; }
.uw-active-space-y-5:active { --space-y: 1.25rem; }
.uw-disabled-space-y-5:disabled { --space-y: 1.25rem; }
.uw-space-y-6 { --space-y: 1.5rem; }
.uw-hover-space-y-6:hover { --space-y: 1.5rem; }
.uw-focus-space-y-6:focus { --space-y: 1.5rem; }
.uw-active-space-y-6:active { --space-y: 1.5rem; }
.uw-disabled-space-y-6:disabled { --space-y: 1.5rem; }
.uw-space-y-8 { --space-y: 2rem; }
.uw-hover-space-y-8:hover { --space-y: 2rem; }
.uw-focus-space-y-8:focus { --space-y: 2rem; }
.uw-active-space-y-8:active { --space-y: 2rem; }
.uw-disabled-space-y-8:disabled { --space-y: 2rem; }
.uw-space-y-10 { --space-y: 2.5rem; }
.uw-hover-space-y-10:hover { --space-y: 2.5rem; }
.uw-focus-space-y-10:focus { --space-y: 2.5rem; }
.uw-active-space-y-10:active { --space-y: 2.5rem; }
.uw-disabled-space-y-10:disabled { --space-y: 2.5rem; }
.uw-space-y-12 { --space-y: 3rem; }
.uw-hover-space-y-12:hover { --space-y: 3rem; }
.uw-focus-space-y-12:focus { --space-y: 3rem; }
.uw-active-space-y-12:active { --space-y: 3rem; }
.uw-disabled-space-y-12:disabled { --space-y: 3rem; }
.uw-space-y-16 { --space-y: 4rem; }
.uw-hover-space-y-16:hover { --space-y: 4rem; }
.uw-focus-space-y-16:focus { --space-y: 4rem; }
.uw-active-space-y-16:active { --space-y: 4rem; }
.uw-disabled-space-y-16:disabled { --space-y: 4rem; }
.uw-space-y-20 { --space-y: 5rem; }
.uw-hover-space-y-20:hover { --space-y: 5rem; }
.uw-focus-space-y-20:focus { --space-y: 5rem; }
.uw-active-space-y-20:active { --space-y: 5rem; }
.uw-disabled-space-y-20:disabled { --space-y: 5rem; }
.uw-space-y-24 { --space-y: 6rem; }
.uw-hover-space-y-24:hover { --space-y: 6rem; }
.uw-focus-space-y-24:focus { --space-y: 6rem; }
.uw-active-space-y-24:active { --space-y: 6rem; }
.uw-disabled-space-y-24:disabled { --space-y: 6rem; }
.uw-space-y-28 { --space-y: 7rem; }
.uw-hover-space-y-28:hover { --space-y: 7rem; }
.uw-focus-space-y-28:focus { --space-y: 7rem; }
.uw-active-space-y-28:active { --space-y: 7rem; }
.uw-disabled-space-y-28:disabled { --space-y: 7rem; }
.uw-space-y-32 { --space-y: 8rem; }
.uw-hover-space-y-32:hover { --space-y: 8rem; }
.uw-focus-space-y-32:focus { --space-y: 8rem; }
.uw-active-space-y-32:active { --space-y: 8rem; }
.uw-disabled-space-y-32:disabled { --space-y: 8rem; }
.uw-d-block { display: block; }
.uw-hover-d-block:hover { display: block; }
.uw-focus-d-block:focus { display: block; }
.uw-active-d-block:active { display: block; }
.uw-disabled-d-block:disabled { display: block; }
.uw-d-inline { display: inline; }
.uw-hover-d-inline:hover { display: inline; }
.uw-focus-d-inline:focus { display: inline; }
.uw-active-d-inline:active { display: inline; }
.uw-disabled-d-inline:disabled { display: inline; }
.uw-d-inline-block { display: inline-block; }
.uw-hover-d-inline-block:hover { display: inline-block; }
.uw-focus-d-inline-block:focus { display: inline-block; }
.uw-active-d-inline-block:active { display: inline-block; }
.uw-disabled-d-inline-block:disabled { display: inline-block; }
.uw-d-flex { display: flex; }
.uw-hover-d-flex:hover { display: flex; }
.uw-focus-d-flex:focus { display: flex; }
.uw-active-d-flex:active { display: flex; }
.uw-disabled-d-flex:disabled { display: flex; }
.uw-d-inline-flex { display: inline-flex; }
.uw-hover-d-inline-flex:hover { display: inline-flex; }
.uw-focus-d-inline-flex:focus { display: inline-flex; }
.uw-active-d-inline-flex:active { display: inline-flex; }
.uw-disabled-d-inline-flex:disabled { display: inline-flex; }
.uw-d-grid { display: grid; }
.uw-hover-d-grid:hover { display: grid; }
.uw-focus-d-grid:focus { display: grid; }
.uw-active-d-grid:active { display: grid; }
.uw-disabled-d-grid:disabled { display: grid; }
.uw-d-inline-grid { display: inline-grid; }
.uw-hover-d-inline-grid:hover { display: inline-grid; }
.uw-focus-d-inline-grid:focus { display: inline-grid; }
.uw-active-d-inline-grid:active { display: inline-grid; }
.uw-disabled-d-inline-grid:disabled { display: inline-grid; }
.uw-d-none { display: none; }
.uw-hover-d-none:hover { display: none; }
.uw-focus-d-none:focus { display: none; }
.uw-active-d-none:active { display: none; }
.uw-disabled-d-none:disabled { display: none; }
.uw-position-static { position: static; }
.uw-hover-position-static:hover { position: static; }
.uw-focus-position-static:focus { position: static; }
.uw-active-position-static:active { position: static; }
.uw-disabled-position-static:disabled { position: static; }
.uw-position-relative { position: relative; }
.uw-hover-position-relative:hover { position: relative; }
.uw-focus-position-relative:focus { position: relative; }
.uw-active-position-relative:active { position: relative; }
.uw-disabled-position-relative:disabled { position: relative; }
.uw-position-absolute { position: absolute; }
.uw-hover-position-absolute:hover { position: absolute; }
.uw-focus-position-absolute:focus { position: absolute; }
.uw-active-position-absolute:active { position: absolute; }
.uw-disabled-position-absolute:disabled { position: absolute; }
.uw-position-fixed { position: fixed; }
.uw-hover-position-fixed:hover { position: fixed; }
.uw-focus-position-fixed:focus { position: fixed; }
.uw-active-position-fixed:active { position: fixed; }
.uw-disabled-position-fixed:disabled { position: fixed; }
.uw-position-sticky { position: sticky; }
.uw-hover-position-sticky:hover { position: sticky; }
.uw-focus-position-sticky:focus { position: sticky; }
.uw-active-position-sticky:active { position: sticky; }
.uw-disabled-position-sticky:disabled { position: sticky; }
.uw-inset-0 { inset: 0; }
.uw-hover-inset-0:hover { inset: 0; }
.uw-focus-inset-0:focus { inset: 0; }
.uw-active-inset-0:active { inset: 0; }
.uw-disabled-inset-0:disabled { inset: 0; }
.uw-inset-1 { inset: 0.25rem; }
.uw-hover-inset-1:hover { inset: 0.25rem; }
.uw-focus-inset-1:focus { inset: 0.25rem; }
.uw-active-inset-1:active { inset: 0.25rem; }
.uw-disabled-inset-1:disabled { inset: 0.25rem; }
.uw-inset-2 { inset: 0.5rem; }
.uw-hover-inset-2:hover { inset: 0.5rem; }
.uw-focus-inset-2:focus { inset: 0.5rem; }
.uw-active-inset-2:active { inset: 0.5rem; }
.uw-disabled-inset-2:disabled { inset: 0.5rem; }
.uw-inset-3 { inset: 0.75rem; }
.uw-hover-inset-3:hover { inset: 0.75rem; }
.uw-focus-inset-3:focus { inset: 0.75rem; }
.uw-active-inset-3:active { inset: 0.75rem; }
.uw-disabled-inset-3:disabled { inset: 0.75rem; }
.uw-inset-4 { inset: 1rem; }
.uw-hover-inset-4:hover { inset: 1rem; }
.uw-focus-inset-4:focus { inset: 1rem; }
.uw-active-inset-4:active { inset: 1rem; }
.uw-disabled-inset-4:disabled { inset: 1rem; }
.uw-inset-5 { inset: 1.25rem; }
.uw-hover-inset-5:hover { inset: 1.25rem; }
.uw-focus-inset-5:focus { inset: 1.25rem; }
.uw-active-inset-5:active { inset: 1.25rem; }
.uw-disabled-inset-5:disabled { inset: 1.25rem; }
.uw-inset-6 { inset: 1.5rem; }
.uw-hover-inset-6:hover { inset: 1.5rem; }
.uw-focus-inset-6:focus { inset: 1.5rem; }
.uw-active-inset-6:active { inset: 1.5rem; }
.uw-disabled-inset-6:disabled { inset: 1.5rem; }
.uw-inset-7 { inset: 1.75rem; }
.uw-hover-inset-7:hover { inset: 1.75rem; }
.uw-focus-inset-7:focus { inset: 1.75rem; }
.uw-active-inset-7:active { inset: 1.75rem; }
.uw-disabled-inset-7:disabled { inset: 1.75rem; }
.uw-inset-8 { inset: 2rem; }
.uw-hover-inset-8:hover { inset: 2rem; }
.uw-focus-inset-8:focus { inset: 2rem; }
.uw-active-inset-8:active { inset: 2rem; }
.uw-disabled-inset-8:disabled { inset: 2rem; }
.uw-inset-9 { inset: 2.25rem; }
.uw-hover-inset-9:hover { inset: 2.25rem; }
.uw-focus-inset-9:focus { inset: 2.25rem; }
.uw-active-inset-9:active { inset: 2.25rem; }
.uw-disabled-inset-9:disabled { inset: 2.25rem; }
.uw-inset-10 { inset: 2.5rem; }
.uw-hover-inset-10:hover { inset: 2.5rem; }
.uw-focus-inset-10:focus { inset: 2.5rem; }
.uw-active-inset-10:active { inset: 2.5rem; }
.uw-disabled-inset-10:disabled { inset: 2.5rem; }
.uw-inset-12 { inset: 3rem; }
.uw-hover-inset-12:hover { inset: 3rem; }
.uw-focus-inset-12:focus { inset: 3rem; }
.uw-active-inset-12:active { inset: 3rem; }
.uw-disabled-inset-12:disabled { inset: 3rem; }
.uw-inset-14 { inset: 3.5rem; }
.uw-hover-inset-14:hover { inset: 3.5rem; }
.uw-focus-inset-14:focus { inset: 3.5rem; }
.uw-active-inset-14:active { inset: 3.5rem; }
.uw-disabled-inset-14:disabled { inset: 3.5rem; }
.uw-inset-16 { inset: 4rem; }
.uw-hover-inset-16:hover { inset: 4rem; }
.uw-focus-inset-16:focus { inset: 4rem; }
.uw-active-inset-16:active { inset: 4rem; }
.uw-disabled-inset-16:disabled { inset: 4rem; }
.uw-inset-20 { inset: 5rem; }
.uw-hover-inset-20:hover { inset: 5rem; }
.uw-focus-inset-20:focus { inset: 5rem; }
.uw-active-inset-20:active { inset: 5rem; }
.uw-disabled-inset-20:disabled { inset: 5rem; }
.uw-inset-24 { inset: 6rem; }
.uw-hover-inset-24:hover { inset: 6rem; }
.uw-focus-inset-24:focus { inset: 6rem; }
.uw-active-inset-24:active { inset: 6rem; }
.uw-disabled-inset-24:disabled { inset: 6rem; }
.uw-inset-28 { inset: 7rem; }
.uw-hover-inset-28:hover { inset: 7rem; }
.uw-focus-inset-28:focus { inset: 7rem; }
.uw-active-inset-28:active { inset: 7rem; }
.uw-disabled-inset-28:disabled { inset: 7rem; }
.uw-inset-32 { inset: 8rem; }
.uw-hover-inset-32:hover { inset: 8rem; }
.uw-focus-inset-32:focus { inset: 8rem; }
.uw-active-inset-32:active { inset: 8rem; }
.uw-disabled-inset-32:disabled { inset: 8rem; }
.uw-inset-t-0 { inset-top: 0; }
.uw-hover-inset-t-0:hover { inset-top: 0; }
.uw-focus-inset-t-0:focus { inset-top: 0; }
.uw-active-inset-t-0:active { inset-top: 0; }
.uw-disabled-inset-t-0:disabled { inset-top: 0; }
.uw-inset-t-1 { inset-top: 0.25rem; }
.uw-hover-inset-t-1:hover { inset-top: 0.25rem; }
.uw-focus-inset-t-1:focus { inset-top: 0.25rem; }
.uw-active-inset-t-1:active { inset-top: 0.25rem; }
.uw-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
.uw-inset-t-2 { inset-top: 0.5rem; }
.uw-hover-inset-t-2:hover { inset-top: 0.5rem; }
.uw-focus-inset-t-2:focus { inset-top: 0.5rem; }
.uw-active-inset-t-2:active { inset-top: 0.5rem; }
.uw-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
.uw-inset-t-3 { inset-top: 0.75rem; }
.uw-hover-inset-t-3:hover { inset-top: 0.75rem; }
.uw-focus-inset-t-3:focus { inset-top: 0.75rem; }
.uw-active-inset-t-3:active { inset-top: 0.75rem; }
.uw-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
.uw-inset-t-4 { inset-top: 1rem; }
.uw-hover-inset-t-4:hover { inset-top: 1rem; }
.uw-focus-inset-t-4:focus { inset-top: 1rem; }
.uw-active-inset-t-4:active { inset-top: 1rem; }
.uw-disabled-inset-t-4:disabled { inset-top: 1rem; }
.uw-inset-t-5 { inset-top: 1.25rem; }
.uw-hover-inset-t-5:hover { inset-top: 1.25rem; }
.uw-focus-inset-t-5:focus { inset-top: 1.25rem; }
.uw-active-inset-t-5:active { inset-top: 1.25rem; }
.uw-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
.uw-inset-t-6 { inset-top: 1.5rem; }
.uw-hover-inset-t-6:hover { inset-top: 1.5rem; }
.uw-focus-inset-t-6:focus { inset-top: 1.5rem; }
.uw-active-inset-t-6:active { inset-top: 1.5rem; }
.uw-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
.uw-inset-t-7 { inset-top: 1.75rem; }
.uw-hover-inset-t-7:hover { inset-top: 1.75rem; }
.uw-focus-inset-t-7:focus { inset-top: 1.75rem; }
.uw-active-inset-t-7:active { inset-top: 1.75rem; }
.uw-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
.uw-inset-t-8 { inset-top: 2rem; }
.uw-hover-inset-t-8:hover { inset-top: 2rem; }
.uw-focus-inset-t-8:focus { inset-top: 2rem; }
.uw-active-inset-t-8:active { inset-top: 2rem; }
.uw-disabled-inset-t-8:disabled { inset-top: 2rem; }
.uw-inset-t-9 { inset-top: 2.25rem; }
.uw-hover-inset-t-9:hover { inset-top: 2.25rem; }
.uw-focus-inset-t-9:focus { inset-top: 2.25rem; }
.uw-active-inset-t-9:active { inset-top: 2.25rem; }
.uw-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
.uw-inset-t-10 { inset-top: 2.5rem; }
.uw-hover-inset-t-10:hover { inset-top: 2.5rem; }
.uw-focus-inset-t-10:focus { inset-top: 2.5rem; }
.uw-active-inset-t-10:active { inset-top: 2.5rem; }
.uw-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
.uw-inset-t-12 { inset-top: 3rem; }
.uw-hover-inset-t-12:hover { inset-top: 3rem; }
.uw-focus-inset-t-12:focus { inset-top: 3rem; }
.uw-active-inset-t-12:active { inset-top: 3rem; }
.uw-disabled-inset-t-12:disabled { inset-top: 3rem; }
.uw-inset-t-14 { inset-top: 3.5rem; }
.uw-hover-inset-t-14:hover { inset-top: 3.5rem; }
.uw-focus-inset-t-14:focus { inset-top: 3.5rem; }
.uw-active-inset-t-14:active { inset-top: 3.5rem; }
.uw-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
.uw-inset-t-16 { inset-top: 4rem; }
.uw-hover-inset-t-16:hover { inset-top: 4rem; }
.uw-focus-inset-t-16:focus { inset-top: 4rem; }
.uw-active-inset-t-16:active { inset-top: 4rem; }
.uw-disabled-inset-t-16:disabled { inset-top: 4rem; }
.uw-inset-t-20 { inset-top: 5rem; }
.uw-hover-inset-t-20:hover { inset-top: 5rem; }
.uw-focus-inset-t-20:focus { inset-top: 5rem; }
.uw-active-inset-t-20:active { inset-top: 5rem; }
.uw-disabled-inset-t-20:disabled { inset-top: 5rem; }
.uw-inset-t-24 { inset-top: 6rem; }
.uw-hover-inset-t-24:hover { inset-top: 6rem; }
.uw-focus-inset-t-24:focus { inset-top: 6rem; }
.uw-active-inset-t-24:active { inset-top: 6rem; }
.uw-disabled-inset-t-24:disabled { inset-top: 6rem; }
.uw-inset-t-28 { inset-top: 7rem; }
.uw-hover-inset-t-28:hover { inset-top: 7rem; }
.uw-focus-inset-t-28:focus { inset-top: 7rem; }
.uw-active-inset-t-28:active { inset-top: 7rem; }
.uw-disabled-inset-t-28:disabled { inset-top: 7rem; }
.uw-inset-t-32 { inset-top: 8rem; }
.uw-hover-inset-t-32:hover { inset-top: 8rem; }
.uw-focus-inset-t-32:focus { inset-top: 8rem; }
.uw-active-inset-t-32:active { inset-top: 8rem; }
.uw-disabled-inset-t-32:disabled { inset-top: 8rem; }
.uw-inset-r-0 { inset-right: 0; }
.uw-hover-inset-r-0:hover { inset-right: 0; }
.uw-focus-inset-r-0:focus { inset-right: 0; }
.uw-active-inset-r-0:active { inset-right: 0; }
.uw-disabled-inset-r-0:disabled { inset-right: 0; }
.uw-inset-r-1 { inset-right: 0.25rem; }
.uw-hover-inset-r-1:hover { inset-right: 0.25rem; }
.uw-focus-inset-r-1:focus { inset-right: 0.25rem; }
.uw-active-inset-r-1:active { inset-right: 0.25rem; }
.uw-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
.uw-inset-r-2 { inset-right: 0.5rem; }
.uw-hover-inset-r-2:hover { inset-right: 0.5rem; }
.uw-focus-inset-r-2:focus { inset-right: 0.5rem; }
.uw-active-inset-r-2:active { inset-right: 0.5rem; }
.uw-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
.uw-inset-r-3 { inset-right: 0.75rem; }
.uw-hover-inset-r-3:hover { inset-right: 0.75rem; }
.uw-focus-inset-r-3:focus { inset-right: 0.75rem; }
.uw-active-inset-r-3:active { inset-right: 0.75rem; }
.uw-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
.uw-inset-r-4 { inset-right: 1rem; }
.uw-hover-inset-r-4:hover { inset-right: 1rem; }
.uw-focus-inset-r-4:focus { inset-right: 1rem; }
.uw-active-inset-r-4:active { inset-right: 1rem; }
.uw-disabled-inset-r-4:disabled { inset-right: 1rem; }
.uw-inset-r-5 { inset-right: 1.25rem; }
.uw-hover-inset-r-5:hover { inset-right: 1.25rem; }
.uw-focus-inset-r-5:focus { inset-right: 1.25rem; }
.uw-active-inset-r-5:active { inset-right: 1.25rem; }
.uw-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
.uw-inset-r-6 { inset-right: 1.5rem; }
.uw-hover-inset-r-6:hover { inset-right: 1.5rem; }
.uw-focus-inset-r-6:focus { inset-right: 1.5rem; }
.uw-active-inset-r-6:active { inset-right: 1.5rem; }
.uw-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
.uw-inset-r-7 { inset-right: 1.75rem; }
.uw-hover-inset-r-7:hover { inset-right: 1.75rem; }
.uw-focus-inset-r-7:focus { inset-right: 1.75rem; }
.uw-active-inset-r-7:active { inset-right: 1.75rem; }
.uw-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
.uw-inset-r-8 { inset-right: 2rem; }
.uw-hover-inset-r-8:hover { inset-right: 2rem; }
.uw-focus-inset-r-8:focus { inset-right: 2rem; }
.uw-active-inset-r-8:active { inset-right: 2rem; }
.uw-disabled-inset-r-8:disabled { inset-right: 2rem; }
.uw-inset-r-9 { inset-right: 2.25rem; }
.uw-hover-inset-r-9:hover { inset-right: 2.25rem; }
.uw-focus-inset-r-9:focus { inset-right: 2.25rem; }
.uw-active-inset-r-9:active { inset-right: 2.25rem; }
.uw-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
.uw-inset-r-10 { inset-right: 2.5rem; }
.uw-hover-inset-r-10:hover { inset-right: 2.5rem; }
.uw-focus-inset-r-10:focus { inset-right: 2.5rem; }
.uw-active-inset-r-10:active { inset-right: 2.5rem; }
.uw-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
.uw-inset-r-12 { inset-right: 3rem; }
.uw-hover-inset-r-12:hover { inset-right: 3rem; }
.uw-focus-inset-r-12:focus { inset-right: 3rem; }
.uw-active-inset-r-12:active { inset-right: 3rem; }
.uw-disabled-inset-r-12:disabled { inset-right: 3rem; }
.uw-inset-r-14 { inset-right: 3.5rem; }
.uw-hover-inset-r-14:hover { inset-right: 3.5rem; }
.uw-focus-inset-r-14:focus { inset-right: 3.5rem; }
.uw-active-inset-r-14:active { inset-right: 3.5rem; }
.uw-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
.uw-inset-r-16 { inset-right: 4rem; }
.uw-hover-inset-r-16:hover { inset-right: 4rem; }
.uw-focus-inset-r-16:focus { inset-right: 4rem; }
.uw-active-inset-r-16:active { inset-right: 4rem; }
.uw-disabled-inset-r-16:disabled { inset-right: 4rem; }
.uw-inset-r-20 { inset-right: 5rem; }
.uw-hover-inset-r-20:hover { inset-right: 5rem; }
.uw-focus-inset-r-20:focus { inset-right: 5rem; }
.uw-active-inset-r-20:active { inset-right: 5rem; }
.uw-disabled-inset-r-20:disabled { inset-right: 5rem; }
.uw-inset-r-24 { inset-right: 6rem; }
.uw-hover-inset-r-24:hover { inset-right: 6rem; }
.uw-focus-inset-r-24:focus { inset-right: 6rem; }
.uw-active-inset-r-24:active { inset-right: 6rem; }
.uw-disabled-inset-r-24:disabled { inset-right: 6rem; }
.uw-inset-r-28 { inset-right: 7rem; }
.uw-hover-inset-r-28:hover { inset-right: 7rem; }
.uw-focus-inset-r-28:focus { inset-right: 7rem; }
.uw-active-inset-r-28:active { inset-right: 7rem; }
.uw-disabled-inset-r-28:disabled { inset-right: 7rem; }
.uw-inset-r-32 { inset-right: 8rem; }
.uw-hover-inset-r-32:hover { inset-right: 8rem; }
.uw-focus-inset-r-32:focus { inset-right: 8rem; }
.uw-active-inset-r-32:active { inset-right: 8rem; }
.uw-disabled-inset-r-32:disabled { inset-right: 8rem; }
.uw-inset-b-0 { inset-bottom: 0; }
.uw-hover-inset-b-0:hover { inset-bottom: 0; }
.uw-focus-inset-b-0:focus { inset-bottom: 0; }
.uw-active-inset-b-0:active { inset-bottom: 0; }
.uw-disabled-inset-b-0:disabled { inset-bottom: 0; }
.uw-inset-b-1 { inset-bottom: 0.25rem; }
.uw-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
.uw-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
.uw-active-inset-b-1:active { inset-bottom: 0.25rem; }
.uw-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
.uw-inset-b-2 { inset-bottom: 0.5rem; }
.uw-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
.uw-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
.uw-active-inset-b-2:active { inset-bottom: 0.5rem; }
.uw-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
.uw-inset-b-3 { inset-bottom: 0.75rem; }
.uw-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
.uw-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
.uw-active-inset-b-3:active { inset-bottom: 0.75rem; }
.uw-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
.uw-inset-b-4 { inset-bottom: 1rem; }
.uw-hover-inset-b-4:hover { inset-bottom: 1rem; }
.uw-focus-inset-b-4:focus { inset-bottom: 1rem; }
.uw-active-inset-b-4:active { inset-bottom: 1rem; }
.uw-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
.uw-inset-b-5 { inset-bottom: 1.25rem; }
.uw-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
.uw-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
.uw-active-inset-b-5:active { inset-bottom: 1.25rem; }
.uw-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
.uw-inset-b-6 { inset-bottom: 1.5rem; }
.uw-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
.uw-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
.uw-active-inset-b-6:active { inset-bottom: 1.5rem; }
.uw-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
.uw-inset-b-7 { inset-bottom: 1.75rem; }
.uw-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
.uw-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
.uw-active-inset-b-7:active { inset-bottom: 1.75rem; }
.uw-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
.uw-inset-b-8 { inset-bottom: 2rem; }
.uw-hover-inset-b-8:hover { inset-bottom: 2rem; }
.uw-focus-inset-b-8:focus { inset-bottom: 2rem; }
.uw-active-inset-b-8:active { inset-bottom: 2rem; }
.uw-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
.uw-inset-b-9 { inset-bottom: 2.25rem; }
.uw-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
.uw-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
.uw-active-inset-b-9:active { inset-bottom: 2.25rem; }
.uw-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
.uw-inset-b-10 { inset-bottom: 2.5rem; }
.uw-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
.uw-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
.uw-active-inset-b-10:active { inset-bottom: 2.5rem; }
.uw-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
.uw-inset-b-12 { inset-bottom: 3rem; }
.uw-hover-inset-b-12:hover { inset-bottom: 3rem; }
.uw-focus-inset-b-12:focus { inset-bottom: 3rem; }
.uw-active-inset-b-12:active { inset-bottom: 3rem; }
.uw-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
.uw-inset-b-14 { inset-bottom: 3.5rem; }
.uw-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
.uw-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
.uw-active-inset-b-14:active { inset-bottom: 3.5rem; }
.uw-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
.uw-inset-b-16 { inset-bottom: 4rem; }
.uw-hover-inset-b-16:hover { inset-bottom: 4rem; }
.uw-focus-inset-b-16:focus { inset-bottom: 4rem; }
.uw-active-inset-b-16:active { inset-bottom: 4rem; }
.uw-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
.uw-inset-b-20 { inset-bottom: 5rem; }
.uw-hover-inset-b-20:hover { inset-bottom: 5rem; }
.uw-focus-inset-b-20:focus { inset-bottom: 5rem; }
.uw-active-inset-b-20:active { inset-bottom: 5rem; }
.uw-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
.uw-inset-b-24 { inset-bottom: 6rem; }
.uw-hover-inset-b-24:hover { inset-bottom: 6rem; }
.uw-focus-inset-b-24:focus { inset-bottom: 6rem; }
.uw-active-inset-b-24:active { inset-bottom: 6rem; }
.uw-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
.uw-inset-b-28 { inset-bottom: 7rem; }
.uw-hover-inset-b-28:hover { inset-bottom: 7rem; }
.uw-focus-inset-b-28:focus { inset-bottom: 7rem; }
.uw-active-inset-b-28:active { inset-bottom: 7rem; }
.uw-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
.uw-inset-b-32 { inset-bottom: 8rem; }
.uw-hover-inset-b-32:hover { inset-bottom: 8rem; }
.uw-focus-inset-b-32:focus { inset-bottom: 8rem; }
.uw-active-inset-b-32:active { inset-bottom: 8rem; }
.uw-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
.uw-inset-l-0 { inset-left: 0; }
.uw-hover-inset-l-0:hover { inset-left: 0; }
.uw-focus-inset-l-0:focus { inset-left: 0; }
.uw-active-inset-l-0:active { inset-left: 0; }
.uw-disabled-inset-l-0:disabled { inset-left: 0; }
.uw-inset-l-1 { inset-left: 0.25rem; }
.uw-hover-inset-l-1:hover { inset-left: 0.25rem; }
.uw-focus-inset-l-1:focus { inset-left: 0.25rem; }
.uw-active-inset-l-1:active { inset-left: 0.25rem; }
.uw-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
.uw-inset-l-2 { inset-left: 0.5rem; }
.uw-hover-inset-l-2:hover { inset-left: 0.5rem; }
.uw-focus-inset-l-2:focus { inset-left: 0.5rem; }
.uw-active-inset-l-2:active { inset-left: 0.5rem; }
.uw-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
.uw-inset-l-3 { inset-left: 0.75rem; }
.uw-hover-inset-l-3:hover { inset-left: 0.75rem; }
.uw-focus-inset-l-3:focus { inset-left: 0.75rem; }
.uw-active-inset-l-3:active { inset-left: 0.75rem; }
.uw-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
.uw-inset-l-4 { inset-left: 1rem; }
.uw-hover-inset-l-4:hover { inset-left: 1rem; }
.uw-focus-inset-l-4:focus { inset-left: 1rem; }
.uw-active-inset-l-4:active { inset-left: 1rem; }
.uw-disabled-inset-l-4:disabled { inset-left: 1rem; }
.uw-inset-l-5 { inset-left: 1.25rem; }
.uw-hover-inset-l-5:hover { inset-left: 1.25rem; }
.uw-focus-inset-l-5:focus { inset-left: 1.25rem; }
.uw-active-inset-l-5:active { inset-left: 1.25rem; }
.uw-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
.uw-inset-l-6 { inset-left: 1.5rem; }
.uw-hover-inset-l-6:hover { inset-left: 1.5rem; }
.uw-focus-inset-l-6:focus { inset-left: 1.5rem; }
.uw-active-inset-l-6:active { inset-left: 1.5rem; }
.uw-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
.uw-inset-l-7 { inset-left: 1.75rem; }
.uw-hover-inset-l-7:hover { inset-left: 1.75rem; }
.uw-focus-inset-l-7:focus { inset-left: 1.75rem; }
.uw-active-inset-l-7:active { inset-left: 1.75rem; }
.uw-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
.uw-inset-l-8 { inset-left: 2rem; }
.uw-hover-inset-l-8:hover { inset-left: 2rem; }
.uw-focus-inset-l-8:focus { inset-left: 2rem; }
.uw-active-inset-l-8:active { inset-left: 2rem; }
.uw-disabled-inset-l-8:disabled { inset-left: 2rem; }
.uw-inset-l-9 { inset-left: 2.25rem; }
.uw-hover-inset-l-9:hover { inset-left: 2.25rem; }
.uw-focus-inset-l-9:focus { inset-left: 2.25rem; }
.uw-active-inset-l-9:active { inset-left: 2.25rem; }
.uw-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
.uw-inset-l-10 { inset-left: 2.5rem; }
.uw-hover-inset-l-10:hover { inset-left: 2.5rem; }
.uw-focus-inset-l-10:focus { inset-left: 2.5rem; }
.uw-active-inset-l-10:active { inset-left: 2.5rem; }
.uw-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
.uw-inset-l-12 { inset-left: 3rem; }
.uw-hover-inset-l-12:hover { inset-left: 3rem; }
.uw-focus-inset-l-12:focus { inset-left: 3rem; }
.uw-active-inset-l-12:active { inset-left: 3rem; }
.uw-disabled-inset-l-12:disabled { inset-left: 3rem; }
.uw-inset-l-14 { inset-left: 3.5rem; }
.uw-hover-inset-l-14:hover { inset-left: 3.5rem; }
.uw-focus-inset-l-14:focus { inset-left: 3.5rem; }
.uw-active-inset-l-14:active { inset-left: 3.5rem; }
.uw-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
.uw-inset-l-16 { inset-left: 4rem; }
.uw-hover-inset-l-16:hover { inset-left: 4rem; }
.uw-focus-inset-l-16:focus { inset-left: 4rem; }
.uw-active-inset-l-16:active { inset-left: 4rem; }
.uw-disabled-inset-l-16:disabled { inset-left: 4rem; }
.uw-inset-l-20 { inset-left: 5rem; }
.uw-hover-inset-l-20:hover { inset-left: 5rem; }
.uw-focus-inset-l-20:focus { inset-left: 5rem; }
.uw-active-inset-l-20:active { inset-left: 5rem; }
.uw-disabled-inset-l-20:disabled { inset-left: 5rem; }
.uw-inset-l-24 { inset-left: 6rem; }
.uw-hover-inset-l-24:hover { inset-left: 6rem; }
.uw-focus-inset-l-24:focus { inset-left: 6rem; }
.uw-active-inset-l-24:active { inset-left: 6rem; }
.uw-disabled-inset-l-24:disabled { inset-left: 6rem; }
.uw-inset-l-28 { inset-left: 7rem; }
.uw-hover-inset-l-28:hover { inset-left: 7rem; }
.uw-focus-inset-l-28:focus { inset-left: 7rem; }
.uw-active-inset-l-28:active { inset-left: 7rem; }
.uw-disabled-inset-l-28:disabled { inset-left: 7rem; }
.uw-inset-l-32 { inset-left: 8rem; }
.uw-hover-inset-l-32:hover { inset-left: 8rem; }
.uw-focus-inset-l-32:focus { inset-left: 8rem; }
.uw-active-inset-l-32:active { inset-left: 8rem; }
.uw-disabled-inset-l-32:disabled { inset-left: 8rem; }
.uw-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.uw-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
.uw-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
.uw-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
.uw-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
.uw-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.uw-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
.uw-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
.uw-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
.uw-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
.uw-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.uw-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
.uw-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
.uw-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
.uw-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
.uw-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.uw-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
.uw-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
.uw-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
.uw-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
.uw-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.uw-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
.uw-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
.uw-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
.uw-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
.uw-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.uw-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
.uw-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
.uw-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
.uw-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
.uw-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.uw-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
.uw-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
.uw-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
.uw-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
.uw-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.uw-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
.uw-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
.uw-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
.uw-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
.uw-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.uw-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
.uw-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
.uw-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
.uw-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
.uw-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.uw-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
.uw-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
.uw-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
.uw-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
.uw-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.uw-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
.uw-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
.uw-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
.uw-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
.uw-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.uw-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
.uw-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
.uw-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
.uw-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
.uw-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.uw-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
.uw-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
.uw-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
.uw-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
.uw-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.uw-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
.uw-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
.uw-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
.uw-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
.uw-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.uw-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
.uw-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
.uw-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
.uw-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
.uw-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
.uw-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
.uw-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
.uw-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
.uw-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
.uw-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
.uw-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
.uw-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
.uw-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
.uw-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
.uw-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
.uw-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
.uw-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
.uw-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
.uw-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
.uw-gap-0 { gap: 0; }
.uw-hover-gap-0:hover { gap: 0; }
.uw-focus-gap-0:focus { gap: 0; }
.uw-active-gap-0:active { gap: 0; }
.uw-disabled-gap-0:disabled { gap: 0; }
.uw-gap-1 { gap: 0.25rem; }
.uw-hover-gap-1:hover { gap: 0.25rem; }
.uw-focus-gap-1:focus { gap: 0.25rem; }
.uw-active-gap-1:active { gap: 0.25rem; }
.uw-disabled-gap-1:disabled { gap: 0.25rem; }
.uw-gap-2 { gap: 0.5rem; }
.uw-hover-gap-2:hover { gap: 0.5rem; }
.uw-focus-gap-2:focus { gap: 0.5rem; }
.uw-active-gap-2:active { gap: 0.5rem; }
.uw-disabled-gap-2:disabled { gap: 0.5rem; }
.uw-gap-3 { gap: 0.75rem; }
.uw-hover-gap-3:hover { gap: 0.75rem; }
.uw-focus-gap-3:focus { gap: 0.75rem; }
.uw-active-gap-3:active { gap: 0.75rem; }
.uw-disabled-gap-3:disabled { gap: 0.75rem; }
.uw-gap-4 { gap: 1rem; }
.uw-hover-gap-4:hover { gap: 1rem; }
.uw-focus-gap-4:focus { gap: 1rem; }
.uw-active-gap-4:active { gap: 1rem; }
.uw-disabled-gap-4:disabled { gap: 1rem; }
.uw-gap-5 { gap: 1.25rem; }
.uw-hover-gap-5:hover { gap: 1.25rem; }
.uw-focus-gap-5:focus { gap: 1.25rem; }
.uw-active-gap-5:active { gap: 1.25rem; }
.uw-disabled-gap-5:disabled { gap: 1.25rem; }
.uw-gap-6 { gap: 1.5rem; }
.uw-hover-gap-6:hover { gap: 1.5rem; }
.uw-focus-gap-6:focus { gap: 1.5rem; }
.uw-active-gap-6:active { gap: 1.5rem; }
.uw-disabled-gap-6:disabled { gap: 1.5rem; }
.uw-gap-7 { gap: 1.75rem; }
.uw-hover-gap-7:hover { gap: 1.75rem; }
.uw-focus-gap-7:focus { gap: 1.75rem; }
.uw-active-gap-7:active { gap: 1.75rem; }
.uw-disabled-gap-7:disabled { gap: 1.75rem; }
.uw-gap-8 { gap: 2rem; }
.uw-hover-gap-8:hover { gap: 2rem; }
.uw-focus-gap-8:focus { gap: 2rem; }
.uw-active-gap-8:active { gap: 2rem; }
.uw-disabled-gap-8:disabled { gap: 2rem; }
.uw-gap-9 { gap: 2.25rem; }
.uw-hover-gap-9:hover { gap: 2.25rem; }
.uw-focus-gap-9:focus { gap: 2.25rem; }
.uw-active-gap-9:active { gap: 2.25rem; }
.uw-disabled-gap-9:disabled { gap: 2.25rem; }
.uw-gap-10 { gap: 2.5rem; }
.uw-hover-gap-10:hover { gap: 2.5rem; }
.uw-focus-gap-10:focus { gap: 2.5rem; }
.uw-active-gap-10:active { gap: 2.5rem; }
.uw-disabled-gap-10:disabled { gap: 2.5rem; }
.uw-gap-12 { gap: 3rem; }
.uw-hover-gap-12:hover { gap: 3rem; }
.uw-focus-gap-12:focus { gap: 3rem; }
.uw-active-gap-12:active { gap: 3rem; }
.uw-disabled-gap-12:disabled { gap: 3rem; }
.uw-gap-14 { gap: 3.5rem; }
.uw-hover-gap-14:hover { gap: 3.5rem; }
.uw-focus-gap-14:focus { gap: 3.5rem; }
.uw-active-gap-14:active { gap: 3.5rem; }
.uw-disabled-gap-14:disabled { gap: 3.5rem; }
.uw-gap-16 { gap: 4rem; }
.uw-hover-gap-16:hover { gap: 4rem; }
.uw-focus-gap-16:focus { gap: 4rem; }
.uw-active-gap-16:active { gap: 4rem; }
.uw-disabled-gap-16:disabled { gap: 4rem; }
.uw-gap-20 { gap: 5rem; }
.uw-hover-gap-20:hover { gap: 5rem; }
.uw-focus-gap-20:focus { gap: 5rem; }
.uw-active-gap-20:active { gap: 5rem; }
.uw-disabled-gap-20:disabled { gap: 5rem; }
.uw-gap-24 { gap: 6rem; }
.uw-hover-gap-24:hover { gap: 6rem; }
.uw-focus-gap-24:focus { gap: 6rem; }
.uw-active-gap-24:active { gap: 6rem; }
.uw-disabled-gap-24:disabled { gap: 6rem; }
.uw-gap-28 { gap: 7rem; }
.uw-hover-gap-28:hover { gap: 7rem; }
.uw-focus-gap-28:focus { gap: 7rem; }
.uw-active-gap-28:active { gap: 7rem; }
.uw-disabled-gap-28:disabled { gap: 7rem; }
.uw-gap-32 { gap: 8rem; }
.uw-hover-gap-32:hover { gap: 8rem; }
.uw-focus-gap-32:focus { gap: 8rem; }
.uw-active-gap-32:active { gap: 8rem; }
.uw-disabled-gap-32:disabled { gap: 8rem; }
.uw-flex-row { flex-direction: row; }
.uw-hover-flex-row:hover { flex-direction: row; }
.uw-focus-flex-row:focus { flex-direction: row; }
.uw-active-flex-row:active { flex-direction: row; }
.uw-disabled-flex-row:disabled { flex-direction: row; }
.uw-flex-col { flex-direction: column; }
.uw-hover-flex-col:hover { flex-direction: column; }
.uw-focus-flex-col:focus { flex-direction: column; }
.uw-active-flex-col:active { flex-direction: column; }
.uw-disabled-flex-col:disabled { flex-direction: column; }
.uw-flex-row-reverse { flex-direction: row-reverse; }
.uw-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
.uw-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
.uw-active-flex-row-reverse:active { flex-direction: row-reverse; }
.uw-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
.uw-flex-col-reverse { flex-direction: column-reverse; }
.uw-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
.uw-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
.uw-active-flex-col-reverse:active { flex-direction: column-reverse; }
.uw-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
.uw-flex-wrap { flex-wrap: wrap; }
.uw-hover-flex-wrap:hover { flex-wrap: wrap; }
.uw-focus-flex-wrap:focus { flex-wrap: wrap; }
.uw-active-flex-wrap:active { flex-wrap: wrap; }
.uw-disabled-flex-wrap:disabled { flex-wrap: wrap; }
.uw-flex-nowrap { flex-wrap: nowrap; }
.uw-hover-flex-nowrap:hover { flex-wrap: nowrap; }
.uw-focus-flex-nowrap:focus { flex-wrap: nowrap; }
.uw-active-flex-nowrap:active { flex-wrap: nowrap; }
.uw-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
.uw-flex-wrap-reverse { flex-wrap: wrap-reverse; }
.uw-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
.uw-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
.uw-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
.uw-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
.uw-flex-1 { flex: 1; }
.uw-hover-flex-1:hover { flex: 1; }
.uw-focus-flex-1:focus { flex: 1; }
.uw-active-flex-1:active { flex: 1; }
.uw-disabled-flex-1:disabled { flex: 1; }
.uw-flex-auto { flex: auto; }
.uw-hover-flex-auto:hover { flex: auto; }
.uw-focus-flex-auto:focus { flex: auto; }
.uw-active-flex-auto:active { flex: auto; }
.uw-disabled-flex-auto:disabled { flex: auto; }
.uw-flex-initial { flex: initial; }
.uw-hover-flex-initial:hover { flex: initial; }
.uw-focus-flex-initial:focus { flex: initial; }
.uw-active-flex-initial:active { flex: initial; }
.uw-disabled-flex-initial:disabled { flex: initial; }
.uw-flex-none { flex: none; }
.uw-hover-flex-none:hover { flex: none; }
.uw-focus-flex-none:focus { flex: none; }
.uw-active-flex-none:active { flex: none; }
.uw-disabled-flex-none:disabled { flex: none; }
.uw-flex-grow-0 { flex-grow: 0; }
.uw-hover-flex-grow-0:hover { flex-grow: 0; }
.uw-focus-flex-grow-0:focus { flex-grow: 0; }
.uw-active-flex-grow-0:active { flex-grow: 0; }
.uw-disabled-flex-grow-0:disabled { flex-grow: 0; }
.uw-flex-grow-1 { flex-grow: 1; }
.uw-hover-flex-grow-1:hover { flex-grow: 1; }
.uw-focus-flex-grow-1:focus { flex-grow: 1; }
.uw-active-flex-grow-1:active { flex-grow: 1; }
.uw-disabled-flex-grow-1:disabled { flex-grow: 1; }
.uw-flex-shrink-0 { flex-shrink: 0; }
.uw-hover-flex-shrink-0:hover { flex-shrink: 0; }
.uw-focus-flex-shrink-0:focus { flex-shrink: 0; }
.uw-active-flex-shrink-0:active { flex-shrink: 0; }
.uw-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
.uw-flex-shrink-1 { flex-shrink: 1; }
.uw-hover-flex-shrink-1:hover { flex-shrink: 1; }
.uw-focus-flex-shrink-1:focus { flex-shrink: 1; }
.uw-active-flex-shrink-1:active { flex-shrink: 1; }
.uw-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
.uw-overflow-auto { overflow: auto; }
.uw-hover-overflow-auto:hover { overflow: auto; }
.uw-focus-overflow-auto:focus { overflow: auto; }
.uw-active-overflow-auto:active { overflow: auto; }
.uw-disabled-overflow-auto:disabled { overflow: auto; }
.uw-overflow-hidden { overflow: hidden; }
.uw-hover-overflow-hidden:hover { overflow: hidden; }
.uw-focus-overflow-hidden:focus { overflow: hidden; }
.uw-active-overflow-hidden:active { overflow: hidden; }
.uw-disabled-overflow-hidden:disabled { overflow: hidden; }
.uw-overflow-visible { overflow: visible; }
.uw-hover-overflow-visible:hover { overflow: visible; }
.uw-focus-overflow-visible:focus { overflow: visible; }
.uw-active-overflow-visible:active { overflow: visible; }
.uw-disabled-overflow-visible:disabled { overflow: visible; }
.uw-overflow-scroll { overflow: scroll; }
.uw-hover-overflow-scroll:hover { overflow: scroll; }
.uw-focus-overflow-scroll:focus { overflow: scroll; }
.uw-active-overflow-scroll:active { overflow: scroll; }
.uw-disabled-overflow-scroll:disabled { overflow: scroll; }
.uw-overflow-x-auto { overflow-x: auto; }
.uw-hover-overflow-x-auto:hover { overflow-x: auto; }
.uw-focus-overflow-x-auto:focus { overflow-x: auto; }
.uw-active-overflow-x-auto:active { overflow-x: auto; }
.uw-disabled-overflow-x-auto:disabled { overflow-x: auto; }
.uw-overflow-x-hidden { overflow-x: hidden; }
.uw-hover-overflow-x-hidden:hover { overflow-x: hidden; }
.uw-focus-overflow-x-hidden:focus { overflow-x: hidden; }
.uw-active-overflow-x-hidden:active { overflow-x: hidden; }
.uw-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
.uw-overflow-x-visible { overflow-x: visible; }
.uw-hover-overflow-x-visible:hover { overflow-x: visible; }
.uw-focus-overflow-x-visible:focus { overflow-x: visible; }
.uw-active-overflow-x-visible:active { overflow-x: visible; }
.uw-disabled-overflow-x-visible:disabled { overflow-x: visible; }
.uw-overflow-x-scroll { overflow-x: scroll; }
.uw-hover-overflow-x-scroll:hover { overflow-x: scroll; }
.uw-focus-overflow-x-scroll:focus { overflow-x: scroll; }
.uw-active-overflow-x-scroll:active { overflow-x: scroll; }
.uw-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
.uw-overflow-y-auto { overflow-y: auto; }
.uw-hover-overflow-y-auto:hover { overflow-y: auto; }
.uw-focus-overflow-y-auto:focus { overflow-y: auto; }
.uw-active-overflow-y-auto:active { overflow-y: auto; }
.uw-disabled-overflow-y-auto:disabled { overflow-y: auto; }
.uw-overflow-y-hidden { overflow-y: hidden; }
.uw-hover-overflow-y-hidden:hover { overflow-y: hidden; }
.uw-focus-overflow-y-hidden:focus { overflow-y: hidden; }
.uw-active-overflow-y-hidden:active { overflow-y: hidden; }
.uw-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
.uw-overflow-y-visible { overflow-y: visible; }
.uw-hover-overflow-y-visible:hover { overflow-y: visible; }
.uw-focus-overflow-y-visible:focus { overflow-y: visible; }
.uw-active-overflow-y-visible:active { overflow-y: visible; }
.uw-disabled-overflow-y-visible:disabled { overflow-y: visible; }
.uw-overflow-y-scroll { overflow-y: scroll; }
.uw-hover-overflow-y-scroll:hover { overflow-y: scroll; }
.uw-focus-overflow-y-scroll:focus { overflow-y: scroll; }
.uw-active-overflow-y-scroll:active { overflow-y: scroll; }
.uw-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
.uw-visible { visibility: visible; }
.uw-hover-visible:hover { visibility: visible; }
.uw-focus-visible:focus { visibility: visible; }
.uw-active-visible:active { visibility: visible; }
.uw-disabled-visible:disabled { visibility: visible; }
.uw-hidden { visibility: hidden; }
.uw-hover-hidden:hover { visibility: hidden; }
.uw-focus-hidden:focus { visibility: hidden; }
.uw-active-hidden:active { visibility: hidden; }
.uw-disabled-hidden:disabled { visibility: hidden; }
.uw-clear-left { clear: left; }
.uw-hover-clear-left:hover { clear: left; }
.uw-focus-clear-left:focus { clear: left; }
.uw-active-clear-left:active { clear: left; }
.uw-disabled-clear-left:disabled { clear: left; }
.uw-clear-right { clear: right; }
.uw-hover-clear-right:hover { clear: right; }
.uw-focus-clear-right:focus { clear: right; }
.uw-active-clear-right:active { clear: right; }
.uw-disabled-clear-right:disabled { clear: right; }
.uw-clear-both { clear: both; }
.uw-hover-clear-both:hover { clear: both; }
.uw-focus-clear-both:focus { clear: both; }
.uw-active-clear-both:active { clear: both; }
.uw-disabled-clear-both:disabled { clear: both; }
.uw-float-left { float: left; }
.uw-hover-float-left:hover { float: left; }
.uw-focus-float-left:focus { float: left; }
.uw-active-float-left:active { float: left; }
.uw-disabled-float-left:disabled { float: left; }
.uw-float-right { float: right; }
.uw-hover-float-right:hover { float: right; }
.uw-focus-float-right:focus { float: right; }
.uw-active-float-right:active { float: right; }
.uw-disabled-float-right:disabled { float: right; }
.uw-float-none { float: none; }
.uw-hover-float-none:hover { float: none; }
.uw-focus-float-none:focus { float: none; }
.uw-active-float-none:active { float: none; }
.uw-disabled-float-none:disabled { float: none; }
.uw-w-auto { width: auto; }
.uw-hover-w-auto:hover { width: auto; }
.uw-focus-w-auto:focus { width: auto; }
.uw-active-w-auto:active { width: auto; }
.uw-disabled-w-auto:disabled { width: auto; }
.uw-w-full { width: 100%; }
.uw-hover-w-full:hover { width: 100%; }
.uw-focus-w-full:focus { width: 100%; }
.uw-active-w-full:active { width: 100%; }
.uw-disabled-w-full:disabled { width: 100%; }
.uw-w-fit { width: fit-content; }
.uw-hover-w-fit:hover { width: fit-content; }
.uw-focus-w-fit:focus { width: fit-content; }
.uw-active-w-fit:active { width: fit-content; }
.uw-disabled-w-fit:disabled { width: fit-content; }
.uw-w-max { width: max-content; }
.uw-hover-w-max:hover { width: max-content; }
.uw-focus-w-max:focus { width: max-content; }
.uw-active-w-max:active { width: max-content; }
.uw-disabled-w-max:disabled { width: max-content; }
.uw-w-min { width: min-content; }
.uw-hover-w-min:hover { width: min-content; }
.uw-focus-w-min:focus { width: min-content; }
.uw-active-w-min:active { width: min-content; }
.uw-disabled-w-min:disabled { width: min-content; }
.uw-w-stretch { width: stretch; }
.uw-hover-w-stretch:hover { width: stretch; }
.uw-focus-w-stretch:focus { width: stretch; }
.uw-active-w-stretch:active { width: stretch; }
.uw-disabled-w-stretch:disabled { width: stretch; }
.uw-w-10p { width: 10%; }
.uw-hover-w-10p:hover { width: 10%; }
.uw-focus-w-10p:focus { width: 10%; }
.uw-active-w-10p:active { width: 10%; }
.uw-disabled-w-10p:disabled { width: 10%; }
.uw-w-20p { width: 20%; }
.uw-hover-w-20p:hover { width: 20%; }
.uw-focus-w-20p:focus { width: 20%; }
.uw-active-w-20p:active { width: 20%; }
.uw-disabled-w-20p:disabled { width: 20%; }
.uw-w-25p { width: 25%; }
.uw-hover-w-25p:hover { width: 25%; }
.uw-focus-w-25p:focus { width: 25%; }
.uw-active-w-25p:active { width: 25%; }
.uw-disabled-w-25p:disabled { width: 25%; }
.uw-w-30p { width: 30%; }
.uw-hover-w-30p:hover { width: 30%; }
.uw-focus-w-30p:focus { width: 30%; }
.uw-active-w-30p:active { width: 30%; }
.uw-disabled-w-30p:disabled { width: 30%; }
.uw-w-33p { width: 33.3333%; }
.uw-hover-w-33p:hover { width: 33.3333%; }
.uw-focus-w-33p:focus { width: 33.3333%; }
.uw-active-w-33p:active { width: 33.3333%; }
.uw-disabled-w-33p:disabled { width: 33.3333%; }
.uw-w-40p { width: 40%; }
.uw-hover-w-40p:hover { width: 40%; }
.uw-focus-w-40p:focus { width: 40%; }
.uw-active-w-40p:active { width: 40%; }
.uw-disabled-w-40p:disabled { width: 40%; }
.uw-w-50p { width: 50%; }
.uw-hover-w-50p:hover { width: 50%; }
.uw-focus-w-50p:focus { width: 50%; }
.uw-active-w-50p:active { width: 50%; }
.uw-disabled-w-50p:disabled { width: 50%; }
.uw-w-60p { width: 60%; }
.uw-hover-w-60p:hover { width: 60%; }
.uw-focus-w-60p:focus { width: 60%; }
.uw-active-w-60p:active { width: 60%; }
.uw-disabled-w-60p:disabled { width: 60%; }
.uw-w-66p { width: 66.6667%; }
.uw-hover-w-66p:hover { width: 66.6667%; }
.uw-focus-w-66p:focus { width: 66.6667%; }
.uw-active-w-66p:active { width: 66.6667%; }
.uw-disabled-w-66p:disabled { width: 66.6667%; }
.uw-w-70p { width: 70%; }
.uw-hover-w-70p:hover { width: 70%; }
.uw-focus-w-70p:focus { width: 70%; }
.uw-active-w-70p:active { width: 70%; }
.uw-disabled-w-70p:disabled { width: 70%; }
.uw-w-75p { width: 75%; }
.uw-hover-w-75p:hover { width: 75%; }
.uw-focus-w-75p:focus { width: 75%; }
.uw-active-w-75p:active { width: 75%; }
.uw-disabled-w-75p:disabled { width: 75%; }
.uw-w-80p { width: 80%; }
.uw-hover-w-80p:hover { width: 80%; }
.uw-focus-w-80p:focus { width: 80%; }
.uw-active-w-80p:active { width: 80%; }
.uw-disabled-w-80p:disabled { width: 80%; }
.uw-w-90p { width: 90%; }
.uw-hover-w-90p:hover { width: 90%; }
.uw-focus-w-90p:focus { width: 90%; }
.uw-active-w-90p:active { width: 90%; }
.uw-disabled-w-90p:disabled { width: 90%; }
.uw-w-100p { width: 100%; }
.uw-hover-w-100p:hover { width: 100%; }
.uw-focus-w-100p:focus { width: 100%; }
.uw-active-w-100p:active { width: 100%; }
.uw-disabled-w-100p:disabled { width: 100%; }
.uw-w-10vw { width: 10vw; }
.uw-hover-w-10vw:hover { width: 10vw; }
.uw-focus-w-10vw:focus { width: 10vw; }
.uw-active-w-10vw:active { width: 10vw; }
.uw-disabled-w-10vw:disabled { width: 10vw; }
.uw-w-20vw { width: 20vw; }
.uw-hover-w-20vw:hover { width: 20vw; }
.uw-focus-w-20vw:focus { width: 20vw; }
.uw-active-w-20vw:active { width: 20vw; }
.uw-disabled-w-20vw:disabled { width: 20vw; }
.uw-w-30vw { width: 30vw; }
.uw-hover-w-30vw:hover { width: 30vw; }
.uw-focus-w-30vw:focus { width: 30vw; }
.uw-active-w-30vw:active { width: 30vw; }
.uw-disabled-w-30vw:disabled { width: 30vw; }
.uw-w-40vw { width: 40vw; }
.uw-hover-w-40vw:hover { width: 40vw; }
.uw-focus-w-40vw:focus { width: 40vw; }
.uw-active-w-40vw:active { width: 40vw; }
.uw-disabled-w-40vw:disabled { width: 40vw; }
.uw-w-50vw { width: 50vw; }
.uw-hover-w-50vw:hover { width: 50vw; }
.uw-focus-w-50vw:focus { width: 50vw; }
.uw-active-w-50vw:active { width: 50vw; }
.uw-disabled-w-50vw:disabled { width: 50vw; }
.uw-w-60vw { width: 60vw; }
.uw-hover-w-60vw:hover { width: 60vw; }
.uw-focus-w-60vw:focus { width: 60vw; }
.uw-active-w-60vw:active { width: 60vw; }
.uw-disabled-w-60vw:disabled { width: 60vw; }
.uw-w-70vw { width: 70vw; }
.uw-hover-w-70vw:hover { width: 70vw; }
.uw-focus-w-70vw:focus { width: 70vw; }
.uw-active-w-70vw:active { width: 70vw; }
.uw-disabled-w-70vw:disabled { width: 70vw; }
.uw-w-80vw { width: 80vw; }
.uw-hover-w-80vw:hover { width: 80vw; }
.uw-focus-w-80vw:focus { width: 80vw; }
.uw-active-w-80vw:active { width: 80vw; }
.uw-disabled-w-80vw:disabled { width: 80vw; }
.uw-w-90vw { width: 90vw; }
.uw-hover-w-90vw:hover { width: 90vw; }
.uw-focus-w-90vw:focus { width: 90vw; }
.uw-active-w-90vw:active { width: 90vw; }
.uw-disabled-w-90vw:disabled { width: 90vw; }
.uw-w-100vw { width: 100vw; }
.uw-hover-w-100vw:hover { width: 100vw; }
.uw-focus-w-100vw:focus { width: 100vw; }
.uw-active-w-100vw:active { width: 100vw; }
.uw-disabled-w-100vw:disabled { width: 100vw; }
.uw-w-lvw { width: 100lvw; }
.uw-hover-w-lvw:hover { width: 100lvw; }
.uw-focus-w-lvw:focus { width: 100lvw; }
.uw-active-w-lvw:active { width: 100lvw; }
.uw-disabled-w-lvw:disabled { width: 100lvw; }
.uw-w-svw { width: 100svw; }
.uw-hover-w-svw:hover { width: 100svw; }
.uw-focus-w-svw:focus { width: 100svw; }
.uw-active-w-svw:active { width: 100svw; }
.uw-disabled-w-svw:disabled { width: 100svw; }
.uw-w-mvw { width: 100mvw; }
.uw-hover-w-mvw:hover { width: 100mvw; }
.uw-focus-w-mvw:focus { width: 100mvw; }
.uw-active-w-mvw:active { width: 100mvw; }
.uw-disabled-w-mvw:disabled { width: 100mvw; }
.uw-w-vmin { width: 100vmin; }
.uw-hover-w-vmin:hover { width: 100vmin; }
.uw-focus-w-vmin:focus { width: 100vmin; }
.uw-active-w-vmin:active { width: 100vmin; }
.uw-disabled-w-vmin:disabled { width: 100vmin; }
.uw-w-vmax { width: 100vmax; }
.uw-hover-w-vmax:hover { width: 100vmax; }
.uw-focus-w-vmax:focus { width: 100vmax; }
.uw-active-w-vmax:active { width: 100vmax; }
.uw-disabled-w-vmax:disabled { width: 100vmax; }
.uw-h-auto { height: auto; }
.uw-hover-h-auto:hover { height: auto; }
.uw-focus-h-auto:focus { height: auto; }
.uw-active-h-auto:active { height: auto; }
.uw-disabled-h-auto:disabled { height: auto; }
.uw-h-full { height: 100%; }
.uw-hover-h-full:hover { height: 100%; }
.uw-focus-h-full:focus { height: 100%; }
.uw-active-h-full:active { height: 100%; }
.uw-disabled-h-full:disabled { height: 100%; }
.uw-h-fit { height: fit-content; }
.uw-hover-h-fit:hover { height: fit-content; }
.uw-focus-h-fit:focus { height: fit-content; }
.uw-active-h-fit:active { height: fit-content; }
.uw-disabled-h-fit:disabled { height: fit-content; }
.uw-h-max { height: max-content; }
.uw-hover-h-max:hover { height: max-content; }
.uw-focus-h-max:focus { height: max-content; }
.uw-active-h-max:active { height: max-content; }
.uw-disabled-h-max:disabled { height: max-content; }
.uw-h-min { height: min-content; }
.uw-hover-h-min:hover { height: min-content; }
.uw-focus-h-min:focus { height: min-content; }
.uw-active-h-min:active { height: min-content; }
.uw-disabled-h-min:disabled { height: min-content; }
.uw-h-stretch { height: stretch; }
.uw-hover-h-stretch:hover { height: stretch; }
.uw-focus-h-stretch:focus { height: stretch; }
.uw-active-h-stretch:active { height: stretch; }
.uw-disabled-h-stretch:disabled { height: stretch; }
.uw-h-10p { height: 10%; }
.uw-hover-h-10p:hover { height: 10%; }
.uw-focus-h-10p:focus { height: 10%; }
.uw-active-h-10p:active { height: 10%; }
.uw-disabled-h-10p:disabled { height: 10%; }
.uw-h-20p { height: 20%; }
.uw-hover-h-20p:hover { height: 20%; }
.uw-focus-h-20p:focus { height: 20%; }
.uw-active-h-20p:active { height: 20%; }
.uw-disabled-h-20p:disabled { height: 20%; }
.uw-h-25p { height: 25%; }
.uw-hover-h-25p:hover { height: 25%; }
.uw-focus-h-25p:focus { height: 25%; }
.uw-active-h-25p:active { height: 25%; }
.uw-disabled-h-25p:disabled { height: 25%; }
.uw-h-30p { height: 30%; }
.uw-hover-h-30p:hover { height: 30%; }
.uw-focus-h-30p:focus { height: 30%; }
.uw-active-h-30p:active { height: 30%; }
.uw-disabled-h-30p:disabled { height: 30%; }
.uw-h-33p { height: 33.3333%; }
.uw-hover-h-33p:hover { height: 33.3333%; }
.uw-focus-h-33p:focus { height: 33.3333%; }
.uw-active-h-33p:active { height: 33.3333%; }
.uw-disabled-h-33p:disabled { height: 33.3333%; }
.uw-h-40p { height: 40%; }
.uw-hover-h-40p:hover { height: 40%; }
.uw-focus-h-40p:focus { height: 40%; }
.uw-active-h-40p:active { height: 40%; }
.uw-disabled-h-40p:disabled { height: 40%; }
.uw-h-50p { height: 50%; }
.uw-hover-h-50p:hover { height: 50%; }
.uw-focus-h-50p:focus { height: 50%; }
.uw-active-h-50p:active { height: 50%; }
.uw-disabled-h-50p:disabled { height: 50%; }
.uw-h-60p { height: 60%; }
.uw-hover-h-60p:hover { height: 60%; }
.uw-focus-h-60p:focus { height: 60%; }
.uw-active-h-60p:active { height: 60%; }
.uw-disabled-h-60p:disabled { height: 60%; }
.uw-h-66p { height: 66.6667%; }
.uw-hover-h-66p:hover { height: 66.6667%; }
.uw-focus-h-66p:focus { height: 66.6667%; }
.uw-active-h-66p:active { height: 66.6667%; }
.uw-disabled-h-66p:disabled { height: 66.6667%; }
.uw-h-70p { height: 70%; }
.uw-hover-h-70p:hover { height: 70%; }
.uw-focus-h-70p:focus { height: 70%; }
.uw-active-h-70p:active { height: 70%; }
.uw-disabled-h-70p:disabled { height: 70%; }
.uw-h-75p { height: 75%; }
.uw-hover-h-75p:hover { height: 75%; }
.uw-focus-h-75p:focus { height: 75%; }
.uw-active-h-75p:active { height: 75%; }
.uw-disabled-h-75p:disabled { height: 75%; }
.uw-h-80p { height: 80%; }
.uw-hover-h-80p:hover { height: 80%; }
.uw-focus-h-80p:focus { height: 80%; }
.uw-active-h-80p:active { height: 80%; }
.uw-disabled-h-80p:disabled { height: 80%; }
.uw-h-90p { height: 90%; }
.uw-hover-h-90p:hover { height: 90%; }
.uw-focus-h-90p:focus { height: 90%; }
.uw-active-h-90p:active { height: 90%; }
.uw-disabled-h-90p:disabled { height: 90%; }
.uw-h-100p { height: 100%; }
.uw-hover-h-100p:hover { height: 100%; }
.uw-focus-h-100p:focus { height: 100%; }
.uw-active-h-100p:active { height: 100%; }
.uw-disabled-h-100p:disabled { height: 100%; }
.uw-h-10vh { height: 10vh; }
.uw-hover-h-10vh:hover { height: 10vh; }
.uw-focus-h-10vh:focus { height: 10vh; }
.uw-active-h-10vh:active { height: 10vh; }
.uw-disabled-h-10vh:disabled { height: 10vh; }
.uw-h-20vh { height: 20vh; }
.uw-hover-h-20vh:hover { height: 20vh; }
.uw-focus-h-20vh:focus { height: 20vh; }
.uw-active-h-20vh:active { height: 20vh; }
.uw-disabled-h-20vh:disabled { height: 20vh; }
.uw-h-30vh { height: 30vh; }
.uw-hover-h-30vh:hover { height: 30vh; }
.uw-focus-h-30vh:focus { height: 30vh; }
.uw-active-h-30vh:active { height: 30vh; }
.uw-disabled-h-30vh:disabled { height: 30vh; }
.uw-h-40vh { height: 40vh; }
.uw-hover-h-40vh:hover { height: 40vh; }
.uw-focus-h-40vh:focus { height: 40vh; }
.uw-active-h-40vh:active { height: 40vh; }
.uw-disabled-h-40vh:disabled { height: 40vh; }
.uw-h-50vh { height: 50vh; }
.uw-hover-h-50vh:hover { height: 50vh; }
.uw-focus-h-50vh:focus { height: 50vh; }
.uw-active-h-50vh:active { height: 50vh; }
.uw-disabled-h-50vh:disabled { height: 50vh; }
.uw-h-60vh { height: 60vh; }
.uw-hover-h-60vh:hover { height: 60vh; }
.uw-focus-h-60vh:focus { height: 60vh; }
.uw-active-h-60vh:active { height: 60vh; }
.uw-disabled-h-60vh:disabled { height: 60vh; }
.uw-h-70vh { height: 70vh; }
.uw-hover-h-70vh:hover { height: 70vh; }
.uw-focus-h-70vh:focus { height: 70vh; }
.uw-active-h-70vh:active { height: 70vh; }
.uw-disabled-h-70vh:disabled { height: 70vh; }
.uw-h-80vh { height: 80vh; }
.uw-hover-h-80vh:hover { height: 80vh; }
.uw-focus-h-80vh:focus { height: 80vh; }
.uw-active-h-80vh:active { height: 80vh; }
.uw-disabled-h-80vh:disabled { height: 80vh; }
.uw-h-90vh { height: 90vh; }
.uw-hover-h-90vh:hover { height: 90vh; }
.uw-focus-h-90vh:focus { height: 90vh; }
.uw-active-h-90vh:active { height: 90vh; }
.uw-disabled-h-90vh:disabled { height: 90vh; }
.uw-h-100vh { height: 100vh; }
.uw-hover-h-100vh:hover { height: 100vh; }
.uw-focus-h-100vh:focus { height: 100vh; }
.uw-active-h-100vh:active { height: 100vh; }
.uw-disabled-h-100vh:disabled { height: 100vh; }
.uw-h-lvh { height: 100lvh; }
.uw-hover-h-lvh:hover { height: 100lvh; }
.uw-focus-h-lvh:focus { height: 100lvh; }
.uw-active-h-lvh:active { height: 100lvh; }
.uw-disabled-h-lvh:disabled { height: 100lvh; }
.uw-h-svh { height: 100svh; }
.uw-hover-h-svh:hover { height: 100svh; }
.uw-focus-h-svh:focus { height: 100svh; }
.uw-active-h-svh:active { height: 100svh; }
.uw-disabled-h-svh:disabled { height: 100svh; }
.uw-h-mvh { height: 100mvh; }
.uw-hover-h-mvh:hover { height: 100mvh; }
.uw-focus-h-mvh:focus { height: 100mvh; }
.uw-active-h-mvh:active { height: 100mvh; }
.uw-disabled-h-mvh:disabled { height: 100mvh; }
.uw-h-vmin { height: 100vmin; }
.uw-hover-h-vmin:hover { height: 100vmin; }
.uw-focus-h-vmin:focus { height: 100vmin; }
.uw-active-h-vmin:active { height: 100vmin; }
.uw-disabled-h-vmin:disabled { height: 100vmin; }
.uw-h-vmax { height: 100vmax; }
.uw-hover-h-vmax:hover { height: 100vmax; }
.uw-focus-h-vmax:focus { height: 100vmax; }
.uw-active-h-vmax:active { height: 100vmax; }
.uw-disabled-h-vmax:disabled { height: 100vmax; }
.uw-min-w-auto { min-width: auto; }
.uw-hover-min-w-auto:hover { min-width: auto; }
.uw-focus-min-w-auto:focus { min-width: auto; }
.uw-active-min-w-auto:active { min-width: auto; }
.uw-disabled-min-w-auto:disabled { min-width: auto; }
.uw-min-w-full { min-width: 100%; }
.uw-hover-min-w-full:hover { min-width: 100%; }
.uw-focus-min-w-full:focus { min-width: 100%; }
.uw-active-min-w-full:active { min-width: 100%; }
.uw-disabled-min-w-full:disabled { min-width: 100%; }
.uw-min-w-fit { min-width: fit-content; }
.uw-hover-min-w-fit:hover { min-width: fit-content; }
.uw-focus-min-w-fit:focus { min-width: fit-content; }
.uw-active-min-w-fit:active { min-width: fit-content; }
.uw-disabled-min-w-fit:disabled { min-width: fit-content; }
.uw-min-w-max { min-width: max-content; }
.uw-hover-min-w-max:hover { min-width: max-content; }
.uw-focus-min-w-max:focus { min-width: max-content; }
.uw-active-min-w-max:active { min-width: max-content; }
.uw-disabled-min-w-max:disabled { min-width: max-content; }
.uw-min-w-min { min-width: min-content; }
.uw-hover-min-w-min:hover { min-width: min-content; }
.uw-focus-min-w-min:focus { min-width: min-content; }
.uw-active-min-w-min:active { min-width: min-content; }
.uw-disabled-min-w-min:disabled { min-width: min-content; }
.uw-min-w-10vw { min-width: 10vw; }
.uw-hover-min-w-10vw:hover { min-width: 10vw; }
.uw-focus-min-w-10vw:focus { min-width: 10vw; }
.uw-active-min-w-10vw:active { min-width: 10vw; }
.uw-disabled-min-w-10vw:disabled { min-width: 10vw; }
.uw-min-w-50vw { min-width: 50vw; }
.uw-hover-min-w-50vw:hover { min-width: 50vw; }
.uw-focus-min-w-50vw:focus { min-width: 50vw; }
.uw-active-min-w-50vw:active { min-width: 50vw; }
.uw-disabled-min-w-50vw:disabled { min-width: 50vw; }
.uw-min-w-100vw { min-width: 100vw; }
.uw-hover-min-w-100vw:hover { min-width: 100vw; }
.uw-focus-min-w-100vw:focus { min-width: 100vw; }
.uw-active-min-w-100vw:active { min-width: 100vw; }
.uw-disabled-min-w-100vw:disabled { min-width: 100vw; }
.uw-max-w-auto { max-width: auto; }
.uw-hover-max-w-auto:hover { max-width: auto; }
.uw-focus-max-w-auto:focus { max-width: auto; }
.uw-active-max-w-auto:active { max-width: auto; }
.uw-disabled-max-w-auto:disabled { max-width: auto; }
.uw-max-w-full { max-width: 100%; }
.uw-hover-max-w-full:hover { max-width: 100%; }
.uw-focus-max-w-full:focus { max-width: 100%; }
.uw-active-max-w-full:active { max-width: 100%; }
.uw-disabled-max-w-full:disabled { max-width: 100%; }
.uw-max-w-fit { max-width: fit-content; }
.uw-hover-max-w-fit:hover { max-width: fit-content; }
.uw-focus-max-w-fit:focus { max-width: fit-content; }
.uw-active-max-w-fit:active { max-width: fit-content; }
.uw-disabled-max-w-fit:disabled { max-width: fit-content; }
.uw-max-w-max { max-width: max-content; }
.uw-hover-max-w-max:hover { max-width: max-content; }
.uw-focus-max-w-max:focus { max-width: max-content; }
.uw-active-max-w-max:active { max-width: max-content; }
.uw-disabled-max-w-max:disabled { max-width: max-content; }
.uw-max-w-min { max-width: min-content; }
.uw-hover-max-w-min:hover { max-width: min-content; }
.uw-focus-max-w-min:focus { max-width: min-content; }
.uw-active-max-w-min:active { max-width: min-content; }
.uw-disabled-max-w-min:disabled { max-width: min-content; }
.uw-max-w-10vw { max-width: 10vw; }
.uw-hover-max-w-10vw:hover { max-width: 10vw; }
.uw-focus-max-w-10vw:focus { max-width: 10vw; }
.uw-active-max-w-10vw:active { max-width: 10vw; }
.uw-disabled-max-w-10vw:disabled { max-width: 10vw; }
.uw-max-w-50vw { max-width: 50vw; }
.uw-hover-max-w-50vw:hover { max-width: 50vw; }
.uw-focus-max-w-50vw:focus { max-width: 50vw; }
.uw-active-max-w-50vw:active { max-width: 50vw; }
.uw-disabled-max-w-50vw:disabled { max-width: 50vw; }
.uw-max-w-100vw { max-width: 100vw; }
.uw-hover-max-w-100vw:hover { max-width: 100vw; }
.uw-focus-max-w-100vw:focus { max-width: 100vw; }
.uw-active-max-w-100vw:active { max-width: 100vw; }
.uw-disabled-max-w-100vw:disabled { max-width: 100vw; }
.uw-min-h-auto { min-height: auto; }
.uw-hover-min-h-auto:hover { min-height: auto; }
.uw-focus-min-h-auto:focus { min-height: auto; }
.uw-active-min-h-auto:active { min-height: auto; }
.uw-disabled-min-h-auto:disabled { min-height: auto; }
.uw-min-h-full { min-height: 100%; }
.uw-hover-min-h-full:hover { min-height: 100%; }
.uw-focus-min-h-full:focus { min-height: 100%; }
.uw-active-min-h-full:active { min-height: 100%; }
.uw-disabled-min-h-full:disabled { min-height: 100%; }
.uw-min-h-fit { min-height: fit-content; }
.uw-hover-min-h-fit:hover { min-height: fit-content; }
.uw-focus-min-h-fit:focus { min-height: fit-content; }
.uw-active-min-h-fit:active { min-height: fit-content; }
.uw-disabled-min-h-fit:disabled { min-height: fit-content; }
.uw-min-h-max { min-height: max-content; }
.uw-hover-min-h-max:hover { min-height: max-content; }
.uw-focus-min-h-max:focus { min-height: max-content; }
.uw-active-min-h-max:active { min-height: max-content; }
.uw-disabled-min-h-max:disabled { min-height: max-content; }
.uw-min-h-min { min-height: min-content; }
.uw-hover-min-h-min:hover { min-height: min-content; }
.uw-focus-min-h-min:focus { min-height: min-content; }
.uw-active-min-h-min:active { min-height: min-content; }
.uw-disabled-min-h-min:disabled { min-height: min-content; }
.uw-min-h-10vh { min-height: 10vh; }
.uw-hover-min-h-10vh:hover { min-height: 10vh; }
.uw-focus-min-h-10vh:focus { min-height: 10vh; }
.uw-active-min-h-10vh:active { min-height: 10vh; }
.uw-disabled-min-h-10vh:disabled { min-height: 10vh; }
.uw-min-h-50vh { min-height: 50vh; }
.uw-hover-min-h-50vh:hover { min-height: 50vh; }
.uw-focus-min-h-50vh:focus { min-height: 50vh; }
.uw-active-min-h-50vh:active { min-height: 50vh; }
.uw-disabled-min-h-50vh:disabled { min-height: 50vh; }
.uw-min-h-100vh { min-height: 100vh; }
.uw-hover-min-h-100vh:hover { min-height: 100vh; }
.uw-focus-min-h-100vh:focus { min-height: 100vh; }
.uw-active-min-h-100vh:active { min-height: 100vh; }
.uw-disabled-min-h-100vh:disabled { min-height: 100vh; }
.uw-max-h-auto { max-height: auto; }
.uw-hover-max-h-auto:hover { max-height: auto; }
.uw-focus-max-h-auto:focus { max-height: auto; }
.uw-active-max-h-auto:active { max-height: auto; }
.uw-disabled-max-h-auto:disabled { max-height: auto; }
.uw-max-h-full { max-height: 100%; }
.uw-hover-max-h-full:hover { max-height: 100%; }
.uw-focus-max-h-full:focus { max-height: 100%; }
.uw-active-max-h-full:active { max-height: 100%; }
.uw-disabled-max-h-full:disabled { max-height: 100%; }
.uw-max-h-fit { max-height: fit-content; }
.uw-hover-max-h-fit:hover { max-height: fit-content; }
.uw-focus-max-h-fit:focus { max-height: fit-content; }
.uw-active-max-h-fit:active { max-height: fit-content; }
.uw-disabled-max-h-fit:disabled { max-height: fit-content; }
.uw-max-h-max { max-height: max-content; }
.uw-hover-max-h-max:hover { max-height: max-content; }
.uw-focus-max-h-max:focus { max-height: max-content; }
.uw-active-max-h-max:active { max-height: max-content; }
.uw-disabled-max-h-max:disabled { max-height: max-content; }
.uw-max-h-min { max-height: min-content; }
.uw-hover-max-h-min:hover { max-height: min-content; }
.uw-focus-max-h-min:focus { max-height: min-content; }
.uw-active-max-h-min:active { max-height: min-content; }
.uw-disabled-max-h-min:disabled { max-height: min-content; }
.uw-max-h-10vh { max-height: 10vh; }
.uw-hover-max-h-10vh:hover { max-height: 10vh; }
.uw-focus-max-h-10vh:focus { max-height: 10vh; }
.uw-active-max-h-10vh:active { max-height: 10vh; }
.uw-disabled-max-h-10vh:disabled { max-height: 10vh; }
.uw-max-h-50vh { max-height: 50vh; }
.uw-hover-max-h-50vh:hover { max-height: 50vh; }
.uw-focus-max-h-50vh:focus { max-height: 50vh; }
.uw-active-max-h-50vh:active { max-height: 50vh; }
.uw-disabled-max-h-50vh:disabled { max-height: 50vh; }
.uw-max-h-100vh { max-height: 100vh; }
.uw-hover-max-h-100vh:hover { max-height: 100vh; }
.uw-focus-max-h-100vh:focus { max-height: 100vh; }
.uw-active-max-h-100vh:active { max-height: 100vh; }
.uw-disabled-max-h-100vh:disabled { max-height: 100vh; }
.uw-font-size-auto { font-size: auto; }
.uw-hover-font-size-auto:hover { font-size: auto; }
.uw-focus-font-size-auto:focus { font-size: auto; }
.uw-active-font-size-auto:active { font-size: auto; }
.uw-disabled-font-size-auto:disabled { font-size: auto; }
.uw-font-size-0 { font-size: 0; }
.uw-hover-font-size-0:hover { font-size: 0; }
.uw-focus-font-size-0:focus { font-size: 0; }
.uw-active-font-size-0:active { font-size: 0; }
.uw-disabled-font-size-0:disabled { font-size: 0; }
.uw-font-size-1 { font-size: 0.25rem; }
.uw-hover-font-size-1:hover { font-size: 0.25rem; }
.uw-focus-font-size-1:focus { font-size: 0.25rem; }
.uw-active-font-size-1:active { font-size: 0.25rem; }
.uw-disabled-font-size-1:disabled { font-size: 0.25rem; }
.uw-font-size-2 { font-size: 0.5rem; }
.uw-hover-font-size-2:hover { font-size: 0.5rem; }
.uw-focus-font-size-2:focus { font-size: 0.5rem; }
.uw-active-font-size-2:active { font-size: 0.5rem; }
.uw-disabled-font-size-2:disabled { font-size: 0.5rem; }
.uw-font-size-3 { font-size: 0.75rem; }
.uw-hover-font-size-3:hover { font-size: 0.75rem; }
.uw-focus-font-size-3:focus { font-size: 0.75rem; }
.uw-active-font-size-3:active { font-size: 0.75rem; }
.uw-disabled-font-size-3:disabled { font-size: 0.75rem; }
.uw-font-size-4 { font-size: 1rem; }
.uw-hover-font-size-4:hover { font-size: 1rem; }
.uw-focus-font-size-4:focus { font-size: 1rem; }
.uw-active-font-size-4:active { font-size: 1rem; }
.uw-disabled-font-size-4:disabled { font-size: 1rem; }
.uw-font-size-5 { font-size: 1.25rem; }
.uw-hover-font-size-5:hover { font-size: 1.25rem; }
.uw-focus-font-size-5:focus { font-size: 1.25rem; }
.uw-active-font-size-5:active { font-size: 1.25rem; }
.uw-disabled-font-size-5:disabled { font-size: 1.25rem; }
.uw-font-size-6 { font-size: 1.5rem; }
.uw-hover-font-size-6:hover { font-size: 1.5rem; }
.uw-focus-font-size-6:focus { font-size: 1.5rem; }
.uw-active-font-size-6:active { font-size: 1.5rem; }
.uw-disabled-font-size-6:disabled { font-size: 1.5rem; }
.uw-font-size-7 { font-size: 1.75rem; }
.uw-hover-font-size-7:hover { font-size: 1.75rem; }
.uw-focus-font-size-7:focus { font-size: 1.75rem; }
.uw-active-font-size-7:active { font-size: 1.75rem; }
.uw-disabled-font-size-7:disabled { font-size: 1.75rem; }
.uw-font-size-8 { font-size: 2rem; }
.uw-hover-font-size-8:hover { font-size: 2rem; }
.uw-focus-font-size-8:focus { font-size: 2rem; }
.uw-active-font-size-8:active { font-size: 2rem; }
.uw-disabled-font-size-8:disabled { font-size: 2rem; }
.uw-font-size-9 { font-size: 2.25rem; }
.uw-hover-font-size-9:hover { font-size: 2.25rem; }
.uw-focus-font-size-9:focus { font-size: 2.25rem; }
.uw-active-font-size-9:active { font-size: 2.25rem; }
.uw-disabled-font-size-9:disabled { font-size: 2.25rem; }
.uw-font-size-10 { font-size: 2.5rem; }
.uw-hover-font-size-10:hover { font-size: 2.5rem; }
.uw-focus-font-size-10:focus { font-size: 2.5rem; }
.uw-active-font-size-10:active { font-size: 2.5rem; }
.uw-disabled-font-size-10:disabled { font-size: 2.5rem; }
.uw-font-size-12 { font-size: 3rem; }
.uw-hover-font-size-12:hover { font-size: 3rem; }
.uw-focus-font-size-12:focus { font-size: 3rem; }
.uw-active-font-size-12:active { font-size: 3rem; }
.uw-disabled-font-size-12:disabled { font-size: 3rem; }
.uw-font-size-14 { font-size: 3.5rem; }
.uw-hover-font-size-14:hover { font-size: 3.5rem; }
.uw-focus-font-size-14:focus { font-size: 3.5rem; }
.uw-active-font-size-14:active { font-size: 3.5rem; }
.uw-disabled-font-size-14:disabled { font-size: 3.5rem; }
.uw-font-size-16 { font-size: 4rem; }
.uw-hover-font-size-16:hover { font-size: 4rem; }
.uw-focus-font-size-16:focus { font-size: 4rem; }
.uw-active-font-size-16:active { font-size: 4rem; }
.uw-disabled-font-size-16:disabled { font-size: 4rem; }
.uw-font-size-18 { font-size: 4.5rem; }
.uw-hover-font-size-18:hover { font-size: 4.5rem; }
.uw-focus-font-size-18:focus { font-size: 4.5rem; }
.uw-active-font-size-18:active { font-size: 4.5rem; }
.uw-disabled-font-size-18:disabled { font-size: 4.5rem; }
.uw-font-size-20 { font-size: 5rem; }
.uw-hover-font-size-20:hover { font-size: 5rem; }
.uw-focus-font-size-20:focus { font-size: 5rem; }
.uw-active-font-size-20:active { font-size: 5rem; }
.uw-disabled-font-size-20:disabled { font-size: 5rem; }
.uw-font-size-24 { font-size: 6rem; }
.uw-hover-font-size-24:hover { font-size: 6rem; }
.uw-focus-font-size-24:focus { font-size: 6rem; }
.uw-active-font-size-24:active { font-size: 6rem; }
.uw-disabled-font-size-24:disabled { font-size: 6rem; }
.uw-font-size-28 { font-size: 7rem; }
.uw-hover-font-size-28:hover { font-size: 7rem; }
.uw-focus-font-size-28:focus { font-size: 7rem; }
.uw-active-font-size-28:active { font-size: 7rem; }
.uw-disabled-font-size-28:disabled { font-size: 7rem; }
.uw-font-size-32 { font-size: 8rem; }
.uw-hover-font-size-32:hover { font-size: 8rem; }
.uw-focus-font-size-32:focus { font-size: 8rem; }
.uw-active-font-size-32:active { font-size: 8rem; }
.uw-disabled-font-size-32:disabled { font-size: 8rem; }
.uw-font-weight-normal { font-weight: normal; }
.uw-hover-font-weight-normal:hover { font-weight: normal; }
.uw-focus-font-weight-normal:focus { font-weight: normal; }
.uw-active-font-weight-normal:active { font-weight: normal; }
.uw-disabled-font-weight-normal:disabled { font-weight: normal; }
.uw-font-weight-light { font-weight: 300; }
.uw-hover-font-weight-light:hover { font-weight: 300; }
.uw-focus-font-weight-light:focus { font-weight: 300; }
.uw-active-font-weight-light:active { font-weight: 300; }
.uw-disabled-font-weight-light:disabled { font-weight: 300; }
.uw-font-weight-medium { font-weight: 500; }
.uw-hover-font-weight-medium:hover { font-weight: 500; }
.uw-focus-font-weight-medium:focus { font-weight: 500; }
.uw-active-font-weight-medium:active { font-weight: 500; }
.uw-disabled-font-weight-medium:disabled { font-weight: 500; }
.uw-font-weight-bold { font-weight: 700; }
.uw-hover-font-weight-bold:hover { font-weight: 700; }
.uw-focus-font-weight-bold:focus { font-weight: 700; }
.uw-active-font-weight-bold:active { font-weight: 700; }
.uw-disabled-font-weight-bold:disabled { font-weight: 700; }
.uw-font-weight-bolder { font-weight: bolder; }
.uw-hover-font-weight-bolder:hover { font-weight: bolder; }
.uw-focus-font-weight-bolder:focus { font-weight: bolder; }
.uw-active-font-weight-bolder:active { font-weight: bolder; }
.uw-disabled-font-weight-bolder:disabled { font-weight: bolder; }
.uw-line-height-1 { line-height: 1; }
.uw-hover-line-height-1:hover { line-height: 1; }
.uw-focus-line-height-1:focus { line-height: 1; }
.uw-active-line-height-1:active { line-height: 1; }
.uw-disabled-line-height-1:disabled { line-height: 1; }
.uw-line-height-2 { line-height: 1.25; }
.uw-hover-line-height-2:hover { line-height: 1.25; }
.uw-focus-line-height-2:focus { line-height: 1.25; }
.uw-active-line-height-2:active { line-height: 1.25; }
.uw-disabled-line-height-2:disabled { line-height: 1.25; }
.uw-line-height-3 { line-height: 1.375; }
.uw-hover-line-height-3:hover { line-height: 1.375; }
.uw-focus-line-height-3:focus { line-height: 1.375; }
.uw-active-line-height-3:active { line-height: 1.375; }
.uw-disabled-line-height-3:disabled { line-height: 1.375; }
.uw-line-height-4 { line-height: 1.5; }
.uw-hover-line-height-4:hover { line-height: 1.5; }
.uw-focus-line-height-4:focus { line-height: 1.5; }
.uw-active-line-height-4:active { line-height: 1.5; }
.uw-disabled-line-height-4:disabled { line-height: 1.5; }
.uw-line-height-5 { line-height: 1.625; }
.uw-hover-line-height-5:hover { line-height: 1.625; }
.uw-focus-line-height-5:focus { line-height: 1.625; }
.uw-active-line-height-5:active { line-height: 1.625; }
.uw-disabled-line-height-5:disabled { line-height: 1.625; }
.uw-line-height-6 { line-height: 1.75; }
.uw-hover-line-height-6:hover { line-height: 1.75; }
.uw-focus-line-height-6:focus { line-height: 1.75; }
.uw-active-line-height-6:active { line-height: 1.75; }
.uw-disabled-line-height-6:disabled { line-height: 1.75; }
.uw-line-height-7 { line-height: 2; }
.uw-hover-line-height-7:hover { line-height: 2; }
.uw-focus-line-height-7:focus { line-height: 2; }
.uw-active-line-height-7:active { line-height: 2; }
.uw-disabled-line-height-7:disabled { line-height: 2; }
.uw-text-left { text-align: left; }
.uw-hover-text-left:hover { text-align: left; }
.uw-focus-text-left:focus { text-align: left; }
.uw-active-text-left:active { text-align: left; }
.uw-disabled-text-left:disabled { text-align: left; }
.uw-text-center { text-align: center; }
.uw-hover-text-center:hover { text-align: center; }
.uw-focus-text-center:focus { text-align: center; }
.uw-active-text-center:active { text-align: center; }
.uw-disabled-text-center:disabled { text-align: center; }
.uw-text-right { text-align: right; }
.uw-hover-text-right:hover { text-align: right; }
.uw-focus-text-right:focus { text-align: right; }
.uw-active-text-right:active { text-align: right; }
.uw-disabled-text-right:disabled { text-align: right; }
.uw-text-justify { text-align: justify; }
.uw-hover-text-justify:hover { text-align: justify; }
.uw-focus-text-justify:focus { text-align: justify; }
.uw-active-text-justify:active { text-align: justify; }
.uw-disabled-text-justify:disabled { text-align: justify; }
.uw-justify-start { justify-content: flex-start; }
.uw-hover-justify-start:hover { justify-content: flex-start; }
.uw-focus-justify-start:focus { justify-content: flex-start; }
.uw-active-justify-start:active { justify-content: flex-start; }
.uw-disabled-justify-start:disabled { justify-content: flex-start; }
.uw-justify-center { justify-content: center; }
.uw-hover-justify-center:hover { justify-content: center; }
.uw-focus-justify-center:focus { justify-content: center; }
.uw-active-justify-center:active { justify-content: center; }
.uw-disabled-justify-center:disabled { justify-content: center; }
.uw-justify-end { justify-content: flex-end; }
.uw-hover-justify-end:hover { justify-content: flex-end; }
.uw-focus-justify-end:focus { justify-content: flex-end; }
.uw-active-justify-end:active { justify-content: flex-end; }
.uw-disabled-justify-end:disabled { justify-content: flex-end; }
.uw-justify-between { justify-content: space-between; }
.uw-hover-justify-between:hover { justify-content: space-between; }
.uw-focus-justify-between:focus { justify-content: space-between; }
.uw-active-justify-between:active { justify-content: space-between; }
.uw-disabled-justify-between:disabled { justify-content: space-between; }
.uw-justify-around { justify-content: space-around; }
.uw-hover-justify-around:hover { justify-content: space-around; }
.uw-focus-justify-around:focus { justify-content: space-around; }
.uw-active-justify-around:active { justify-content: space-around; }
.uw-disabled-justify-around:disabled { justify-content: space-around; }
.uw-justify-evenly { justify-content: space-evenly; }
.uw-hover-justify-evenly:hover { justify-content: space-evenly; }
.uw-focus-justify-evenly:focus { justify-content: space-evenly; }
.uw-active-justify-evenly:active { justify-content: space-evenly; }
.uw-disabled-justify-evenly:disabled { justify-content: space-evenly; }
.uw-items-start { align-items: flex-start; }
.uw-hover-items-start:hover { align-items: flex-start; }
.uw-focus-items-start:focus { align-items: flex-start; }
.uw-active-items-start:active { align-items: flex-start; }
.uw-disabled-items-start:disabled { align-items: flex-start; }
.uw-items-center { align-items: center; }
.uw-hover-items-center:hover { align-items: center; }
.uw-focus-items-center:focus { align-items: center; }
.uw-active-items-center:active { align-items: center; }
.uw-disabled-items-center:disabled { align-items: center; }
.uw-items-end { align-items: flex-end; }
.uw-hover-items-end:hover { align-items: flex-end; }
.uw-focus-items-end:focus { align-items: flex-end; }
.uw-active-items-end:active { align-items: flex-end; }
.uw-disabled-items-end:disabled { align-items: flex-end; }
.uw-items-baseline { align-items: baseline; }
.uw-hover-items-baseline:hover { align-items: baseline; }
.uw-focus-items-baseline:focus { align-items: baseline; }
.uw-active-items-baseline:active { align-items: baseline; }
.uw-disabled-items-baseline:disabled { align-items: baseline; }
.uw-items-stretch { align-items: stretch; }
.uw-hover-items-stretch:hover { align-items: stretch; }
.uw-focus-items-stretch:focus { align-items: stretch; }
.uw-active-items-stretch:active { align-items: stretch; }
.uw-disabled-items-stretch:disabled { align-items: stretch; }
.uw-content-start { align-content: flex-start; }
.uw-hover-content-start:hover { align-content: flex-start; }
.uw-focus-content-start:focus { align-content: flex-start; }
.uw-active-content-start:active { align-content: flex-start; }
.uw-disabled-content-start:disabled { align-content: flex-start; }
.uw-content-center { align-content: center; }
.uw-hover-content-center:hover { align-content: center; }
.uw-focus-content-center:focus { align-content: center; }
.uw-active-content-center:active { align-content: center; }
.uw-disabled-content-center:disabled { align-content: center; }
.uw-content-end { align-content: flex-end; }
.uw-hover-content-end:hover { align-content: flex-end; }
.uw-focus-content-end:focus { align-content: flex-end; }
.uw-active-content-end:active { align-content: flex-end; }
.uw-disabled-content-end:disabled { align-content: flex-end; }
.uw-content-between { align-content: space-between; }
.uw-hover-content-between:hover { align-content: space-between; }
.uw-focus-content-between:focus { align-content: space-between; }
.uw-active-content-between:active { align-content: space-between; }
.uw-disabled-content-between:disabled { align-content: space-between; }
.uw-content-around { align-content: space-around; }
.uw-hover-content-around:hover { align-content: space-around; }
.uw-focus-content-around:focus { align-content: space-around; }
.uw-active-content-around:active { align-content: space-around; }
.uw-disabled-content-around:disabled { align-content: space-around; }
.uw-content-evenly { align-content: space-evenly; }
.uw-hover-content-evenly:hover { align-content: space-evenly; }
.uw-focus-content-evenly:focus { align-content: space-evenly; }
.uw-active-content-evenly:active { align-content: space-evenly; }
.uw-disabled-content-evenly:disabled { align-content: space-evenly; }
.uw-self-auto { align-self: auto; }
.uw-hover-self-auto:hover { align-self: auto; }
.uw-focus-self-auto:focus { align-self: auto; }
.uw-active-self-auto:active { align-self: auto; }
.uw-disabled-self-auto:disabled { align-self: auto; }
.uw-self-start { align-self: flex-start; }
.uw-hover-self-start:hover { align-self: flex-start; }
.uw-focus-self-start:focus { align-self: flex-start; }
.uw-active-self-start:active { align-self: flex-start; }
.uw-disabled-self-start:disabled { align-self: flex-start; }
.uw-self-center { align-self: center; }
.uw-hover-self-center:hover { align-self: center; }
.uw-focus-self-center:focus { align-self: center; }
.uw-active-self-center:active { align-self: center; }
.uw-disabled-self-center:disabled { align-self: center; }
.uw-self-end { align-self: flex-end; }
.uw-hover-self-end:hover { align-self: flex-end; }
.uw-focus-self-end:focus { align-self: flex-end; }
.uw-active-self-end:active { align-self: flex-end; }
.uw-disabled-self-end:disabled { align-self: flex-end; }
.uw-self-stretch { align-self: stretch; }
.uw-hover-self-stretch:hover { align-self: stretch; }
.uw-focus-self-stretch:focus { align-self: stretch; }
.uw-active-self-stretch:active { align-self: stretch; }
.uw-disabled-self-stretch:disabled { align-self: stretch; }
.uw-place-items-start { place-items: start; }
.uw-hover-place-items-start:hover { place-items: start; }
.uw-focus-place-items-start:focus { place-items: start; }
.uw-active-place-items-start:active { place-items: start; }
.uw-disabled-place-items-start:disabled { place-items: start; }
.uw-place-items-center { place-items: center; }
.uw-hover-place-items-center:hover { place-items: center; }
.uw-focus-place-items-center:focus { place-items: center; }
.uw-active-place-items-center:active { place-items: center; }
.uw-disabled-place-items-center:disabled { place-items: center; }
.uw-place-items-end { place-items: end; }
.uw-hover-place-items-end:hover { place-items: end; }
.uw-focus-place-items-end:focus { place-items: end; }
.uw-active-place-items-end:active { place-items: end; }
.uw-disabled-place-items-end:disabled { place-items: end; }
.uw-place-items-stretch { place-items: stretch; }
.uw-hover-place-items-stretch:hover { place-items: stretch; }
.uw-focus-place-items-stretch:focus { place-items: stretch; }
.uw-active-place-items-stretch:active { place-items: stretch; }
.uw-disabled-place-items-stretch:disabled { place-items: stretch; }
.uw-place-content-start { place-content: start; }
.uw-hover-place-content-start:hover { place-content: start; }
.uw-focus-place-content-start:focus { place-content: start; }
.uw-active-place-content-start:active { place-content: start; }
.uw-disabled-place-content-start:disabled { place-content: start; }
.uw-place-content-center { place-content: center; }
.uw-hover-place-content-center:hover { place-content: center; }
.uw-focus-place-content-center:focus { place-content: center; }
.uw-active-place-content-center:active { place-content: center; }
.uw-disabled-place-content-center:disabled { place-content: center; }
.uw-place-content-end { place-content: end; }
.uw-hover-place-content-end:hover { place-content: end; }
.uw-focus-place-content-end:focus { place-content: end; }
.uw-active-place-content-end:active { place-content: end; }
.uw-disabled-place-content-end:disabled { place-content: end; }
.uw-place-content-between { place-content: space-between; }
.uw-hover-place-content-between:hover { place-content: space-between; }
.uw-focus-place-content-between:focus { place-content: space-between; }
.uw-active-place-content-between:active { place-content: space-between; }
.uw-disabled-place-content-between:disabled { place-content: space-between; }
.uw-place-content-around { place-content: space-around; }
.uw-hover-place-content-around:hover { place-content: space-around; }
.uw-focus-place-content-around:focus { place-content: space-around; }
.uw-active-place-content-around:active { place-content: space-around; }
.uw-disabled-place-content-around:disabled { place-content: space-around; }
.uw-place-self-auto { place-self: auto; }
.uw-hover-place-self-auto:hover { place-self: auto; }
.uw-focus-place-self-auto:focus { place-self: auto; }
.uw-active-place-self-auto:active { place-self: auto; }
.uw-disabled-place-self-auto:disabled { place-self: auto; }
.uw-place-self-start { place-self: start; }
.uw-hover-place-self-start:hover { place-self: start; }
.uw-focus-place-self-start:focus { place-self: start; }
.uw-active-place-self-start:active { place-self: start; }
.uw-disabled-place-self-start:disabled { place-self: start; }
.uw-place-self-center { place-self: center; }
.uw-hover-place-self-center:hover { place-self: center; }
.uw-focus-place-self-center:focus { place-self: center; }
.uw-active-place-self-center:active { place-self: center; }
.uw-disabled-place-self-center:disabled { place-self: center; }
.uw-place-self-end { place-self: end; }
.uw-hover-place-self-end:hover { place-self: end; }
.uw-focus-place-self-end:focus { place-self: end; }
.uw-active-place-self-end:active { place-self: end; }
.uw-disabled-place-self-end:disabled { place-self: end; }
.uw-text-uppercase { text-transform: uppercase; }
.uw-hover-text-uppercase:hover { text-transform: uppercase; }
.uw-focus-text-uppercase:focus { text-transform: uppercase; }
.uw-active-text-uppercase:active { text-transform: uppercase; }
.uw-disabled-text-uppercase:disabled { text-transform: uppercase; }
.uw-text-lowercase { text-transform: lowercase; }
.uw-hover-text-lowercase:hover { text-transform: lowercase; }
.uw-focus-text-lowercase:focus { text-transform: lowercase; }
.uw-active-text-lowercase:active { text-transform: lowercase; }
.uw-disabled-text-lowercase:disabled { text-transform: lowercase; }
.uw-text-capitalize { text-transform: capitalize; }
.uw-hover-text-capitalize:hover { text-transform: capitalize; }
.uw-focus-text-capitalize:focus { text-transform: capitalize; }
.uw-active-text-capitalize:active { text-transform: capitalize; }
.uw-disabled-text-capitalize:disabled { text-transform: capitalize; }
.uw-tracking-tight { letter-spacing: -0.05em; }
.uw-hover-tracking-tight:hover { letter-spacing: -0.05em; }
.uw-focus-tracking-tight:focus { letter-spacing: -0.05em; }
.uw-active-tracking-tight:active { letter-spacing: -0.05em; }
.uw-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
.uw-tracking-normal { letter-spacing: 0; }
.uw-hover-tracking-normal:hover { letter-spacing: 0; }
.uw-focus-tracking-normal:focus { letter-spacing: 0; }
.uw-active-tracking-normal:active { letter-spacing: 0; }
.uw-disabled-tracking-normal:disabled { letter-spacing: 0; }
.uw-tracking-wide { letter-spacing: 0.05em; }
.uw-hover-tracking-wide:hover { letter-spacing: 0.05em; }
.uw-focus-tracking-wide:focus { letter-spacing: 0.05em; }
.uw-active-tracking-wide:active { letter-spacing: 0.05em; }
.uw-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
.uw-underline { text-decoration: underline; }
.uw-hover-underline:hover { text-decoration: underline; }
.uw-focus-underline:focus { text-decoration: underline; }
.uw-active-underline:active { text-decoration: underline; }
.uw-disabled-underline:disabled { text-decoration: underline; }
.uw-line-through { text-decoration: line-through; }
.uw-hover-line-through:hover { text-decoration: line-through; }
.uw-focus-line-through:focus { text-decoration: line-through; }
.uw-active-line-through:active { text-decoration: line-through; }
.uw-disabled-line-through:disabled { text-decoration: line-through; }
.uw-no-underline { text-decoration: none; }
.uw-hover-no-underline:hover { text-decoration: none; }
.uw-focus-no-underline:focus { text-decoration: none; }
.uw-active-no-underline:active { text-decoration: none; }
.uw-disabled-no-underline:disabled { text-decoration: none; }
.uw-text-black { color: var(--black); }
.uw-hover-text-black:hover { color: var(--black); }
.uw-focus-text-black:focus { color: var(--black); }
.uw-active-text-black:active { color: var(--black); }
.uw-disabled-text-black:disabled { color: var(--black); }
.uw-text-white { color: var(--white); }
.uw-hover-text-white:hover { color: var(--white); }
.uw-focus-text-white:focus { color: var(--white); }
.uw-active-text-white:active { color: var(--white); }
.uw-disabled-text-white:disabled { color: var(--white); }
.uw-text-red-50 { color: var(--quanta-red-50); }
.uw-hover-text-red-50:hover { color: var(--quanta-red-50); }
.uw-focus-text-red-50:focus { color: var(--quanta-red-50); }
.uw-active-text-red-50:active { color: var(--quanta-red-50); }
.uw-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
.uw-text-red-100 { color: var(--quanta-red-100); }
.uw-hover-text-red-100:hover { color: var(--quanta-red-100); }
.uw-focus-text-red-100:focus { color: var(--quanta-red-100); }
.uw-active-text-red-100:active { color: var(--quanta-red-100); }
.uw-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
.uw-text-red-200 { color: var(--quanta-red-200); }
.uw-hover-text-red-200:hover { color: var(--quanta-red-200); }
.uw-focus-text-red-200:focus { color: var(--quanta-red-200); }
.uw-active-text-red-200:active { color: var(--quanta-red-200); }
.uw-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
.uw-text-red-300 { color: var(--quanta-red-300); }
.uw-hover-text-red-300:hover { color: var(--quanta-red-300); }
.uw-focus-text-red-300:focus { color: var(--quanta-red-300); }
.uw-active-text-red-300:active { color: var(--quanta-red-300); }
.uw-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
.uw-text-red-400 { color: var(--quanta-red-400); }
.uw-hover-text-red-400:hover { color: var(--quanta-red-400); }
.uw-focus-text-red-400:focus { color: var(--quanta-red-400); }
.uw-active-text-red-400:active { color: var(--quanta-red-400); }
.uw-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
.uw-text-red-500 { color: var(--quanta-red-500); }
.uw-hover-text-red-500:hover { color: var(--quanta-red-500); }
.uw-focus-text-red-500:focus { color: var(--quanta-red-500); }
.uw-active-text-red-500:active { color: var(--quanta-red-500); }
.uw-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
.uw-text-red-600 { color: var(--quanta-red-600); }
.uw-hover-text-red-600:hover { color: var(--quanta-red-600); }
.uw-focus-text-red-600:focus { color: var(--quanta-red-600); }
.uw-active-text-red-600:active { color: var(--quanta-red-600); }
.uw-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
.uw-text-red-700 { color: var(--quanta-red-700); }
.uw-hover-text-red-700:hover { color: var(--quanta-red-700); }
.uw-focus-text-red-700:focus { color: var(--quanta-red-700); }
.uw-active-text-red-700:active { color: var(--quanta-red-700); }
.uw-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
.uw-text-red-800 { color: var(--quanta-red-800); }
.uw-hover-text-red-800:hover { color: var(--quanta-red-800); }
.uw-focus-text-red-800:focus { color: var(--quanta-red-800); }
.uw-active-text-red-800:active { color: var(--quanta-red-800); }
.uw-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
.uw-text-red-900 { color: var(--quanta-red-900); }
.uw-hover-text-red-900:hover { color: var(--quanta-red-900); }
.uw-focus-text-red-900:focus { color: var(--quanta-red-900); }
.uw-active-text-red-900:active { color: var(--quanta-red-900); }
.uw-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
.uw-text-orange-50 { color: var(--quanta-orange-50); }
.uw-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
.uw-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
.uw-active-text-orange-50:active { color: var(--quanta-orange-50); }
.uw-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
.uw-text-orange-100 { color: var(--quanta-orange-100); }
.uw-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
.uw-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
.uw-active-text-orange-100:active { color: var(--quanta-orange-100); }
.uw-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
.uw-text-orange-200 { color: var(--quanta-orange-200); }
.uw-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
.uw-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
.uw-active-text-orange-200:active { color: var(--quanta-orange-200); }
.uw-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
.uw-text-orange-300 { color: var(--quanta-orange-300); }
.uw-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
.uw-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
.uw-active-text-orange-300:active { color: var(--quanta-orange-300); }
.uw-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
.uw-text-orange-400 { color: var(--quanta-orange-400); }
.uw-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
.uw-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
.uw-active-text-orange-400:active { color: var(--quanta-orange-400); }
.uw-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
.uw-text-orange-500 { color: var(--quanta-orange-500); }
.uw-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
.uw-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
.uw-active-text-orange-500:active { color: var(--quanta-orange-500); }
.uw-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
.uw-text-orange-600 { color: var(--quanta-orange-600); }
.uw-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
.uw-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
.uw-active-text-orange-600:active { color: var(--quanta-orange-600); }
.uw-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
.uw-text-orange-700 { color: var(--quanta-orange-700); }
.uw-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
.uw-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
.uw-active-text-orange-700:active { color: var(--quanta-orange-700); }
.uw-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
.uw-text-orange-800 { color: var(--quanta-orange-800); }
.uw-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
.uw-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
.uw-active-text-orange-800:active { color: var(--quanta-orange-800); }
.uw-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
.uw-text-orange-900 { color: var(--quanta-orange-900); }
.uw-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
.uw-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
.uw-active-text-orange-900:active { color: var(--quanta-orange-900); }
.uw-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
.uw-text-teal-50 { color: var(--quanta-teal-50); }
.uw-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
.uw-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
.uw-active-text-teal-50:active { color: var(--quanta-teal-50); }
.uw-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
.uw-text-teal-100 { color: var(--quanta-teal-100); }
.uw-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
.uw-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
.uw-active-text-teal-100:active { color: var(--quanta-teal-100); }
.uw-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
.uw-text-teal-200 { color: var(--quanta-teal-200); }
.uw-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
.uw-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
.uw-active-text-teal-200:active { color: var(--quanta-teal-200); }
.uw-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
.uw-text-teal-300 { color: var(--quanta-teal-300); }
.uw-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
.uw-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
.uw-active-text-teal-300:active { color: var(--quanta-teal-300); }
.uw-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
.uw-text-teal-400 { color: var(--quanta-teal-400); }
.uw-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
.uw-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
.uw-active-text-teal-400:active { color: var(--quanta-teal-400); }
.uw-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
.uw-text-teal-500 { color: var(--quanta-teal-500); }
.uw-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
.uw-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
.uw-active-text-teal-500:active { color: var(--quanta-teal-500); }
.uw-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
.uw-text-teal-600 { color: var(--quanta-teal-600); }
.uw-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
.uw-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
.uw-active-text-teal-600:active { color: var(--quanta-teal-600); }
.uw-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
.uw-text-teal-700 { color: var(--quanta-teal-700); }
.uw-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
.uw-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
.uw-active-text-teal-700:active { color: var(--quanta-teal-700); }
.uw-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
.uw-text-teal-800 { color: var(--quanta-teal-800); }
.uw-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
.uw-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
.uw-active-text-teal-800:active { color: var(--quanta-teal-800); }
.uw-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
.uw-text-teal-900 { color: var(--quanta-teal-900); }
.uw-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
.uw-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
.uw-active-text-teal-900:active { color: var(--quanta-teal-900); }
.uw-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
.uw-text-purple-50 { color: var(--quanta-purple-50); }
.uw-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
.uw-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
.uw-active-text-purple-50:active { color: var(--quanta-purple-50); }
.uw-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
.uw-text-purple-100 { color: var(--quanta-purple-100); }
.uw-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
.uw-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
.uw-active-text-purple-100:active { color: var(--quanta-purple-100); }
.uw-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
.uw-text-purple-200 { color: var(--quanta-purple-200); }
.uw-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
.uw-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
.uw-active-text-purple-200:active { color: var(--quanta-purple-200); }
.uw-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
.uw-text-purple-300 { color: var(--quanta-purple-300); }
.uw-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
.uw-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
.uw-active-text-purple-300:active { color: var(--quanta-purple-300); }
.uw-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
.uw-text-purple-400 { color: var(--quanta-purple-400); }
.uw-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
.uw-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
.uw-active-text-purple-400:active { color: var(--quanta-purple-400); }
.uw-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
.uw-text-purple-500 { color: var(--quanta-purple-500); }
.uw-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
.uw-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
.uw-active-text-purple-500:active { color: var(--quanta-purple-500); }
.uw-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
.uw-text-purple-600 { color: var(--quanta-purple-600); }
.uw-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
.uw-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
.uw-active-text-purple-600:active { color: var(--quanta-purple-600); }
.uw-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
.uw-text-purple-700 { color: var(--quanta-purple-700); }
.uw-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
.uw-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
.uw-active-text-purple-700:active { color: var(--quanta-purple-700); }
.uw-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
.uw-text-purple-800 { color: var(--quanta-purple-800); }
.uw-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
.uw-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
.uw-active-text-purple-800:active { color: var(--quanta-purple-800); }
.uw-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
.uw-text-purple-900 { color: var(--quanta-purple-900); }
.uw-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
.uw-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
.uw-active-text-purple-900:active { color: var(--quanta-purple-900); }
.uw-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
.uw-text-indigo-50 { color: var(--quanta-indigo-50); }
.uw-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
.uw-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
.uw-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
.uw-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
.uw-text-indigo-100 { color: var(--quanta-indigo-100); }
.uw-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
.uw-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
.uw-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
.uw-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
.uw-text-indigo-200 { color: var(--quanta-indigo-200); }
.uw-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
.uw-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
.uw-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
.uw-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
.uw-text-indigo-300 { color: var(--quanta-indigo-300); }
.uw-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
.uw-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
.uw-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
.uw-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
.uw-text-indigo-400 { color: var(--quanta-indigo-400); }
.uw-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
.uw-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
.uw-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
.uw-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
.uw-text-indigo-500 { color: var(--quanta-indigo-500); }
.uw-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
.uw-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
.uw-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
.uw-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
.uw-text-indigo-600 { color: var(--quanta-indigo-600); }
.uw-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
.uw-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
.uw-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
.uw-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
.uw-text-indigo-700 { color: var(--quanta-indigo-700); }
.uw-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
.uw-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
.uw-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
.uw-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
.uw-text-indigo-800 { color: var(--quanta-indigo-800); }
.uw-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
.uw-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
.uw-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
.uw-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
.uw-text-indigo-900 { color: var(--quanta-indigo-900); }
.uw-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
.uw-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
.uw-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
.uw-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
.uw-text-yellow-50 { color: var(--quanta-yellow-50); }
.uw-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
.uw-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
.uw-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
.uw-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
.uw-text-yellow-100 { color: var(--quanta-yellow-100); }
.uw-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
.uw-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
.uw-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
.uw-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
.uw-text-yellow-200 { color: var(--quanta-yellow-200); }
.uw-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
.uw-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
.uw-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
.uw-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
.uw-text-yellow-300 { color: var(--quanta-yellow-300); }
.uw-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
.uw-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
.uw-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
.uw-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
.uw-text-yellow-400 { color: var(--quanta-yellow-400); }
.uw-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
.uw-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
.uw-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
.uw-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
.uw-text-yellow-500 { color: var(--quanta-yellow-500); }
.uw-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
.uw-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
.uw-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
.uw-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
.uw-text-yellow-600 { color: var(--quanta-yellow-600); }
.uw-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
.uw-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
.uw-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
.uw-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
.uw-text-yellow-700 { color: var(--quanta-yellow-700); }
.uw-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
.uw-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
.uw-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
.uw-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
.uw-text-yellow-800 { color: var(--quanta-yellow-800); }
.uw-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
.uw-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
.uw-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
.uw-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
.uw-text-yellow-900 { color: var(--quanta-yellow-900); }
.uw-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
.uw-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
.uw-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
.uw-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
.uw-text-pink-50 { color: var(--quanta-pink-50); }
.uw-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
.uw-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
.uw-active-text-pink-50:active { color: var(--quanta-pink-50); }
.uw-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
.uw-text-pink-100 { color: var(--quanta-pink-100); }
.uw-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
.uw-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
.uw-active-text-pink-100:active { color: var(--quanta-pink-100); }
.uw-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
.uw-text-pink-200 { color: var(--quanta-pink-200); }
.uw-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
.uw-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
.uw-active-text-pink-200:active { color: var(--quanta-pink-200); }
.uw-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
.uw-text-pink-300 { color: var(--quanta-pink-300); }
.uw-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
.uw-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
.uw-active-text-pink-300:active { color: var(--quanta-pink-300); }
.uw-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
.uw-text-pink-400 { color: var(--quanta-pink-400); }
.uw-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
.uw-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
.uw-active-text-pink-400:active { color: var(--quanta-pink-400); }
.uw-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
.uw-text-pink-500 { color: var(--quanta-pink-500); }
.uw-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
.uw-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
.uw-active-text-pink-500:active { color: var(--quanta-pink-500); }
.uw-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
.uw-text-pink-600 { color: var(--quanta-pink-600); }
.uw-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
.uw-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
.uw-active-text-pink-600:active { color: var(--quanta-pink-600); }
.uw-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
.uw-text-pink-700 { color: var(--quanta-pink-700); }
.uw-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
.uw-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
.uw-active-text-pink-700:active { color: var(--quanta-pink-700); }
.uw-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
.uw-text-pink-800 { color: var(--quanta-pink-800); }
.uw-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
.uw-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
.uw-active-text-pink-800:active { color: var(--quanta-pink-800); }
.uw-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
.uw-text-pink-900 { color: var(--quanta-pink-900); }
.uw-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
.uw-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
.uw-active-text-pink-900:active { color: var(--quanta-pink-900); }
.uw-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
.uw-text-grey-50 { color: var(--quanta-grey-50); }
.uw-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
.uw-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
.uw-active-text-grey-50:active { color: var(--quanta-grey-50); }
.uw-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
.uw-text-grey-100 { color: var(--quanta-grey-100); }
.uw-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
.uw-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
.uw-active-text-grey-100:active { color: var(--quanta-grey-100); }
.uw-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
.uw-text-grey-200 { color: var(--quanta-grey-200); }
.uw-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
.uw-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
.uw-active-text-grey-200:active { color: var(--quanta-grey-200); }
.uw-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
.uw-text-grey-300 { color: var(--quanta-grey-300); }
.uw-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
.uw-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
.uw-active-text-grey-300:active { color: var(--quanta-grey-300); }
.uw-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
.uw-text-grey-400 { color: var(--quanta-grey-400); }
.uw-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
.uw-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
.uw-active-text-grey-400:active { color: var(--quanta-grey-400); }
.uw-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
.uw-text-grey-500 { color: var(--quanta-grey-500); }
.uw-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
.uw-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
.uw-active-text-grey-500:active { color: var(--quanta-grey-500); }
.uw-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
.uw-text-grey-600 { color: var(--quanta-grey-600); }
.uw-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
.uw-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
.uw-active-text-grey-600:active { color: var(--quanta-grey-600); }
.uw-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
.uw-text-grey-700 { color: var(--quanta-grey-700); }
.uw-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
.uw-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
.uw-active-text-grey-700:active { color: var(--quanta-grey-700); }
.uw-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
.uw-text-grey-800 { color: var(--quanta-grey-800); }
.uw-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
.uw-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
.uw-active-text-grey-800:active { color: var(--quanta-grey-800); }
.uw-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
.uw-text-grey-900 { color: var(--quanta-grey-900); }
.uw-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
.uw-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
.uw-active-text-grey-900:active { color: var(--quanta-grey-900); }
.uw-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
.uw-text-lime-50 { color: var(--quanta-lime-50); }
.uw-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
.uw-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
.uw-active-text-lime-50:active { color: var(--quanta-lime-50); }
.uw-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
.uw-text-lime-100 { color: var(--quanta-lime-100); }
.uw-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
.uw-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
.uw-active-text-lime-100:active { color: var(--quanta-lime-100); }
.uw-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
.uw-text-lime-200 { color: var(--quanta-lime-200); }
.uw-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
.uw-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
.uw-active-text-lime-200:active { color: var(--quanta-lime-200); }
.uw-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
.uw-text-lime-300 { color: var(--quanta-lime-300); }
.uw-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
.uw-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
.uw-active-text-lime-300:active { color: var(--quanta-lime-300); }
.uw-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
.uw-text-lime-400 { color: var(--quanta-lime-400); }
.uw-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
.uw-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
.uw-active-text-lime-400:active { color: var(--quanta-lime-400); }
.uw-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
.uw-text-lime-500 { color: var(--quanta-lime-500); }
.uw-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
.uw-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
.uw-active-text-lime-500:active { color: var(--quanta-lime-500); }
.uw-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
.uw-text-lime-600 { color: var(--quanta-lime-600); }
.uw-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
.uw-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
.uw-active-text-lime-600:active { color: var(--quanta-lime-600); }
.uw-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
.uw-text-lime-700 { color: var(--quanta-lime-700); }
.uw-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
.uw-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
.uw-active-text-lime-700:active { color: var(--quanta-lime-700); }
.uw-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
.uw-text-lime-800 { color: var(--quanta-lime-800); }
.uw-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
.uw-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
.uw-active-text-lime-800:active { color: var(--quanta-lime-800); }
.uw-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
.uw-text-lime-900 { color: var(--quanta-lime-900); }
.uw-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
.uw-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
.uw-active-text-lime-900:active { color: var(--quanta-lime-900); }
.uw-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
.uw-text-cyan-50 { color: var(--quanta-cyan-50); }
.uw-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
.uw-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
.uw-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
.uw-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
.uw-text-cyan-100 { color: var(--quanta-cyan-100); }
.uw-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
.uw-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
.uw-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
.uw-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
.uw-text-cyan-200 { color: var(--quanta-cyan-200); }
.uw-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
.uw-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
.uw-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
.uw-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
.uw-text-cyan-300 { color: var(--quanta-cyan-300); }
.uw-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
.uw-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
.uw-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
.uw-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
.uw-text-cyan-400 { color: var(--quanta-cyan-400); }
.uw-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
.uw-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
.uw-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
.uw-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
.uw-text-cyan-500 { color: var(--quanta-cyan-500); }
.uw-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
.uw-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
.uw-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
.uw-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
.uw-text-cyan-600 { color: var(--quanta-cyan-600); }
.uw-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
.uw-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
.uw-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
.uw-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
.uw-text-cyan-700 { color: var(--quanta-cyan-700); }
.uw-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
.uw-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
.uw-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
.uw-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
.uw-text-cyan-800 { color: var(--quanta-cyan-800); }
.uw-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
.uw-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
.uw-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
.uw-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
.uw-text-cyan-900 { color: var(--quanta-cyan-900); }
.uw-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
.uw-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
.uw-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
.uw-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
.uw-text-sky-50 { color: var(--quanta-sky-50); }
.uw-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
.uw-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
.uw-active-text-sky-50:active { color: var(--quanta-sky-50); }
.uw-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
.uw-text-sky-100 { color: var(--quanta-sky-100); }
.uw-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
.uw-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
.uw-active-text-sky-100:active { color: var(--quanta-sky-100); }
.uw-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
.uw-text-sky-200 { color: var(--quanta-sky-200); }
.uw-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
.uw-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
.uw-active-text-sky-200:active { color: var(--quanta-sky-200); }
.uw-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
.uw-text-sky-300 { color: var(--quanta-sky-300); }
.uw-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
.uw-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
.uw-active-text-sky-300:active { color: var(--quanta-sky-300); }
.uw-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
.uw-text-sky-400 { color: var(--quanta-sky-400); }
.uw-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
.uw-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
.uw-active-text-sky-400:active { color: var(--quanta-sky-400); }
.uw-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
.uw-text-sky-500 { color: var(--quanta-sky-500); }
.uw-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
.uw-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
.uw-active-text-sky-500:active { color: var(--quanta-sky-500); }
.uw-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
.uw-text-sky-600 { color: var(--quanta-sky-600); }
.uw-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
.uw-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
.uw-active-text-sky-600:active { color: var(--quanta-sky-600); }
.uw-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
.uw-text-sky-700 { color: var(--quanta-sky-700); }
.uw-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
.uw-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
.uw-active-text-sky-700:active { color: var(--quanta-sky-700); }
.uw-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
.uw-text-sky-800 { color: var(--quanta-sky-800); }
.uw-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
.uw-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
.uw-active-text-sky-800:active { color: var(--quanta-sky-800); }
.uw-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
.uw-text-sky-900 { color: var(--quanta-sky-900); }
.uw-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
.uw-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
.uw-active-text-sky-900:active { color: var(--quanta-sky-900); }
.uw-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
.uw-text-violet-50 { color: var(--quanta-violet-50); }
.uw-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
.uw-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
.uw-active-text-violet-50:active { color: var(--quanta-violet-50); }
.uw-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
.uw-text-violet-100 { color: var(--quanta-violet-100); }
.uw-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
.uw-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
.uw-active-text-violet-100:active { color: var(--quanta-violet-100); }
.uw-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
.uw-text-violet-200 { color: var(--quanta-violet-200); }
.uw-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
.uw-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
.uw-active-text-violet-200:active { color: var(--quanta-violet-200); }
.uw-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
.uw-text-violet-300 { color: var(--quanta-violet-300); }
.uw-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
.uw-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
.uw-active-text-violet-300:active { color: var(--quanta-violet-300); }
.uw-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
.uw-text-violet-400 { color: var(--quanta-violet-400); }
.uw-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
.uw-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
.uw-active-text-violet-400:active { color: var(--quanta-violet-400); }
.uw-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
.uw-text-violet-500 { color: var(--quanta-violet-500); }
.uw-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
.uw-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
.uw-active-text-violet-500:active { color: var(--quanta-violet-500); }
.uw-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
.uw-text-violet-600 { color: var(--quanta-violet-600); }
.uw-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
.uw-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
.uw-active-text-violet-600:active { color: var(--quanta-violet-600); }
.uw-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
.uw-text-violet-700 { color: var(--quanta-violet-700); }
.uw-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
.uw-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
.uw-active-text-violet-700:active { color: var(--quanta-violet-700); }
.uw-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
.uw-text-violet-800 { color: var(--quanta-violet-800); }
.uw-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
.uw-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
.uw-active-text-violet-800:active { color: var(--quanta-violet-800); }
.uw-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
.uw-text-violet-900 { color: var(--quanta-violet-900); }
.uw-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
.uw-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
.uw-active-text-violet-900:active { color: var(--quanta-violet-900); }
.uw-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
.uw-text-rose-50 { color: var(--quanta-rose-50); }
.uw-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
.uw-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
.uw-active-text-rose-50:active { color: var(--quanta-rose-50); }
.uw-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
.uw-text-rose-100 { color: var(--quanta-rose-100); }
.uw-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
.uw-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
.uw-active-text-rose-100:active { color: var(--quanta-rose-100); }
.uw-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
.uw-text-rose-200 { color: var(--quanta-rose-200); }
.uw-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
.uw-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
.uw-active-text-rose-200:active { color: var(--quanta-rose-200); }
.uw-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
.uw-text-rose-300 { color: var(--quanta-rose-300); }
.uw-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
.uw-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
.uw-active-text-rose-300:active { color: var(--quanta-rose-300); }
.uw-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
.uw-text-rose-400 { color: var(--quanta-rose-400); }
.uw-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
.uw-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
.uw-active-text-rose-400:active { color: var(--quanta-rose-400); }
.uw-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
.uw-text-rose-500 { color: var(--quanta-rose-500); }
.uw-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
.uw-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
.uw-active-text-rose-500:active { color: var(--quanta-rose-500); }
.uw-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
.uw-text-rose-600 { color: var(--quanta-rose-600); }
.uw-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
.uw-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
.uw-active-text-rose-600:active { color: var(--quanta-rose-600); }
.uw-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
.uw-text-rose-700 { color: var(--quanta-rose-700); }
.uw-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
.uw-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
.uw-active-text-rose-700:active { color: var(--quanta-rose-700); }
.uw-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
.uw-text-rose-800 { color: var(--quanta-rose-800); }
.uw-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
.uw-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
.uw-active-text-rose-800:active { color: var(--quanta-rose-800); }
.uw-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
.uw-text-rose-900 { color: var(--quanta-rose-900); }
.uw-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
.uw-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
.uw-active-text-rose-900:active { color: var(--quanta-rose-900); }
.uw-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
.uw-text-slate-50 { color: var(--quanta-slate-50); }
.uw-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
.uw-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
.uw-active-text-slate-50:active { color: var(--quanta-slate-50); }
.uw-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
.uw-text-slate-100 { color: var(--quanta-slate-100); }
.uw-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
.uw-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
.uw-active-text-slate-100:active { color: var(--quanta-slate-100); }
.uw-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
.uw-text-slate-200 { color: var(--quanta-slate-200); }
.uw-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
.uw-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
.uw-active-text-slate-200:active { color: var(--quanta-slate-200); }
.uw-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
.uw-text-slate-300 { color: var(--quanta-slate-300); }
.uw-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
.uw-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
.uw-active-text-slate-300:active { color: var(--quanta-slate-300); }
.uw-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
.uw-text-slate-400 { color: var(--quanta-slate-400); }
.uw-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
.uw-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
.uw-active-text-slate-400:active { color: var(--quanta-slate-400); }
.uw-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
.uw-text-slate-500 { color: var(--quanta-slate-500); }
.uw-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
.uw-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
.uw-active-text-slate-500:active { color: var(--quanta-slate-500); }
.uw-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
.uw-text-slate-600 { color: var(--quanta-slate-600); }
.uw-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
.uw-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
.uw-active-text-slate-600:active { color: var(--quanta-slate-600); }
.uw-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
.uw-text-slate-700 { color: var(--quanta-slate-700); }
.uw-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
.uw-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
.uw-active-text-slate-700:active { color: var(--quanta-slate-700); }
.uw-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
.uw-text-slate-800 { color: var(--quanta-slate-800); }
.uw-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
.uw-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
.uw-active-text-slate-800:active { color: var(--quanta-slate-800); }
.uw-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
.uw-text-slate-900 { color: var(--quanta-slate-900); }
.uw-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
.uw-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
.uw-active-text-slate-900:active { color: var(--quanta-slate-900); }
.uw-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
.uw-text-blue-50 { color: var(--quanta-blue-50); }
.uw-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
.uw-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
.uw-active-text-blue-50:active { color: var(--quanta-blue-50); }
.uw-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
.uw-text-blue-100 { color: var(--quanta-blue-100); }
.uw-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
.uw-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
.uw-active-text-blue-100:active { color: var(--quanta-blue-100); }
.uw-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
.uw-text-blue-200 { color: var(--quanta-blue-200); }
.uw-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
.uw-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
.uw-active-text-blue-200:active { color: var(--quanta-blue-200); }
.uw-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
.uw-text-blue-300 { color: var(--quanta-blue-300); }
.uw-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
.uw-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
.uw-active-text-blue-300:active { color: var(--quanta-blue-300); }
.uw-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
.uw-text-blue-400 { color: var(--quanta-blue-400); }
.uw-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
.uw-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
.uw-active-text-blue-400:active { color: var(--quanta-blue-400); }
.uw-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
.uw-text-blue-500 { color: var(--quanta-blue-500); }
.uw-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
.uw-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
.uw-active-text-blue-500:active { color: var(--quanta-blue-500); }
.uw-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
.uw-text-blue-600 { color: var(--quanta-blue-600); }
.uw-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
.uw-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
.uw-active-text-blue-600:active { color: var(--quanta-blue-600); }
.uw-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
.uw-text-blue-700 { color: var(--quanta-blue-700); }
.uw-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
.uw-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
.uw-active-text-blue-700:active { color: var(--quanta-blue-700); }
.uw-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
.uw-text-blue-800 { color: var(--quanta-blue-800); }
.uw-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
.uw-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
.uw-active-text-blue-800:active { color: var(--quanta-blue-800); }
.uw-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
.uw-text-blue-900 { color: var(--quanta-blue-900); }
.uw-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
.uw-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
.uw-active-text-blue-900:active { color: var(--quanta-blue-900); }
.uw-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
.uw-text-green-50 { color: var(--quanta-green-50); }
.uw-hover-text-green-50:hover { color: var(--quanta-green-50); }
.uw-focus-text-green-50:focus { color: var(--quanta-green-50); }
.uw-active-text-green-50:active { color: var(--quanta-green-50); }
.uw-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
.uw-text-green-100 { color: var(--quanta-green-100); }
.uw-hover-text-green-100:hover { color: var(--quanta-green-100); }
.uw-focus-text-green-100:focus { color: var(--quanta-green-100); }
.uw-active-text-green-100:active { color: var(--quanta-green-100); }
.uw-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
.uw-text-green-200 { color: var(--quanta-green-200); }
.uw-hover-text-green-200:hover { color: var(--quanta-green-200); }
.uw-focus-text-green-200:focus { color: var(--quanta-green-200); }
.uw-active-text-green-200:active { color: var(--quanta-green-200); }
.uw-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
.uw-text-green-300 { color: var(--quanta-green-300); }
.uw-hover-text-green-300:hover { color: var(--quanta-green-300); }
.uw-focus-text-green-300:focus { color: var(--quanta-green-300); }
.uw-active-text-green-300:active { color: var(--quanta-green-300); }
.uw-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
.uw-text-green-400 { color: var(--quanta-green-400); }
.uw-hover-text-green-400:hover { color: var(--quanta-green-400); }
.uw-focus-text-green-400:focus { color: var(--quanta-green-400); }
.uw-active-text-green-400:active { color: var(--quanta-green-400); }
.uw-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
.uw-text-green-500 { color: var(--quanta-green-500); }
.uw-hover-text-green-500:hover { color: var(--quanta-green-500); }
.uw-focus-text-green-500:focus { color: var(--quanta-green-500); }
.uw-active-text-green-500:active { color: var(--quanta-green-500); }
.uw-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
.uw-text-green-600 { color: var(--quanta-green-600); }
.uw-hover-text-green-600:hover { color: var(--quanta-green-600); }
.uw-focus-text-green-600:focus { color: var(--quanta-green-600); }
.uw-active-text-green-600:active { color: var(--quanta-green-600); }
.uw-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
.uw-text-green-700 { color: var(--quanta-green-700); }
.uw-hover-text-green-700:hover { color: var(--quanta-green-700); }
.uw-focus-text-green-700:focus { color: var(--quanta-green-700); }
.uw-active-text-green-700:active { color: var(--quanta-green-700); }
.uw-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
.uw-text-green-800 { color: var(--quanta-green-800); }
.uw-hover-text-green-800:hover { color: var(--quanta-green-800); }
.uw-focus-text-green-800:focus { color: var(--quanta-green-800); }
.uw-active-text-green-800:active { color: var(--quanta-green-800); }
.uw-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
.uw-text-green-900 { color: var(--quanta-green-900); }
.uw-hover-text-green-900:hover { color: var(--quanta-green-900); }
.uw-focus-text-green-900:focus { color: var(--quanta-green-900); }
.uw-active-text-green-900:active { color: var(--quanta-green-900); }
.uw-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
.uw-bg-red-50 { background-color: var(--quanta-red-50); }
.uw-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
.uw-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
.uw-active-bg-red-50:active { background-color: var(--quanta-red-50); }
.uw-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
.uw-bg-red-100 { background-color: var(--quanta-red-100); }
.uw-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
.uw-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
.uw-active-bg-red-100:active { background-color: var(--quanta-red-100); }
.uw-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
.uw-bg-red-200 { background-color: var(--quanta-red-200); }
.uw-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
.uw-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
.uw-active-bg-red-200:active { background-color: var(--quanta-red-200); }
.uw-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
.uw-bg-red-300 { background-color: var(--quanta-red-300); }
.uw-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
.uw-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
.uw-active-bg-red-300:active { background-color: var(--quanta-red-300); }
.uw-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
.uw-bg-red-400 { background-color: var(--quanta-red-400); }
.uw-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
.uw-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
.uw-active-bg-red-400:active { background-color: var(--quanta-red-400); }
.uw-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
.uw-bg-red-500 { background-color: var(--quanta-red-500); }
.uw-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
.uw-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
.uw-active-bg-red-500:active { background-color: var(--quanta-red-500); }
.uw-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
.uw-bg-red-600 { background-color: var(--quanta-red-600); }
.uw-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
.uw-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
.uw-active-bg-red-600:active { background-color: var(--quanta-red-600); }
.uw-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
.uw-bg-red-700 { background-color: var(--quanta-red-700); }
.uw-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
.uw-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
.uw-active-bg-red-700:active { background-color: var(--quanta-red-700); }
.uw-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
.uw-bg-red-800 { background-color: var(--quanta-red-800); }
.uw-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
.uw-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
.uw-active-bg-red-800:active { background-color: var(--quanta-red-800); }
.uw-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
.uw-bg-red-900 { background-color: var(--quanta-red-900); }
.uw-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
.uw-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
.uw-active-bg-red-900:active { background-color: var(--quanta-red-900); }
.uw-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
.uw-bg-orange-50 { background-color: var(--quanta-orange-50); }
.uw-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
.uw-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
.uw-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
.uw-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
.uw-bg-orange-100 { background-color: var(--quanta-orange-100); }
.uw-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
.uw-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
.uw-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
.uw-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
.uw-bg-orange-200 { background-color: var(--quanta-orange-200); }
.uw-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
.uw-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
.uw-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
.uw-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
.uw-bg-orange-300 { background-color: var(--quanta-orange-300); }
.uw-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
.uw-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
.uw-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
.uw-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
.uw-bg-orange-400 { background-color: var(--quanta-orange-400); }
.uw-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
.uw-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
.uw-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
.uw-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
.uw-bg-orange-500 { background-color: var(--quanta-orange-500); }
.uw-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
.uw-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
.uw-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
.uw-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
.uw-bg-orange-600 { background-color: var(--quanta-orange-600); }
.uw-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
.uw-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
.uw-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
.uw-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
.uw-bg-orange-700 { background-color: var(--quanta-orange-700); }
.uw-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
.uw-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
.uw-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
.uw-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
.uw-bg-orange-800 { background-color: var(--quanta-orange-800); }
.uw-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
.uw-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
.uw-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
.uw-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
.uw-bg-orange-900 { background-color: var(--quanta-orange-900); }
.uw-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
.uw-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
.uw-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
.uw-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
.uw-bg-teal-50 { background-color: var(--quanta-teal-50); }
.uw-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
.uw-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
.uw-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
.uw-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
.uw-bg-teal-100 { background-color: var(--quanta-teal-100); }
.uw-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
.uw-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
.uw-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
.uw-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
.uw-bg-teal-200 { background-color: var(--quanta-teal-200); }
.uw-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
.uw-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
.uw-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
.uw-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
.uw-bg-teal-300 { background-color: var(--quanta-teal-300); }
.uw-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
.uw-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
.uw-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
.uw-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
.uw-bg-teal-400 { background-color: var(--quanta-teal-400); }
.uw-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
.uw-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
.uw-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
.uw-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
.uw-bg-teal-500 { background-color: var(--quanta-teal-500); }
.uw-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
.uw-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
.uw-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
.uw-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
.uw-bg-teal-600 { background-color: var(--quanta-teal-600); }
.uw-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
.uw-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
.uw-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
.uw-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
.uw-bg-teal-700 { background-color: var(--quanta-teal-700); }
.uw-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
.uw-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
.uw-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
.uw-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
.uw-bg-teal-800 { background-color: var(--quanta-teal-800); }
.uw-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
.uw-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
.uw-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
.uw-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
.uw-bg-teal-900 { background-color: var(--quanta-teal-900); }
.uw-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
.uw-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
.uw-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
.uw-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
.uw-bg-purple-50 { background-color: var(--quanta-purple-50); }
.uw-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
.uw-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
.uw-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
.uw-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
.uw-bg-purple-100 { background-color: var(--quanta-purple-100); }
.uw-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
.uw-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
.uw-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
.uw-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
.uw-bg-purple-200 { background-color: var(--quanta-purple-200); }
.uw-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
.uw-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
.uw-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
.uw-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
.uw-bg-purple-300 { background-color: var(--quanta-purple-300); }
.uw-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
.uw-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
.uw-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
.uw-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
.uw-bg-purple-400 { background-color: var(--quanta-purple-400); }
.uw-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
.uw-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
.uw-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
.uw-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
.uw-bg-purple-500 { background-color: var(--quanta-purple-500); }
.uw-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
.uw-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
.uw-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
.uw-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
.uw-bg-purple-600 { background-color: var(--quanta-purple-600); }
.uw-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
.uw-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
.uw-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
.uw-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
.uw-bg-purple-700 { background-color: var(--quanta-purple-700); }
.uw-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
.uw-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
.uw-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
.uw-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
.uw-bg-purple-800 { background-color: var(--quanta-purple-800); }
.uw-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
.uw-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
.uw-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
.uw-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
.uw-bg-purple-900 { background-color: var(--quanta-purple-900); }
.uw-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
.uw-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
.uw-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
.uw-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
.uw-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
.uw-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
.uw-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
.uw-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
.uw-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
.uw-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
.uw-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
.uw-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
.uw-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
.uw-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
.uw-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
.uw-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
.uw-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
.uw-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
.uw-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
.uw-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
.uw-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
.uw-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
.uw-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
.uw-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
.uw-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
.uw-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
.uw-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
.uw-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
.uw-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
.uw-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
.uw-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
.uw-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
.uw-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
.uw-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
.uw-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
.uw-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
.uw-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
.uw-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
.uw-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
.uw-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
.uw-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
.uw-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
.uw-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
.uw-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
.uw-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
.uw-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
.uw-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
.uw-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
.uw-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
.uw-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
.uw-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
.uw-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
.uw-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
.uw-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
.uw-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
.uw-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
.uw-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
.uw-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
.uw-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
.uw-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
.uw-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
.uw-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
.uw-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
.uw-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
.uw-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
.uw-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
.uw-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
.uw-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
.uw-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
.uw-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
.uw-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
.uw-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
.uw-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
.uw-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
.uw-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
.uw-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
.uw-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
.uw-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
.uw-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
.uw-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
.uw-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
.uw-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
.uw-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
.uw-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
.uw-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
.uw-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
.uw-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
.uw-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
.uw-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
.uw-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
.uw-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
.uw-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
.uw-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
.uw-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
.uw-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
.uw-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
.uw-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
.uw-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
.uw-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
.uw-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
.uw-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
.uw-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
.uw-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
.uw-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
.uw-bg-pink-50 { background-color: var(--quanta-pink-50); }
.uw-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
.uw-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
.uw-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
.uw-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
.uw-bg-pink-100 { background-color: var(--quanta-pink-100); }
.uw-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
.uw-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
.uw-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
.uw-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
.uw-bg-pink-200 { background-color: var(--quanta-pink-200); }
.uw-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
.uw-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
.uw-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
.uw-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
.uw-bg-pink-300 { background-color: var(--quanta-pink-300); }
.uw-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
.uw-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
.uw-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
.uw-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
.uw-bg-pink-400 { background-color: var(--quanta-pink-400); }
.uw-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
.uw-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
.uw-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
.uw-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
.uw-bg-pink-500 { background-color: var(--quanta-pink-500); }
.uw-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
.uw-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
.uw-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
.uw-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
.uw-bg-pink-600 { background-color: var(--quanta-pink-600); }
.uw-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
.uw-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
.uw-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
.uw-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
.uw-bg-pink-700 { background-color: var(--quanta-pink-700); }
.uw-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
.uw-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
.uw-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
.uw-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
.uw-bg-pink-800 { background-color: var(--quanta-pink-800); }
.uw-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
.uw-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
.uw-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
.uw-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
.uw-bg-pink-900 { background-color: var(--quanta-pink-900); }
.uw-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
.uw-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
.uw-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
.uw-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
.uw-bg-grey-50 { background-color: var(--quanta-grey-50); }
.uw-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
.uw-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
.uw-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
.uw-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
.uw-bg-grey-100 { background-color: var(--quanta-grey-100); }
.uw-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
.uw-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
.uw-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
.uw-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
.uw-bg-grey-200 { background-color: var(--quanta-grey-200); }
.uw-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
.uw-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
.uw-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
.uw-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
.uw-bg-grey-300 { background-color: var(--quanta-grey-300); }
.uw-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
.uw-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
.uw-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
.uw-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
.uw-bg-grey-400 { background-color: var(--quanta-grey-400); }
.uw-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
.uw-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
.uw-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
.uw-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
.uw-bg-grey-500 { background-color: var(--quanta-grey-500); }
.uw-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
.uw-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
.uw-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
.uw-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
.uw-bg-grey-600 { background-color: var(--quanta-grey-600); }
.uw-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
.uw-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
.uw-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
.uw-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
.uw-bg-grey-700 { background-color: var(--quanta-grey-700); }
.uw-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
.uw-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
.uw-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
.uw-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
.uw-bg-grey-800 { background-color: var(--quanta-grey-800); }
.uw-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
.uw-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
.uw-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
.uw-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
.uw-bg-grey-900 { background-color: var(--quanta-grey-900); }
.uw-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
.uw-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
.uw-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
.uw-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
.uw-bg-lime-50 { background-color: var(--quanta-lime-50); }
.uw-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
.uw-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
.uw-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
.uw-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
.uw-bg-lime-100 { background-color: var(--quanta-lime-100); }
.uw-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
.uw-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
.uw-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
.uw-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
.uw-bg-lime-200 { background-color: var(--quanta-lime-200); }
.uw-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
.uw-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
.uw-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
.uw-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
.uw-bg-lime-300 { background-color: var(--quanta-lime-300); }
.uw-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
.uw-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
.uw-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
.uw-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
.uw-bg-lime-400 { background-color: var(--quanta-lime-400); }
.uw-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
.uw-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
.uw-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
.uw-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
.uw-bg-lime-500 { background-color: var(--quanta-lime-500); }
.uw-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
.uw-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
.uw-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
.uw-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
.uw-bg-lime-600 { background-color: var(--quanta-lime-600); }
.uw-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
.uw-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
.uw-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
.uw-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
.uw-bg-lime-700 { background-color: var(--quanta-lime-700); }
.uw-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
.uw-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
.uw-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
.uw-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
.uw-bg-lime-800 { background-color: var(--quanta-lime-800); }
.uw-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
.uw-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
.uw-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
.uw-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
.uw-bg-lime-900 { background-color: var(--quanta-lime-900); }
.uw-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
.uw-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
.uw-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
.uw-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
.uw-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
.uw-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
.uw-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
.uw-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
.uw-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
.uw-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
.uw-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
.uw-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
.uw-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
.uw-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
.uw-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
.uw-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
.uw-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
.uw-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
.uw-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
.uw-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
.uw-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
.uw-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
.uw-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
.uw-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
.uw-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
.uw-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
.uw-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
.uw-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
.uw-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
.uw-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
.uw-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
.uw-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
.uw-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
.uw-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
.uw-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
.uw-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
.uw-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
.uw-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
.uw-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
.uw-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
.uw-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
.uw-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
.uw-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
.uw-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
.uw-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
.uw-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
.uw-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
.uw-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
.uw-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
.uw-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
.uw-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
.uw-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
.uw-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
.uw-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
.uw-bg-sky-50 { background-color: var(--quanta-sky-50); }
.uw-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
.uw-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
.uw-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
.uw-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
.uw-bg-sky-100 { background-color: var(--quanta-sky-100); }
.uw-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
.uw-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
.uw-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
.uw-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
.uw-bg-sky-200 { background-color: var(--quanta-sky-200); }
.uw-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
.uw-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
.uw-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
.uw-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
.uw-bg-sky-300 { background-color: var(--quanta-sky-300); }
.uw-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
.uw-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
.uw-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
.uw-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
.uw-bg-sky-400 { background-color: var(--quanta-sky-400); }
.uw-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
.uw-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
.uw-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
.uw-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
.uw-bg-sky-500 { background-color: var(--quanta-sky-500); }
.uw-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
.uw-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
.uw-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
.uw-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
.uw-bg-sky-600 { background-color: var(--quanta-sky-600); }
.uw-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
.uw-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
.uw-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
.uw-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
.uw-bg-sky-700 { background-color: var(--quanta-sky-700); }
.uw-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
.uw-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
.uw-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
.uw-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
.uw-bg-sky-800 { background-color: var(--quanta-sky-800); }
.uw-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
.uw-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
.uw-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
.uw-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
.uw-bg-sky-900 { background-color: var(--quanta-sky-900); }
.uw-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
.uw-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
.uw-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
.uw-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
.uw-bg-violet-50 { background-color: var(--quanta-violet-50); }
.uw-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
.uw-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
.uw-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
.uw-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
.uw-bg-violet-100 { background-color: var(--quanta-violet-100); }
.uw-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
.uw-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
.uw-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
.uw-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
.uw-bg-violet-200 { background-color: var(--quanta-violet-200); }
.uw-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
.uw-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
.uw-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
.uw-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
.uw-bg-violet-300 { background-color: var(--quanta-violet-300); }
.uw-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
.uw-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
.uw-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
.uw-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
.uw-bg-violet-400 { background-color: var(--quanta-violet-400); }
.uw-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
.uw-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
.uw-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
.uw-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
.uw-bg-violet-500 { background-color: var(--quanta-violet-500); }
.uw-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
.uw-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
.uw-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
.uw-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
.uw-bg-violet-600 { background-color: var(--quanta-violet-600); }
.uw-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
.uw-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
.uw-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
.uw-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
.uw-bg-violet-700 { background-color: var(--quanta-violet-700); }
.uw-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
.uw-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
.uw-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
.uw-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
.uw-bg-violet-800 { background-color: var(--quanta-violet-800); }
.uw-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
.uw-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
.uw-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
.uw-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
.uw-bg-violet-900 { background-color: var(--quanta-violet-900); }
.uw-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
.uw-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
.uw-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
.uw-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
.uw-bg-rose-50 { background-color: var(--quanta-rose-50); }
.uw-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
.uw-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
.uw-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
.uw-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
.uw-bg-rose-100 { background-color: var(--quanta-rose-100); }
.uw-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
.uw-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
.uw-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
.uw-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
.uw-bg-rose-200 { background-color: var(--quanta-rose-200); }
.uw-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
.uw-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
.uw-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
.uw-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
.uw-bg-rose-300 { background-color: var(--quanta-rose-300); }
.uw-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
.uw-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
.uw-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
.uw-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
.uw-bg-rose-400 { background-color: var(--quanta-rose-400); }
.uw-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
.uw-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
.uw-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
.uw-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
.uw-bg-rose-500 { background-color: var(--quanta-rose-500); }
.uw-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
.uw-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
.uw-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
.uw-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
.uw-bg-rose-600 { background-color: var(--quanta-rose-600); }
.uw-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
.uw-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
.uw-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
.uw-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
.uw-bg-rose-700 { background-color: var(--quanta-rose-700); }
.uw-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
.uw-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
.uw-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
.uw-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
.uw-bg-rose-800 { background-color: var(--quanta-rose-800); }
.uw-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
.uw-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
.uw-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
.uw-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
.uw-bg-rose-900 { background-color: var(--quanta-rose-900); }
.uw-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
.uw-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
.uw-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
.uw-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
.uw-bg-slate-50 { background-color: var(--quanta-slate-50); }
.uw-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
.uw-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
.uw-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
.uw-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
.uw-bg-slate-100 { background-color: var(--quanta-slate-100); }
.uw-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
.uw-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
.uw-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
.uw-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
.uw-bg-slate-200 { background-color: var(--quanta-slate-200); }
.uw-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
.uw-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
.uw-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
.uw-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
.uw-bg-slate-300 { background-color: var(--quanta-slate-300); }
.uw-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
.uw-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
.uw-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
.uw-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
.uw-bg-slate-400 { background-color: var(--quanta-slate-400); }
.uw-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
.uw-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
.uw-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
.uw-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
.uw-bg-slate-500 { background-color: var(--quanta-slate-500); }
.uw-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
.uw-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
.uw-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
.uw-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
.uw-bg-slate-600 { background-color: var(--quanta-slate-600); }
.uw-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
.uw-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
.uw-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
.uw-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
.uw-bg-slate-700 { background-color: var(--quanta-slate-700); }
.uw-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
.uw-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
.uw-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
.uw-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
.uw-bg-slate-800 { background-color: var(--quanta-slate-800); }
.uw-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
.uw-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
.uw-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
.uw-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
.uw-bg-slate-900 { background-color: var(--quanta-slate-900); }
.uw-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
.uw-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
.uw-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
.uw-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
.uw-bg-blue-50 { background-color: var(--quanta-blue-50); }
.uw-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
.uw-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
.uw-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
.uw-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
.uw-bg-blue-100 { background-color: var(--quanta-blue-100); }
.uw-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
.uw-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
.uw-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
.uw-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
.uw-bg-blue-200 { background-color: var(--quanta-blue-200); }
.uw-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
.uw-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
.uw-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
.uw-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
.uw-bg-blue-300 { background-color: var(--quanta-blue-300); }
.uw-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
.uw-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
.uw-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
.uw-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
.uw-bg-blue-400 { background-color: var(--quanta-blue-400); }
.uw-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
.uw-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
.uw-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
.uw-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
.uw-bg-blue-500 { background-color: var(--quanta-blue-500); }
.uw-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
.uw-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
.uw-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
.uw-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
.uw-bg-blue-600 { background-color: var(--quanta-blue-600); }
.uw-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
.uw-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
.uw-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
.uw-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
.uw-bg-blue-700 { background-color: var(--quanta-blue-700); }
.uw-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
.uw-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
.uw-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
.uw-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
.uw-bg-blue-800 { background-color: var(--quanta-blue-800); }
.uw-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
.uw-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
.uw-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
.uw-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
.uw-bg-blue-900 { background-color: var(--quanta-blue-900); }
.uw-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
.uw-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
.uw-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
.uw-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
.uw-bg-green-50 { background-color: var(--quanta-green-50); }
.uw-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
.uw-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
.uw-active-bg-green-50:active { background-color: var(--quanta-green-50); }
.uw-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
.uw-bg-green-100 { background-color: var(--quanta-green-100); }
.uw-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
.uw-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
.uw-active-bg-green-100:active { background-color: var(--quanta-green-100); }
.uw-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
.uw-bg-green-200 { background-color: var(--quanta-green-200); }
.uw-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
.uw-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
.uw-active-bg-green-200:active { background-color: var(--quanta-green-200); }
.uw-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
.uw-bg-green-300 { background-color: var(--quanta-green-300); }
.uw-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
.uw-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
.uw-active-bg-green-300:active { background-color: var(--quanta-green-300); }
.uw-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
.uw-bg-green-400 { background-color: var(--quanta-green-400); }
.uw-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
.uw-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
.uw-active-bg-green-400:active { background-color: var(--quanta-green-400); }
.uw-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
.uw-bg-green-500 { background-color: var(--quanta-green-500); }
.uw-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
.uw-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
.uw-active-bg-green-500:active { background-color: var(--quanta-green-500); }
.uw-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
.uw-bg-green-600 { background-color: var(--quanta-green-600); }
.uw-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
.uw-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
.uw-active-bg-green-600:active { background-color: var(--quanta-green-600); }
.uw-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
.uw-bg-green-700 { background-color: var(--quanta-green-700); }
.uw-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
.uw-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
.uw-active-bg-green-700:active { background-color: var(--quanta-green-700); }
.uw-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
.uw-bg-green-800 { background-color: var(--quanta-green-800); }
.uw-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
.uw-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
.uw-active-bg-green-800:active { background-color: var(--quanta-green-800); }
.uw-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
.uw-bg-green-900 { background-color: var(--quanta-green-900); }
.uw-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
.uw-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
.uw-active-bg-green-900:active { background-color: var(--quanta-green-900); }
.uw-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
.uw-bg-black { background-color: var(--black); }
.uw-hover-bg-black:hover { background-color: var(--black); }
.uw-focus-bg-black:focus { background-color: var(--black); }
.uw-active-bg-black:active { background-color: var(--black); }
.uw-disabled-bg-black:disabled { background-color: var(--black); }
.uw-bg-white { background-color: var(--white); }
.uw-hover-bg-white:hover { background-color: var(--white); }
.uw-focus-bg-white:focus { background-color: var(--white); }
.uw-active-bg-white:active { background-color: var(--white); }
.uw-disabled-bg-white:disabled { background-color: var(--white); }
.uw-border-red-50 { border-color: var(--quanta-red-50); }
.uw-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
.uw-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
.uw-active-border-red-50:active { border-color: var(--quanta-red-50); }
.uw-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
.uw-border-red-100 { border-color: var(--quanta-red-100); }
.uw-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
.uw-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
.uw-active-border-red-100:active { border-color: var(--quanta-red-100); }
.uw-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
.uw-border-red-200 { border-color: var(--quanta-red-200); }
.uw-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
.uw-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
.uw-active-border-red-200:active { border-color: var(--quanta-red-200); }
.uw-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
.uw-border-red-300 { border-color: var(--quanta-red-300); }
.uw-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
.uw-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
.uw-active-border-red-300:active { border-color: var(--quanta-red-300); }
.uw-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
.uw-border-red-400 { border-color: var(--quanta-red-400); }
.uw-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
.uw-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
.uw-active-border-red-400:active { border-color: var(--quanta-red-400); }
.uw-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
.uw-border-red-500 { border-color: var(--quanta-red-500); }
.uw-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
.uw-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
.uw-active-border-red-500:active { border-color: var(--quanta-red-500); }
.uw-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
.uw-border-red-600 { border-color: var(--quanta-red-600); }
.uw-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
.uw-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
.uw-active-border-red-600:active { border-color: var(--quanta-red-600); }
.uw-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
.uw-border-red-700 { border-color: var(--quanta-red-700); }
.uw-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
.uw-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
.uw-active-border-red-700:active { border-color: var(--quanta-red-700); }
.uw-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
.uw-border-red-800 { border-color: var(--quanta-red-800); }
.uw-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
.uw-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
.uw-active-border-red-800:active { border-color: var(--quanta-red-800); }
.uw-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
.uw-border-red-900 { border-color: var(--quanta-red-900); }
.uw-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
.uw-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
.uw-active-border-red-900:active { border-color: var(--quanta-red-900); }
.uw-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
.uw-border-orange-50 { border-color: var(--quanta-orange-50); }
.uw-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
.uw-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
.uw-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
.uw-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
.uw-border-orange-100 { border-color: var(--quanta-orange-100); }
.uw-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
.uw-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
.uw-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
.uw-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
.uw-border-orange-200 { border-color: var(--quanta-orange-200); }
.uw-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
.uw-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
.uw-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
.uw-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
.uw-border-orange-300 { border-color: var(--quanta-orange-300); }
.uw-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
.uw-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
.uw-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
.uw-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
.uw-border-orange-400 { border-color: var(--quanta-orange-400); }
.uw-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
.uw-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
.uw-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
.uw-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
.uw-border-orange-500 { border-color: var(--quanta-orange-500); }
.uw-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
.uw-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
.uw-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
.uw-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
.uw-border-orange-600 { border-color: var(--quanta-orange-600); }
.uw-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
.uw-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
.uw-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
.uw-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
.uw-border-orange-700 { border-color: var(--quanta-orange-700); }
.uw-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
.uw-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
.uw-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
.uw-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
.uw-border-orange-800 { border-color: var(--quanta-orange-800); }
.uw-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
.uw-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
.uw-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
.uw-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
.uw-border-orange-900 { border-color: var(--quanta-orange-900); }
.uw-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
.uw-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
.uw-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
.uw-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
.uw-border-teal-50 { border-color: var(--quanta-teal-50); }
.uw-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
.uw-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
.uw-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
.uw-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
.uw-border-teal-100 { border-color: var(--quanta-teal-100); }
.uw-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
.uw-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
.uw-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
.uw-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
.uw-border-teal-200 { border-color: var(--quanta-teal-200); }
.uw-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
.uw-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
.uw-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
.uw-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
.uw-border-teal-300 { border-color: var(--quanta-teal-300); }
.uw-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
.uw-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
.uw-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
.uw-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
.uw-border-teal-400 { border-color: var(--quanta-teal-400); }
.uw-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
.uw-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
.uw-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
.uw-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
.uw-border-teal-500 { border-color: var(--quanta-teal-500); }
.uw-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
.uw-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
.uw-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
.uw-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
.uw-border-teal-600 { border-color: var(--quanta-teal-600); }
.uw-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
.uw-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
.uw-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
.uw-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
.uw-border-teal-700 { border-color: var(--quanta-teal-700); }
.uw-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
.uw-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
.uw-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
.uw-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
.uw-border-teal-800 { border-color: var(--quanta-teal-800); }
.uw-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
.uw-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
.uw-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
.uw-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
.uw-border-teal-900 { border-color: var(--quanta-teal-900); }
.uw-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
.uw-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
.uw-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
.uw-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
.uw-border-purple-50 { border-color: var(--quanta-purple-50); }
.uw-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
.uw-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
.uw-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
.uw-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
.uw-border-purple-100 { border-color: var(--quanta-purple-100); }
.uw-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
.uw-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
.uw-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
.uw-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
.uw-border-purple-200 { border-color: var(--quanta-purple-200); }
.uw-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
.uw-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
.uw-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
.uw-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
.uw-border-purple-300 { border-color: var(--quanta-purple-300); }
.uw-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
.uw-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
.uw-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
.uw-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
.uw-border-purple-400 { border-color: var(--quanta-purple-400); }
.uw-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
.uw-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
.uw-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
.uw-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
.uw-border-purple-500 { border-color: var(--quanta-purple-500); }
.uw-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
.uw-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
.uw-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
.uw-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
.uw-border-purple-600 { border-color: var(--quanta-purple-600); }
.uw-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
.uw-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
.uw-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
.uw-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
.uw-border-purple-700 { border-color: var(--quanta-purple-700); }
.uw-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
.uw-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
.uw-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
.uw-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
.uw-border-purple-800 { border-color: var(--quanta-purple-800); }
.uw-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
.uw-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
.uw-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
.uw-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
.uw-border-purple-900 { border-color: var(--quanta-purple-900); }
.uw-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
.uw-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
.uw-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
.uw-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
.uw-border-indigo-50 { border-color: var(--quanta-indigo-50); }
.uw-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
.uw-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
.uw-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
.uw-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
.uw-border-indigo-100 { border-color: var(--quanta-indigo-100); }
.uw-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
.uw-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
.uw-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
.uw-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
.uw-border-indigo-200 { border-color: var(--quanta-indigo-200); }
.uw-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
.uw-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
.uw-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
.uw-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
.uw-border-indigo-300 { border-color: var(--quanta-indigo-300); }
.uw-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
.uw-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
.uw-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
.uw-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
.uw-border-indigo-400 { border-color: var(--quanta-indigo-400); }
.uw-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
.uw-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
.uw-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
.uw-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
.uw-border-indigo-500 { border-color: var(--quanta-indigo-500); }
.uw-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
.uw-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
.uw-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
.uw-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
.uw-border-indigo-600 { border-color: var(--quanta-indigo-600); }
.uw-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
.uw-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
.uw-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
.uw-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
.uw-border-indigo-700 { border-color: var(--quanta-indigo-700); }
.uw-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
.uw-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
.uw-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
.uw-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
.uw-border-indigo-800 { border-color: var(--quanta-indigo-800); }
.uw-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
.uw-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
.uw-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
.uw-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
.uw-border-indigo-900 { border-color: var(--quanta-indigo-900); }
.uw-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
.uw-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
.uw-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
.uw-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
.uw-border-yellow-50 { border-color: var(--quanta-yellow-50); }
.uw-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
.uw-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
.uw-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
.uw-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
.uw-border-yellow-100 { border-color: var(--quanta-yellow-100); }
.uw-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
.uw-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
.uw-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
.uw-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
.uw-border-yellow-200 { border-color: var(--quanta-yellow-200); }
.uw-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
.uw-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
.uw-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
.uw-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
.uw-border-yellow-300 { border-color: var(--quanta-yellow-300); }
.uw-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
.uw-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
.uw-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
.uw-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
.uw-border-yellow-400 { border-color: var(--quanta-yellow-400); }
.uw-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
.uw-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
.uw-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
.uw-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
.uw-border-yellow-500 { border-color: var(--quanta-yellow-500); }
.uw-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
.uw-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
.uw-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
.uw-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
.uw-border-yellow-600 { border-color: var(--quanta-yellow-600); }
.uw-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
.uw-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
.uw-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
.uw-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
.uw-border-yellow-700 { border-color: var(--quanta-yellow-700); }
.uw-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
.uw-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
.uw-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
.uw-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
.uw-border-yellow-800 { border-color: var(--quanta-yellow-800); }
.uw-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
.uw-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
.uw-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
.uw-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
.uw-border-yellow-900 { border-color: var(--quanta-yellow-900); }
.uw-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
.uw-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
.uw-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
.uw-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
.uw-border-pink-50 { border-color: var(--quanta-pink-50); }
.uw-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
.uw-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
.uw-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
.uw-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
.uw-border-pink-100 { border-color: var(--quanta-pink-100); }
.uw-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
.uw-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
.uw-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
.uw-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
.uw-border-pink-200 { border-color: var(--quanta-pink-200); }
.uw-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
.uw-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
.uw-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
.uw-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
.uw-border-pink-300 { border-color: var(--quanta-pink-300); }
.uw-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
.uw-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
.uw-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
.uw-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
.uw-border-pink-400 { border-color: var(--quanta-pink-400); }
.uw-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
.uw-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
.uw-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
.uw-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
.uw-border-pink-500 { border-color: var(--quanta-pink-500); }
.uw-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
.uw-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
.uw-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
.uw-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
.uw-border-pink-600 { border-color: var(--quanta-pink-600); }
.uw-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
.uw-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
.uw-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
.uw-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
.uw-border-pink-700 { border-color: var(--quanta-pink-700); }
.uw-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
.uw-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
.uw-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
.uw-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
.uw-border-pink-800 { border-color: var(--quanta-pink-800); }
.uw-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
.uw-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
.uw-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
.uw-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
.uw-border-pink-900 { border-color: var(--quanta-pink-900); }
.uw-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
.uw-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
.uw-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
.uw-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
.uw-border-grey-50 { border-color: var(--quanta-grey-50); }
.uw-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
.uw-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
.uw-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
.uw-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
.uw-border-grey-100 { border-color: var(--quanta-grey-100); }
.uw-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
.uw-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
.uw-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
.uw-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
.uw-border-grey-200 { border-color: var(--quanta-grey-200); }
.uw-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
.uw-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
.uw-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
.uw-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
.uw-border-grey-300 { border-color: var(--quanta-grey-300); }
.uw-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
.uw-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
.uw-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
.uw-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
.uw-border-grey-400 { border-color: var(--quanta-grey-400); }
.uw-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
.uw-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
.uw-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
.uw-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
.uw-border-grey-500 { border-color: var(--quanta-grey-500); }
.uw-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
.uw-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
.uw-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
.uw-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
.uw-border-grey-600 { border-color: var(--quanta-grey-600); }
.uw-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
.uw-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
.uw-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
.uw-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
.uw-border-grey-700 { border-color: var(--quanta-grey-700); }
.uw-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
.uw-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
.uw-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
.uw-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
.uw-border-grey-800 { border-color: var(--quanta-grey-800); }
.uw-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
.uw-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
.uw-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
.uw-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
.uw-border-grey-900 { border-color: var(--quanta-grey-900); }
.uw-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
.uw-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
.uw-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
.uw-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
.uw-border-lime-50 { border-color: var(--quanta-lime-50); }
.uw-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
.uw-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
.uw-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
.uw-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
.uw-border-lime-100 { border-color: var(--quanta-lime-100); }
.uw-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
.uw-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
.uw-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
.uw-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
.uw-border-lime-200 { border-color: var(--quanta-lime-200); }
.uw-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
.uw-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
.uw-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
.uw-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
.uw-border-lime-300 { border-color: var(--quanta-lime-300); }
.uw-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
.uw-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
.uw-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
.uw-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
.uw-border-lime-400 { border-color: var(--quanta-lime-400); }
.uw-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
.uw-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
.uw-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
.uw-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
.uw-border-lime-500 { border-color: var(--quanta-lime-500); }
.uw-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
.uw-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
.uw-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
.uw-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
.uw-border-lime-600 { border-color: var(--quanta-lime-600); }
.uw-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
.uw-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
.uw-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
.uw-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
.uw-border-lime-700 { border-color: var(--quanta-lime-700); }
.uw-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
.uw-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
.uw-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
.uw-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
.uw-border-lime-800 { border-color: var(--quanta-lime-800); }
.uw-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
.uw-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
.uw-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
.uw-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
.uw-border-lime-900 { border-color: var(--quanta-lime-900); }
.uw-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
.uw-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
.uw-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
.uw-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
.uw-border-cyan-50 { border-color: var(--quanta-cyan-50); }
.uw-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
.uw-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
.uw-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
.uw-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
.uw-border-cyan-100 { border-color: var(--quanta-cyan-100); }
.uw-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
.uw-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
.uw-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
.uw-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
.uw-border-cyan-200 { border-color: var(--quanta-cyan-200); }
.uw-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
.uw-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
.uw-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
.uw-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
.uw-border-cyan-300 { border-color: var(--quanta-cyan-300); }
.uw-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
.uw-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
.uw-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
.uw-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
.uw-border-cyan-400 { border-color: var(--quanta-cyan-400); }
.uw-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
.uw-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
.uw-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
.uw-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
.uw-border-cyan-500 { border-color: var(--quanta-cyan-500); }
.uw-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
.uw-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
.uw-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
.uw-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
.uw-border-cyan-600 { border-color: var(--quanta-cyan-600); }
.uw-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
.uw-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
.uw-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
.uw-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
.uw-border-cyan-700 { border-color: var(--quanta-cyan-700); }
.uw-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
.uw-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
.uw-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
.uw-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
.uw-border-cyan-800 { border-color: var(--quanta-cyan-800); }
.uw-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
.uw-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
.uw-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
.uw-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
.uw-border-cyan-900 { border-color: var(--quanta-cyan-900); }
.uw-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
.uw-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
.uw-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
.uw-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
.uw-border-sky-50 { border-color: var(--quanta-sky-50); }
.uw-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
.uw-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
.uw-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
.uw-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
.uw-border-sky-100 { border-color: var(--quanta-sky-100); }
.uw-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
.uw-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
.uw-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
.uw-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
.uw-border-sky-200 { border-color: var(--quanta-sky-200); }
.uw-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
.uw-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
.uw-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
.uw-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
.uw-border-sky-300 { border-color: var(--quanta-sky-300); }
.uw-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
.uw-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
.uw-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
.uw-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
.uw-border-sky-400 { border-color: var(--quanta-sky-400); }
.uw-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
.uw-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
.uw-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
.uw-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
.uw-border-sky-500 { border-color: var(--quanta-sky-500); }
.uw-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
.uw-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
.uw-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
.uw-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
.uw-border-sky-600 { border-color: var(--quanta-sky-600); }
.uw-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
.uw-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
.uw-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
.uw-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
.uw-border-sky-700 { border-color: var(--quanta-sky-700); }
.uw-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
.uw-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
.uw-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
.uw-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
.uw-border-sky-800 { border-color: var(--quanta-sky-800); }
.uw-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
.uw-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
.uw-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
.uw-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
.uw-border-sky-900 { border-color: var(--quanta-sky-900); }
.uw-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
.uw-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
.uw-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
.uw-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
.uw-border-violet-50 { border-color: var(--quanta-violet-50); }
.uw-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
.uw-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
.uw-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
.uw-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
.uw-border-violet-100 { border-color: var(--quanta-violet-100); }
.uw-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
.uw-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
.uw-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
.uw-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
.uw-border-violet-200 { border-color: var(--quanta-violet-200); }
.uw-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
.uw-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
.uw-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
.uw-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
.uw-border-violet-300 { border-color: var(--quanta-violet-300); }
.uw-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
.uw-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
.uw-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
.uw-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
.uw-border-violet-400 { border-color: var(--quanta-violet-400); }
.uw-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
.uw-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
.uw-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
.uw-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
.uw-border-violet-500 { border-color: var(--quanta-violet-500); }
.uw-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
.uw-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
.uw-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
.uw-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
.uw-border-violet-600 { border-color: var(--quanta-violet-600); }
.uw-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
.uw-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
.uw-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
.uw-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
.uw-border-violet-700 { border-color: var(--quanta-violet-700); }
.uw-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
.uw-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
.uw-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
.uw-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
.uw-border-violet-800 { border-color: var(--quanta-violet-800); }
.uw-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
.uw-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
.uw-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
.uw-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
.uw-border-violet-900 { border-color: var(--quanta-violet-900); }
.uw-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
.uw-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
.uw-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
.uw-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
.uw-border-rose-50 { border-color: var(--quanta-rose-50); }
.uw-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
.uw-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
.uw-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
.uw-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
.uw-border-rose-100 { border-color: var(--quanta-rose-100); }
.uw-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
.uw-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
.uw-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
.uw-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
.uw-border-rose-200 { border-color: var(--quanta-rose-200); }
.uw-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
.uw-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
.uw-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
.uw-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
.uw-border-rose-300 { border-color: var(--quanta-rose-300); }
.uw-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
.uw-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
.uw-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
.uw-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
.uw-border-rose-400 { border-color: var(--quanta-rose-400); }
.uw-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
.uw-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
.uw-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
.uw-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
.uw-border-rose-500 { border-color: var(--quanta-rose-500); }
.uw-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
.uw-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
.uw-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
.uw-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
.uw-border-rose-600 { border-color: var(--quanta-rose-600); }
.uw-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
.uw-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
.uw-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
.uw-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
.uw-border-rose-700 { border-color: var(--quanta-rose-700); }
.uw-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
.uw-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
.uw-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
.uw-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
.uw-border-rose-800 { border-color: var(--quanta-rose-800); }
.uw-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
.uw-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
.uw-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
.uw-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
.uw-border-rose-900 { border-color: var(--quanta-rose-900); }
.uw-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
.uw-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
.uw-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
.uw-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
.uw-border-slate-50 { border-color: var(--quanta-slate-50); }
.uw-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
.uw-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
.uw-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
.uw-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
.uw-border-slate-100 { border-color: var(--quanta-slate-100); }
.uw-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
.uw-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
.uw-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
.uw-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
.uw-border-slate-200 { border-color: var(--quanta-slate-200); }
.uw-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
.uw-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
.uw-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
.uw-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
.uw-border-slate-300 { border-color: var(--quanta-slate-300); }
.uw-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
.uw-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
.uw-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
.uw-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
.uw-border-slate-400 { border-color: var(--quanta-slate-400); }
.uw-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
.uw-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
.uw-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
.uw-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
.uw-border-slate-500 { border-color: var(--quanta-slate-500); }
.uw-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
.uw-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
.uw-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
.uw-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
.uw-border-slate-600 { border-color: var(--quanta-slate-600); }
.uw-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
.uw-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
.uw-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
.uw-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
.uw-border-slate-700 { border-color: var(--quanta-slate-700); }
.uw-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
.uw-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
.uw-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
.uw-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
.uw-border-slate-800 { border-color: var(--quanta-slate-800); }
.uw-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
.uw-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
.uw-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
.uw-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
.uw-border-slate-900 { border-color: var(--quanta-slate-900); }
.uw-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
.uw-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
.uw-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
.uw-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
.uw-border-blue-50 { border-color: var(--quanta-blue-50); }
.uw-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
.uw-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
.uw-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
.uw-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
.uw-border-blue-100 { border-color: var(--quanta-blue-100); }
.uw-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
.uw-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
.uw-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
.uw-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
.uw-border-blue-200 { border-color: var(--quanta-blue-200); }
.uw-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
.uw-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
.uw-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
.uw-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
.uw-border-blue-300 { border-color: var(--quanta-blue-300); }
.uw-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
.uw-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
.uw-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
.uw-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
.uw-border-blue-400 { border-color: var(--quanta-blue-400); }
.uw-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
.uw-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
.uw-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
.uw-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
.uw-border-blue-500 { border-color: var(--quanta-blue-500); }
.uw-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
.uw-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
.uw-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
.uw-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
.uw-border-blue-600 { border-color: var(--quanta-blue-600); }
.uw-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
.uw-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
.uw-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
.uw-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
.uw-border-blue-700 { border-color: var(--quanta-blue-700); }
.uw-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
.uw-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
.uw-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
.uw-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
.uw-border-blue-800 { border-color: var(--quanta-blue-800); }
.uw-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
.uw-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
.uw-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
.uw-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
.uw-border-blue-900 { border-color: var(--quanta-blue-900); }
.uw-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
.uw-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
.uw-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
.uw-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
.uw-border-green-50 { border-color: var(--quanta-green-50); }
.uw-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
.uw-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
.uw-active-border-green-50:active { border-color: var(--quanta-green-50); }
.uw-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
.uw-border-green-100 { border-color: var(--quanta-green-100); }
.uw-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
.uw-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
.uw-active-border-green-100:active { border-color: var(--quanta-green-100); }
.uw-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
.uw-border-green-200 { border-color: var(--quanta-green-200); }
.uw-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
.uw-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
.uw-active-border-green-200:active { border-color: var(--quanta-green-200); }
.uw-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
.uw-border-green-300 { border-color: var(--quanta-green-300); }
.uw-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
.uw-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
.uw-active-border-green-300:active { border-color: var(--quanta-green-300); }
.uw-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
.uw-border-green-400 { border-color: var(--quanta-green-400); }
.uw-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
.uw-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
.uw-active-border-green-400:active { border-color: var(--quanta-green-400); }
.uw-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
.uw-border-green-500 { border-color: var(--quanta-green-500); }
.uw-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
.uw-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
.uw-active-border-green-500:active { border-color: var(--quanta-green-500); }
.uw-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
.uw-border-green-600 { border-color: var(--quanta-green-600); }
.uw-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
.uw-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
.uw-active-border-green-600:active { border-color: var(--quanta-green-600); }
.uw-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
.uw-border-green-700 { border-color: var(--quanta-green-700); }
.uw-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
.uw-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
.uw-active-border-green-700:active { border-color: var(--quanta-green-700); }
.uw-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
.uw-border-green-800 { border-color: var(--quanta-green-800); }
.uw-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
.uw-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
.uw-active-border-green-800:active { border-color: var(--quanta-green-800); }
.uw-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
.uw-border-green-900 { border-color: var(--quanta-green-900); }
.uw-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
.uw-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
.uw-active-border-green-900:active { border-color: var(--quanta-green-900); }
.uw-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
.uw-border-black { border-color: var(--black); }
.uw-hover-border-black:hover { border-color: var(--black); }
.uw-focus-border-black:focus { border-color: var(--black); }
.uw-active-border-black:active { border-color: var(--black); }
.uw-disabled-border-black:disabled { border-color: var(--black); }
.uw-border-white { border-color: var(--white); }
.uw-hover-border-white:hover { border-color: var(--white); }
.uw-focus-border-white:focus { border-color: var(--white); }
.uw-active-border-white:active { border-color: var(--white); }
.uw-disabled-border-white:disabled { border-color: var(--white); }
.uw-border-0 { border-width: 0.0rem; }
.uw-hover-border-0:hover { border-width: 0.0rem; }
.uw-focus-border-0:focus { border-width: 0.0rem; }
.uw-active-border-0:active { border-width: 0.0rem; }
.uw-disabled-border-0:disabled { border-width: 0.0rem; }
.uw-border-0 { border-width: 0.0rem; }
.uw-hover-border-0:hover { border-width: 0.0rem; }
.uw-focus-border-0:focus { border-width: 0.0rem; }
.uw-active-border-0:active { border-width: 0.0rem; }
.uw-disabled-border-0:disabled { border-width: 0.0rem; }
.uw-border-t-0 { border-top-width: 0.0rem; }
.uw-hover-border-t-0:hover { border-top-width: 0.0rem; }
.uw-focus-border-t-0:focus { border-top-width: 0.0rem; }
.uw-active-border-t-0:active { border-top-width: 0.0rem; }
.uw-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
.uw-border-r-0 { border-right-width: 0.0rem; }
.uw-hover-border-r-0:hover { border-right-width: 0.0rem; }
.uw-focus-border-r-0:focus { border-right-width: 0.0rem; }
.uw-active-border-r-0:active { border-right-width: 0.0rem; }
.uw-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
.uw-border-b-0 { border-bottom-width: 0.0rem; }
.uw-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
.uw-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
.uw-active-border-b-0:active { border-bottom-width: 0.0rem; }
.uw-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
.uw-border-l-0 { border-left-width: 0.0rem; }
.uw-hover-border-l-0:hover { border-left-width: 0.0rem; }
.uw-focus-border-l-0:focus { border-left-width: 0.0rem; }
.uw-active-border-l-0:active { border-left-width: 0.0rem; }
.uw-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
.uw-border-1 { border-width: 0.0625rem; }
.uw-hover-border-1:hover { border-width: 0.0625rem; }
.uw-focus-border-1:focus { border-width: 0.0625rem; }
.uw-active-border-1:active { border-width: 0.0625rem; }
.uw-disabled-border-1:disabled { border-width: 0.0625rem; }
.uw-border-1 { border-width: 0.0625rem; }
.uw-hover-border-1:hover { border-width: 0.0625rem; }
.uw-focus-border-1:focus { border-width: 0.0625rem; }
.uw-active-border-1:active { border-width: 0.0625rem; }
.uw-disabled-border-1:disabled { border-width: 0.0625rem; }
.uw-border-t-1 { border-top-width: 0.0625rem; }
.uw-hover-border-t-1:hover { border-top-width: 0.0625rem; }
.uw-focus-border-t-1:focus { border-top-width: 0.0625rem; }
.uw-active-border-t-1:active { border-top-width: 0.0625rem; }
.uw-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
.uw-border-r-1 { border-right-width: 0.0625rem; }
.uw-hover-border-r-1:hover { border-right-width: 0.0625rem; }
.uw-focus-border-r-1:focus { border-right-width: 0.0625rem; }
.uw-active-border-r-1:active { border-right-width: 0.0625rem; }
.uw-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
.uw-border-b-1 { border-bottom-width: 0.0625rem; }
.uw-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
.uw-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
.uw-active-border-b-1:active { border-bottom-width: 0.0625rem; }
.uw-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
.uw-border-l-1 { border-left-width: 0.0625rem; }
.uw-hover-border-l-1:hover { border-left-width: 0.0625rem; }
.uw-focus-border-l-1:focus { border-left-width: 0.0625rem; }
.uw-active-border-l-1:active { border-left-width: 0.0625rem; }
.uw-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
.uw-border-2 { border-width: 0.125rem; }
.uw-hover-border-2:hover { border-width: 0.125rem; }
.uw-focus-border-2:focus { border-width: 0.125rem; }
.uw-active-border-2:active { border-width: 0.125rem; }
.uw-disabled-border-2:disabled { border-width: 0.125rem; }
.uw-border-2 { border-width: 0.125rem; }
.uw-hover-border-2:hover { border-width: 0.125rem; }
.uw-focus-border-2:focus { border-width: 0.125rem; }
.uw-active-border-2:active { border-width: 0.125rem; }
.uw-disabled-border-2:disabled { border-width: 0.125rem; }
.uw-border-t-2 { border-top-width: 0.125rem; }
.uw-hover-border-t-2:hover { border-top-width: 0.125rem; }
.uw-focus-border-t-2:focus { border-top-width: 0.125rem; }
.uw-active-border-t-2:active { border-top-width: 0.125rem; }
.uw-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
.uw-border-r-2 { border-right-width: 0.125rem; }
.uw-hover-border-r-2:hover { border-right-width: 0.125rem; }
.uw-focus-border-r-2:focus { border-right-width: 0.125rem; }
.uw-active-border-r-2:active { border-right-width: 0.125rem; }
.uw-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
.uw-border-b-2 { border-bottom-width: 0.125rem; }
.uw-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
.uw-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
.uw-active-border-b-2:active { border-bottom-width: 0.125rem; }
.uw-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
.uw-border-l-2 { border-left-width: 0.125rem; }
.uw-hover-border-l-2:hover { border-left-width: 0.125rem; }
.uw-focus-border-l-2:focus { border-left-width: 0.125rem; }
.uw-active-border-l-2:active { border-left-width: 0.125rem; }
.uw-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
.uw-border-3 { border-width: 0.1875rem; }
.uw-hover-border-3:hover { border-width: 0.1875rem; }
.uw-focus-border-3:focus { border-width: 0.1875rem; }
.uw-active-border-3:active { border-width: 0.1875rem; }
.uw-disabled-border-3:disabled { border-width: 0.1875rem; }
.uw-border-3 { border-width: 0.1875rem; }
.uw-hover-border-3:hover { border-width: 0.1875rem; }
.uw-focus-border-3:focus { border-width: 0.1875rem; }
.uw-active-border-3:active { border-width: 0.1875rem; }
.uw-disabled-border-3:disabled { border-width: 0.1875rem; }
.uw-border-t-3 { border-top-width: 0.1875rem; }
.uw-hover-border-t-3:hover { border-top-width: 0.1875rem; }
.uw-focus-border-t-3:focus { border-top-width: 0.1875rem; }
.uw-active-border-t-3:active { border-top-width: 0.1875rem; }
.uw-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
.uw-border-r-3 { border-right-width: 0.1875rem; }
.uw-hover-border-r-3:hover { border-right-width: 0.1875rem; }
.uw-focus-border-r-3:focus { border-right-width: 0.1875rem; }
.uw-active-border-r-3:active { border-right-width: 0.1875rem; }
.uw-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
.uw-border-b-3 { border-bottom-width: 0.1875rem; }
.uw-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
.uw-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
.uw-active-border-b-3:active { border-bottom-width: 0.1875rem; }
.uw-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
.uw-border-l-3 { border-left-width: 0.1875rem; }
.uw-hover-border-l-3:hover { border-left-width: 0.1875rem; }
.uw-focus-border-l-3:focus { border-left-width: 0.1875rem; }
.uw-active-border-l-3:active { border-left-width: 0.1875rem; }
.uw-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
.uw-border-4 { border-width: 0.25rem; }
.uw-hover-border-4:hover { border-width: 0.25rem; }
.uw-focus-border-4:focus { border-width: 0.25rem; }
.uw-active-border-4:active { border-width: 0.25rem; }
.uw-disabled-border-4:disabled { border-width: 0.25rem; }
.uw-border-4 { border-width: 0.25rem; }
.uw-hover-border-4:hover { border-width: 0.25rem; }
.uw-focus-border-4:focus { border-width: 0.25rem; }
.uw-active-border-4:active { border-width: 0.25rem; }
.uw-disabled-border-4:disabled { border-width: 0.25rem; }
.uw-border-t-4 { border-top-width: 0.25rem; }
.uw-hover-border-t-4:hover { border-top-width: 0.25rem; }
.uw-focus-border-t-4:focus { border-top-width: 0.25rem; }
.uw-active-border-t-4:active { border-top-width: 0.25rem; }
.uw-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
.uw-border-r-4 { border-right-width: 0.25rem; }
.uw-hover-border-r-4:hover { border-right-width: 0.25rem; }
.uw-focus-border-r-4:focus { border-right-width: 0.25rem; }
.uw-active-border-r-4:active { border-right-width: 0.25rem; }
.uw-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
.uw-border-b-4 { border-bottom-width: 0.25rem; }
.uw-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
.uw-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
.uw-active-border-b-4:active { border-bottom-width: 0.25rem; }
.uw-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
.uw-border-l-4 { border-left-width: 0.25rem; }
.uw-hover-border-l-4:hover { border-left-width: 0.25rem; }
.uw-focus-border-l-4:focus { border-left-width: 0.25rem; }
.uw-active-border-l-4:active { border-left-width: 0.25rem; }
.uw-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
.uw-border-5 { border-width: 0.3125rem; }
.uw-hover-border-5:hover { border-width: 0.3125rem; }
.uw-focus-border-5:focus { border-width: 0.3125rem; }
.uw-active-border-5:active { border-width: 0.3125rem; }
.uw-disabled-border-5:disabled { border-width: 0.3125rem; }
.uw-border-5 { border-width: 0.3125rem; }
.uw-hover-border-5:hover { border-width: 0.3125rem; }
.uw-focus-border-5:focus { border-width: 0.3125rem; }
.uw-active-border-5:active { border-width: 0.3125rem; }
.uw-disabled-border-5:disabled { border-width: 0.3125rem; }
.uw-border-t-5 { border-top-width: 0.3125rem; }
.uw-hover-border-t-5:hover { border-top-width: 0.3125rem; }
.uw-focus-border-t-5:focus { border-top-width: 0.3125rem; }
.uw-active-border-t-5:active { border-top-width: 0.3125rem; }
.uw-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
.uw-border-r-5 { border-right-width: 0.3125rem; }
.uw-hover-border-r-5:hover { border-right-width: 0.3125rem; }
.uw-focus-border-r-5:focus { border-right-width: 0.3125rem; }
.uw-active-border-r-5:active { border-right-width: 0.3125rem; }
.uw-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
.uw-border-b-5 { border-bottom-width: 0.3125rem; }
.uw-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
.uw-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
.uw-active-border-b-5:active { border-bottom-width: 0.3125rem; }
.uw-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
.uw-border-l-5 { border-left-width: 0.3125rem; }
.uw-hover-border-l-5:hover { border-left-width: 0.3125rem; }
.uw-focus-border-l-5:focus { border-left-width: 0.3125rem; }
.uw-active-border-l-5:active { border-left-width: 0.3125rem; }
.uw-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
.uw-border-6 { border-width: 0.375rem; }
.uw-hover-border-6:hover { border-width: 0.375rem; }
.uw-focus-border-6:focus { border-width: 0.375rem; }
.uw-active-border-6:active { border-width: 0.375rem; }
.uw-disabled-border-6:disabled { border-width: 0.375rem; }
.uw-border-6 { border-width: 0.375rem; }
.uw-hover-border-6:hover { border-width: 0.375rem; }
.uw-focus-border-6:focus { border-width: 0.375rem; }
.uw-active-border-6:active { border-width: 0.375rem; }
.uw-disabled-border-6:disabled { border-width: 0.375rem; }
.uw-border-t-6 { border-top-width: 0.375rem; }
.uw-hover-border-t-6:hover { border-top-width: 0.375rem; }
.uw-focus-border-t-6:focus { border-top-width: 0.375rem; }
.uw-active-border-t-6:active { border-top-width: 0.375rem; }
.uw-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
.uw-border-r-6 { border-right-width: 0.375rem; }
.uw-hover-border-r-6:hover { border-right-width: 0.375rem; }
.uw-focus-border-r-6:focus { border-right-width: 0.375rem; }
.uw-active-border-r-6:active { border-right-width: 0.375rem; }
.uw-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
.uw-border-b-6 { border-bottom-width: 0.375rem; }
.uw-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
.uw-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
.uw-active-border-b-6:active { border-bottom-width: 0.375rem; }
.uw-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
.uw-border-l-6 { border-left-width: 0.375rem; }
.uw-hover-border-l-6:hover { border-left-width: 0.375rem; }
.uw-focus-border-l-6:focus { border-left-width: 0.375rem; }
.uw-active-border-l-6:active { border-left-width: 0.375rem; }
.uw-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
.uw-border-7 { border-width: 0.4375rem; }
.uw-hover-border-7:hover { border-width: 0.4375rem; }
.uw-focus-border-7:focus { border-width: 0.4375rem; }
.uw-active-border-7:active { border-width: 0.4375rem; }
.uw-disabled-border-7:disabled { border-width: 0.4375rem; }
.uw-border-7 { border-width: 0.4375rem; }
.uw-hover-border-7:hover { border-width: 0.4375rem; }
.uw-focus-border-7:focus { border-width: 0.4375rem; }
.uw-active-border-7:active { border-width: 0.4375rem; }
.uw-disabled-border-7:disabled { border-width: 0.4375rem; }
.uw-border-t-7 { border-top-width: 0.4375rem; }
.uw-hover-border-t-7:hover { border-top-width: 0.4375rem; }
.uw-focus-border-t-7:focus { border-top-width: 0.4375rem; }
.uw-active-border-t-7:active { border-top-width: 0.4375rem; }
.uw-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
.uw-border-r-7 { border-right-width: 0.4375rem; }
.uw-hover-border-r-7:hover { border-right-width: 0.4375rem; }
.uw-focus-border-r-7:focus { border-right-width: 0.4375rem; }
.uw-active-border-r-7:active { border-right-width: 0.4375rem; }
.uw-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
.uw-border-b-7 { border-bottom-width: 0.4375rem; }
.uw-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
.uw-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
.uw-active-border-b-7:active { border-bottom-width: 0.4375rem; }
.uw-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
.uw-border-l-7 { border-left-width: 0.4375rem; }
.uw-hover-border-l-7:hover { border-left-width: 0.4375rem; }
.uw-focus-border-l-7:focus { border-left-width: 0.4375rem; }
.uw-active-border-l-7:active { border-left-width: 0.4375rem; }
.uw-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
.uw-border-8 { border-width: 0.5rem; }
.uw-hover-border-8:hover { border-width: 0.5rem; }
.uw-focus-border-8:focus { border-width: 0.5rem; }
.uw-active-border-8:active { border-width: 0.5rem; }
.uw-disabled-border-8:disabled { border-width: 0.5rem; }
.uw-border-8 { border-width: 0.5rem; }
.uw-hover-border-8:hover { border-width: 0.5rem; }
.uw-focus-border-8:focus { border-width: 0.5rem; }
.uw-active-border-8:active { border-width: 0.5rem; }
.uw-disabled-border-8:disabled { border-width: 0.5rem; }
.uw-border-t-8 { border-top-width: 0.5rem; }
.uw-hover-border-t-8:hover { border-top-width: 0.5rem; }
.uw-focus-border-t-8:focus { border-top-width: 0.5rem; }
.uw-active-border-t-8:active { border-top-width: 0.5rem; }
.uw-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
.uw-border-r-8 { border-right-width: 0.5rem; }
.uw-hover-border-r-8:hover { border-right-width: 0.5rem; }
.uw-focus-border-r-8:focus { border-right-width: 0.5rem; }
.uw-active-border-r-8:active { border-right-width: 0.5rem; }
.uw-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
.uw-border-b-8 { border-bottom-width: 0.5rem; }
.uw-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
.uw-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
.uw-active-border-b-8:active { border-bottom-width: 0.5rem; }
.uw-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
.uw-border-l-8 { border-left-width: 0.5rem; }
.uw-hover-border-l-8:hover { border-left-width: 0.5rem; }
.uw-focus-border-l-8:focus { border-left-width: 0.5rem; }
.uw-active-border-l-8:active { border-left-width: 0.5rem; }
.uw-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
.uw-border-9 { border-width: 0.5625rem; }
.uw-hover-border-9:hover { border-width: 0.5625rem; }
.uw-focus-border-9:focus { border-width: 0.5625rem; }
.uw-active-border-9:active { border-width: 0.5625rem; }
.uw-disabled-border-9:disabled { border-width: 0.5625rem; }
.uw-border-9 { border-width: 0.5625rem; }
.uw-hover-border-9:hover { border-width: 0.5625rem; }
.uw-focus-border-9:focus { border-width: 0.5625rem; }
.uw-active-border-9:active { border-width: 0.5625rem; }
.uw-disabled-border-9:disabled { border-width: 0.5625rem; }
.uw-border-t-9 { border-top-width: 0.5625rem; }
.uw-hover-border-t-9:hover { border-top-width: 0.5625rem; }
.uw-focus-border-t-9:focus { border-top-width: 0.5625rem; }
.uw-active-border-t-9:active { border-top-width: 0.5625rem; }
.uw-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
.uw-border-r-9 { border-right-width: 0.5625rem; }
.uw-hover-border-r-9:hover { border-right-width: 0.5625rem; }
.uw-focus-border-r-9:focus { border-right-width: 0.5625rem; }
.uw-active-border-r-9:active { border-right-width: 0.5625rem; }
.uw-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
.uw-border-b-9 { border-bottom-width: 0.5625rem; }
.uw-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
.uw-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
.uw-active-border-b-9:active { border-bottom-width: 0.5625rem; }
.uw-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
.uw-border-l-9 { border-left-width: 0.5625rem; }
.uw-hover-border-l-9:hover { border-left-width: 0.5625rem; }
.uw-focus-border-l-9:focus { border-left-width: 0.5625rem; }
.uw-active-border-l-9:active { border-left-width: 0.5625rem; }
.uw-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
.uw-border-10 { border-width: 0.625rem; }
.uw-hover-border-10:hover { border-width: 0.625rem; }
.uw-focus-border-10:focus { border-width: 0.625rem; }
.uw-active-border-10:active { border-width: 0.625rem; }
.uw-disabled-border-10:disabled { border-width: 0.625rem; }
.uw-border-10 { border-width: 0.625rem; }
.uw-hover-border-10:hover { border-width: 0.625rem; }
.uw-focus-border-10:focus { border-width: 0.625rem; }
.uw-active-border-10:active { border-width: 0.625rem; }
.uw-disabled-border-10:disabled { border-width: 0.625rem; }
.uw-border-t-10 { border-top-width: 0.625rem; }
.uw-hover-border-t-10:hover { border-top-width: 0.625rem; }
.uw-focus-border-t-10:focus { border-top-width: 0.625rem; }
.uw-active-border-t-10:active { border-top-width: 0.625rem; }
.uw-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
.uw-border-r-10 { border-right-width: 0.625rem; }
.uw-hover-border-r-10:hover { border-right-width: 0.625rem; }
.uw-focus-border-r-10:focus { border-right-width: 0.625rem; }
.uw-active-border-r-10:active { border-right-width: 0.625rem; }
.uw-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
.uw-border-b-10 { border-bottom-width: 0.625rem; }
.uw-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
.uw-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
.uw-active-border-b-10:active { border-bottom-width: 0.625rem; }
.uw-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
.uw-border-l-10 { border-left-width: 0.625rem; }
.uw-hover-border-l-10:hover { border-left-width: 0.625rem; }
.uw-focus-border-l-10:focus { border-left-width: 0.625rem; }
.uw-active-border-l-10:active { border-left-width: 0.625rem; }
.uw-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
.uw-border-11 { border-width: 0.6875rem; }
.uw-hover-border-11:hover { border-width: 0.6875rem; }
.uw-focus-border-11:focus { border-width: 0.6875rem; }
.uw-active-border-11:active { border-width: 0.6875rem; }
.uw-disabled-border-11:disabled { border-width: 0.6875rem; }
.uw-border-11 { border-width: 0.6875rem; }
.uw-hover-border-11:hover { border-width: 0.6875rem; }
.uw-focus-border-11:focus { border-width: 0.6875rem; }
.uw-active-border-11:active { border-width: 0.6875rem; }
.uw-disabled-border-11:disabled { border-width: 0.6875rem; }
.uw-border-t-11 { border-top-width: 0.6875rem; }
.uw-hover-border-t-11:hover { border-top-width: 0.6875rem; }
.uw-focus-border-t-11:focus { border-top-width: 0.6875rem; }
.uw-active-border-t-11:active { border-top-width: 0.6875rem; }
.uw-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
.uw-border-r-11 { border-right-width: 0.6875rem; }
.uw-hover-border-r-11:hover { border-right-width: 0.6875rem; }
.uw-focus-border-r-11:focus { border-right-width: 0.6875rem; }
.uw-active-border-r-11:active { border-right-width: 0.6875rem; }
.uw-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
.uw-border-b-11 { border-bottom-width: 0.6875rem; }
.uw-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
.uw-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
.uw-active-border-b-11:active { border-bottom-width: 0.6875rem; }
.uw-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
.uw-border-l-11 { border-left-width: 0.6875rem; }
.uw-hover-border-l-11:hover { border-left-width: 0.6875rem; }
.uw-focus-border-l-11:focus { border-left-width: 0.6875rem; }
.uw-active-border-l-11:active { border-left-width: 0.6875rem; }
.uw-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
.uw-border-12 { border-width: 0.75rem; }
.uw-hover-border-12:hover { border-width: 0.75rem; }
.uw-focus-border-12:focus { border-width: 0.75rem; }
.uw-active-border-12:active { border-width: 0.75rem; }
.uw-disabled-border-12:disabled { border-width: 0.75rem; }
.uw-border-12 { border-width: 0.75rem; }
.uw-hover-border-12:hover { border-width: 0.75rem; }
.uw-focus-border-12:focus { border-width: 0.75rem; }
.uw-active-border-12:active { border-width: 0.75rem; }
.uw-disabled-border-12:disabled { border-width: 0.75rem; }
.uw-border-t-12 { border-top-width: 0.75rem; }
.uw-hover-border-t-12:hover { border-top-width: 0.75rem; }
.uw-focus-border-t-12:focus { border-top-width: 0.75rem; }
.uw-active-border-t-12:active { border-top-width: 0.75rem; }
.uw-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
.uw-border-r-12 { border-right-width: 0.75rem; }
.uw-hover-border-r-12:hover { border-right-width: 0.75rem; }
.uw-focus-border-r-12:focus { border-right-width: 0.75rem; }
.uw-active-border-r-12:active { border-right-width: 0.75rem; }
.uw-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
.uw-border-b-12 { border-bottom-width: 0.75rem; }
.uw-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
.uw-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
.uw-active-border-b-12:active { border-bottom-width: 0.75rem; }
.uw-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
.uw-border-l-12 { border-left-width: 0.75rem; }
.uw-hover-border-l-12:hover { border-left-width: 0.75rem; }
.uw-focus-border-l-12:focus { border-left-width: 0.75rem; }
.uw-active-border-l-12:active { border-left-width: 0.75rem; }
.uw-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
.uw-border-13 { border-width: 0.8125rem; }
.uw-hover-border-13:hover { border-width: 0.8125rem; }
.uw-focus-border-13:focus { border-width: 0.8125rem; }
.uw-active-border-13:active { border-width: 0.8125rem; }
.uw-disabled-border-13:disabled { border-width: 0.8125rem; }
.uw-border-13 { border-width: 0.8125rem; }
.uw-hover-border-13:hover { border-width: 0.8125rem; }
.uw-focus-border-13:focus { border-width: 0.8125rem; }
.uw-active-border-13:active { border-width: 0.8125rem; }
.uw-disabled-border-13:disabled { border-width: 0.8125rem; }
.uw-border-t-13 { border-top-width: 0.8125rem; }
.uw-hover-border-t-13:hover { border-top-width: 0.8125rem; }
.uw-focus-border-t-13:focus { border-top-width: 0.8125rem; }
.uw-active-border-t-13:active { border-top-width: 0.8125rem; }
.uw-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
.uw-border-r-13 { border-right-width: 0.8125rem; }
.uw-hover-border-r-13:hover { border-right-width: 0.8125rem; }
.uw-focus-border-r-13:focus { border-right-width: 0.8125rem; }
.uw-active-border-r-13:active { border-right-width: 0.8125rem; }
.uw-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
.uw-border-b-13 { border-bottom-width: 0.8125rem; }
.uw-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
.uw-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
.uw-active-border-b-13:active { border-bottom-width: 0.8125rem; }
.uw-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
.uw-border-l-13 { border-left-width: 0.8125rem; }
.uw-hover-border-l-13:hover { border-left-width: 0.8125rem; }
.uw-focus-border-l-13:focus { border-left-width: 0.8125rem; }
.uw-active-border-l-13:active { border-left-width: 0.8125rem; }
.uw-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
.uw-border-14 { border-width: 0.875rem; }
.uw-hover-border-14:hover { border-width: 0.875rem; }
.uw-focus-border-14:focus { border-width: 0.875rem; }
.uw-active-border-14:active { border-width: 0.875rem; }
.uw-disabled-border-14:disabled { border-width: 0.875rem; }
.uw-border-14 { border-width: 0.875rem; }
.uw-hover-border-14:hover { border-width: 0.875rem; }
.uw-focus-border-14:focus { border-width: 0.875rem; }
.uw-active-border-14:active { border-width: 0.875rem; }
.uw-disabled-border-14:disabled { border-width: 0.875rem; }
.uw-border-t-14 { border-top-width: 0.875rem; }
.uw-hover-border-t-14:hover { border-top-width: 0.875rem; }
.uw-focus-border-t-14:focus { border-top-width: 0.875rem; }
.uw-active-border-t-14:active { border-top-width: 0.875rem; }
.uw-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
.uw-border-r-14 { border-right-width: 0.875rem; }
.uw-hover-border-r-14:hover { border-right-width: 0.875rem; }
.uw-focus-border-r-14:focus { border-right-width: 0.875rem; }
.uw-active-border-r-14:active { border-right-width: 0.875rem; }
.uw-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
.uw-border-b-14 { border-bottom-width: 0.875rem; }
.uw-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
.uw-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
.uw-active-border-b-14:active { border-bottom-width: 0.875rem; }
.uw-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
.uw-border-l-14 { border-left-width: 0.875rem; }
.uw-hover-border-l-14:hover { border-left-width: 0.875rem; }
.uw-focus-border-l-14:focus { border-left-width: 0.875rem; }
.uw-active-border-l-14:active { border-left-width: 0.875rem; }
.uw-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
.uw-border-15 { border-width: 0.9375rem; }
.uw-hover-border-15:hover { border-width: 0.9375rem; }
.uw-focus-border-15:focus { border-width: 0.9375rem; }
.uw-active-border-15:active { border-width: 0.9375rem; }
.uw-disabled-border-15:disabled { border-width: 0.9375rem; }
.uw-border-15 { border-width: 0.9375rem; }
.uw-hover-border-15:hover { border-width: 0.9375rem; }
.uw-focus-border-15:focus { border-width: 0.9375rem; }
.uw-active-border-15:active { border-width: 0.9375rem; }
.uw-disabled-border-15:disabled { border-width: 0.9375rem; }
.uw-border-t-15 { border-top-width: 0.9375rem; }
.uw-hover-border-t-15:hover { border-top-width: 0.9375rem; }
.uw-focus-border-t-15:focus { border-top-width: 0.9375rem; }
.uw-active-border-t-15:active { border-top-width: 0.9375rem; }
.uw-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
.uw-border-r-15 { border-right-width: 0.9375rem; }
.uw-hover-border-r-15:hover { border-right-width: 0.9375rem; }
.uw-focus-border-r-15:focus { border-right-width: 0.9375rem; }
.uw-active-border-r-15:active { border-right-width: 0.9375rem; }
.uw-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
.uw-border-b-15 { border-bottom-width: 0.9375rem; }
.uw-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
.uw-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
.uw-active-border-b-15:active { border-bottom-width: 0.9375rem; }
.uw-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
.uw-border-l-15 { border-left-width: 0.9375rem; }
.uw-hover-border-l-15:hover { border-left-width: 0.9375rem; }
.uw-focus-border-l-15:focus { border-left-width: 0.9375rem; }
.uw-active-border-l-15:active { border-left-width: 0.9375rem; }
.uw-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
.uw-border-16 { border-width: 1.0rem; }
.uw-hover-border-16:hover { border-width: 1.0rem; }
.uw-focus-border-16:focus { border-width: 1.0rem; }
.uw-active-border-16:active { border-width: 1.0rem; }
.uw-disabled-border-16:disabled { border-width: 1.0rem; }
.uw-border-16 { border-width: 1.0rem; }
.uw-hover-border-16:hover { border-width: 1.0rem; }
.uw-focus-border-16:focus { border-width: 1.0rem; }
.uw-active-border-16:active { border-width: 1.0rem; }
.uw-disabled-border-16:disabled { border-width: 1.0rem; }
.uw-border-t-16 { border-top-width: 1.0rem; }
.uw-hover-border-t-16:hover { border-top-width: 1.0rem; }
.uw-focus-border-t-16:focus { border-top-width: 1.0rem; }
.uw-active-border-t-16:active { border-top-width: 1.0rem; }
.uw-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
.uw-border-r-16 { border-right-width: 1.0rem; }
.uw-hover-border-r-16:hover { border-right-width: 1.0rem; }
.uw-focus-border-r-16:focus { border-right-width: 1.0rem; }
.uw-active-border-r-16:active { border-right-width: 1.0rem; }
.uw-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
.uw-border-b-16 { border-bottom-width: 1.0rem; }
.uw-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
.uw-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
.uw-active-border-b-16:active { border-bottom-width: 1.0rem; }
.uw-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
.uw-border-l-16 { border-left-width: 1.0rem; }
.uw-hover-border-l-16:hover { border-left-width: 1.0rem; }
.uw-focus-border-l-16:focus { border-left-width: 1.0rem; }
.uw-active-border-l-16:active { border-left-width: 1.0rem; }
.uw-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
.uw-border-17 { border-width: 1.0625rem; }
.uw-hover-border-17:hover { border-width: 1.0625rem; }
.uw-focus-border-17:focus { border-width: 1.0625rem; }
.uw-active-border-17:active { border-width: 1.0625rem; }
.uw-disabled-border-17:disabled { border-width: 1.0625rem; }
.uw-border-17 { border-width: 1.0625rem; }
.uw-hover-border-17:hover { border-width: 1.0625rem; }
.uw-focus-border-17:focus { border-width: 1.0625rem; }
.uw-active-border-17:active { border-width: 1.0625rem; }
.uw-disabled-border-17:disabled { border-width: 1.0625rem; }
.uw-border-t-17 { border-top-width: 1.0625rem; }
.uw-hover-border-t-17:hover { border-top-width: 1.0625rem; }
.uw-focus-border-t-17:focus { border-top-width: 1.0625rem; }
.uw-active-border-t-17:active { border-top-width: 1.0625rem; }
.uw-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
.uw-border-r-17 { border-right-width: 1.0625rem; }
.uw-hover-border-r-17:hover { border-right-width: 1.0625rem; }
.uw-focus-border-r-17:focus { border-right-width: 1.0625rem; }
.uw-active-border-r-17:active { border-right-width: 1.0625rem; }
.uw-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
.uw-border-b-17 { border-bottom-width: 1.0625rem; }
.uw-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
.uw-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
.uw-active-border-b-17:active { border-bottom-width: 1.0625rem; }
.uw-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
.uw-border-l-17 { border-left-width: 1.0625rem; }
.uw-hover-border-l-17:hover { border-left-width: 1.0625rem; }
.uw-focus-border-l-17:focus { border-left-width: 1.0625rem; }
.uw-active-border-l-17:active { border-left-width: 1.0625rem; }
.uw-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
.uw-border-18 { border-width: 1.125rem; }
.uw-hover-border-18:hover { border-width: 1.125rem; }
.uw-focus-border-18:focus { border-width: 1.125rem; }
.uw-active-border-18:active { border-width: 1.125rem; }
.uw-disabled-border-18:disabled { border-width: 1.125rem; }
.uw-border-18 { border-width: 1.125rem; }
.uw-hover-border-18:hover { border-width: 1.125rem; }
.uw-focus-border-18:focus { border-width: 1.125rem; }
.uw-active-border-18:active { border-width: 1.125rem; }
.uw-disabled-border-18:disabled { border-width: 1.125rem; }
.uw-border-t-18 { border-top-width: 1.125rem; }
.uw-hover-border-t-18:hover { border-top-width: 1.125rem; }
.uw-focus-border-t-18:focus { border-top-width: 1.125rem; }
.uw-active-border-t-18:active { border-top-width: 1.125rem; }
.uw-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
.uw-border-r-18 { border-right-width: 1.125rem; }
.uw-hover-border-r-18:hover { border-right-width: 1.125rem; }
.uw-focus-border-r-18:focus { border-right-width: 1.125rem; }
.uw-active-border-r-18:active { border-right-width: 1.125rem; }
.uw-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
.uw-border-b-18 { border-bottom-width: 1.125rem; }
.uw-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
.uw-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
.uw-active-border-b-18:active { border-bottom-width: 1.125rem; }
.uw-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
.uw-border-l-18 { border-left-width: 1.125rem; }
.uw-hover-border-l-18:hover { border-left-width: 1.125rem; }
.uw-focus-border-l-18:focus { border-left-width: 1.125rem; }
.uw-active-border-l-18:active { border-left-width: 1.125rem; }
.uw-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
.uw-border-19 { border-width: 1.1875rem; }
.uw-hover-border-19:hover { border-width: 1.1875rem; }
.uw-focus-border-19:focus { border-width: 1.1875rem; }
.uw-active-border-19:active { border-width: 1.1875rem; }
.uw-disabled-border-19:disabled { border-width: 1.1875rem; }
.uw-border-19 { border-width: 1.1875rem; }
.uw-hover-border-19:hover { border-width: 1.1875rem; }
.uw-focus-border-19:focus { border-width: 1.1875rem; }
.uw-active-border-19:active { border-width: 1.1875rem; }
.uw-disabled-border-19:disabled { border-width: 1.1875rem; }
.uw-border-t-19 { border-top-width: 1.1875rem; }
.uw-hover-border-t-19:hover { border-top-width: 1.1875rem; }
.uw-focus-border-t-19:focus { border-top-width: 1.1875rem; }
.uw-active-border-t-19:active { border-top-width: 1.1875rem; }
.uw-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
.uw-border-r-19 { border-right-width: 1.1875rem; }
.uw-hover-border-r-19:hover { border-right-width: 1.1875rem; }
.uw-focus-border-r-19:focus { border-right-width: 1.1875rem; }
.uw-active-border-r-19:active { border-right-width: 1.1875rem; }
.uw-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
.uw-border-b-19 { border-bottom-width: 1.1875rem; }
.uw-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
.uw-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
.uw-active-border-b-19:active { border-bottom-width: 1.1875rem; }
.uw-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
.uw-border-l-19 { border-left-width: 1.1875rem; }
.uw-hover-border-l-19:hover { border-left-width: 1.1875rem; }
.uw-focus-border-l-19:focus { border-left-width: 1.1875rem; }
.uw-active-border-l-19:active { border-left-width: 1.1875rem; }
.uw-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
.uw-border-20 { border-width: 1.25rem; }
.uw-hover-border-20:hover { border-width: 1.25rem; }
.uw-focus-border-20:focus { border-width: 1.25rem; }
.uw-active-border-20:active { border-width: 1.25rem; }
.uw-disabled-border-20:disabled { border-width: 1.25rem; }
.uw-border-20 { border-width: 1.25rem; }
.uw-hover-border-20:hover { border-width: 1.25rem; }
.uw-focus-border-20:focus { border-width: 1.25rem; }
.uw-active-border-20:active { border-width: 1.25rem; }
.uw-disabled-border-20:disabled { border-width: 1.25rem; }
.uw-border-t-20 { border-top-width: 1.25rem; }
.uw-hover-border-t-20:hover { border-top-width: 1.25rem; }
.uw-focus-border-t-20:focus { border-top-width: 1.25rem; }
.uw-active-border-t-20:active { border-top-width: 1.25rem; }
.uw-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
.uw-border-r-20 { border-right-width: 1.25rem; }
.uw-hover-border-r-20:hover { border-right-width: 1.25rem; }
.uw-focus-border-r-20:focus { border-right-width: 1.25rem; }
.uw-active-border-r-20:active { border-right-width: 1.25rem; }
.uw-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
.uw-border-b-20 { border-bottom-width: 1.25rem; }
.uw-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
.uw-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
.uw-active-border-b-20:active { border-bottom-width: 1.25rem; }
.uw-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
.uw-border-l-20 { border-left-width: 1.25rem; }
.uw-hover-border-l-20:hover { border-left-width: 1.25rem; }
.uw-focus-border-l-20:focus { border-left-width: 1.25rem; }
.uw-active-border-l-20:active { border-left-width: 1.25rem; }
.uw-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
.uw-border-21 { border-width: 1.3125rem; }
.uw-hover-border-21:hover { border-width: 1.3125rem; }
.uw-focus-border-21:focus { border-width: 1.3125rem; }
.uw-active-border-21:active { border-width: 1.3125rem; }
.uw-disabled-border-21:disabled { border-width: 1.3125rem; }
.uw-border-21 { border-width: 1.3125rem; }
.uw-hover-border-21:hover { border-width: 1.3125rem; }
.uw-focus-border-21:focus { border-width: 1.3125rem; }
.uw-active-border-21:active { border-width: 1.3125rem; }
.uw-disabled-border-21:disabled { border-width: 1.3125rem; }
.uw-border-t-21 { border-top-width: 1.3125rem; }
.uw-hover-border-t-21:hover { border-top-width: 1.3125rem; }
.uw-focus-border-t-21:focus { border-top-width: 1.3125rem; }
.uw-active-border-t-21:active { border-top-width: 1.3125rem; }
.uw-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
.uw-border-r-21 { border-right-width: 1.3125rem; }
.uw-hover-border-r-21:hover { border-right-width: 1.3125rem; }
.uw-focus-border-r-21:focus { border-right-width: 1.3125rem; }
.uw-active-border-r-21:active { border-right-width: 1.3125rem; }
.uw-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
.uw-border-b-21 { border-bottom-width: 1.3125rem; }
.uw-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
.uw-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
.uw-active-border-b-21:active { border-bottom-width: 1.3125rem; }
.uw-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
.uw-border-l-21 { border-left-width: 1.3125rem; }
.uw-hover-border-l-21:hover { border-left-width: 1.3125rem; }
.uw-focus-border-l-21:focus { border-left-width: 1.3125rem; }
.uw-active-border-l-21:active { border-left-width: 1.3125rem; }
.uw-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
.uw-border-22 { border-width: 1.375rem; }
.uw-hover-border-22:hover { border-width: 1.375rem; }
.uw-focus-border-22:focus { border-width: 1.375rem; }
.uw-active-border-22:active { border-width: 1.375rem; }
.uw-disabled-border-22:disabled { border-width: 1.375rem; }
.uw-border-22 { border-width: 1.375rem; }
.uw-hover-border-22:hover { border-width: 1.375rem; }
.uw-focus-border-22:focus { border-width: 1.375rem; }
.uw-active-border-22:active { border-width: 1.375rem; }
.uw-disabled-border-22:disabled { border-width: 1.375rem; }
.uw-border-t-22 { border-top-width: 1.375rem; }
.uw-hover-border-t-22:hover { border-top-width: 1.375rem; }
.uw-focus-border-t-22:focus { border-top-width: 1.375rem; }
.uw-active-border-t-22:active { border-top-width: 1.375rem; }
.uw-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
.uw-border-r-22 { border-right-width: 1.375rem; }
.uw-hover-border-r-22:hover { border-right-width: 1.375rem; }
.uw-focus-border-r-22:focus { border-right-width: 1.375rem; }
.uw-active-border-r-22:active { border-right-width: 1.375rem; }
.uw-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
.uw-border-b-22 { border-bottom-width: 1.375rem; }
.uw-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
.uw-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
.uw-active-border-b-22:active { border-bottom-width: 1.375rem; }
.uw-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
.uw-border-l-22 { border-left-width: 1.375rem; }
.uw-hover-border-l-22:hover { border-left-width: 1.375rem; }
.uw-focus-border-l-22:focus { border-left-width: 1.375rem; }
.uw-active-border-l-22:active { border-left-width: 1.375rem; }
.uw-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
.uw-border-23 { border-width: 1.4375rem; }
.uw-hover-border-23:hover { border-width: 1.4375rem; }
.uw-focus-border-23:focus { border-width: 1.4375rem; }
.uw-active-border-23:active { border-width: 1.4375rem; }
.uw-disabled-border-23:disabled { border-width: 1.4375rem; }
.uw-border-23 { border-width: 1.4375rem; }
.uw-hover-border-23:hover { border-width: 1.4375rem; }
.uw-focus-border-23:focus { border-width: 1.4375rem; }
.uw-active-border-23:active { border-width: 1.4375rem; }
.uw-disabled-border-23:disabled { border-width: 1.4375rem; }
.uw-border-t-23 { border-top-width: 1.4375rem; }
.uw-hover-border-t-23:hover { border-top-width: 1.4375rem; }
.uw-focus-border-t-23:focus { border-top-width: 1.4375rem; }
.uw-active-border-t-23:active { border-top-width: 1.4375rem; }
.uw-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
.uw-border-r-23 { border-right-width: 1.4375rem; }
.uw-hover-border-r-23:hover { border-right-width: 1.4375rem; }
.uw-focus-border-r-23:focus { border-right-width: 1.4375rem; }
.uw-active-border-r-23:active { border-right-width: 1.4375rem; }
.uw-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
.uw-border-b-23 { border-bottom-width: 1.4375rem; }
.uw-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
.uw-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
.uw-active-border-b-23:active { border-bottom-width: 1.4375rem; }
.uw-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
.uw-border-l-23 { border-left-width: 1.4375rem; }
.uw-hover-border-l-23:hover { border-left-width: 1.4375rem; }
.uw-focus-border-l-23:focus { border-left-width: 1.4375rem; }
.uw-active-border-l-23:active { border-left-width: 1.4375rem; }
.uw-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
.uw-border-24 { border-width: 1.5rem; }
.uw-hover-border-24:hover { border-width: 1.5rem; }
.uw-focus-border-24:focus { border-width: 1.5rem; }
.uw-active-border-24:active { border-width: 1.5rem; }
.uw-disabled-border-24:disabled { border-width: 1.5rem; }
.uw-border-24 { border-width: 1.5rem; }
.uw-hover-border-24:hover { border-width: 1.5rem; }
.uw-focus-border-24:focus { border-width: 1.5rem; }
.uw-active-border-24:active { border-width: 1.5rem; }
.uw-disabled-border-24:disabled { border-width: 1.5rem; }
.uw-border-t-24 { border-top-width: 1.5rem; }
.uw-hover-border-t-24:hover { border-top-width: 1.5rem; }
.uw-focus-border-t-24:focus { border-top-width: 1.5rem; }
.uw-active-border-t-24:active { border-top-width: 1.5rem; }
.uw-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
.uw-border-r-24 { border-right-width: 1.5rem; }
.uw-hover-border-r-24:hover { border-right-width: 1.5rem; }
.uw-focus-border-r-24:focus { border-right-width: 1.5rem; }
.uw-active-border-r-24:active { border-right-width: 1.5rem; }
.uw-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
.uw-border-b-24 { border-bottom-width: 1.5rem; }
.uw-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
.uw-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
.uw-active-border-b-24:active { border-bottom-width: 1.5rem; }
.uw-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
.uw-border-l-24 { border-left-width: 1.5rem; }
.uw-hover-border-l-24:hover { border-left-width: 1.5rem; }
.uw-focus-border-l-24:focus { border-left-width: 1.5rem; }
.uw-active-border-l-24:active { border-left-width: 1.5rem; }
.uw-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
.uw-border-25 { border-width: 1.5625rem; }
.uw-hover-border-25:hover { border-width: 1.5625rem; }
.uw-focus-border-25:focus { border-width: 1.5625rem; }
.uw-active-border-25:active { border-width: 1.5625rem; }
.uw-disabled-border-25:disabled { border-width: 1.5625rem; }
.uw-border-25 { border-width: 1.5625rem; }
.uw-hover-border-25:hover { border-width: 1.5625rem; }
.uw-focus-border-25:focus { border-width: 1.5625rem; }
.uw-active-border-25:active { border-width: 1.5625rem; }
.uw-disabled-border-25:disabled { border-width: 1.5625rem; }
.uw-border-t-25 { border-top-width: 1.5625rem; }
.uw-hover-border-t-25:hover { border-top-width: 1.5625rem; }
.uw-focus-border-t-25:focus { border-top-width: 1.5625rem; }
.uw-active-border-t-25:active { border-top-width: 1.5625rem; }
.uw-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
.uw-border-r-25 { border-right-width: 1.5625rem; }
.uw-hover-border-r-25:hover { border-right-width: 1.5625rem; }
.uw-focus-border-r-25:focus { border-right-width: 1.5625rem; }
.uw-active-border-r-25:active { border-right-width: 1.5625rem; }
.uw-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
.uw-border-b-25 { border-bottom-width: 1.5625rem; }
.uw-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
.uw-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
.uw-active-border-b-25:active { border-bottom-width: 1.5625rem; }
.uw-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
.uw-border-l-25 { border-left-width: 1.5625rem; }
.uw-hover-border-l-25:hover { border-left-width: 1.5625rem; }
.uw-focus-border-l-25:focus { border-left-width: 1.5625rem; }
.uw-active-border-l-25:active { border-left-width: 1.5625rem; }
.uw-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
.uw-border-26 { border-width: 1.625rem; }
.uw-hover-border-26:hover { border-width: 1.625rem; }
.uw-focus-border-26:focus { border-width: 1.625rem; }
.uw-active-border-26:active { border-width: 1.625rem; }
.uw-disabled-border-26:disabled { border-width: 1.625rem; }
.uw-border-26 { border-width: 1.625rem; }
.uw-hover-border-26:hover { border-width: 1.625rem; }
.uw-focus-border-26:focus { border-width: 1.625rem; }
.uw-active-border-26:active { border-width: 1.625rem; }
.uw-disabled-border-26:disabled { border-width: 1.625rem; }
.uw-border-t-26 { border-top-width: 1.625rem; }
.uw-hover-border-t-26:hover { border-top-width: 1.625rem; }
.uw-focus-border-t-26:focus { border-top-width: 1.625rem; }
.uw-active-border-t-26:active { border-top-width: 1.625rem; }
.uw-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
.uw-border-r-26 { border-right-width: 1.625rem; }
.uw-hover-border-r-26:hover { border-right-width: 1.625rem; }
.uw-focus-border-r-26:focus { border-right-width: 1.625rem; }
.uw-active-border-r-26:active { border-right-width: 1.625rem; }
.uw-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
.uw-border-b-26 { border-bottom-width: 1.625rem; }
.uw-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
.uw-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
.uw-active-border-b-26:active { border-bottom-width: 1.625rem; }
.uw-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
.uw-border-l-26 { border-left-width: 1.625rem; }
.uw-hover-border-l-26:hover { border-left-width: 1.625rem; }
.uw-focus-border-l-26:focus { border-left-width: 1.625rem; }
.uw-active-border-l-26:active { border-left-width: 1.625rem; }
.uw-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
.uw-border-27 { border-width: 1.6875rem; }
.uw-hover-border-27:hover { border-width: 1.6875rem; }
.uw-focus-border-27:focus { border-width: 1.6875rem; }
.uw-active-border-27:active { border-width: 1.6875rem; }
.uw-disabled-border-27:disabled { border-width: 1.6875rem; }
.uw-border-27 { border-width: 1.6875rem; }
.uw-hover-border-27:hover { border-width: 1.6875rem; }
.uw-focus-border-27:focus { border-width: 1.6875rem; }
.uw-active-border-27:active { border-width: 1.6875rem; }
.uw-disabled-border-27:disabled { border-width: 1.6875rem; }
.uw-border-t-27 { border-top-width: 1.6875rem; }
.uw-hover-border-t-27:hover { border-top-width: 1.6875rem; }
.uw-focus-border-t-27:focus { border-top-width: 1.6875rem; }
.uw-active-border-t-27:active { border-top-width: 1.6875rem; }
.uw-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
.uw-border-r-27 { border-right-width: 1.6875rem; }
.uw-hover-border-r-27:hover { border-right-width: 1.6875rem; }
.uw-focus-border-r-27:focus { border-right-width: 1.6875rem; }
.uw-active-border-r-27:active { border-right-width: 1.6875rem; }
.uw-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
.uw-border-b-27 { border-bottom-width: 1.6875rem; }
.uw-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
.uw-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
.uw-active-border-b-27:active { border-bottom-width: 1.6875rem; }
.uw-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
.uw-border-l-27 { border-left-width: 1.6875rem; }
.uw-hover-border-l-27:hover { border-left-width: 1.6875rem; }
.uw-focus-border-l-27:focus { border-left-width: 1.6875rem; }
.uw-active-border-l-27:active { border-left-width: 1.6875rem; }
.uw-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
.uw-border-28 { border-width: 1.75rem; }
.uw-hover-border-28:hover { border-width: 1.75rem; }
.uw-focus-border-28:focus { border-width: 1.75rem; }
.uw-active-border-28:active { border-width: 1.75rem; }
.uw-disabled-border-28:disabled { border-width: 1.75rem; }
.uw-border-28 { border-width: 1.75rem; }
.uw-hover-border-28:hover { border-width: 1.75rem; }
.uw-focus-border-28:focus { border-width: 1.75rem; }
.uw-active-border-28:active { border-width: 1.75rem; }
.uw-disabled-border-28:disabled { border-width: 1.75rem; }
.uw-border-t-28 { border-top-width: 1.75rem; }
.uw-hover-border-t-28:hover { border-top-width: 1.75rem; }
.uw-focus-border-t-28:focus { border-top-width: 1.75rem; }
.uw-active-border-t-28:active { border-top-width: 1.75rem; }
.uw-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
.uw-border-r-28 { border-right-width: 1.75rem; }
.uw-hover-border-r-28:hover { border-right-width: 1.75rem; }
.uw-focus-border-r-28:focus { border-right-width: 1.75rem; }
.uw-active-border-r-28:active { border-right-width: 1.75rem; }
.uw-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
.uw-border-b-28 { border-bottom-width: 1.75rem; }
.uw-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
.uw-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
.uw-active-border-b-28:active { border-bottom-width: 1.75rem; }
.uw-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
.uw-border-l-28 { border-left-width: 1.75rem; }
.uw-hover-border-l-28:hover { border-left-width: 1.75rem; }
.uw-focus-border-l-28:focus { border-left-width: 1.75rem; }
.uw-active-border-l-28:active { border-left-width: 1.75rem; }
.uw-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
.uw-border-29 { border-width: 1.8125rem; }
.uw-hover-border-29:hover { border-width: 1.8125rem; }
.uw-focus-border-29:focus { border-width: 1.8125rem; }
.uw-active-border-29:active { border-width: 1.8125rem; }
.uw-disabled-border-29:disabled { border-width: 1.8125rem; }
.uw-border-29 { border-width: 1.8125rem; }
.uw-hover-border-29:hover { border-width: 1.8125rem; }
.uw-focus-border-29:focus { border-width: 1.8125rem; }
.uw-active-border-29:active { border-width: 1.8125rem; }
.uw-disabled-border-29:disabled { border-width: 1.8125rem; }
.uw-border-t-29 { border-top-width: 1.8125rem; }
.uw-hover-border-t-29:hover { border-top-width: 1.8125rem; }
.uw-focus-border-t-29:focus { border-top-width: 1.8125rem; }
.uw-active-border-t-29:active { border-top-width: 1.8125rem; }
.uw-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
.uw-border-r-29 { border-right-width: 1.8125rem; }
.uw-hover-border-r-29:hover { border-right-width: 1.8125rem; }
.uw-focus-border-r-29:focus { border-right-width: 1.8125rem; }
.uw-active-border-r-29:active { border-right-width: 1.8125rem; }
.uw-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
.uw-border-b-29 { border-bottom-width: 1.8125rem; }
.uw-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
.uw-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
.uw-active-border-b-29:active { border-bottom-width: 1.8125rem; }
.uw-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
.uw-border-l-29 { border-left-width: 1.8125rem; }
.uw-hover-border-l-29:hover { border-left-width: 1.8125rem; }
.uw-focus-border-l-29:focus { border-left-width: 1.8125rem; }
.uw-active-border-l-29:active { border-left-width: 1.8125rem; }
.uw-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
.uw-border-30 { border-width: 1.875rem; }
.uw-hover-border-30:hover { border-width: 1.875rem; }
.uw-focus-border-30:focus { border-width: 1.875rem; }
.uw-active-border-30:active { border-width: 1.875rem; }
.uw-disabled-border-30:disabled { border-width: 1.875rem; }
.uw-border-30 { border-width: 1.875rem; }
.uw-hover-border-30:hover { border-width: 1.875rem; }
.uw-focus-border-30:focus { border-width: 1.875rem; }
.uw-active-border-30:active { border-width: 1.875rem; }
.uw-disabled-border-30:disabled { border-width: 1.875rem; }
.uw-border-t-30 { border-top-width: 1.875rem; }
.uw-hover-border-t-30:hover { border-top-width: 1.875rem; }
.uw-focus-border-t-30:focus { border-top-width: 1.875rem; }
.uw-active-border-t-30:active { border-top-width: 1.875rem; }
.uw-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
.uw-border-r-30 { border-right-width: 1.875rem; }
.uw-hover-border-r-30:hover { border-right-width: 1.875rem; }
.uw-focus-border-r-30:focus { border-right-width: 1.875rem; }
.uw-active-border-r-30:active { border-right-width: 1.875rem; }
.uw-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
.uw-border-b-30 { border-bottom-width: 1.875rem; }
.uw-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
.uw-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
.uw-active-border-b-30:active { border-bottom-width: 1.875rem; }
.uw-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
.uw-border-l-30 { border-left-width: 1.875rem; }
.uw-hover-border-l-30:hover { border-left-width: 1.875rem; }
.uw-focus-border-l-30:focus { border-left-width: 1.875rem; }
.uw-active-border-l-30:active { border-left-width: 1.875rem; }
.uw-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
.uw-border-31 { border-width: 1.9375rem; }
.uw-hover-border-31:hover { border-width: 1.9375rem; }
.uw-focus-border-31:focus { border-width: 1.9375rem; }
.uw-active-border-31:active { border-width: 1.9375rem; }
.uw-disabled-border-31:disabled { border-width: 1.9375rem; }
.uw-border-31 { border-width: 1.9375rem; }
.uw-hover-border-31:hover { border-width: 1.9375rem; }
.uw-focus-border-31:focus { border-width: 1.9375rem; }
.uw-active-border-31:active { border-width: 1.9375rem; }
.uw-disabled-border-31:disabled { border-width: 1.9375rem; }
.uw-border-t-31 { border-top-width: 1.9375rem; }
.uw-hover-border-t-31:hover { border-top-width: 1.9375rem; }
.uw-focus-border-t-31:focus { border-top-width: 1.9375rem; }
.uw-active-border-t-31:active { border-top-width: 1.9375rem; }
.uw-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
.uw-border-r-31 { border-right-width: 1.9375rem; }
.uw-hover-border-r-31:hover { border-right-width: 1.9375rem; }
.uw-focus-border-r-31:focus { border-right-width: 1.9375rem; }
.uw-active-border-r-31:active { border-right-width: 1.9375rem; }
.uw-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
.uw-border-b-31 { border-bottom-width: 1.9375rem; }
.uw-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
.uw-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
.uw-active-border-b-31:active { border-bottom-width: 1.9375rem; }
.uw-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
.uw-border-l-31 { border-left-width: 1.9375rem; }
.uw-hover-border-l-31:hover { border-left-width: 1.9375rem; }
.uw-focus-border-l-31:focus { border-left-width: 1.9375rem; }
.uw-active-border-l-31:active { border-left-width: 1.9375rem; }
.uw-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
.uw-border-32 { border-width: 2.0rem; }
.uw-hover-border-32:hover { border-width: 2.0rem; }
.uw-focus-border-32:focus { border-width: 2.0rem; }
.uw-active-border-32:active { border-width: 2.0rem; }
.uw-disabled-border-32:disabled { border-width: 2.0rem; }
.uw-border-32 { border-width: 2.0rem; }
.uw-hover-border-32:hover { border-width: 2.0rem; }
.uw-focus-border-32:focus { border-width: 2.0rem; }
.uw-active-border-32:active { border-width: 2.0rem; }
.uw-disabled-border-32:disabled { border-width: 2.0rem; }
.uw-border-t-32 { border-top-width: 2.0rem; }
.uw-hover-border-t-32:hover { border-top-width: 2.0rem; }
.uw-focus-border-t-32:focus { border-top-width: 2.0rem; }
.uw-active-border-t-32:active { border-top-width: 2.0rem; }
.uw-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
.uw-border-r-32 { border-right-width: 2.0rem; }
.uw-hover-border-r-32:hover { border-right-width: 2.0rem; }
.uw-focus-border-r-32:focus { border-right-width: 2.0rem; }
.uw-active-border-r-32:active { border-right-width: 2.0rem; }
.uw-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
.uw-border-b-32 { border-bottom-width: 2.0rem; }
.uw-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
.uw-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
.uw-active-border-b-32:active { border-bottom-width: 2.0rem; }
.uw-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
.uw-border-l-32 { border-left-width: 2.0rem; }
.uw-hover-border-l-32:hover { border-left-width: 2.0rem; }
.uw-focus-border-l-32:focus { border-left-width: 2.0rem; }
.uw-active-border-l-32:active { border-left-width: 2.0rem; }
.uw-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
.uw-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.uw-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.uw-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.uw-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.uw-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
.uw-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.uw-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.uw-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.uw-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.uw-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
.uw-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.uw-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.uw-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.uw-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.uw-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
.uw-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.uw-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.uw-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.uw-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.uw-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
.uw-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.uw-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.uw-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.uw-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.uw-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
.uw-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.uw-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.uw-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.uw-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.uw-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
.uw-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.uw-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.uw-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.uw-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.uw-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
.uw-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.uw-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.uw-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.uw-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.uw-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
.uw-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.uw-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.uw-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.uw-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.uw-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
.uw-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.uw-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.uw-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.uw-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.uw-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
.uw-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.uw-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.uw-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.uw-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.uw-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
.uw-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.uw-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.uw-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.uw-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.uw-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
.uw-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.uw-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.uw-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.uw-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.uw-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
.uw-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.uw-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.uw-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.uw-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.uw-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
.uw-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.uw-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.uw-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.uw-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.uw-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
.uw-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.uw-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.uw-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.uw-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.uw-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
.uw-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.uw-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.uw-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.uw-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.uw-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
.uw-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.uw-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.uw-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.uw-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.uw-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
.uw-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.uw-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.uw-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.uw-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.uw-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
.uw-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.uw-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.uw-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.uw-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.uw-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
.uw-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.uw-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.uw-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.uw-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.uw-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.uw-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.uw-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.uw-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.uw-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.uw-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.uw-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.uw-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.uw-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.uw-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.uw-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
.uw-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.uw-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.uw-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.uw-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.uw-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
.uw-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.uw-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.uw-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.uw-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.uw-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.uw-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.uw-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.uw-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.uw-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.uw-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.uw-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.uw-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.uw-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.uw-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.uw-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
.uw-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.uw-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.uw-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.uw-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.uw-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
.uw-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.uw-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.uw-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.uw-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.uw-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.uw-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.uw-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.uw-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.uw-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.uw-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.uw-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.uw-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.uw-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.uw-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.uw-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
.uw-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.uw-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.uw-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.uw-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.uw-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
.uw-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.uw-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.uw-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.uw-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.uw-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
.uw-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.uw-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.uw-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.uw-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.uw-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
.uw-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.uw-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.uw-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.uw-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.uw-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
.uw-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.uw-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.uw-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.uw-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.uw-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
.uw-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.uw-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.uw-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.uw-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.uw-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
.uw-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.uw-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.uw-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.uw-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.uw-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
.uw-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.uw-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.uw-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.uw-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.uw-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
.uw-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.uw-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.uw-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.uw-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.uw-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
.uw-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.uw-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.uw-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.uw-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.uw-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
.uw-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.uw-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.uw-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.uw-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.uw-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
.uw-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.uw-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.uw-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.uw-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.uw-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
.uw-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.uw-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.uw-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.uw-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.uw-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
.uw-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.uw-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.uw-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.uw-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.uw-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
.uw-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.uw-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.uw-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.uw-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.uw-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
.uw-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.uw-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.uw-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.uw-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.uw-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
.uw-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.uw-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.uw-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.uw-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.uw-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
.uw-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.uw-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.uw-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.uw-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.uw-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
.uw-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.uw-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.uw-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.uw-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.uw-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
.uw-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.uw-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.uw-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.uw-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.uw-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
.uw-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.uw-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.uw-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.uw-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.uw-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
.uw-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.uw-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.uw-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.uw-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.uw-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
.uw-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.uw-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.uw-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.uw-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.uw-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
.uw-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.uw-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.uw-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.uw-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.uw-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
.uw-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.uw-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.uw-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.uw-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.uw-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
.uw-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.uw-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.uw-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.uw-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.uw-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
.uw-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.uw-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.uw-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.uw-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.uw-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
.uw-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.uw-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.uw-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.uw-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.uw-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
.uw-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.uw-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.uw-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.uw-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.uw-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
.uw-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.uw-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.uw-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.uw-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.uw-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
.uw-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.uw-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.uw-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.uw-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.uw-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
.uw-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.uw-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.uw-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.uw-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.uw-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
.uw-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.uw-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.uw-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.uw-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.uw-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
.uw-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.uw-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.uw-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.uw-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.uw-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
.uw-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.uw-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.uw-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.uw-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.uw-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
.uw-border-transparent { border-color: transparent; }
.uw-hover-border-transparent:hover { border-color: transparent; }
.uw-focus-border-transparent:focus { border-color: transparent; }
.uw-active-border-transparent:active { border-color: transparent; }
.uw-disabled-border-transparent:disabled { border-color: transparent; }
.uw-border-inherit { border-color: inherit; }
.uw-hover-border-inherit:hover { border-color: inherit; }
.uw-focus-border-inherit:focus { border-color: inherit; }
.uw-active-border-inherit:active { border-color: inherit; }
.uw-disabled-border-inherit:disabled { border-color: inherit; }
.uw-bg-transparent { background-color: transparent; }
.uw-hover-bg-transparent:hover { background-color: transparent; }
.uw-focus-bg-transparent:focus { background-color: transparent; }
.uw-active-bg-transparent:active { background-color: transparent; }
.uw-disabled-bg-transparent:disabled { background-color: transparent; }
.uw-bg-inherit { background-color: inherit; }
.uw-hover-bg-inherit:hover { background-color: inherit; }
.uw-focus-bg-inherit:focus { background-color: inherit; }
.uw-active-bg-inherit:active { background-color: inherit; }
.uw-disabled-bg-inherit:disabled { background-color: inherit; }
.uw-text-transparent { color: transparent; }
.uw-hover-text-transparent:hover { color: transparent; }
.uw-focus-text-transparent:focus { color: transparent; }
.uw-active-text-transparent:active { color: transparent; }
.uw-disabled-text-transparent:disabled { color: transparent; }
.uw-text-inherit { color: inherit; }
.uw-hover-text-inherit:hover { color: inherit; }
.uw-focus-text-inherit:focus { color: inherit; }
.uw-active-text-inherit:active { color: inherit; }
.uw-disabled-text-inherit:disabled { color: inherit; }
.uw-border-solid { border-style: solid; }
.uw-hover-border-solid:hover { border-style: solid; }
.uw-focus-border-solid:focus { border-style: solid; }
.uw-active-border-solid:active { border-style: solid; }
.uw-disabled-border-solid:disabled { border-style: solid; }
.uw-border-dashed { border-style: dashed; }
.uw-hover-border-dashed:hover { border-style: dashed; }
.uw-focus-border-dashed:focus { border-style: dashed; }
.uw-active-border-dashed:active { border-style: dashed; }
.uw-disabled-border-dashed:disabled { border-style: dashed; }
.uw-border-dotted { border-style: dotted; }
.uw-hover-border-dotted:hover { border-style: dotted; }
.uw-focus-border-dotted:focus { border-style: dotted; }
.uw-active-border-dotted:active { border-style: dotted; }
.uw-disabled-border-dotted:disabled { border-style: dotted; }
.uw-border-double { border-style: double; }
.uw-hover-border-double:hover { border-style: double; }
.uw-focus-border-double:focus { border-style: double; }
.uw-active-border-double:active { border-style: double; }
.uw-disabled-border-double:disabled { border-style: double; }
.uw-border-none { border-style: none; }
.uw-hover-border-none:hover { border-style: none; }
.uw-focus-border-none:focus { border-style: none; }
.uw-active-border-none:active { border-style: none; }
.uw-disabled-border-none:disabled { border-style: none; }
.uw-z-auto { z-index: auto; }
.uw-hover-z-auto:hover { z-index: auto; }
.uw-focus-z-auto:focus { z-index: auto; }
.uw-active-z-auto:active { z-index: auto; }
.uw-disabled-z-auto:disabled { z-index: auto; }
.uw-z-0 { z-index: 0; }
.uw-hover-z-0:hover { z-index: 0; }
.uw-focus-z-0:focus { z-index: 0; }
.uw-active-z-0:active { z-index: 0; }
.uw-disabled-z-0:disabled { z-index: 0; }
.uw-z-10 { z-index: 10; }
.uw-hover-z-10:hover { z-index: 10; }
.uw-focus-z-10:focus { z-index: 10; }
.uw-active-z-10:active { z-index: 10; }
.uw-disabled-z-10:disabled { z-index: 10; }
.uw-z-20 { z-index: 20; }
.uw-hover-z-20:hover { z-index: 20; }
.uw-focus-z-20:focus { z-index: 20; }
.uw-active-z-20:active { z-index: 20; }
.uw-disabled-z-20:disabled { z-index: 20; }
.uw-z-30 { z-index: 30; }
.uw-hover-z-30:hover { z-index: 30; }
.uw-focus-z-30:focus { z-index: 30; }
.uw-active-z-30:active { z-index: 30; }
.uw-disabled-z-30:disabled { z-index: 30; }
.uw-z-40 { z-index: 40; }
.uw-hover-z-40:hover { z-index: 40; }
.uw-focus-z-40:focus { z-index: 40; }
.uw-active-z-40:active { z-index: 40; }
.uw-disabled-z-40:disabled { z-index: 40; }
.uw-z-50 { z-index: 50; }
.uw-hover-z-50:hover { z-index: 50; }
.uw-focus-z-50:focus { z-index: 50; }
.uw-active-z-50:active { z-index: 50; }
.uw-disabled-z-50:disabled { z-index: 50; }
.uw-z-100 { z-index: 100; }
.uw-hover-z-100:hover { z-index: 100; }
.uw-focus-z-100:focus { z-index: 100; }
.uw-active-z-100:active { z-index: 100; }
.uw-disabled-z-100:disabled { z-index: 100; }
.uw-z-9999 { z-index: 9999; }
.uw-hover-z-9999:hover { z-index: 9999; }
.uw-focus-z-9999:focus { z-index: 9999; }
.uw-active-z-9999:active { z-index: 9999; }
.uw-disabled-z-9999:disabled { z-index: 9999; }
.uw--z-10 { z-index: -10; }
.uw-hover--z-10:hover { z-index: -10; }
.uw-focus--z-10:focus { z-index: -10; }
.uw-active--z-10:active { z-index: -10; }
.uw-disabled--z-10:disabled { z-index: -10; }
.uw--z-20 { z-index: -20; }
.uw-hover--z-20:hover { z-index: -20; }
.uw-focus--z-20:focus { z-index: -20; }
.uw-active--z-20:active { z-index: -20; }
.uw-disabled--z-20:disabled { z-index: -20; }
.uw--z-40 { z-index: -40; }
.uw-hover--z-40:hover { z-index: -40; }
.uw-focus--z-40:focus { z-index: -40; }
.uw-active--z-40:active { z-index: -40; }
.uw-disabled--z-40:disabled { z-index: -40; }
.uw--z-50 { z-index: -50; }
.uw-hover--z-50:hover { z-index: -50; }
.uw-focus--z-50:focus { z-index: -50; }
.uw-active--z-50:active { z-index: -50; }
.uw-disabled--z-50:disabled { z-index: -50; }
.uw--z-100 { z-index: -100; }
.uw-hover--z-100:hover { z-index: -100; }
.uw-focus--z-100:focus { z-index: -100; }
.uw-active--z-100:active { z-index: -100; }
.uw-disabled--z-100:disabled { z-index: -100; }
.uw-opacity-0 { opacity: 0; }
.uw-hover-opacity-0:hover { opacity: 0; }
.uw-focus-opacity-0:focus { opacity: 0; }
.uw-active-opacity-0:active { opacity: 0; }
.uw-disabled-opacity-0:disabled { opacity: 0; }
.uw-opacity-10 { opacity: 0.1; }
.uw-hover-opacity-10:hover { opacity: 0.1; }
.uw-focus-opacity-10:focus { opacity: 0.1; }
.uw-active-opacity-10:active { opacity: 0.1; }
.uw-disabled-opacity-10:disabled { opacity: 0.1; }
.uw-opacity-20 { opacity: 0.2; }
.uw-hover-opacity-20:hover { opacity: 0.2; }
.uw-focus-opacity-20:focus { opacity: 0.2; }
.uw-active-opacity-20:active { opacity: 0.2; }
.uw-disabled-opacity-20:disabled { opacity: 0.2; }
.uw-opacity-25 { opacity: 0.25; }
.uw-hover-opacity-25:hover { opacity: 0.25; }
.uw-focus-opacity-25:focus { opacity: 0.25; }
.uw-active-opacity-25:active { opacity: 0.25; }
.uw-disabled-opacity-25:disabled { opacity: 0.25; }
.uw-opacity-30 { opacity: 0.3; }
.uw-hover-opacity-30:hover { opacity: 0.3; }
.uw-focus-opacity-30:focus { opacity: 0.3; }
.uw-active-opacity-30:active { opacity: 0.3; }
.uw-disabled-opacity-30:disabled { opacity: 0.3; }
.uw-opacity-40 { opacity: 0.4; }
.uw-hover-opacity-40:hover { opacity: 0.4; }
.uw-focus-opacity-40:focus { opacity: 0.4; }
.uw-active-opacity-40:active { opacity: 0.4; }
.uw-disabled-opacity-40:disabled { opacity: 0.4; }
.uw-opacity-50 { opacity: 0.5; }
.uw-hover-opacity-50:hover { opacity: 0.5; }
.uw-focus-opacity-50:focus { opacity: 0.5; }
.uw-active-opacity-50:active { opacity: 0.5; }
.uw-disabled-opacity-50:disabled { opacity: 0.5; }
.uw-opacity-60 { opacity: 0.6; }
.uw-hover-opacity-60:hover { opacity: 0.6; }
.uw-focus-opacity-60:focus { opacity: 0.6; }
.uw-active-opacity-60:active { opacity: 0.6; }
.uw-disabled-opacity-60:disabled { opacity: 0.6; }
.uw-opacity-70 { opacity: 0.7; }
.uw-hover-opacity-70:hover { opacity: 0.7; }
.uw-focus-opacity-70:focus { opacity: 0.7; }
.uw-active-opacity-70:active { opacity: 0.7; }
.uw-disabled-opacity-70:disabled { opacity: 0.7; }
.uw-opacity-75 { opacity: 0.75; }
.uw-hover-opacity-75:hover { opacity: 0.75; }
.uw-focus-opacity-75:focus { opacity: 0.75; }
.uw-active-opacity-75:active { opacity: 0.75; }
.uw-disabled-opacity-75:disabled { opacity: 0.75; }
.uw-opacity-80 { opacity: 0.8; }
.uw-hover-opacity-80:hover { opacity: 0.8; }
.uw-focus-opacity-80:focus { opacity: 0.8; }
.uw-active-opacity-80:active { opacity: 0.8; }
.uw-disabled-opacity-80:disabled { opacity: 0.8; }
.uw-opacity-90 { opacity: 0.9; }
.uw-hover-opacity-90:hover { opacity: 0.9; }
.uw-focus-opacity-90:focus { opacity: 0.9; }
.uw-active-opacity-90:active { opacity: 0.9; }
.uw-disabled-opacity-90:disabled { opacity: 0.9; }
.uw-opacity-100 { opacity: 1; }
.uw-hover-opacity-100:hover { opacity: 1; }
.uw-focus-opacity-100:focus { opacity: 1; }
.uw-active-opacity-100:active { opacity: 1; }
.uw-disabled-opacity-100:disabled { opacity: 1; }
.uw-bg-gradient-l { --quanta-gradient-direction: to left; }
.uw-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
.uw-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
.uw-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
.uw-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
.uw-bg-gradient-r { --quanta-gradient-direction: to right; }
.uw-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
.uw-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
.uw-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
.uw-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
.uw-bg-gradient-t { --quanta-gradient-direction: to top; }
.uw-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
.uw-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
.uw-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
.uw-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
.uw-bg-gradient-b { --quanta-gradient-direction: to bottom; }
.uw-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
.uw-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
.uw-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
.uw-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
.uw-bg-gradient-tl { --quanta-gradient-direction: to top left; }
.uw-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
.uw-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
.uw-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
.uw-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
.uw-bg-gradient-tr { --quanta-gradient-direction: to top right; }
.uw-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
.uw-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
.uw-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
.uw-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
.uw-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
.uw-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
.uw-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
.uw-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
.uw-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
.uw-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
.uw-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
.uw-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
.uw-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
.uw-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
.uw-rounded-0 { border-radius: 0; }
.uw-hover-rounded-0:hover { border-radius: 0; }
.uw-focus-rounded-0:focus { border-radius: 0; }
.uw-active-rounded-0:active { border-radius: 0; }
.uw-disabled-rounded-0:disabled { border-radius: 0; }
.uw-rounded-xs { border-radius: 0.125rem; }
.uw-hover-rounded-xs:hover { border-radius: 0.125rem; }
.uw-focus-rounded-xs:focus { border-radius: 0.125rem; }
.uw-active-rounded-xs:active { border-radius: 0.125rem; }
.uw-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
.uw-rounded-sm { border-radius: 0.25rem; }
.uw-hover-rounded-sm:hover { border-radius: 0.25rem; }
.uw-focus-rounded-sm:focus { border-radius: 0.25rem; }
.uw-active-rounded-sm:active { border-radius: 0.25rem; }
.uw-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
.uw-rounded { border-radius: 0.5rem; }
.uw-hover-rounded:hover { border-radius: 0.5rem; }
.uw-focus-rounded:focus { border-radius: 0.5rem; }
.uw-active-rounded:active { border-radius: 0.5rem; }
.uw-disabled-rounded:disabled { border-radius: 0.5rem; }
.uw-rounded-md { border-radius: 0.75rem; }
.uw-hover-rounded-md:hover { border-radius: 0.75rem; }
.uw-focus-rounded-md:focus { border-radius: 0.75rem; }
.uw-active-rounded-md:active { border-radius: 0.75rem; }
.uw-disabled-rounded-md:disabled { border-radius: 0.75rem; }
.uw-rounded-lg { border-radius: 1rem; }
.uw-hover-rounded-lg:hover { border-radius: 1rem; }
.uw-focus-rounded-lg:focus { border-radius: 1rem; }
.uw-active-rounded-lg:active { border-radius: 1rem; }
.uw-disabled-rounded-lg:disabled { border-radius: 1rem; }
.uw-rounded-xl { border-radius: 1.5rem; }
.uw-hover-rounded-xl:hover { border-radius: 1.5rem; }
.uw-focus-rounded-xl:focus { border-radius: 1.5rem; }
.uw-active-rounded-xl:active { border-radius: 1.5rem; }
.uw-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
.uw-rounded-2xl { border-radius: 2rem; }
.uw-hover-rounded-2xl:hover { border-radius: 2rem; }
.uw-focus-rounded-2xl:focus { border-radius: 2rem; }
.uw-active-rounded-2xl:active { border-radius: 2rem; }
.uw-disabled-rounded-2xl:disabled { border-radius: 2rem; }
.uw-rounded-full { border-radius: 9999px; }
.uw-hover-rounded-full:hover { border-radius: 9999px; }
.uw-focus-rounded-full:focus { border-radius: 9999px; }
.uw-active-rounded-full:active { border-radius: 9999px; }
.uw-disabled-rounded-full:disabled { border-radius: 9999px; }
.uw-rounded-pill { border-radius: 50px; }
.uw-hover-rounded-pill:hover { border-radius: 50px; }
.uw-focus-rounded-pill:focus { border-radius: 50px; }
.uw-active-rounded-pill:active { border-radius: 50px; }
.uw-disabled-rounded-pill:disabled { border-radius: 50px; }
.uw-outline-none { outline: none; }
.uw-hover-outline-none:hover { outline: none; }
.uw-focus-outline-none:focus { outline: none; }
.uw-active-outline-none:active { outline: none; }
.uw-disabled-outline-none:disabled { outline: none; }
.uw-outline { outline: 1px solid currentColor; }
.uw-hover-outline:hover { outline: 1px solid currentColor; }
.uw-focus-outline:focus { outline: 1px solid currentColor; }
.uw-active-outline:active { outline: 1px solid currentColor; }
.uw-disabled-outline:disabled { outline: 1px solid currentColor; }
.uw-outline-offset-0 { outline-offset: 0rem; }
.uw-hover-outline-offset-0:hover { outline-offset: 0rem; }
.uw-focus-outline-offset-0:focus { outline-offset: 0rem; }
.uw-active-outline-offset-0:active { outline-offset: 0rem; }
.uw-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
.uw-outline-offset-1 { outline-offset: 0.25rem; }
.uw-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
.uw-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
.uw-active-outline-offset-1:active { outline-offset: 0.25rem; }
.uw-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
.uw-outline-offset-2 { outline-offset: 0.5rem; }
.uw-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
.uw-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
.uw-active-outline-offset-2:active { outline-offset: 0.5rem; }
.uw-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
.uw-outline-offset-3 { outline-offset: 0.75rem; }
.uw-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
.uw-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
.uw-active-outline-offset-3:active { outline-offset: 0.75rem; }
.uw-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
.uw-outline-offset-4 { outline-offset: 1rem; }
.uw-hover-outline-offset-4:hover { outline-offset: 1rem; }
.uw-focus-outline-offset-4:focus { outline-offset: 1rem; }
.uw-active-outline-offset-4:active { outline-offset: 1rem; }
.uw-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
.uw-outline-offset-8 { outline-offset: 2rem; }
.uw-hover-outline-offset-8:hover { outline-offset: 2rem; }
.uw-focus-outline-offset-8:focus { outline-offset: 2rem; }
.uw-active-outline-offset-8:active { outline-offset: 2rem; }
.uw-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
.uw-outline-red-50 { outline-color: var(--quanta-red-50); }
.uw-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
.uw-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
.uw-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
.uw-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
.uw-outline-red-100 { outline-color: var(--quanta-red-100); }
.uw-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
.uw-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
.uw-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
.uw-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
.uw-outline-red-200 { outline-color: var(--quanta-red-200); }
.uw-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
.uw-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
.uw-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
.uw-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
.uw-outline-red-300 { outline-color: var(--quanta-red-300); }
.uw-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
.uw-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
.uw-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
.uw-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
.uw-outline-red-400 { outline-color: var(--quanta-red-400); }
.uw-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
.uw-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
.uw-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
.uw-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
.uw-outline-red-500 { outline-color: var(--quanta-red-500); }
.uw-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
.uw-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
.uw-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
.uw-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
.uw-outline-red-600 { outline-color: var(--quanta-red-600); }
.uw-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
.uw-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
.uw-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
.uw-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
.uw-outline-red-700 { outline-color: var(--quanta-red-700); }
.uw-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
.uw-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
.uw-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
.uw-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
.uw-outline-red-800 { outline-color: var(--quanta-red-800); }
.uw-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
.uw-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
.uw-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
.uw-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
.uw-outline-red-900 { outline-color: var(--quanta-red-900); }
.uw-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
.uw-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
.uw-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
.uw-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
.uw-outline-orange-50 { outline-color: var(--quanta-orange-50); }
.uw-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
.uw-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
.uw-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
.uw-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
.uw-outline-orange-100 { outline-color: var(--quanta-orange-100); }
.uw-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
.uw-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
.uw-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
.uw-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
.uw-outline-orange-200 { outline-color: var(--quanta-orange-200); }
.uw-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
.uw-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
.uw-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
.uw-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
.uw-outline-orange-300 { outline-color: var(--quanta-orange-300); }
.uw-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
.uw-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
.uw-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
.uw-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
.uw-outline-orange-400 { outline-color: var(--quanta-orange-400); }
.uw-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
.uw-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
.uw-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
.uw-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
.uw-outline-orange-500 { outline-color: var(--quanta-orange-500); }
.uw-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
.uw-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
.uw-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
.uw-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
.uw-outline-orange-600 { outline-color: var(--quanta-orange-600); }
.uw-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
.uw-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
.uw-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
.uw-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
.uw-outline-orange-700 { outline-color: var(--quanta-orange-700); }
.uw-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
.uw-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
.uw-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
.uw-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
.uw-outline-orange-800 { outline-color: var(--quanta-orange-800); }
.uw-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
.uw-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
.uw-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
.uw-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
.uw-outline-orange-900 { outline-color: var(--quanta-orange-900); }
.uw-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
.uw-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
.uw-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
.uw-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
.uw-outline-teal-50 { outline-color: var(--quanta-teal-50); }
.uw-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
.uw-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
.uw-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
.uw-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
.uw-outline-teal-100 { outline-color: var(--quanta-teal-100); }
.uw-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
.uw-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
.uw-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
.uw-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
.uw-outline-teal-200 { outline-color: var(--quanta-teal-200); }
.uw-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
.uw-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
.uw-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
.uw-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
.uw-outline-teal-300 { outline-color: var(--quanta-teal-300); }
.uw-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
.uw-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
.uw-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
.uw-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
.uw-outline-teal-400 { outline-color: var(--quanta-teal-400); }
.uw-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
.uw-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
.uw-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
.uw-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
.uw-outline-teal-500 { outline-color: var(--quanta-teal-500); }
.uw-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
.uw-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
.uw-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
.uw-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
.uw-outline-teal-600 { outline-color: var(--quanta-teal-600); }
.uw-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
.uw-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
.uw-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
.uw-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
.uw-outline-teal-700 { outline-color: var(--quanta-teal-700); }
.uw-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
.uw-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
.uw-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
.uw-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
.uw-outline-teal-800 { outline-color: var(--quanta-teal-800); }
.uw-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
.uw-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
.uw-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
.uw-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
.uw-outline-teal-900 { outline-color: var(--quanta-teal-900); }
.uw-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
.uw-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
.uw-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
.uw-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
.uw-outline-purple-50 { outline-color: var(--quanta-purple-50); }
.uw-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
.uw-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
.uw-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
.uw-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
.uw-outline-purple-100 { outline-color: var(--quanta-purple-100); }
.uw-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
.uw-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
.uw-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
.uw-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
.uw-outline-purple-200 { outline-color: var(--quanta-purple-200); }
.uw-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
.uw-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
.uw-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
.uw-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
.uw-outline-purple-300 { outline-color: var(--quanta-purple-300); }
.uw-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
.uw-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
.uw-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
.uw-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
.uw-outline-purple-400 { outline-color: var(--quanta-purple-400); }
.uw-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
.uw-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
.uw-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
.uw-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
.uw-outline-purple-500 { outline-color: var(--quanta-purple-500); }
.uw-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
.uw-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
.uw-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
.uw-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
.uw-outline-purple-600 { outline-color: var(--quanta-purple-600); }
.uw-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
.uw-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
.uw-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
.uw-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
.uw-outline-purple-700 { outline-color: var(--quanta-purple-700); }
.uw-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
.uw-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
.uw-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
.uw-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
.uw-outline-purple-800 { outline-color: var(--quanta-purple-800); }
.uw-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
.uw-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
.uw-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
.uw-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
.uw-outline-purple-900 { outline-color: var(--quanta-purple-900); }
.uw-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
.uw-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
.uw-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
.uw-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
.uw-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
.uw-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
.uw-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
.uw-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
.uw-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
.uw-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
.uw-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
.uw-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
.uw-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
.uw-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
.uw-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
.uw-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
.uw-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
.uw-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
.uw-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
.uw-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
.uw-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
.uw-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
.uw-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
.uw-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
.uw-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
.uw-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
.uw-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
.uw-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
.uw-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
.uw-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
.uw-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
.uw-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
.uw-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
.uw-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
.uw-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
.uw-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
.uw-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
.uw-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
.uw-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
.uw-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
.uw-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
.uw-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
.uw-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
.uw-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
.uw-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
.uw-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
.uw-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
.uw-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
.uw-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
.uw-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
.uw-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
.uw-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
.uw-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
.uw-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
.uw-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
.uw-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
.uw-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
.uw-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
.uw-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
.uw-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
.uw-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
.uw-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
.uw-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
.uw-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
.uw-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
.uw-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
.uw-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
.uw-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
.uw-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
.uw-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
.uw-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
.uw-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
.uw-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
.uw-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
.uw-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
.uw-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
.uw-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
.uw-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
.uw-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
.uw-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
.uw-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
.uw-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
.uw-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
.uw-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
.uw-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
.uw-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
.uw-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
.uw-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
.uw-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
.uw-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
.uw-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
.uw-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
.uw-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
.uw-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
.uw-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
.uw-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
.uw-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
.uw-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
.uw-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
.uw-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
.uw-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
.uw-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
.uw-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
.uw-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
.uw-outline-pink-50 { outline-color: var(--quanta-pink-50); }
.uw-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
.uw-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
.uw-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
.uw-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
.uw-outline-pink-100 { outline-color: var(--quanta-pink-100); }
.uw-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
.uw-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
.uw-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
.uw-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
.uw-outline-pink-200 { outline-color: var(--quanta-pink-200); }
.uw-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
.uw-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
.uw-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
.uw-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
.uw-outline-pink-300 { outline-color: var(--quanta-pink-300); }
.uw-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
.uw-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
.uw-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
.uw-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
.uw-outline-pink-400 { outline-color: var(--quanta-pink-400); }
.uw-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
.uw-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
.uw-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
.uw-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
.uw-outline-pink-500 { outline-color: var(--quanta-pink-500); }
.uw-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
.uw-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
.uw-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
.uw-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
.uw-outline-pink-600 { outline-color: var(--quanta-pink-600); }
.uw-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
.uw-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
.uw-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
.uw-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
.uw-outline-pink-700 { outline-color: var(--quanta-pink-700); }
.uw-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
.uw-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
.uw-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
.uw-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
.uw-outline-pink-800 { outline-color: var(--quanta-pink-800); }
.uw-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
.uw-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
.uw-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
.uw-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
.uw-outline-pink-900 { outline-color: var(--quanta-pink-900); }
.uw-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
.uw-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
.uw-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
.uw-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
.uw-outline-grey-50 { outline-color: var(--quanta-grey-50); }
.uw-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
.uw-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
.uw-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
.uw-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
.uw-outline-grey-100 { outline-color: var(--quanta-grey-100); }
.uw-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
.uw-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
.uw-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
.uw-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
.uw-outline-grey-200 { outline-color: var(--quanta-grey-200); }
.uw-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
.uw-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
.uw-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
.uw-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
.uw-outline-grey-300 { outline-color: var(--quanta-grey-300); }
.uw-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
.uw-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
.uw-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
.uw-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
.uw-outline-grey-400 { outline-color: var(--quanta-grey-400); }
.uw-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
.uw-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
.uw-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
.uw-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
.uw-outline-grey-500 { outline-color: var(--quanta-grey-500); }
.uw-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
.uw-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
.uw-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
.uw-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
.uw-outline-grey-600 { outline-color: var(--quanta-grey-600); }
.uw-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
.uw-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
.uw-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
.uw-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
.uw-outline-grey-700 { outline-color: var(--quanta-grey-700); }
.uw-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
.uw-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
.uw-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
.uw-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
.uw-outline-grey-800 { outline-color: var(--quanta-grey-800); }
.uw-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
.uw-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
.uw-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
.uw-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
.uw-outline-grey-900 { outline-color: var(--quanta-grey-900); }
.uw-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
.uw-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
.uw-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
.uw-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
.uw-outline-lime-50 { outline-color: var(--quanta-lime-50); }
.uw-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
.uw-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
.uw-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
.uw-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
.uw-outline-lime-100 { outline-color: var(--quanta-lime-100); }
.uw-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
.uw-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
.uw-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
.uw-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
.uw-outline-lime-200 { outline-color: var(--quanta-lime-200); }
.uw-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
.uw-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
.uw-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
.uw-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
.uw-outline-lime-300 { outline-color: var(--quanta-lime-300); }
.uw-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
.uw-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
.uw-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
.uw-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
.uw-outline-lime-400 { outline-color: var(--quanta-lime-400); }
.uw-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
.uw-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
.uw-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
.uw-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
.uw-outline-lime-500 { outline-color: var(--quanta-lime-500); }
.uw-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
.uw-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
.uw-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
.uw-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
.uw-outline-lime-600 { outline-color: var(--quanta-lime-600); }
.uw-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
.uw-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
.uw-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
.uw-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
.uw-outline-lime-700 { outline-color: var(--quanta-lime-700); }
.uw-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
.uw-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
.uw-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
.uw-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
.uw-outline-lime-800 { outline-color: var(--quanta-lime-800); }
.uw-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
.uw-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
.uw-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
.uw-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
.uw-outline-lime-900 { outline-color: var(--quanta-lime-900); }
.uw-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
.uw-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
.uw-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
.uw-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
.uw-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
.uw-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
.uw-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
.uw-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
.uw-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
.uw-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
.uw-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
.uw-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
.uw-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
.uw-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
.uw-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
.uw-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
.uw-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
.uw-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
.uw-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
.uw-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
.uw-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
.uw-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
.uw-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
.uw-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
.uw-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
.uw-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
.uw-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
.uw-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
.uw-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
.uw-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
.uw-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
.uw-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
.uw-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
.uw-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
.uw-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
.uw-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
.uw-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
.uw-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
.uw-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
.uw-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
.uw-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
.uw-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
.uw-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
.uw-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
.uw-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
.uw-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
.uw-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
.uw-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
.uw-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
.uw-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
.uw-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
.uw-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
.uw-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
.uw-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
.uw-outline-sky-50 { outline-color: var(--quanta-sky-50); }
.uw-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
.uw-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
.uw-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
.uw-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
.uw-outline-sky-100 { outline-color: var(--quanta-sky-100); }
.uw-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
.uw-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
.uw-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
.uw-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
.uw-outline-sky-200 { outline-color: var(--quanta-sky-200); }
.uw-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
.uw-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
.uw-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
.uw-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
.uw-outline-sky-300 { outline-color: var(--quanta-sky-300); }
.uw-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
.uw-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
.uw-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
.uw-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
.uw-outline-sky-400 { outline-color: var(--quanta-sky-400); }
.uw-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
.uw-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
.uw-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
.uw-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
.uw-outline-sky-500 { outline-color: var(--quanta-sky-500); }
.uw-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
.uw-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
.uw-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
.uw-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
.uw-outline-sky-600 { outline-color: var(--quanta-sky-600); }
.uw-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
.uw-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
.uw-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
.uw-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
.uw-outline-sky-700 { outline-color: var(--quanta-sky-700); }
.uw-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
.uw-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
.uw-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
.uw-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
.uw-outline-sky-800 { outline-color: var(--quanta-sky-800); }
.uw-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
.uw-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
.uw-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
.uw-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
.uw-outline-sky-900 { outline-color: var(--quanta-sky-900); }
.uw-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
.uw-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
.uw-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
.uw-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
.uw-outline-violet-50 { outline-color: var(--quanta-violet-50); }
.uw-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
.uw-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
.uw-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
.uw-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
.uw-outline-violet-100 { outline-color: var(--quanta-violet-100); }
.uw-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
.uw-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
.uw-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
.uw-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
.uw-outline-violet-200 { outline-color: var(--quanta-violet-200); }
.uw-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
.uw-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
.uw-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
.uw-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
.uw-outline-violet-300 { outline-color: var(--quanta-violet-300); }
.uw-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
.uw-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
.uw-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
.uw-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
.uw-outline-violet-400 { outline-color: var(--quanta-violet-400); }
.uw-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
.uw-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
.uw-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
.uw-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
.uw-outline-violet-500 { outline-color: var(--quanta-violet-500); }
.uw-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
.uw-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
.uw-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
.uw-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
.uw-outline-violet-600 { outline-color: var(--quanta-violet-600); }
.uw-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
.uw-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
.uw-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
.uw-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
.uw-outline-violet-700 { outline-color: var(--quanta-violet-700); }
.uw-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
.uw-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
.uw-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
.uw-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
.uw-outline-violet-800 { outline-color: var(--quanta-violet-800); }
.uw-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
.uw-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
.uw-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
.uw-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
.uw-outline-violet-900 { outline-color: var(--quanta-violet-900); }
.uw-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
.uw-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
.uw-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
.uw-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
.uw-outline-rose-50 { outline-color: var(--quanta-rose-50); }
.uw-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
.uw-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
.uw-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
.uw-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
.uw-outline-rose-100 { outline-color: var(--quanta-rose-100); }
.uw-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
.uw-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
.uw-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
.uw-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
.uw-outline-rose-200 { outline-color: var(--quanta-rose-200); }
.uw-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
.uw-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
.uw-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
.uw-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
.uw-outline-rose-300 { outline-color: var(--quanta-rose-300); }
.uw-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
.uw-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
.uw-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
.uw-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
.uw-outline-rose-400 { outline-color: var(--quanta-rose-400); }
.uw-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
.uw-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
.uw-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
.uw-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
.uw-outline-rose-500 { outline-color: var(--quanta-rose-500); }
.uw-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
.uw-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
.uw-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
.uw-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
.uw-outline-rose-600 { outline-color: var(--quanta-rose-600); }
.uw-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
.uw-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
.uw-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
.uw-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
.uw-outline-rose-700 { outline-color: var(--quanta-rose-700); }
.uw-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
.uw-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
.uw-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
.uw-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
.uw-outline-rose-800 { outline-color: var(--quanta-rose-800); }
.uw-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
.uw-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
.uw-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
.uw-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
.uw-outline-rose-900 { outline-color: var(--quanta-rose-900); }
.uw-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
.uw-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
.uw-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
.uw-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
.uw-outline-slate-50 { outline-color: var(--quanta-slate-50); }
.uw-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
.uw-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
.uw-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
.uw-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
.uw-outline-slate-100 { outline-color: var(--quanta-slate-100); }
.uw-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
.uw-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
.uw-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
.uw-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
.uw-outline-slate-200 { outline-color: var(--quanta-slate-200); }
.uw-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
.uw-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
.uw-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
.uw-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
.uw-outline-slate-300 { outline-color: var(--quanta-slate-300); }
.uw-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
.uw-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
.uw-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
.uw-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
.uw-outline-slate-400 { outline-color: var(--quanta-slate-400); }
.uw-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
.uw-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
.uw-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
.uw-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
.uw-outline-slate-500 { outline-color: var(--quanta-slate-500); }
.uw-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
.uw-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
.uw-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
.uw-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
.uw-outline-slate-600 { outline-color: var(--quanta-slate-600); }
.uw-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
.uw-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
.uw-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
.uw-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
.uw-outline-slate-700 { outline-color: var(--quanta-slate-700); }
.uw-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
.uw-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
.uw-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
.uw-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
.uw-outline-slate-800 { outline-color: var(--quanta-slate-800); }
.uw-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
.uw-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
.uw-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
.uw-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
.uw-outline-slate-900 { outline-color: var(--quanta-slate-900); }
.uw-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
.uw-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
.uw-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
.uw-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
.uw-outline-blue-50 { outline-color: var(--quanta-blue-50); }
.uw-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
.uw-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
.uw-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
.uw-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
.uw-outline-blue-100 { outline-color: var(--quanta-blue-100); }
.uw-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
.uw-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
.uw-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
.uw-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
.uw-outline-blue-200 { outline-color: var(--quanta-blue-200); }
.uw-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
.uw-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
.uw-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
.uw-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
.uw-outline-blue-300 { outline-color: var(--quanta-blue-300); }
.uw-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
.uw-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
.uw-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
.uw-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
.uw-outline-blue-400 { outline-color: var(--quanta-blue-400); }
.uw-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
.uw-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
.uw-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
.uw-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
.uw-outline-blue-500 { outline-color: var(--quanta-blue-500); }
.uw-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
.uw-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
.uw-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
.uw-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
.uw-outline-blue-600 { outline-color: var(--quanta-blue-600); }
.uw-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
.uw-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
.uw-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
.uw-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
.uw-outline-blue-700 { outline-color: var(--quanta-blue-700); }
.uw-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
.uw-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
.uw-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
.uw-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
.uw-outline-blue-800 { outline-color: var(--quanta-blue-800); }
.uw-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
.uw-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
.uw-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
.uw-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
.uw-outline-blue-900 { outline-color: var(--quanta-blue-900); }
.uw-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
.uw-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
.uw-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
.uw-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
.uw-outline-green-50 { outline-color: var(--quanta-green-50); }
.uw-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
.uw-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
.uw-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
.uw-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
.uw-outline-green-100 { outline-color: var(--quanta-green-100); }
.uw-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
.uw-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
.uw-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
.uw-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
.uw-outline-green-200 { outline-color: var(--quanta-green-200); }
.uw-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
.uw-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
.uw-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
.uw-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
.uw-outline-green-300 { outline-color: var(--quanta-green-300); }
.uw-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
.uw-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
.uw-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
.uw-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
.uw-outline-green-400 { outline-color: var(--quanta-green-400); }
.uw-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
.uw-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
.uw-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
.uw-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
.uw-outline-green-500 { outline-color: var(--quanta-green-500); }
.uw-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
.uw-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
.uw-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
.uw-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
.uw-outline-green-600 { outline-color: var(--quanta-green-600); }
.uw-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
.uw-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
.uw-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
.uw-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
.uw-outline-green-700 { outline-color: var(--quanta-green-700); }
.uw-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
.uw-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
.uw-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
.uw-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
.uw-outline-green-800 { outline-color: var(--quanta-green-800); }
.uw-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
.uw-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
.uw-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
.uw-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
.uw-outline-green-900 { outline-color: var(--quanta-green-900); }
.uw-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
.uw-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
.uw-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
.uw-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
.uw-outline-black { outline-color: var(--black); }
.uw-hover-outline-black:hover { outline-color: var(--black); }
.uw-focus-outline-black:focus { outline-color: var(--black); }
.uw-active-outline-black:active { outline-color: var(--black); }
.uw-disabled-outline-black:disabled { outline-color: var(--black); }
.uw-outline-white { outline-color: var(--white); }
.uw-hover-outline-white:hover { outline-color: var(--white); }
.uw-focus-outline-white:focus { outline-color: var(--white); }
.uw-active-outline-white:active { outline-color: var(--white); }
.uw-disabled-outline-white:disabled { outline-color: var(--white); }
.uw-ring-sm { --ring-width: 0.125rem; }
.uw-hover-ring-sm:hover { --ring-width: 0.125rem; }
.uw-focus-ring-sm:focus { --ring-width: 0.125rem; }
.uw-active-ring-sm:active { --ring-width: 0.125rem; }
.uw-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
.uw-ring-md { --ring-width: 0.5rem; }
.uw-hover-ring-md:hover { --ring-width: 0.5rem; }
.uw-focus-ring-md:focus { --ring-width: 0.5rem; }
.uw-active-ring-md:active { --ring-width: 0.5rem; }
.uw-disabled-ring-md:disabled { --ring-width: 0.5rem; }
.uw-ring-lg { --ring-width: 1rem; }
.uw-hover-ring-lg:hover { --ring-width: 1rem; }
.uw-focus-ring-lg:focus { --ring-width: 1rem; }
.uw-active-ring-lg:active { --ring-width: 1rem; }
.uw-disabled-ring-lg:disabled { --ring-width: 1rem; }
.uw-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.uw-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.uw-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.uw-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.uw-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
.uw-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
.uw-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
.uw-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
.uw-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
.uw-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
.uw-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
.uw-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
.uw-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
.uw-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
.uw-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
.uw-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
.uw-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
.uw-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
.uw-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
.uw-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
.uw-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
.uw-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
.uw-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
.uw-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
.uw-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
.uw-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
.uw-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
.uw-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
.uw-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
.uw-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
.uw-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
.uw-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
.uw-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
.uw-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
.uw-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
.uw-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
.uw-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
.uw-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
.uw-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
.uw-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
.uw-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
.uw-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
.uw-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
.uw-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
.uw-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
.uw-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
.uw-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
.uw-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
.uw-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
.uw-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
.uw-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
.uw-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
.uw-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
.uw-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
.uw-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
.uw-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
.uw-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
.uw-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
.uw-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
.uw-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
.uw-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
.uw-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
.uw-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
.uw-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
.uw-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
.uw-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
.uw-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
.uw-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
.uw-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
.uw-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
.uw-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
.uw-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
.uw-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
.uw-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
.uw-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
.uw-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
.uw-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
.uw-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
.uw-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
.uw-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
.uw-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
.uw-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
.uw-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
.uw-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
.uw-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
.uw-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
.uw-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
.uw-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
.uw-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
.uw-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
.uw-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
.uw-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
.uw-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
.uw-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
.uw-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
.uw-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
.uw-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
.uw-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
.uw-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
.uw-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
.uw-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
.uw-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
.uw-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
.uw-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
.uw-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
.uw-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
.uw-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
.uw-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
.uw-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
.uw-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
.uw-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
.uw-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
.uw-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
.uw-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
.uw-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
.uw-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
.uw-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
.uw-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
.uw-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
.uw-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
.uw-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
.uw-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
.uw-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
.uw-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
.uw-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
.uw-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
.uw-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
.uw-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
.uw-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
.uw-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
.uw-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
.uw-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
.uw-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
.uw-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
.uw-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
.uw-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
.uw-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
.uw-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
.uw-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
.uw-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
.uw-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
.uw-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
.uw-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
.uw-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
.uw-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
.uw-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
.uw-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
.uw-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
.uw-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
.uw-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
.uw-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
.uw-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
.uw-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
.uw-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
.uw-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
.uw-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
.uw-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
.uw-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
.uw-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
.uw-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
.uw-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
.uw-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
.uw-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
.uw-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
.uw-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
.uw-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
.uw-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
.uw-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
.uw-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
.uw-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
.uw-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
.uw-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
.uw-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
.uw-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
.uw-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
.uw-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
.uw-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
.uw-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
.uw-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
.uw-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
.uw-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
.uw-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
.uw-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
.uw-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
.uw-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
.uw-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
.uw-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
.uw-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
.uw-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
.uw-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
.uw-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
.uw-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
.uw-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
.uw-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
.uw-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
.uw-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
.uw-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
.uw-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
.uw-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
.uw-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
.uw-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
.uw-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
.uw-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
.uw-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
.uw-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
.uw-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
.uw-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
.uw-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
.uw-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
.uw-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
.uw-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
.uw-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
.uw-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
.uw-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
.uw-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
.uw-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
.uw-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
.uw-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
.uw-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
.uw-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
.uw-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
.uw-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
.uw-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
.uw-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
.uw-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
.uw-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
.uw-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
.uw-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
.uw-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
.uw-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
.uw-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
.uw-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
.uw-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
.uw-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
.uw-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
.uw-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
.uw-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
.uw-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
.uw-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
.uw-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
.uw-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
.uw-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
.uw-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
.uw-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
.uw-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
.uw-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
.uw-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
.uw-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
.uw-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
.uw-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
.uw-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
.uw-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
.uw-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
.uw-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
.uw-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
.uw-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
.uw-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
.uw-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
.uw-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
.uw-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
.uw-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
.uw-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
.uw-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
.uw-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
.uw-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
.uw-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
.uw-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
.uw-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
.uw-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
.uw-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
.uw-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
.uw-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
.uw-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
.uw-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
.uw-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
.uw-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
.uw-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
.uw-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
.uw-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
.uw-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
.uw-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
.uw-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
.uw-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
.uw-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
.uw-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
.uw-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
.uw-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
.uw-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
.uw-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
.uw-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
.uw-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
.uw-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
.uw-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
.uw-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
.uw-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
.uw-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
.uw-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
.uw-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
.uw-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
.uw-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
.uw-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
.uw-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
.uw-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
.uw-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
.uw-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
.uw-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
.uw-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
.uw-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
.uw-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
.uw-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
.uw-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
.uw-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
.uw-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
.uw-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
.uw-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
.uw-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
.uw-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
.uw-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
.uw-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
.uw-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
.uw-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
.uw-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
.uw-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
.uw-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
.uw-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
.uw-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
.uw-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
.uw-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
.uw-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
.uw-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
.uw-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
.uw-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
.uw-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
.uw-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
.uw-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
.uw-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
.uw-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
.uw-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
.uw-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
.uw-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
.uw-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
.uw-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
.uw-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
.uw-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
.uw-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
.uw-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
.uw-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
.uw-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
.uw-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
.uw-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
.uw-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
.uw-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
.uw-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
.uw-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
.uw-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
.uw-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
.uw-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
.uw-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
.uw-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
.uw-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
.uw-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
.uw-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
.uw-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
.uw-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
.uw-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
.uw-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
.uw-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
.uw-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
.uw-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
.uw-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
.uw-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
.uw-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
.uw-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
.uw-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
.uw-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
.uw-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
.uw-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
.uw-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
.uw-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
.uw-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
.uw-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
.uw-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
.uw-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
.uw-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
.uw-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
.uw-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
.uw-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
.uw-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
.uw-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
.uw-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
.uw-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
.uw-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
.uw-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
.uw-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
.uw-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
.uw-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
.uw-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
.uw-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
.uw-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
.uw-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
.uw-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
.uw-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
.uw-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
.uw-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
.uw-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
.uw-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
.uw-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
.uw-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
.uw-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
.uw-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
.uw-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
.uw-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
.uw-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
.uw-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
.uw-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
.uw-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
.uw-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
.uw-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
.uw-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
.uw-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
.uw-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
.uw-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
.uw-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
.uw-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
.uw-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
.uw-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
.uw-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
.uw-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
.uw-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
.uw-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
.uw-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
.uw-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
.uw-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
.uw-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
.uw-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
.uw-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
.uw-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
.uw-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
.uw-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
.uw-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
.uw-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
.uw-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
.uw-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
.uw-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
.uw-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
.uw-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
.uw-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
.uw-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
.uw-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
.uw-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
.uw-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
.uw-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
.uw-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
.uw-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
.uw-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
.uw-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
.uw-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
.uw-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
.uw-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
.uw-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
.uw-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
.uw-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
.uw-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
.uw-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
.uw-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
.uw-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
.uw-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
.uw-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
.uw-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
.uw-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
.uw-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
.uw-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
.uw-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
.uw-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
.uw-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
.uw-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
.uw-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
.uw-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
.uw-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
.uw-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
.uw-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
.uw-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
.uw-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
.uw-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
.uw-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
.uw-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
.uw-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
.uw-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
.uw-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
.uw-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
.uw-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
.uw-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
.uw-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
.uw-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
.uw-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
.uw-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
.uw-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
.uw-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
.uw-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
.uw-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
.uw-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
.uw-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
.uw-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
.uw-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
.uw-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
.uw-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
.uw-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
.uw-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
.uw-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
.uw-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
.uw-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
.uw-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
.uw-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
.uw-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
.uw-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
.uw-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
.uw-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
.uw-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
.uw-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
.uw-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
.uw-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
.uw-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
.uw-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
.uw-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
.uw-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
.uw-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
.uw-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
.uw-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
.uw-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
.uw-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
.uw-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
.uw-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
.uw-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
.uw-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
.uw-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
.uw-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
.uw-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
.uw-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
.uw-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
.uw-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
.uw-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
.uw-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
.uw-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
.uw-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
.uw-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
.uw-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
.uw-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
.uw-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
.uw-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
.uw-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
.uw-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
.uw-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
.uw-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
.uw-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
.uw-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
.uw-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
.uw-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
.uw-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
.uw-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
.uw-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
.uw-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
.uw-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
.uw-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
.uw-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
.uw-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
.uw-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
.uw-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
.uw-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
.uw-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
.uw-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
.uw-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
.uw-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
.uw-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
.uw-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
.uw-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
.uw-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
.uw-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
.uw-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
.uw-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
.uw-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
.uw-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
.uw-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
.uw-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
.uw-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
.uw-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
.uw-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
.uw-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
.uw-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
.uw-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
.uw-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
.uw-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
.uw-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
.uw-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
.uw-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
.uw-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
.uw-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
.uw-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
.uw-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
.uw-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
.uw-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
.uw-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
.uw-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
.uw-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
.uw-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
.uw-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
.uw-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
.uw-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
.uw-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
.uw-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
.uw-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
.uw-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
.uw-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
.uw-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
.uw-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
.uw-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
.uw-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
.uw-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
.uw-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
.uw-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
.uw-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
.uw-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
.uw-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
.uw-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
.uw-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
.uw-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
.uw-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
.uw-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
.uw-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
.uw-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
.uw-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
.uw-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
.uw-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
.uw-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
.uw-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
.uw-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
.uw-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
.uw-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
.uw-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
.uw-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
.uw-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
.uw-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
.uw-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
.uw-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
.uw-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
.uw-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
.uw-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
.uw-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
.uw-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
.uw-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
.uw-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
.uw-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
.uw-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
.uw-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
.uw-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
.uw-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
.uw-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
.uw-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
.uw-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
.uw-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
.uw-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
.uw-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
.uw-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
.uw-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
.uw-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
.uw-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
.uw-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
.uw-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
.uw-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
.uw-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
.uw-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
.uw-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
.uw-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
.uw-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
.uw-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
.uw-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
.uw-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
.uw-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
.uw-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
.uw-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
.uw-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
.uw-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
.uw-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
.uw-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
.uw-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
.uw-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
.uw-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
.uw-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
.uw-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
.uw-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
.uw-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
.uw-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
.uw-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
.uw-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
.uw-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
.uw-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
.uw-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
.uw-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
.uw-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
.uw-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
.uw-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
.uw-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
.uw-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
.uw-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
.uw-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
.uw-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
.uw-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
.uw-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
.uw-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
.uw-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
.uw-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
.uw-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
.uw-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
.uw-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
.uw-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
.uw-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
.uw-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
.uw-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
.uw-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
.uw-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
.uw-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
.uw-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
.uw-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
.uw-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
.uw-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
.uw-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
.uw-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
.uw-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
.uw-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
.uw-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
.uw-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
.uw-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
.uw-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
.uw-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
.uw-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
.uw-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
.uw-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
.uw-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
.uw-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
.uw-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
.uw-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
.uw-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
.uw-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
.uw-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
.uw-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
.uw-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
.uw-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
.uw-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
.uw-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
.uw-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
.uw-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
.uw-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
.uw-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
.uw-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
.uw-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
.uw-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
.uw-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
.uw-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
.uw-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
.uw-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
.uw-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
.uw-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
.uw-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
.uw-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
.uw-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
.uw-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
.uw-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
.uw-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
.uw-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
.uw-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
.uw-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
.uw-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
.uw-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
.uw-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
.uw-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
.uw-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
.uw-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
.uw-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
.uw-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
.uw-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
.uw-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
.uw-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
.uw-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
.uw-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
.uw-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
.uw-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
.uw-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
.uw-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
.uw-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
.uw-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
.uw-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
.uw-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
.uw-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
.uw-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
.uw-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
.uw-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
.uw-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
.uw-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
.uw-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
.uw-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
.uw-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
.uw-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
.uw-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
.uw-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
.uw-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
.uw-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
.uw-ring-black { --quanta-ring-color: var(--black); }
.uw-hover-ring-black:hover { --quanta-ring-color: var(--black); }
.uw-focus-ring-black:focus { --quanta-ring-color: var(--black); }
.uw-active-ring-black:active { --quanta-ring-color: var(--black); }
.uw-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
.uw-ring-white { --quanta-ring-color: var(--white); }
.uw-hover-ring-white:hover { --quanta-ring-color: var(--white); }
.uw-focus-ring-white:focus { --quanta-ring-color: var(--white); }
.uw-active-ring-white:active { --quanta-ring-color: var(--white); }
.uw-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
.uw-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
.uw-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
.uw-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
.uw-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
.uw-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
.uw-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
.uw-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
.uw-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
.uw-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
.uw-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
.uw-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
.uw-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
.uw-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
.uw-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
.uw-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
.uw-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
.uw-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
.uw-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
.uw-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
.uw-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
.uw-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
.uw-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
.uw-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
.uw-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
.uw-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
.uw-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
.uw-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
.uw-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
.uw-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
.uw-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
.uw-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
.uw-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
.uw-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
.uw-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
.uw-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
.uw-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
.uw-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
.uw-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
.uw-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
.uw-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
.uw-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
.uw-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
.uw-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
.uw-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
.uw-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
.uw-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
.uw-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
.uw-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
.uw-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
.uw-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
.uw-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
.uw-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
.uw-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
.uw-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
.uw-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
.uw-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
.uw-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
.uw-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
.uw-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
.uw-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
.uw-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
.uw-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
.uw-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
.uw-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
.uw-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
.uw-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
.uw-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
.uw-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
.uw-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
.uw-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
.uw-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
.uw-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
.uw-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
.uw-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
.uw-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
.uw-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
.uw-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
.uw-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
.uw-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
.uw-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
.uw-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
.uw-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
.uw-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
.uw-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
.uw-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
.uw-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
.uw-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
.uw-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
.uw-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
.uw-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
.uw-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
.uw-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
.uw-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
.uw-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
.uw-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
.uw-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
.uw-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
.uw-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
.uw-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
.uw-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
.uw-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
.uw-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
.uw-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
.uw-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
.uw-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
.uw-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
.uw-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
.uw-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
.uw-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
.uw-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
.uw-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
.uw-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
.uw-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
.uw-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
.uw-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
.uw-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
.uw-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
.uw-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
.uw-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
.uw-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
.uw-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
.uw-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
.uw-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
.uw-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
.uw-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
.uw-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
.uw-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
.uw-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
.uw-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
.uw-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
.uw-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
.uw-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
.uw-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
.uw-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
.uw-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
.uw-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
.uw-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
.uw-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
.uw-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
.uw-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
.uw-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
.uw-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
.uw-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
.uw-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
.uw-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
.uw-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
.uw-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
.uw-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
.uw-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
.uw-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
.uw-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
.uw-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
.uw-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
.uw-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
.uw-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
.uw-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
.uw-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
.uw-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
.uw-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
.uw-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
.uw-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
.uw-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
.uw-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
.uw-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
.uw-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
.uw-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
.uw-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
.uw-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
.uw-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
.uw-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
.uw-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
.uw-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
.uw-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
.uw-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
.uw-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
.uw-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
.uw-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
.uw-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
.uw-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
.uw-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
.uw-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
.uw-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
.uw-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
.uw-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
.uw-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
.uw-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
.uw-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
.uw-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
.uw-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
.uw-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
.uw-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
.uw-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
.uw-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
.uw-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
.uw-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
.uw-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
.uw-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
.uw-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
.uw-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
.uw-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
.uw-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
.uw-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
.uw-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
.uw-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
.uw-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
.uw-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
.uw-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
.uw-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
.uw-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
.uw-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
.uw-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
.uw-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
.uw-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
.uw-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
.uw-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
.uw-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
.uw-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
.uw-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
.uw-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
.uw-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
.uw-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
.uw-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
.uw-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
.uw-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
.uw-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
.uw-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
.uw-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
.uw-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
.uw-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
.uw-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
.uw-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
.uw-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
.uw-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
.uw-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
.uw-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
.uw-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
.uw-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
.uw-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
.uw-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
.uw-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
.uw-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
.uw-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
.uw-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
.uw-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
.uw-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
.uw-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
.uw-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
.uw-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
.uw-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
.uw-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
.uw-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
.uw-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
.uw-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
.uw-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
.uw-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
.uw-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
.uw-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
.uw-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
.uw-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
.uw-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
.uw-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
.uw-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
.uw-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
.uw-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
.uw-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
.uw-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
.uw-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
.uw-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
.uw-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
.uw-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
.uw-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
.uw-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
.uw-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
.uw-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
.uw-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
.uw-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
.uw-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
.uw-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
.uw-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
.uw-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
.uw-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
.uw-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
.uw-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
.uw-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
.uw-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
.uw-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
.uw-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
.uw-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
.uw-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
.uw-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
.uw-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
.uw-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
.uw-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
.uw-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
.uw-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
.uw-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
.uw-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
.uw-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
.uw-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
.uw-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
.uw-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
.uw-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
.uw-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
.uw-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
.uw-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
.uw-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
.uw-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
.uw-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
.uw-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
.uw-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
.uw-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
.uw-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
.uw-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
.uw-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
.uw-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
.uw-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
.uw-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
.uw-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
.uw-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
.uw-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
.uw-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
.uw-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
.uw-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
.uw-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
.uw-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
.uw-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
.uw-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
.uw-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
.uw-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
.uw-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
.uw-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
.uw-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
.uw-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
.uw-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
.uw-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
.uw-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
.uw-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
.uw-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
.uw-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
.uw-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
.uw-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
.uw-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
.uw-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
.uw-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
.uw-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
.uw-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
.uw-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
.uw-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
.uw-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
.uw-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
.uw-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
.uw-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
.uw-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
.uw-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
.uw-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
.uw-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
.uw-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
.uw-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
.uw-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
.uw-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
.uw-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
.uw-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
.uw-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
.uw-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
.uw-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
.uw-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
.uw-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
.uw-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
.uw-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
.uw-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
.uw-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
.uw-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
.uw-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
.uw-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
.uw-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
.uw-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
.uw-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
.uw-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
.uw-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
.uw-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
.uw-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
.uw-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
.uw-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
.uw-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
.uw-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
.uw-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
.uw-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
.uw-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
.uw-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
.uw-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
.uw-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
.uw-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
.uw-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
.uw-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
.uw-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
.uw-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
.uw-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
.uw-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
.uw-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
.uw-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
.uw-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
.uw-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
.uw-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
.uw-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
.uw-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
.uw-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
.uw-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
.uw-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
.uw-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
.uw-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
.uw-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
.uw-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
.uw-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
.uw-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
.uw-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
.uw-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
.uw-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
.uw-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
.uw-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
.uw-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
.uw-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
.uw-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
.uw-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
.uw-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
.uw-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
.uw-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
.uw-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
.uw-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
.uw-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
.uw-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
.uw-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
.uw-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
.uw-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
.uw-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
.uw-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
.uw-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
.uw-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
.uw-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
.uw-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
.uw-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
.uw-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
.uw-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
.uw-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
.uw-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
.uw-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
.uw-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
.uw-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
.uw-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
.uw-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
.uw-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
.uw-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
.uw-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
.uw-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
.uw-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
.uw-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
.uw-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
.uw-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
.uw-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
.uw-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
.uw-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
.uw-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
.uw-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
.uw-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
.uw-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
.uw-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
.uw-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
.uw-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
.uw-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
.uw-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
.uw-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
.uw-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
.uw-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
.uw-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
.uw-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
.uw-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
.uw-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
.uw-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
.uw-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
.uw-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
.uw-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
.uw-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
.uw-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
.uw-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
.uw-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
.uw-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
.uw-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
.uw-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
.uw-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
.uw-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
.uw-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
.uw-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
.uw-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
.uw-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
.uw-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
.uw-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
.uw-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
.uw-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
.uw-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
.uw-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
.uw-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
.uw-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
.uw-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
.uw-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
.uw-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
.uw-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
.uw-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
.uw-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
.uw-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
.uw-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
.uw-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
.uw-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
.uw-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
.uw-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
.uw-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
.uw-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
.uw-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
.uw-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
.uw-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
.uw-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
.uw-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
.uw-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
.uw-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
.uw-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
.uw-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
.uw-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
.uw-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
.uw-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
.uw-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
.uw-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
.uw-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
.uw-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
.uw-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
.uw-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
.uw-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
.uw-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
.uw-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
.uw-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
.uw-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
.uw-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
.uw-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
.uw-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
.uw-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
.uw-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
.uw-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
.uw-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
.uw-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
.uw-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
.uw-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
.uw-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
.uw-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
.uw-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
.uw-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
.uw-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
.uw-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
.uw-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
.uw-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
.uw-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
.uw-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
.uw-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
.uw-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
.uw-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
.uw-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
.uw-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
.uw-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
.uw-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
.uw-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
.uw-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
.uw-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
.uw-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
.uw-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
.uw-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
.uw-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
.uw-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
.uw-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
.uw-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
.uw-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
.uw-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
.uw-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
.uw-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
.uw-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
.uw-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
.uw-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
.uw-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
.uw-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
.uw-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
.uw-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
.uw-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
.uw-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
.uw-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
.uw-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
.uw-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
.uw-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
.uw-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
.uw-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
.uw-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
.uw-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
.uw-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
.uw-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
.uw-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
.uw-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
.uw-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
.uw-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
.uw-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
.uw-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
.uw-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
.uw-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
.uw-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
.uw-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
.uw-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
.uw-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
.uw-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
.uw-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
.uw-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
.uw-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
.uw-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
.uw-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
.uw-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
.uw-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
.uw-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
.uw-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
.uw-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
.uw-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
.uw-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
.uw-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
.uw-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
.uw-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
.uw-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
.uw-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
.uw-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
.uw-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
.uw-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
.uw-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
.uw-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
.uw-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
.uw-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
.uw-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
.uw-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
.uw-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
.uw-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
.uw-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
.uw-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
.uw-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
.uw-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
.uw-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
.uw-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
.uw-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
.uw-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
.uw-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
.uw-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
.uw-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
.uw-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
.uw-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
.uw-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
.uw-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
.uw-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
.uw-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
.uw-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
.uw-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
.uw-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
.uw-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
.uw-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
.uw-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
.uw-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
.uw-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
.uw-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
.uw-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
.uw-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
.uw-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
.uw-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
.uw-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
.uw-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
.uw-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
.uw-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
.uw-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
.uw-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
.uw-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
.uw-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
.uw-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
.uw-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
.uw-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
.uw-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
.uw-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
.uw-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
.uw-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
.uw-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
.uw-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
.uw-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
.uw-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
.uw-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
.uw-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
.uw-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
.uw-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
.uw-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
.uw-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
.uw-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
.uw-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
.uw-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
.uw-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
.uw-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
.uw-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
.uw-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
.uw-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
.uw-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
.uw-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
.uw-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
.uw-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
.uw-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
.uw-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
.uw-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
.uw-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
.uw-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
.uw-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
.uw-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
.uw-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
.uw-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
.uw-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
.uw-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
.uw-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
.uw-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
.uw-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
.uw-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
.uw-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
.uw-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
.uw-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
.uw-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
.uw-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
.uw-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
.uw-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
.uw-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
.uw-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
.uw-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
.uw-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
.uw-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
.uw-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
.uw-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
.uw-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
.uw-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
.uw-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
.uw-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
.uw-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
.uw-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
.uw-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
.uw-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
.uw-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
.uw-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
.uw-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
.uw-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
.uw-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
.uw-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
.uw-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
.uw-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
.uw-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
.uw-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
.uw-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
.uw-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
.uw-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
.uw-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
.uw-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
.uw-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
.uw-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
.uw-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
.uw-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
.uw-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
.uw-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
.uw-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
.uw-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
.uw-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
.uw-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
.uw-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
.uw-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
.uw-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
.uw-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
.uw-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
.uw-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
.uw-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
.uw-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
.uw-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
.uw-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
.uw-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
.uw-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
.uw-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
.uw-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
.uw-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
.uw-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
.uw-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
.uw-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
.uw-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
.uw-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
.uw-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
.uw-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
.uw-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
.uw-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
.uw-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
.uw-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
.uw-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
.uw-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
.uw-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
.uw-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
.uw-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
.uw-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
.uw-shadow-color-black { --shadow-color: var(--black); }
.uw-hover-shadow-color-black:hover { --shadow-color: var(--black); }
.uw-focus-shadow-color-black:focus { --shadow-color: var(--black); }
.uw-active-shadow-color-black:active { --shadow-color: var(--black); }
.uw-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
.uw-shadow-color-white { --shadow-color: var(--white); }
.uw-hover-shadow-color-white:hover { --shadow-color: var(--white); }
.uw-focus-shadow-color-white:focus { --shadow-color: var(--white); }
.uw-active-shadow-color-white:active { --shadow-color: var(--white); }
.uw-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
.uw-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
.uw-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
.uw-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
.uw-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
.uw-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
.uw-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
.uw-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
.uw-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
.uw-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
.uw-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
.uw-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
.uw-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
.uw-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
.uw-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
.uw-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
.uw-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
.uw-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
.uw-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
.uw-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
.uw-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
.uw-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
.uw-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
.uw-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
.uw-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
.uw-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
.uw-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
.uw-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
.uw-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
.uw-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
.uw-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
.uw-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
.uw-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
.uw-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
.uw-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
.uw-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
.uw-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
.uw-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
.uw-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
.uw-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
.uw-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
.uw-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
.uw-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
.uw-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
.uw-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
.uw-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
.uw-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
.uw-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
.uw-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
.uw-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
.uw-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
.uw-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
.uw-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
.uw-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
.uw-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
.uw-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
.uw-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
.uw-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
.uw-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
.uw-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
.uw-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
.uw-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
.uw-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
.uw-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
.uw-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
.uw-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
.uw-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
.uw-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
.uw-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
.uw-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
.uw-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
.uw-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
.uw-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
.uw-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
.uw-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
.uw-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
.uw-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
.uw-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
.uw-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
.uw-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
.uw-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
.uw-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
.uw-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
.uw-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
.uw-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
.uw-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
.uw-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
.uw-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
.uw-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
.uw-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
.uw-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
.uw-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
.uw-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
.uw-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
.uw-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
.uw-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
.uw-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
.uw-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
.uw-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
.uw-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
.uw-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
.uw-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
.uw-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
.uw-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
.uw-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
.uw-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
.uw-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
.uw-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
.uw-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
.uw-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
.uw-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
.uw-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
.uw-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
.uw-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
.uw-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
.uw-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
.uw-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
.uw-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
.uw-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
.uw-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
.uw-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
.uw-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
.uw-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
.uw-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
.uw-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
.uw-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
.uw-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
.uw-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
.uw-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
.uw-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
.uw-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
.uw-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
.uw-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
.uw-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
.uw-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
.uw-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
.uw-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
.uw-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
.uw-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
.uw-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
.uw-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
.uw-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
.uw-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
.uw-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
.uw-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
.uw-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
.uw-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
.uw-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
.uw-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
.uw-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
.uw-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
.uw-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
.uw-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
.uw-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
.uw-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
.uw-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
.uw-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
.uw-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
.uw-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
.uw-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
.uw-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
.uw-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
.uw-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
.uw-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
.uw-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
.uw-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
.uw-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
.uw-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
.uw-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
.uw-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
.uw-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
.uw-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
.uw-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
.uw-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
.uw-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
.uw-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
.uw-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
.uw-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
.uw-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
.uw-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
.uw-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
.uw-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
.uw-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
.uw-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
.uw-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
.uw-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
.uw-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
.uw-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
.uw-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
.uw-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
.uw-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
.uw-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
.uw-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
.uw-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
.uw-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
.uw-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
.uw-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
.uw-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
.uw-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
.uw-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
.uw-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
.uw-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
.uw-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
.uw-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
.uw-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
.uw-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
.uw-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
.uw-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
.uw-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
.uw-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
.uw-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
.uw-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
.uw-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
.uw-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
.uw-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
.uw-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
.uw-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
.uw-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
.uw-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
.uw-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
.uw-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
.uw-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
.uw-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
.uw-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
.uw-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
.uw-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
.uw-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
.uw-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
.uw-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
.uw-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
.uw-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
.uw-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
.uw-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
.uw-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
.uw-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
.uw-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
.uw-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
.uw-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
.uw-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
.uw-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
.uw-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
.uw-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
.uw-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
.uw-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
.uw-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
.uw-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
.uw-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
.uw-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
.uw-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
.uw-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
.uw-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
.uw-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
.uw-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
.uw-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
.uw-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
.uw-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
.uw-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
.uw-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
.uw-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
.uw-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
.uw-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
.uw-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
.uw-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
.uw-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
.uw-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
.uw-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
.uw-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
.uw-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
.uw-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
.uw-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
.uw-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
.uw-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
.uw-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
.uw-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
.uw-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
.uw-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
.uw-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
.uw-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
.uw-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
.uw-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
.uw-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
.uw-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
.uw-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
.uw-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
.uw-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
.uw-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
.uw-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
.uw-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
.uw-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
.uw-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
.uw-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
.uw-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
.uw-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
.uw-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
.uw-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
.uw-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
.uw-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
.uw-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
.uw-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
.uw-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
.uw-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
.uw-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
.uw-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
.uw-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
.uw-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
.uw-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
.uw-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
.uw-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
.uw-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
.uw-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
.uw-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
.uw-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
.uw-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
.uw-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
.uw-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
.uw-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
.uw-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
.uw-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
.uw-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
.uw-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
.uw-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
.uw-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
.uw-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
.uw-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
.uw-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
.uw-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
.uw-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
.uw-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
.uw-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
.uw-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
.uw-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
.uw-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
.uw-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
.uw-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
.uw-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
.uw-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
.uw-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
.uw-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
.uw-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
.uw-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
.uw-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
.uw-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
.uw-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
.uw-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
.uw-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
.uw-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
.uw-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
.uw-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
.uw-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
.uw-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
.uw-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
.uw-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
.uw-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
.uw-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
.uw-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
.uw-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
.uw-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
.uw-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
.uw-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
.uw-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
.uw-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
.uw-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
.uw-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
.uw-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
.uw-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
.uw-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
.uw-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
.uw-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
.uw-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
.uw-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
.uw-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
.uw-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
.uw-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
.uw-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
.uw-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
.uw-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
.uw-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
.uw-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
.uw-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
.uw-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
.uw-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
.uw-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
.uw-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
.uw-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
.uw-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
.uw-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
.uw-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
.uw-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
.uw-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
.uw-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
.uw-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
.uw-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
.uw-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
.uw-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
.uw-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
.uw-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
.uw-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
.uw-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
.uw-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
.uw-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
.uw-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
.uw-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
.uw-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
.uw-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
.uw-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
.uw-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
.uw-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
.uw-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
.uw-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
.uw-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
.uw-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
.uw-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
.uw-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
.uw-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
.uw-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
.uw-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
.uw-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
.uw-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
.uw-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
.uw-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
.uw-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
.uw-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
.uw-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
.uw-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
.uw-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
.uw-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
.uw-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
.uw-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
.uw-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
.uw-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
.uw-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
.uw-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
.uw-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
.uw-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
.uw-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
.uw-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
.uw-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
.uw-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
.uw-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
.uw-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
.uw-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
.uw-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
.uw-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
.uw-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
.uw-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
.uw-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
.uw-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
.uw-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
.uw-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
.uw-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
.uw-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
.uw-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
.uw-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
.uw-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
.uw-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
.uw-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
.uw-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
.uw-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
.uw-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
.uw-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
.uw-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
.uw-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
.uw-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
.uw-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
.uw-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
.uw-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
.uw-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
.uw-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
.uw-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
.uw-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
.uw-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
.uw-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
.uw-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
.uw-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
.uw-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
.uw-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
.uw-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
.uw-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
.uw-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
.uw-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
.uw-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
.uw-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
.uw-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
.uw-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
.uw-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
.uw-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
.uw-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
.uw-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
.uw-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
.uw-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
.uw-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
.uw-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
.uw-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
.uw-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
.uw-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
.uw-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
.uw-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
.uw-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
.uw-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
.uw-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
.uw-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
.uw-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
.uw-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
.uw-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
.uw-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
.uw-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
.uw-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
.uw-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
.uw-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
.uw-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
.uw-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
.uw-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
.uw-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
.uw-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
.uw-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
.uw-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
.uw-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
.uw-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
.uw-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
.uw-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
.uw-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
.uw-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
.uw-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
.uw-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
.uw-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
.uw-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
.uw-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
.uw-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
.uw-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
.uw-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
.uw-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
.uw-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
.uw-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
.uw-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
.uw-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
.uw-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
.uw-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
.uw-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
.uw-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
.uw-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
.uw-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
.uw-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
.uw-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
.uw-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
.uw-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
.uw-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
.uw-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
.uw-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
.uw-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
.uw-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
.uw-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
.uw-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
.uw-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
.uw-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
.uw-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
.uw-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
.uw-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
.uw-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
.uw-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
.uw-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
.uw-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
.uw-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
.uw-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
.uw-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
.uw-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
.uw-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
.uw-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
.uw-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
.uw-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
.uw-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
.uw-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
.uw-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
.uw-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
.uw-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
.uw-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
.uw-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
.uw-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
.uw-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
.uw-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
.uw-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
.uw-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
.uw-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
.uw-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
.uw-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
.uw-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
.uw-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
.uw-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
.uw-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
.uw-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
.uw-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
.uw-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
.uw-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
.uw-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
.uw-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
.uw-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
.uw-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
.uw-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
.uw-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
.uw-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
.uw-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
.uw-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
.uw-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
.uw-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
.uw-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
.uw-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
.uw-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
.uw-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
.uw-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
.uw-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
.uw-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
.uw-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
.uw-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
.uw-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
.uw-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
.uw-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
.uw-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
.uw-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
.uw-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
.uw-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
.uw-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
.uw-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
.uw-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
.uw-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
.uw-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
.uw-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
.uw-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
.uw-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
.uw-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
.uw-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
.uw-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
.uw-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
.uw-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
.uw-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
.uw-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
.uw-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
.uw-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
.uw-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
.uw-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
.uw-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
.uw-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
.uw-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
.uw-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
.uw-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
.uw-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
.uw-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
.uw-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
.uw-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
.uw-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
.uw-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
.uw-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
.uw-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
.uw-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
.uw-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
.uw-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
.uw-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
.uw-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
.uw-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
.uw-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
.uw-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
.uw-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
.uw-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
.uw-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
.uw-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
.uw-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
.uw-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
.uw-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
.uw-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
.uw-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
.uw-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
.uw-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
.uw-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
.uw-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
.uw-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
.uw-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
.uw-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
.uw-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
.uw-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
.uw-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
.uw-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
.uw-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
.uw-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
.uw-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
.uw-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
.uw-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
.uw-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
.uw-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
.uw-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
.uw-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
.uw-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
.uw-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
.uw-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
.uw-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
.uw-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
.uw-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
.uw-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
.uw-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
.uw-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
.uw-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
.uw-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
.uw-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
.uw-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
.uw-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
.uw-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
.uw-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
.uw-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
.uw-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
.uw-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
.uw-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
.uw-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
.uw-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
.uw-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
.uw-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
.uw-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
.uw-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
.uw-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
.uw-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
.uw-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
.uw-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
.uw-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
.uw-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
.uw-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
.uw-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
.uw-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
.uw-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
.uw-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
.uw-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
.uw-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
.uw-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
.uw-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
.uw-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
.uw-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
.uw-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
.uw-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
.uw-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
.uw-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
.uw-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
.uw-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
.uw-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
.uw-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
.uw-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
.uw-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
.uw-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
.uw-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
.uw-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
.uw-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
.uw-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
.uw-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
.uw-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
.uw-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
.uw-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
.uw-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
.uw-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
.uw-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
.uw-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
.uw-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
.uw-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
.uw-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
.uw-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
.uw-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
.uw-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
.uw-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
.uw-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
.uw-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
.uw-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
.uw-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
.uw-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
.uw-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
.uw-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
.uw-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
.uw-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
.uw-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
.uw-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
.uw-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
.uw-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
.uw-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
.uw-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
.uw-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
.uw-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
.uw-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
.uw-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
.uw-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
.uw-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
.uw-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
.uw-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
.uw-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
.uw-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
.uw-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
.uw-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
.uw-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
.uw-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
.uw-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
.uw-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
.uw-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
.uw-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
.uw-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
.uw-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
.uw-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
.uw-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
.uw-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
.uw-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
.uw-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
.uw-gradient-from-black { --quanta-from-color: var(--black); }
.uw-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
.uw-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
.uw-active-gradient-from-black:active { --quanta-from-color: var(--black); }
.uw-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
.uw-gradient-from-white { --quanta-from-color: var(--white); }
.uw-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
.uw-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
.uw-active-gradient-from-white:active { --quanta-from-color: var(--white); }
.uw-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
.uw-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
.uw-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
.uw-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
.uw-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
.uw-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
.uw-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
.uw-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
.uw-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
.uw-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
.uw-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
.uw-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
.uw-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
.uw-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
.uw-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
.uw-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
.uw-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
.uw-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
.uw-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
.uw-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
.uw-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
.uw-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
.uw-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
.uw-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
.uw-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
.uw-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
.uw-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
.uw-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
.uw-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
.uw-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
.uw-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
.uw-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
.uw-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
.uw-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
.uw-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
.uw-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
.uw-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
.uw-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
.uw-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
.uw-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
.uw-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
.uw-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
.uw-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
.uw-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
.uw-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
.uw-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
.uw-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
.uw-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
.uw-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
.uw-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
.uw-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
.uw-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
.uw-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
.uw-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
.uw-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
.uw-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
.uw-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
.uw-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
.uw-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
.uw-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
.uw-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
.uw-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
.uw-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
.uw-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
.uw-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
.uw-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
.uw-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
.uw-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
.uw-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
.uw-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
.uw-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
.uw-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
.uw-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
.uw-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
.uw-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
.uw-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
.uw-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
.uw-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
.uw-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
.uw-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
.uw-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
.uw-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
.uw-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
.uw-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
.uw-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
.uw-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
.uw-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
.uw-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
.uw-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
.uw-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
.uw-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
.uw-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
.uw-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
.uw-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
.uw-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
.uw-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
.uw-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
.uw-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
.uw-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
.uw-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
.uw-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
.uw-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
.uw-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
.uw-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
.uw-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
.uw-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
.uw-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
.uw-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
.uw-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
.uw-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
.uw-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
.uw-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
.uw-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
.uw-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
.uw-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
.uw-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
.uw-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
.uw-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
.uw-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
.uw-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
.uw-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
.uw-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
.uw-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
.uw-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
.uw-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
.uw-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
.uw-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
.uw-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
.uw-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
.uw-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
.uw-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
.uw-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
.uw-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
.uw-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
.uw-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
.uw-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
.uw-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
.uw-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
.uw-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
.uw-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
.uw-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
.uw-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
.uw-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
.uw-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
.uw-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
.uw-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
.uw-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
.uw-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
.uw-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
.uw-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
.uw-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
.uw-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
.uw-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
.uw-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
.uw-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
.uw-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
.uw-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
.uw-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
.uw-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
.uw-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
.uw-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
.uw-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
.uw-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
.uw-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
.uw-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
.uw-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
.uw-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
.uw-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
.uw-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
.uw-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
.uw-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
.uw-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
.uw-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
.uw-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
.uw-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
.uw-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
.uw-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
.uw-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
.uw-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
.uw-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
.uw-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
.uw-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
.uw-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
.uw-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
.uw-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
.uw-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
.uw-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
.uw-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
.uw-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
.uw-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
.uw-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
.uw-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
.uw-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
.uw-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
.uw-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
.uw-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
.uw-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
.uw-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
.uw-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
.uw-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
.uw-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
.uw-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
.uw-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
.uw-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
.uw-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
.uw-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
.uw-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
.uw-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
.uw-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
.uw-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
.uw-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
.uw-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
.uw-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
.uw-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
.uw-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
.uw-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
.uw-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
.uw-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
.uw-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
.uw-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
.uw-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
.uw-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
.uw-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
.uw-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
.uw-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
.uw-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
.uw-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
.uw-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
.uw-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
.uw-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
.uw-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
.uw-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
.uw-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
.uw-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
.uw-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
.uw-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
.uw-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
.uw-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
.uw-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
.uw-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
.uw-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
.uw-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
.uw-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
.uw-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
.uw-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
.uw-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
.uw-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
.uw-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
.uw-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
.uw-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
.uw-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
.uw-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
.uw-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
.uw-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
.uw-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
.uw-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
.uw-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
.uw-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
.uw-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
.uw-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
.uw-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
.uw-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
.uw-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
.uw-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
.uw-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
.uw-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
.uw-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
.uw-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
.uw-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
.uw-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
.uw-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
.uw-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
.uw-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
.uw-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
.uw-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
.uw-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
.uw-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
.uw-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
.uw-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
.uw-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
.uw-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
.uw-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
.uw-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
.uw-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
.uw-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
.uw-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
.uw-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
.uw-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
.uw-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
.uw-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
.uw-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
.uw-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
.uw-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
.uw-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
.uw-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
.uw-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
.uw-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
.uw-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
.uw-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
.uw-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
.uw-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
.uw-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
.uw-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
.uw-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
.uw-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
.uw-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
.uw-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
.uw-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
.uw-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
.uw-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
.uw-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
.uw-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
.uw-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
.uw-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
.uw-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
.uw-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
.uw-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
.uw-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
.uw-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
.uw-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
.uw-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
.uw-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
.uw-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
.uw-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
.uw-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
.uw-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
.uw-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
.uw-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
.uw-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
.uw-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
.uw-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
.uw-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
.uw-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
.uw-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
.uw-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
.uw-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
.uw-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
.uw-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
.uw-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
.uw-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
.uw-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
.uw-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
.uw-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
.uw-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
.uw-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
.uw-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
.uw-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
.uw-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
.uw-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
.uw-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
.uw-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
.uw-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
.uw-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
.uw-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
.uw-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
.uw-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
.uw-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
.uw-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
.uw-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
.uw-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
.uw-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
.uw-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
.uw-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
.uw-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
.uw-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
.uw-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
.uw-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
.uw-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
.uw-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
.uw-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
.uw-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
.uw-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
.uw-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
.uw-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
.uw-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
.uw-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
.uw-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
.uw-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
.uw-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
.uw-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
.uw-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
.uw-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
.uw-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
.uw-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
.uw-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
.uw-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
.uw-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
.uw-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
.uw-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
.uw-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
.uw-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
.uw-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
.uw-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
.uw-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
.uw-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
.uw-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
.uw-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
.uw-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
.uw-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
.uw-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
.uw-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
.uw-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
.uw-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
.uw-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
.uw-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
.uw-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
.uw-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
.uw-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
.uw-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
.uw-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
.uw-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
.uw-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
.uw-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
.uw-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
.uw-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
.uw-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
.uw-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
.uw-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
.uw-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
.uw-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
.uw-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
.uw-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
.uw-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
.uw-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
.uw-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
.uw-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
.uw-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
.uw-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
.uw-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
.uw-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
.uw-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
.uw-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
.uw-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
.uw-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
.uw-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
.uw-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
.uw-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
.uw-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
.uw-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
.uw-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
.uw-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
.uw-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
.uw-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
.uw-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
.uw-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
.uw-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
.uw-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
.uw-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
.uw-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
.uw-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
.uw-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
.uw-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
.uw-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
.uw-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
.uw-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
.uw-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
.uw-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
.uw-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
.uw-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
.uw-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
.uw-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
.uw-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
.uw-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
.uw-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
.uw-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
.uw-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
.uw-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
.uw-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
.uw-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
.uw-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
.uw-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
.uw-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
.uw-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
.uw-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
.uw-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
.uw-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
.uw-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
.uw-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
.uw-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
.uw-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
.uw-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
.uw-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
.uw-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
.uw-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
.uw-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
.uw-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
.uw-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
.uw-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
.uw-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
.uw-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
.uw-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
.uw-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
.uw-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
.uw-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
.uw-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
.uw-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
.uw-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
.uw-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
.uw-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
.uw-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
.uw-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
.uw-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
.uw-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
.uw-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
.uw-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
.uw-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
.uw-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
.uw-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
.uw-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
.uw-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
.uw-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
.uw-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
.uw-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
.uw-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
.uw-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
.uw-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
.uw-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
.uw-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
.uw-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
.uw-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
.uw-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
.uw-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
.uw-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
.uw-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
.uw-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
.uw-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
.uw-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
.uw-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
.uw-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
.uw-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
.uw-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
.uw-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
.uw-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
.uw-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
.uw-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
.uw-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
.uw-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
.uw-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
.uw-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
.uw-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
.uw-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
.uw-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
.uw-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
.uw-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
.uw-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
.uw-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
.uw-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
.uw-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
.uw-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
.uw-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
.uw-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
.uw-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
.uw-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
.uw-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
.uw-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
.uw-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
.uw-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
.uw-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
.uw-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
.uw-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
.uw-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
.uw-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
.uw-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
.uw-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
.uw-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
.uw-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
.uw-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
.uw-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
.uw-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
.uw-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
.uw-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
.uw-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
.uw-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
.uw-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
.uw-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
.uw-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
.uw-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
.uw-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
.uw-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
.uw-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
.uw-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
.uw-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
.uw-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
.uw-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
.uw-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
.uw-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
.uw-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
.uw-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
.uw-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
.uw-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
.uw-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
.uw-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
.uw-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
.uw-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
.uw-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
.uw-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
.uw-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
.uw-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
.uw-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
.uw-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
.uw-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
.uw-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
.uw-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
.uw-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
.uw-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
.uw-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
.uw-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
.uw-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
.uw-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
.uw-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
.uw-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
.uw-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
.uw-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
.uw-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
.uw-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
.uw-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
.uw-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
.uw-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
.uw-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
.uw-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
.uw-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
.uw-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
.uw-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
.uw-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
.uw-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
.uw-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
.uw-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
.uw-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
.uw-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
.uw-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
.uw-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
.uw-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
.uw-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
.uw-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
.uw-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
.uw-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
.uw-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
.uw-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
.uw-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
.uw-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
.uw-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
.uw-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
.uw-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
.uw-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
.uw-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
.uw-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
.uw-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
.uw-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
.uw-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
.uw-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
.uw-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
.uw-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
.uw-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
.uw-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
.uw-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
.uw-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
.uw-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
.uw-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
.uw-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
.uw-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
.uw-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
.uw-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
.uw-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
.uw-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
.uw-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
.uw-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
.uw-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
.uw-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
.uw-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
.uw-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
.uw-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
.uw-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
.uw-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
.uw-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
.uw-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
.uw-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
.uw-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
.uw-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
.uw-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
.uw-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
.uw-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
.uw-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
.uw-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
.uw-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
.uw-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
.uw-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
.uw-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
.uw-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
.uw-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
.uw-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
.uw-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
.uw-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
.uw-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
.uw-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
.uw-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
.uw-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
.uw-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
.uw-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
.uw-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
.uw-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
.uw-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
.uw-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
.uw-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
.uw-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
.uw-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
.uw-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
.uw-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
.uw-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
.uw-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
.uw-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
.uw-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
.uw-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
.uw-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
.uw-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
.uw-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
.uw-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
.uw-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
.uw-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
.uw-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
.uw-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
.uw-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
.uw-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
.uw-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
.uw-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
.uw-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
.uw-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
.uw-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
.uw-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
.uw-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
.uw-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
.uw-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
.uw-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
.uw-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
.uw-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
.uw-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
.uw-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
.uw-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
.uw-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
.uw-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
.uw-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
.uw-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
.uw-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
.uw-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
.uw-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
.uw-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
.uw-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
.uw-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
.uw-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
.uw-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
.uw-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
.uw-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
.uw-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
.uw-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
.uw-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
.uw-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
.uw-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
.uw-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
.uw-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
.uw-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
.uw-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
.uw-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
.uw-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
.uw-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
.uw-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
.uw-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
.uw-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
.uw-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
.uw-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
.uw-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
.uw-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
.uw-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
.uw-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
.uw-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
.uw-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
.uw-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
.uw-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
.uw-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
.uw-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
.uw-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
.uw-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
.uw-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
.uw-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
.uw-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
.uw-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
.uw-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
.uw-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
.uw-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
.uw-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
.uw-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
.uw-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
.uw-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
.uw-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
.uw-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
.uw-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
.uw-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
.uw-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
.uw-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
.uw-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
.uw-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
.uw-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
.uw-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
.uw-gradient-to-black { --quanta-to-color: var(--black); }
.uw-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
.uw-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
.uw-active-gradient-to-black:active { --quanta-to-color: var(--black); }
.uw-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
.uw-gradient-to-white { --quanta-to-color: var(--white); }
.uw-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
.uw-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
.uw-active-gradient-to-white:active { --quanta-to-color: var(--white); }
.uw-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
.uw-transition-all { transition-property: all; }
.uw-hover-transition-all:hover { transition-property: all; }
.uw-focus-transition-all:focus { transition-property: all; }
.uw-active-transition-all:active { transition-property: all; }
.uw-disabled-transition-all:disabled { transition-property: all; }
.uw-transition-bg { transition-property: background-color; }
.uw-hover-transition-bg:hover { transition-property: background-color; }
.uw-focus-transition-bg:focus { transition-property: background-color; }
.uw-active-transition-bg:active { transition-property: background-color; }
.uw-disabled-transition-bg:disabled { transition-property: background-color; }
.uw-transition-color { transition-property: color; }
.uw-hover-transition-color:hover { transition-property: color; }
.uw-focus-transition-color:focus { transition-property: color; }
.uw-active-transition-color:active { transition-property: color; }
.uw-disabled-transition-color:disabled { transition-property: color; }
.uw-transition-opacity { transition-property: opacity; }
.uw-hover-transition-opacity:hover { transition-property: opacity; }
.uw-focus-transition-opacity:focus { transition-property: opacity; }
.uw-active-transition-opacity:active { transition-property: opacity; }
.uw-disabled-transition-opacity:disabled { transition-property: opacity; }
.uw-transition-transform { transition-property: transform; }
.uw-hover-transition-transform:hover { transition-property: transform; }
.uw-focus-transition-transform:focus { transition-property: transform; }
.uw-active-transition-transform:active { transition-property: transform; }
.uw-disabled-transition-transform:disabled { transition-property: transform; }
.uw-transition-shadow { transition-property: shadow; }
.uw-hover-transition-shadow:hover { transition-property: shadow; }
.uw-focus-transition-shadow:focus { transition-property: shadow; }
.uw-active-transition-shadow:active { transition-property: shadow; }
.uw-disabled-transition-shadow:disabled { transition-property: shadow; }
.uw-transition-border { transition-property: border; }
.uw-hover-transition-border:hover { transition-property: border; }
.uw-focus-transition-border:focus { transition-property: border; }
.uw-active-transition-border:active { transition-property: border; }
.uw-disabled-transition-border:disabled { transition-property: border; }
.uw-duration-75 { transition-duration: 75ms; }
.uw-hover-duration-75:hover { transition-duration: 75ms; }
.uw-focus-duration-75:focus { transition-duration: 75ms; }
.uw-active-duration-75:active { transition-duration: 75ms; }
.uw-disabled-duration-75:disabled { transition-duration: 75ms; }
.uw-duration-100 { transition-duration: 100ms; }
.uw-hover-duration-100:hover { transition-duration: 100ms; }
.uw-focus-duration-100:focus { transition-duration: 100ms; }
.uw-active-duration-100:active { transition-duration: 100ms; }
.uw-disabled-duration-100:disabled { transition-duration: 100ms; }
.uw-duration-150 { transition-duration: 150ms; }
.uw-hover-duration-150:hover { transition-duration: 150ms; }
.uw-focus-duration-150:focus { transition-duration: 150ms; }
.uw-active-duration-150:active { transition-duration: 150ms; }
.uw-disabled-duration-150:disabled { transition-duration: 150ms; }
.uw-duration-200 { transition-duration: 200ms; }
.uw-hover-duration-200:hover { transition-duration: 200ms; }
.uw-focus-duration-200:focus { transition-duration: 200ms; }
.uw-active-duration-200:active { transition-duration: 200ms; }
.uw-disabled-duration-200:disabled { transition-duration: 200ms; }
.uw-duration-300 { transition-duration: 300ms; }
.uw-hover-duration-300:hover { transition-duration: 300ms; }
.uw-focus-duration-300:focus { transition-duration: 300ms; }
.uw-active-duration-300:active { transition-duration: 300ms; }
.uw-disabled-duration-300:disabled { transition-duration: 300ms; }
.uw-duration-500 { transition-duration: 500ms; }
.uw-hover-duration-500:hover { transition-duration: 500ms; }
.uw-focus-duration-500:focus { transition-duration: 500ms; }
.uw-active-duration-500:active { transition-duration: 500ms; }
.uw-disabled-duration-500:disabled { transition-duration: 500ms; }
.uw-duration-700 { transition-duration: 700ms; }
.uw-hover-duration-700:hover { transition-duration: 700ms; }
.uw-focus-duration-700:focus { transition-duration: 700ms; }
.uw-active-duration-700:active { transition-duration: 700ms; }
.uw-disabled-duration-700:disabled { transition-duration: 700ms; }
.uw-duration-1000 { transition-duration: 1000ms; }
.uw-hover-duration-1000:hover { transition-duration: 1000ms; }
.uw-focus-duration-1000:focus { transition-duration: 1000ms; }
.uw-active-duration-1000:active { transition-duration: 1000ms; }
.uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.uw-ease-linear { transition-timing-function: ease-linear; }
.uw-hover-ease-linear:hover { transition-timing-function: ease-linear; }
.uw-focus-ease-linear:focus { transition-timing-function: ease-linear; }
.uw-active-ease-linear:active { transition-timing-function: ease-linear; }
.uw-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
.uw-ease-in { transition-timing-function: ease-in; }
.uw-hover-ease-in:hover { transition-timing-function: ease-in; }
.uw-focus-ease-in:focus { transition-timing-function: ease-in; }
.uw-active-ease-in:active { transition-timing-function: ease-in; }
.uw-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.uw-ease-out { transition-timing-function: ease-out; }
.uw-hover-ease-out:hover { transition-timing-function: ease-out; }
.uw-focus-ease-out:focus { transition-timing-function: ease-out; }
.uw-active-ease-out:active { transition-timing-function: ease-out; }
.uw-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.uw-ease-in-out { transition-timing-function: ease-in-out; }
.uw-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.uw-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.uw-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.uw-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.uw-translate-x-0 { transform: translateX(0rem); }
.uw-hover-translate-x-0:hover { transform: translateX(0rem); }
.uw-focus-translate-x-0:focus { transform: translateX(0rem); }
.uw-active-translate-x-0:active { transform: translateX(0rem); }
.uw-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.uw-translate-y-0 { transform: translateY(0rem); }
.uw-hover-translate-y-0:hover { transform: translateY(0rem); }
.uw-focus-translate-y-0:focus { transform: translateY(0rem); }
.uw-active-translate-y-0:active { transform: translateY(0rem); }
.uw-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.uw-translate-x-0_25 { transform: translateX(0.25rem); }
.uw-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.uw-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.uw-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.uw-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.uw-translate-y-0_25 { transform: translateY(0.25rem); }
.uw-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.uw-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.uw-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.uw-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.uw-translate-x-0_5 { transform: translateX(0.5rem); }
.uw-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.uw-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.uw-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.uw-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.uw-translate-y-0_5 { transform: translateY(0.5rem); }
.uw-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.uw-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.uw-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.uw-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.uw-translate-x-1 { transform: translateX(1rem); }
.uw-hover-translate-x-1:hover { transform: translateX(1rem); }
.uw-focus-translate-x-1:focus { transform: translateX(1rem); }
.uw-active-translate-x-1:active { transform: translateX(1rem); }
.uw-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.uw-translate-y-1 { transform: translateY(1rem); }
.uw-hover-translate-y-1:hover { transform: translateY(1rem); }
.uw-focus-translate-y-1:focus { transform: translateY(1rem); }
.uw-active-translate-y-1:active { transform: translateY(1rem); }
.uw-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.uw-translate-x-1_5 { transform: translateX(1.5rem); }
.uw-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.uw-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.uw-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.uw-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.uw-translate-y-1_5 { transform: translateY(1.5rem); }
.uw-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.uw-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.uw-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.uw-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.uw-translate-x-2 { transform: translateX(2rem); }
.uw-hover-translate-x-2:hover { transform: translateX(2rem); }
.uw-focus-translate-x-2:focus { transform: translateX(2rem); }
.uw-active-translate-x-2:active { transform: translateX(2rem); }
.uw-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.uw-translate-y-2 { transform: translateY(2rem); }
.uw-hover-translate-y-2:hover { transform: translateY(2rem); }
.uw-focus-translate-y-2:focus { transform: translateY(2rem); }
.uw-active-translate-y-2:active { transform: translateY(2rem); }
.uw-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.uw-translate-x-3 { transform: translateX(3rem); }
.uw-hover-translate-x-3:hover { transform: translateX(3rem); }
.uw-focus-translate-x-3:focus { transform: translateX(3rem); }
.uw-active-translate-x-3:active { transform: translateX(3rem); }
.uw-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.uw-translate-y-3 { transform: translateY(3rem); }
.uw-hover-translate-y-3:hover { transform: translateY(3rem); }
.uw-focus-translate-y-3:focus { transform: translateY(3rem); }
.uw-active-translate-y-3:active { transform: translateY(3rem); }
.uw-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.uw-translate-x-4 { transform: translateX(4rem); }
.uw-hover-translate-x-4:hover { transform: translateX(4rem); }
.uw-focus-translate-x-4:focus { transform: translateX(4rem); }
.uw-active-translate-x-4:active { transform: translateX(4rem); }
.uw-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.uw-translate-y-4 { transform: translateY(4rem); }
.uw-hover-translate-y-4:hover { transform: translateY(4rem); }
.uw-focus-translate-y-4:focus { transform: translateY(4rem); }
.uw-active-translate-y-4:active { transform: translateY(4rem); }
.uw-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.uw-translate-x-5 { transform: translateX(5rem); }
.uw-hover-translate-x-5:hover { transform: translateX(5rem); }
.uw-focus-translate-x-5:focus { transform: translateX(5rem); }
.uw-active-translate-x-5:active { transform: translateX(5rem); }
.uw-disabled-translate-x-5:disabled { transform: translateX(5rem); }
.uw-translate-y-5 { transform: translateY(5rem); }
.uw-hover-translate-y-5:hover { transform: translateY(5rem); }
.uw-focus-translate-y-5:focus { transform: translateY(5rem); }
.uw-active-translate-y-5:active { transform: translateY(5rem); }
.uw-disabled-translate-y-5:disabled { transform: translateY(5rem); }
.uw-translate-x-6 { transform: translateX(6rem); }
.uw-hover-translate-x-6:hover { transform: translateX(6rem); }
.uw-focus-translate-x-6:focus { transform: translateX(6rem); }
.uw-active-translate-x-6:active { transform: translateX(6rem); }
.uw-disabled-translate-x-6:disabled { transform: translateX(6rem); }
.uw-translate-y-6 { transform: translateY(6rem); }
.uw-hover-translate-y-6:hover { transform: translateY(6rem); }
.uw-focus-translate-y-6:focus { transform: translateY(6rem); }
.uw-active-translate-y-6:active { transform: translateY(6rem); }
.uw-disabled-translate-y-6:disabled { transform: translateY(6rem); }
.uw-translate-x-8 { transform: translateX(8rem); }
.uw-hover-translate-x-8:hover { transform: translateX(8rem); }
.uw-focus-translate-x-8:focus { transform: translateX(8rem); }
.uw-active-translate-x-8:active { transform: translateX(8rem); }
.uw-disabled-translate-x-8:disabled { transform: translateX(8rem); }
.uw-translate-y-8 { transform: translateY(8rem); }
.uw-hover-translate-y-8:hover { transform: translateY(8rem); }
.uw-focus-translate-y-8:focus { transform: translateY(8rem); }
.uw-active-translate-y-8:active { transform: translateY(8rem); }
.uw-disabled-translate-y-8:disabled { transform: translateY(8rem); }
.uw-translate-x-10 { transform: translateX(10rem); }
.uw-hover-translate-x-10:hover { transform: translateX(10rem); }
.uw-focus-translate-x-10:focus { transform: translateX(10rem); }
.uw-active-translate-x-10:active { transform: translateX(10rem); }
.uw-disabled-translate-x-10:disabled { transform: translateX(10rem); }
.uw-translate-y-10 { transform: translateY(10rem); }
.uw-hover-translate-y-10:hover { transform: translateY(10rem); }
.uw-focus-translate-y-10:focus { transform: translateY(10rem); }
.uw-active-translate-y-10:active { transform: translateY(10rem); }
.uw-disabled-translate-y-10:disabled { transform: translateY(10rem); }
.uw-translate-x-12 { transform: translateX(12rem); }
.uw-hover-translate-x-12:hover { transform: translateX(12rem); }
.uw-focus-translate-x-12:focus { transform: translateX(12rem); }
.uw-active-translate-x-12:active { transform: translateX(12rem); }
.uw-disabled-translate-x-12:disabled { transform: translateX(12rem); }
.uw-translate-y-12 { transform: translateY(12rem); }
.uw-hover-translate-y-12:hover { transform: translateY(12rem); }
.uw-focus-translate-y-12:focus { transform: translateY(12rem); }
.uw-active-translate-y-12:active { transform: translateY(12rem); }
.uw-disabled-translate-y-12:disabled { transform: translateY(12rem); }
.uw-translate-x-16 { transform: translateX(16rem); }
.uw-hover-translate-x-16:hover { transform: translateX(16rem); }
.uw-focus-translate-x-16:focus { transform: translateX(16rem); }
.uw-active-translate-x-16:active { transform: translateX(16rem); }
.uw-disabled-translate-x-16:disabled { transform: translateX(16rem); }
.uw-translate-y-16 { transform: translateY(16rem); }
.uw-hover-translate-y-16:hover { transform: translateY(16rem); }
.uw-focus-translate-y-16:focus { transform: translateY(16rem); }
.uw-active-translate-y-16:active { transform: translateY(16rem); }
.uw-disabled-translate-y-16:disabled { transform: translateY(16rem); }
.uw-translate-x-20 { transform: translateX(20rem); }
.uw-hover-translate-x-20:hover { transform: translateX(20rem); }
.uw-focus-translate-x-20:focus { transform: translateX(20rem); }
.uw-active-translate-x-20:active { transform: translateX(20rem); }
.uw-disabled-translate-x-20:disabled { transform: translateX(20rem); }
.uw-translate-y-20 { transform: translateY(20rem); }
.uw-hover-translate-y-20:hover { transform: translateY(20rem); }
.uw-focus-translate-y-20:focus { transform: translateY(20rem); }
.uw-active-translate-y-20:active { transform: translateY(20rem); }
.uw-disabled-translate-y-20:disabled { transform: translateY(20rem); }
.uw-translate-x-24 { transform: translateX(24rem); }
.uw-hover-translate-x-24:hover { transform: translateX(24rem); }
.uw-focus-translate-x-24:focus { transform: translateX(24rem); }
.uw-active-translate-x-24:active { transform: translateX(24rem); }
.uw-disabled-translate-x-24:disabled { transform: translateX(24rem); }
.uw-translate-y-24 { transform: translateY(24rem); }
.uw-hover-translate-y-24:hover { transform: translateY(24rem); }
.uw-focus-translate-y-24:focus { transform: translateY(24rem); }
.uw-active-translate-y-24:active { transform: translateY(24rem); }
.uw-disabled-translate-y-24:disabled { transform: translateY(24rem); }
.uw-translate-x-32 { transform: translateX(32rem); }
.uw-hover-translate-x-32:hover { transform: translateX(32rem); }
.uw-focus-translate-x-32:focus { transform: translateX(32rem); }
.uw-active-translate-x-32:active { transform: translateX(32rem); }
.uw-disabled-translate-x-32:disabled { transform: translateX(32rem); }
.uw-translate-y-32 { transform: translateY(32rem); }
.uw-hover-translate-y-32:hover { transform: translateY(32rem); }
.uw-focus-translate-y-32:focus { transform: translateY(32rem); }
.uw-active-translate-y-32:active { transform: translateY(32rem); }
.uw-disabled-translate-y-32:disabled { transform: translateY(32rem); }
.uw-scale-0 { transform: scale(0.0); }
.uw-hover-scale-0:hover { transform: scale(0.0); }
.uw-focus-scale-0:focus { transform: scale(0.0); }
.uw-active-scale-0:active { transform: scale(0.0); }
.uw-disabled-scale-0:disabled { transform: scale(0.0); }
.uw-scale-50 { transform: scale(0.5); }
.uw-hover-scale-50:hover { transform: scale(0.5); }
.uw-focus-scale-50:focus { transform: scale(0.5); }
.uw-active-scale-50:active { transform: scale(0.5); }
.uw-disabled-scale-50:disabled { transform: scale(0.5); }
.uw-scale-75 { transform: scale(0.75); }
.uw-hover-scale-75:hover { transform: scale(0.75); }
.uw-focus-scale-75:focus { transform: scale(0.75); }
.uw-active-scale-75:active { transform: scale(0.75); }
.uw-disabled-scale-75:disabled { transform: scale(0.75); }
.uw-scale-90 { transform: scale(0.9); }
.uw-hover-scale-90:hover { transform: scale(0.9); }
.uw-focus-scale-90:focus { transform: scale(0.9); }
.uw-active-scale-90:active { transform: scale(0.9); }
.uw-disabled-scale-90:disabled { transform: scale(0.9); }
.uw-scale-95 { transform: scale(0.95); }
.uw-hover-scale-95:hover { transform: scale(0.95); }
.uw-focus-scale-95:focus { transform: scale(0.95); }
.uw-active-scale-95:active { transform: scale(0.95); }
.uw-disabled-scale-95:disabled { transform: scale(0.95); }
.uw-scale-100 { transform: scale(1.0); }
.uw-hover-scale-100:hover { transform: scale(1.0); }
.uw-focus-scale-100:focus { transform: scale(1.0); }
.uw-active-scale-100:active { transform: scale(1.0); }
.uw-disabled-scale-100:disabled { transform: scale(1.0); }
.uw-scale-105 { transform: scale(1.05); }
.uw-hover-scale-105:hover { transform: scale(1.05); }
.uw-focus-scale-105:focus { transform: scale(1.05); }
.uw-active-scale-105:active { transform: scale(1.05); }
.uw-disabled-scale-105:disabled { transform: scale(1.05); }
.uw-scale-110 { transform: scale(1.1); }
.uw-hover-scale-110:hover { transform: scale(1.1); }
.uw-focus-scale-110:focus { transform: scale(1.1); }
.uw-active-scale-110:active { transform: scale(1.1); }
.uw-disabled-scale-110:disabled { transform: scale(1.1); }
.uw-scale-125 { transform: scale(1.25); }
.uw-hover-scale-125:hover { transform: scale(1.25); }
.uw-focus-scale-125:focus { transform: scale(1.25); }
.uw-active-scale-125:active { transform: scale(1.25); }
.uw-disabled-scale-125:disabled { transform: scale(1.25); }
.uw-scale-150 { transform: scale(1.5); }
.uw-hover-scale-150:hover { transform: scale(1.5); }
.uw-focus-scale-150:focus { transform: scale(1.5); }
.uw-active-scale-150:active { transform: scale(1.5); }
.uw-disabled-scale-150:disabled { transform: scale(1.5); }
.uw-rotate--180 { transform: rotate(-180deg); }
.uw-hover-rotate--180:hover { transform: rotate(-180deg); }
.uw-focus-rotate--180:focus { transform: rotate(-180deg); }
.uw-active-rotate--180:active { transform: rotate(-180deg); }
.uw-disabled-rotate--180:disabled { transform: rotate(-180deg); }
.uw-rotate--90 { transform: rotate(-90deg); }
.uw-hover-rotate--90:hover { transform: rotate(-90deg); }
.uw-focus-rotate--90:focus { transform: rotate(-90deg); }
.uw-active-rotate--90:active { transform: rotate(-90deg); }
.uw-disabled-rotate--90:disabled { transform: rotate(-90deg); }
.uw-rotate--45 { transform: rotate(-45deg); }
.uw-hover-rotate--45:hover { transform: rotate(-45deg); }
.uw-focus-rotate--45:focus { transform: rotate(-45deg); }
.uw-active-rotate--45:active { transform: rotate(-45deg); }
.uw-disabled-rotate--45:disabled { transform: rotate(-45deg); }
.uw-rotate-0 { transform: rotate(0deg); }
.uw-hover-rotate-0:hover { transform: rotate(0deg); }
.uw-focus-rotate-0:focus { transform: rotate(0deg); }
.uw-active-rotate-0:active { transform: rotate(0deg); }
.uw-disabled-rotate-0:disabled { transform: rotate(0deg); }
.uw-rotate-45 { transform: rotate(45deg); }
.uw-hover-rotate-45:hover { transform: rotate(45deg); }
.uw-focus-rotate-45:focus { transform: rotate(45deg); }
.uw-active-rotate-45:active { transform: rotate(45deg); }
.uw-disabled-rotate-45:disabled { transform: rotate(45deg); }
.uw-rotate-90 { transform: rotate(90deg); }
.uw-hover-rotate-90:hover { transform: rotate(90deg); }
.uw-focus-rotate-90:focus { transform: rotate(90deg); }
.uw-active-rotate-90:active { transform: rotate(90deg); }
.uw-disabled-rotate-90:disabled { transform: rotate(90deg); }
.uw-rotate-180 { transform: rotate(180deg); }
.uw-hover-rotate-180:hover { transform: rotate(180deg); }
.uw-focus-rotate-180:focus { transform: rotate(180deg); }
.uw-active-rotate-180:active { transform: rotate(180deg); }
.uw-disabled-rotate-180:disabled { transform: rotate(180deg); }
.uw-skew-x--45 { transform: skewX(-45deg); }
.uw-hover-skew-x--45:hover { transform: skewX(-45deg); }
.uw-focus-skew-x--45:focus { transform: skewX(-45deg); }
.uw-active-skew-x--45:active { transform: skewX(-45deg); }
.uw-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
.uw-skew-y--45 { transform: skewY(-45deg); }
.uw-hover-skew-y--45:hover { transform: skewY(-45deg); }
.uw-focus-skew-y--45:focus { transform: skewY(-45deg); }
.uw-active-skew-y--45:active { transform: skewY(-45deg); }
.uw-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
.uw-skew-x--30 { transform: skewX(-30deg); }
.uw-hover-skew-x--30:hover { transform: skewX(-30deg); }
.uw-focus-skew-x--30:focus { transform: skewX(-30deg); }
.uw-active-skew-x--30:active { transform: skewX(-30deg); }
.uw-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
.uw-skew-y--30 { transform: skewY(-30deg); }
.uw-hover-skew-y--30:hover { transform: skewY(-30deg); }
.uw-focus-skew-y--30:focus { transform: skewY(-30deg); }
.uw-active-skew-y--30:active { transform: skewY(-30deg); }
.uw-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
.uw-skew-x--15 { transform: skewX(-15deg); }
.uw-hover-skew-x--15:hover { transform: skewX(-15deg); }
.uw-focus-skew-x--15:focus { transform: skewX(-15deg); }
.uw-active-skew-x--15:active { transform: skewX(-15deg); }
.uw-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
.uw-skew-y--15 { transform: skewY(-15deg); }
.uw-hover-skew-y--15:hover { transform: skewY(-15deg); }
.uw-focus-skew-y--15:focus { transform: skewY(-15deg); }
.uw-active-skew-y--15:active { transform: skewY(-15deg); }
.uw-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
.uw-skew-x-0 { transform: skewX(0deg); }
.uw-hover-skew-x-0:hover { transform: skewX(0deg); }
.uw-focus-skew-x-0:focus { transform: skewX(0deg); }
.uw-active-skew-x-0:active { transform: skewX(0deg); }
.uw-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.uw-skew-y-0 { transform: skewY(0deg); }
.uw-hover-skew-y-0:hover { transform: skewY(0deg); }
.uw-focus-skew-y-0:focus { transform: skewY(0deg); }
.uw-active-skew-y-0:active { transform: skewY(0deg); }
.uw-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.uw-skew-x-15 { transform: skewX(15deg); }
.uw-hover-skew-x-15:hover { transform: skewX(15deg); }
.uw-focus-skew-x-15:focus { transform: skewX(15deg); }
.uw-active-skew-x-15:active { transform: skewX(15deg); }
.uw-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.uw-skew-y-15 { transform: skewY(15deg); }
.uw-hover-skew-y-15:hover { transform: skewY(15deg); }
.uw-focus-skew-y-15:focus { transform: skewY(15deg); }
.uw-active-skew-y-15:active { transform: skewY(15deg); }
.uw-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.uw-skew-x-30 { transform: skewX(30deg); }
.uw-hover-skew-x-30:hover { transform: skewX(30deg); }
.uw-focus-skew-x-30:focus { transform: skewX(30deg); }
.uw-active-skew-x-30:active { transform: skewX(30deg); }
.uw-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.uw-skew-y-30 { transform: skewY(30deg); }
.uw-hover-skew-y-30:hover { transform: skewY(30deg); }
.uw-focus-skew-y-30:focus { transform: skewY(30deg); }
.uw-active-skew-y-30:active { transform: skewY(30deg); }
.uw-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.uw-skew-x-45 { transform: skewX(45deg); }
.uw-hover-skew-x-45:hover { transform: skewX(45deg); }
.uw-focus-skew-x-45:focus { transform: skewX(45deg); }
.uw-active-skew-x-45:active { transform: skewX(45deg); }
.uw-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.uw-skew-y-45 { transform: skewY(45deg); }
.uw-hover-skew-y-45:hover { transform: skewY(45deg); }
.uw-focus-skew-y-45:focus { transform: skewY(45deg); }
.uw-active-skew-y-45:active { transform: skewY(45deg); }
.uw-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.uw-blur-none { filter: blur(0); }
.uw-hover-blur-none:hover { filter: blur(0); }
.uw-focus-blur-none:focus { filter: blur(0); }
.uw-active-blur-none:active { filter: blur(0); }
.uw-disabled-blur-none:disabled { filter: blur(0); }
.uw-blur-sm { filter: blur(2px); }
.uw-hover-blur-sm:hover { filter: blur(2px); }
.uw-focus-blur-sm:focus { filter: blur(2px); }
.uw-active-blur-sm:active { filter: blur(2px); }
.uw-disabled-blur-sm:disabled { filter: blur(2px); }
.uw-blur { filter: blur(4px); }
.uw-hover-blur:hover { filter: blur(4px); }
.uw-focus-blur:focus { filter: blur(4px); }
.uw-active-blur:active { filter: blur(4px); }
.uw-disabled-blur:disabled { filter: blur(4px); }
.uw-blur-md { filter: blur(8px); }
.uw-hover-blur-md:hover { filter: blur(8px); }
.uw-focus-blur-md:focus { filter: blur(8px); }
.uw-active-blur-md:active { filter: blur(8px); }
.uw-disabled-blur-md:disabled { filter: blur(8px); }
.uw-blur-lg { filter: blur(12px); }
.uw-hover-blur-lg:hover { filter: blur(12px); }
.uw-focus-blur-lg:focus { filter: blur(12px); }
.uw-active-blur-lg:active { filter: blur(12px); }
.uw-disabled-blur-lg:disabled { filter: blur(12px); }
.uw-blur-xl { filter: blur(20px); }
.uw-hover-blur-xl:hover { filter: blur(20px); }
.uw-focus-blur-xl:focus { filter: blur(20px); }
.uw-active-blur-xl:active { filter: blur(20px); }
.uw-disabled-blur-xl:disabled { filter: blur(20px); }
.uw-brightness-0 { filter: brightness(0); }
.uw-hover-brightness-0:hover { filter: brightness(0); }
.uw-focus-brightness-0:focus { filter: brightness(0); }
.uw-active-brightness-0:active { filter: brightness(0); }
.uw-disabled-brightness-0:disabled { filter: brightness(0); }
.uw-brightness-50 { filter: brightness(0.5); }
.uw-hover-brightness-50:hover { filter: brightness(0.5); }
.uw-focus-brightness-50:focus { filter: brightness(0.5); }
.uw-active-brightness-50:active { filter: brightness(0.5); }
.uw-disabled-brightness-50:disabled { filter: brightness(0.5); }
.uw-brightness-75 { filter: brightness(0.75); }
.uw-hover-brightness-75:hover { filter: brightness(0.75); }
.uw-focus-brightness-75:focus { filter: brightness(0.75); }
.uw-active-brightness-75:active { filter: brightness(0.75); }
.uw-disabled-brightness-75:disabled { filter: brightness(0.75); }
.uw-brightness-90 { filter: brightness(0.9); }
.uw-hover-brightness-90:hover { filter: brightness(0.9); }
.uw-focus-brightness-90:focus { filter: brightness(0.9); }
.uw-active-brightness-90:active { filter: brightness(0.9); }
.uw-disabled-brightness-90:disabled { filter: brightness(0.9); }
.uw-brightness-100 { filter: brightness(1); }
.uw-hover-brightness-100:hover { filter: brightness(1); }
.uw-focus-brightness-100:focus { filter: brightness(1); }
.uw-active-brightness-100:active { filter: brightness(1); }
.uw-disabled-brightness-100:disabled { filter: brightness(1); }
.uw-brightness-125 { filter: brightness(1.25); }
.uw-hover-brightness-125:hover { filter: brightness(1.25); }
.uw-focus-brightness-125:focus { filter: brightness(1.25); }
.uw-active-brightness-125:active { filter: brightness(1.25); }
.uw-disabled-brightness-125:disabled { filter: brightness(1.25); }
.uw-brightness-150 { filter: brightness(1.5); }
.uw-hover-brightness-150:hover { filter: brightness(1.5); }
.uw-focus-brightness-150:focus { filter: brightness(1.5); }
.uw-active-brightness-150:active { filter: brightness(1.5); }
.uw-disabled-brightness-150:disabled { filter: brightness(1.5); }
.uw-brightness-200 { filter: brightness(2); }
.uw-hover-brightness-200:hover { filter: brightness(2); }
.uw-focus-brightness-200:focus { filter: brightness(2); }
.uw-active-brightness-200:active { filter: brightness(2); }
.uw-disabled-brightness-200:disabled { filter: brightness(2); }
.uw-contrast-0 { filter: contrast(0); }
.uw-hover-contrast-0:hover { filter: contrast(0); }
.uw-focus-contrast-0:focus { filter: contrast(0); }
.uw-active-contrast-0:active { filter: contrast(0); }
.uw-disabled-contrast-0:disabled { filter: contrast(0); }
.uw-contrast-50 { filter: contrast(0.5); }
.uw-hover-contrast-50:hover { filter: contrast(0.5); }
.uw-focus-contrast-50:focus { filter: contrast(0.5); }
.uw-active-contrast-50:active { filter: contrast(0.5); }
.uw-disabled-contrast-50:disabled { filter: contrast(0.5); }
.uw-contrast-75 { filter: contrast(0.75); }
.uw-hover-contrast-75:hover { filter: contrast(0.75); }
.uw-focus-contrast-75:focus { filter: contrast(0.75); }
.uw-active-contrast-75:active { filter: contrast(0.75); }
.uw-disabled-contrast-75:disabled { filter: contrast(0.75); }
.uw-contrast-100 { filter: contrast(1); }
.uw-hover-contrast-100:hover { filter: contrast(1); }
.uw-focus-contrast-100:focus { filter: contrast(1); }
.uw-active-contrast-100:active { filter: contrast(1); }
.uw-disabled-contrast-100:disabled { filter: contrast(1); }
.uw-contrast-125 { filter: contrast(1.25); }
.uw-hover-contrast-125:hover { filter: contrast(1.25); }
.uw-focus-contrast-125:focus { filter: contrast(1.25); }
.uw-active-contrast-125:active { filter: contrast(1.25); }
.uw-disabled-contrast-125:disabled { filter: contrast(1.25); }
.uw-contrast-150 { filter: contrast(1.5); }
.uw-hover-contrast-150:hover { filter: contrast(1.5); }
.uw-focus-contrast-150:focus { filter: contrast(1.5); }
.uw-active-contrast-150:active { filter: contrast(1.5); }
.uw-disabled-contrast-150:disabled { filter: contrast(1.5); }
.uw-contrast-200 { filter: contrast(2); }
.uw-hover-contrast-200:hover { filter: contrast(2); }
.uw-focus-contrast-200:focus { filter: contrast(2); }
.uw-active-contrast-200:active { filter: contrast(2); }
.uw-disabled-contrast-200:disabled { filter: contrast(2); }
.uw-grayscale-0 { filter: grayscale(0); }
.uw-hover-grayscale-0:hover { filter: grayscale(0); }
.uw-focus-grayscale-0:focus { filter: grayscale(0); }
.uw-active-grayscale-0:active { filter: grayscale(0); }
.uw-disabled-grayscale-0:disabled { filter: grayscale(0); }
.uw-grayscale-100 { filter: grayscale(1); }
.uw-hover-grayscale-100:hover { filter: grayscale(1); }
.uw-focus-grayscale-100:focus { filter: grayscale(1); }
.uw-active-grayscale-100:active { filter: grayscale(1); }
.uw-disabled-grayscale-100:disabled { filter: grayscale(1); }
.uw-hue-rotate-0 { filter: hue-rotate(0deg); }
.uw-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
.uw-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
.uw-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
.uw-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
.uw-hue-rotate-45 { filter: hue-rotate(45deg); }
.uw-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
.uw-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
.uw-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
.uw-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
.uw-hue-rotate-90 { filter: hue-rotate(90deg); }
.uw-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.uw-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.uw-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.uw-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.uw-hue-rotate-180 { filter: hue-rotate(180deg); }
.uw-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
.uw-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
.uw-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
.uw-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
.uw-invert-0 { filter: invert(0); }
.uw-hover-invert-0:hover { filter: invert(0); }
.uw-focus-invert-0:focus { filter: invert(0); }
.uw-active-invert-0:active { filter: invert(0); }
.uw-disabled-invert-0:disabled { filter: invert(0); }
.uw-invert-100 { filter: invert(1); }
.uw-hover-invert-100:hover { filter: invert(1); }
.uw-focus-invert-100:focus { filter: invert(1); }
.uw-active-invert-100:active { filter: invert(1); }
.uw-disabled-invert-100:disabled { filter: invert(1); }
.uw-saturate-0 { filter: saturate(0); }
.uw-hover-saturate-0:hover { filter: saturate(0); }
.uw-focus-saturate-0:focus { filter: saturate(0); }
.uw-active-saturate-0:active { filter: saturate(0); }
.uw-disabled-saturate-0:disabled { filter: saturate(0); }
.uw-saturate-50 { filter: saturate(0.5); }
.uw-hover-saturate-50:hover { filter: saturate(0.5); }
.uw-focus-saturate-50:focus { filter: saturate(0.5); }
.uw-active-saturate-50:active { filter: saturate(0.5); }
.uw-disabled-saturate-50:disabled { filter: saturate(0.5); }
.uw-saturate-100 { filter: saturate(1); }
.uw-hover-saturate-100:hover { filter: saturate(1); }
.uw-focus-saturate-100:focus { filter: saturate(1); }
.uw-active-saturate-100:active { filter: saturate(1); }
.uw-disabled-saturate-100:disabled { filter: saturate(1); }
.uw-saturate-150 { filter: saturate(1.5); }
.uw-hover-saturate-150:hover { filter: saturate(1.5); }
.uw-focus-saturate-150:focus { filter: saturate(1.5); }
.uw-active-saturate-150:active { filter: saturate(1.5); }
.uw-disabled-saturate-150:disabled { filter: saturate(1.5); }
.uw-saturate-200 { filter: saturate(2); }
.uw-hover-saturate-200:hover { filter: saturate(2); }
.uw-focus-saturate-200:focus { filter: saturate(2); }
.uw-active-saturate-200:active { filter: saturate(2); }
.uw-disabled-saturate-200:disabled { filter: saturate(2); }
.uw-sepia-0 { filter: sepia(0); }
.uw-hover-sepia-0:hover { filter: sepia(0); }
.uw-focus-sepia-0:focus { filter: sepia(0); }
.uw-active-sepia-0:active { filter: sepia(0); }
.uw-disabled-sepia-0:disabled { filter: sepia(0); }
.uw-sepia-100 { filter: sepia(1); }
.uw-hover-sepia-100:hover { filter: sepia(1); }
.uw-focus-sepia-100:focus { filter: sepia(1); }
.uw-active-sepia-100:active { filter: sepia(1); }
.uw-disabled-sepia-100:disabled { filter: sepia(1); }
.uw-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.uw-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.uw-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.uw-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.uw-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.uw-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.uw-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.uw-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.uw-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.uw-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.uw-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.uw-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.uw-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.uw-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.uw-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
.uw-mix-normal { mix-blend-mode: normal; }
.uw-hover-mix-normal:hover { mix-blend-mode: normal; }
.uw-focus-mix-normal:focus { mix-blend-mode: normal; }
.uw-active-mix-normal:active { mix-blend-mode: normal; }
.uw-disabled-mix-normal:disabled { mix-blend-mode: normal; }
.uw-mix-multiply { mix-blend-mode: multiply; }
.uw-hover-mix-multiply:hover { mix-blend-mode: multiply; }
.uw-focus-mix-multiply:focus { mix-blend-mode: multiply; }
.uw-active-mix-multiply:active { mix-blend-mode: multiply; }
.uw-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
.uw-mix-screen { mix-blend-mode: screen; }
.uw-hover-mix-screen:hover { mix-blend-mode: screen; }
.uw-focus-mix-screen:focus { mix-blend-mode: screen; }
.uw-active-mix-screen:active { mix-blend-mode: screen; }
.uw-disabled-mix-screen:disabled { mix-blend-mode: screen; }
.uw-mix-overlay { mix-blend-mode: overlay; }
.uw-hover-mix-overlay:hover { mix-blend-mode: overlay; }
.uw-focus-mix-overlay:focus { mix-blend-mode: overlay; }
.uw-active-mix-overlay:active { mix-blend-mode: overlay; }
.uw-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
.uw-mix-darken { mix-blend-mode: darken; }
.uw-hover-mix-darken:hover { mix-blend-mode: darken; }
.uw-focus-mix-darken:focus { mix-blend-mode: darken; }
.uw-active-mix-darken:active { mix-blend-mode: darken; }
.uw-disabled-mix-darken:disabled { mix-blend-mode: darken; }
.uw-mix-lighten { mix-blend-mode: lighten; }
.uw-hover-mix-lighten:hover { mix-blend-mode: lighten; }
.uw-focus-mix-lighten:focus { mix-blend-mode: lighten; }
.uw-active-mix-lighten:active { mix-blend-mode: lighten; }
.uw-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
.uw-mix-color-dodge { mix-blend-mode: color-dodge; }
.uw-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
.uw-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
.uw-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
.uw-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
.uw-mix-color-burn { mix-blend-mode: color-burn; }
.uw-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
.uw-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
.uw-active-mix-color-burn:active { mix-blend-mode: color-burn; }
.uw-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
.uw-mix-hard-light { mix-blend-mode: hard-light; }
.uw-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
.uw-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
.uw-active-mix-hard-light:active { mix-blend-mode: hard-light; }
.uw-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
.uw-mix-soft-light { mix-blend-mode: soft-light; }
.uw-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
.uw-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
.uw-active-mix-soft-light:active { mix-blend-mode: soft-light; }
.uw-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
.uw-mix-difference { mix-blend-mode: difference; }
.uw-hover-mix-difference:hover { mix-blend-mode: difference; }
.uw-focus-mix-difference:focus { mix-blend-mode: difference; }
.uw-active-mix-difference:active { mix-blend-mode: difference; }
.uw-disabled-mix-difference:disabled { mix-blend-mode: difference; }
.uw-mix-exclusion { mix-blend-mode: exclusion; }
.uw-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
.uw-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
.uw-active-mix-exclusion:active { mix-blend-mode: exclusion; }
.uw-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
.uw-mix-hue { mix-blend-mode: hue; }
.uw-hover-mix-hue:hover { mix-blend-mode: hue; }
.uw-focus-mix-hue:focus { mix-blend-mode: hue; }
.uw-active-mix-hue:active { mix-blend-mode: hue; }
.uw-disabled-mix-hue:disabled { mix-blend-mode: hue; }
.uw-mix-saturation { mix-blend-mode: saturation; }
.uw-hover-mix-saturation:hover { mix-blend-mode: saturation; }
.uw-focus-mix-saturation:focus { mix-blend-mode: saturation; }
.uw-active-mix-saturation:active { mix-blend-mode: saturation; }
.uw-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
.uw-mix-color { mix-blend-mode: color; }
.uw-hover-mix-color:hover { mix-blend-mode: color; }
.uw-focus-mix-color:focus { mix-blend-mode: color; }
.uw-active-mix-color:active { mix-blend-mode: color; }
.uw-disabled-mix-color:disabled { mix-blend-mode: color; }
.uw-mix-luminosity { mix-blend-mode: luminosity; }
.uw-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
.uw-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
.uw-active-mix-luminosity:active { mix-blend-mode: luminosity; }
.uw-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
.uw-bg-blend-normal { background-blend-mode: normal; }
.uw-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.uw-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.uw-active-bg-blend-normal:active { background-blend-mode: normal; }
.uw-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.uw-bg-blend-multiply { background-blend-mode: multiply; }
.uw-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.uw-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.uw-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.uw-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.uw-bg-blend-screen { background-blend-mode: screen; }
.uw-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.uw-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.uw-active-bg-blend-screen:active { background-blend-mode: screen; }
.uw-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.uw-bg-blend-overlay { background-blend-mode: overlay; }
.uw-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.uw-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.uw-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.uw-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.uw-bg-blend-darken { background-blend-mode: darken; }
.uw-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.uw-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.uw-active-bg-blend-darken:active { background-blend-mode: darken; }
.uw-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.uw-bg-blend-lighten { background-blend-mode: lighten; }
.uw-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.uw-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.uw-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.uw-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.uw-bg-blend-color-dodge { background-blend-mode: color-dodge; }
.uw-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
.uw-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
.uw-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
.uw-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
.uw-bg-blend-color-burn { background-blend-mode: color-burn; }
.uw-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
.uw-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
.uw-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
.uw-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
.uw-bg-blend-hard-light { background-blend-mode: hard-light; }
.uw-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
.uw-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
.uw-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
.uw-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
.uw-bg-blend-soft-light { background-blend-mode: soft-light; }
.uw-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
.uw-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
.uw-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
.uw-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
.uw-bg-blend-difference { background-blend-mode: difference; }
.uw-hover-bg-blend-difference:hover { background-blend-mode: difference; }
.uw-focus-bg-blend-difference:focus { background-blend-mode: difference; }
.uw-active-bg-blend-difference:active { background-blend-mode: difference; }
.uw-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
.uw-bg-blend-exclusion { background-blend-mode: exclusion; }
.uw-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
.uw-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
.uw-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
.uw-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
.uw-bg-blend-hue { background-blend-mode: hue; }
.uw-hover-bg-blend-hue:hover { background-blend-mode: hue; }
.uw-focus-bg-blend-hue:focus { background-blend-mode: hue; }
.uw-active-bg-blend-hue:active { background-blend-mode: hue; }
.uw-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
.uw-bg-blend-saturation { background-blend-mode: saturation; }
.uw-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
.uw-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
.uw-active-bg-blend-saturation:active { background-blend-mode: saturation; }
.uw-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
.uw-bg-blend-color { background-blend-mode: color; }
.uw-hover-bg-blend-color:hover { background-blend-mode: color; }
.uw-focus-bg-blend-color:focus { background-blend-mode: color; }
.uw-active-bg-blend-color:active { background-blend-mode: color; }
.uw-disabled-bg-blend-color:disabled { background-blend-mode: color; }
.uw-bg-blend-luminosity { background-blend-mode: luminosity; }
.uw-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
.uw-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
.uw-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
.uw-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
.uw-object-contain { object-fit: contain; }
.uw-hover-object-contain:hover { object-fit: contain; }
.uw-focus-object-contain:focus { object-fit: contain; }
.uw-active-object-contain:active { object-fit: contain; }
.uw-disabled-object-contain:disabled { object-fit: contain; }
.uw-object-cover { object-fit: cover; }
.uw-hover-object-cover:hover { object-fit: cover; }
.uw-focus-object-cover:focus { object-fit: cover; }
.uw-active-object-cover:active { object-fit: cover; }
.uw-disabled-object-cover:disabled { object-fit: cover; }
.uw-object-fill { object-fit: fill; }
.uw-hover-object-fill:hover { object-fit: fill; }
.uw-focus-object-fill:focus { object-fit: fill; }
.uw-active-object-fill:active { object-fit: fill; }
.uw-disabled-object-fill:disabled { object-fit: fill; }
.uw-object-none { object-fit: none; }
.uw-hover-object-none:hover { object-fit: none; }
.uw-focus-object-none:focus { object-fit: none; }
.uw-active-object-none:active { object-fit: none; }
.uw-disabled-object-none:disabled { object-fit: none; }
.uw-object-scale-down { object-fit: scale-down; }
.uw-hover-object-scale-down:hover { object-fit: scale-down; }
.uw-focus-object-scale-down:focus { object-fit: scale-down; }
.uw-active-object-scale-down:active { object-fit: scale-down; }
.uw-disabled-object-scale-down:disabled { object-fit: scale-down; }
.uw-object-top { object-position: top; }
.uw-hover-object-top:hover { object-position: top; }
.uw-focus-object-top:focus { object-position: top; }
.uw-active-object-top:active { object-position: top; }
.uw-disabled-object-top:disabled { object-position: top; }
.uw-object-bottom { object-position: bottom; }
.uw-hover-object-bottom:hover { object-position: bottom; }
.uw-focus-object-bottom:focus { object-position: bottom; }
.uw-active-object-bottom:active { object-position: bottom; }
.uw-disabled-object-bottom:disabled { object-position: bottom; }
.uw-object-center { object-position: center; }
.uw-hover-object-center:hover { object-position: center; }
.uw-focus-object-center:focus { object-position: center; }
.uw-active-object-center:active { object-position: center; }
.uw-disabled-object-center:disabled { object-position: center; }
.uw-object-left { object-position: left; }
.uw-hover-object-left:hover { object-position: left; }
.uw-focus-object-left:focus { object-position: left; }
.uw-active-object-left:active { object-position: left; }
.uw-disabled-object-left:disabled { object-position: left; }
.uw-object-right { object-position: right; }
.uw-hover-object-right:hover { object-position: right; }
.uw-focus-object-right:focus { object-position: right; }
.uw-active-object-right:active { object-position: right; }
.uw-disabled-object-right:disabled { object-position: right; }
.uw-object-left-top { object-position: left top; }
.uw-hover-object-left-top:hover { object-position: left top; }
.uw-focus-object-left-top:focus { object-position: left top; }
.uw-active-object-left-top:active { object-position: left top; }
.uw-disabled-object-left-top:disabled { object-position: left top; }
.uw-object-right-top { object-position: right top; }
.uw-hover-object-right-top:hover { object-position: right top; }
.uw-focus-object-right-top:focus { object-position: right top; }
.uw-active-object-right-top:active { object-position: right top; }
.uw-disabled-object-right-top:disabled { object-position: right top; }
.uw-object-left-bottom { object-position: left bottom; }
.uw-hover-object-left-bottom:hover { object-position: left bottom; }
.uw-focus-object-left-bottom:focus { object-position: left bottom; }
.uw-active-object-left-bottom:active { object-position: left bottom; }
.uw-disabled-object-left-bottom:disabled { object-position: left bottom; }
.uw-object-right-bottom { object-position: right bottom; }
.uw-hover-object-right-bottom:hover { object-position: right bottom; }
.uw-focus-object-right-bottom:focus { object-position: right bottom; }
.uw-active-object-right-bottom:active { object-position: right bottom; }
.uw-disabled-object-right-bottom:disabled { object-position: right bottom; }
.uw-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.uw-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.uw-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.uw-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.uw-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.uw-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.uw-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.uw-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.uw-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.uw-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.uw-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.uw-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.uw-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.uw-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.uw-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.uw-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.uw-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.uw-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.uw-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.uw-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.uw-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.uw-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.uw-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.uw-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.uw-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.uw-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.uw-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.uw-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.uw-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.uw-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.uw-list-style-image-none { list-style-image: none; }
.uw-hover-list-style-image-none:hover { list-style-image: none; }
.uw-focus-list-style-image-none:focus { list-style-image: none; }
.uw-active-list-style-image-none:active { list-style-image: none; }
.uw-disabled-list-style-image-none:disabled { list-style-image: none; }
.uw-list-style-position-inside { list-style-position: inside; }
.uw-hover-list-style-position-inside:hover { list-style-position: inside; }
.uw-focus-list-style-position-inside:focus { list-style-position: inside; }
.uw-active-list-style-position-inside:active { list-style-position: inside; }
.uw-disabled-list-style-position-inside:disabled { list-style-position: inside; }
.uw-list-style-position-outside { list-style-position: outside; }
.uw-hover-list-style-position-outside:hover { list-style-position: outside; }
.uw-focus-list-style-position-outside:focus { list-style-position: outside; }
.uw-active-list-style-position-outside:active { list-style-position: outside; }
.uw-disabled-list-style-position-outside:disabled { list-style-position: outside; }
.uw-list-style-type-none { list-style-type: none; }
.uw-hover-list-style-type-none:hover { list-style-type: none; }
.uw-focus-list-style-type-none:focus { list-style-type: none; }
.uw-active-list-style-type-none:active { list-style-type: none; }
.uw-disabled-list-style-type-none:disabled { list-style-type: none; }
.uw-list-style-type-disc { list-style-type: disc; }
.uw-hover-list-style-type-disc:hover { list-style-type: disc; }
.uw-focus-list-style-type-disc:focus { list-style-type: disc; }
.uw-active-list-style-type-disc:active { list-style-type: disc; }
.uw-disabled-list-style-type-disc:disabled { list-style-type: disc; }
.uw-list-style-type-circle { list-style-type: circle; }
.uw-hover-list-style-type-circle:hover { list-style-type: circle; }
.uw-focus-list-style-type-circle:focus { list-style-type: circle; }
.uw-active-list-style-type-circle:active { list-style-type: circle; }
.uw-disabled-list-style-type-circle:disabled { list-style-type: circle; }
.uw-list-style-type-square { list-style-type: square; }
.uw-hover-list-style-type-square:hover { list-style-type: square; }
.uw-focus-list-style-type-square:focus { list-style-type: square; }
.uw-active-list-style-type-square:active { list-style-type: square; }
.uw-disabled-list-style-type-square:disabled { list-style-type: square; }
.uw-list-style-type-decimal { list-style-type: decimal; }
.uw-hover-list-style-type-decimal:hover { list-style-type: decimal; }
.uw-focus-list-style-type-decimal:focus { list-style-type: decimal; }
.uw-active-list-style-type-decimal:active { list-style-type: decimal; }
.uw-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
.uw-list-style-type-lower_roman { list-style-type: lower-roman; }
.uw-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
.uw-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
.uw-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
.uw-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
.uw-list-style-type-upper_roman { list-style-type: upper-roman; }
.uw-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
.uw-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
.uw-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
.uw-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
.uw-list-style-type-lower_alpha { list-style-type: lower-alpha; }
.uw-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
.uw-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
.uw-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
.uw-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
.uw-list-style-type-upper_alpha { list-style-type: upper-alpha; }
.uw-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
.uw-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
.uw-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
.uw-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
.uw-text-align-left { text-align: left; }
.uw-hover-text-align-left:hover { text-align: left; }
.uw-focus-text-align-left:focus { text-align: left; }
.uw-active-text-align-left:active { text-align: left; }
.uw-disabled-text-align-left:disabled { text-align: left; }
.uw-text-align-center { text-align: center; }
.uw-hover-text-align-center:hover { text-align: center; }
.uw-focus-text-align-center:focus { text-align: center; }
.uw-active-text-align-center:active { text-align: center; }
.uw-disabled-text-align-center:disabled { text-align: center; }
.uw-text-align-right { text-align: right; }
.uw-hover-text-align-right:hover { text-align: right; }
.uw-focus-text-align-right:focus { text-align: right; }
.uw-active-text-align-right:active { text-align: right; }
.uw-disabled-text-align-right:disabled { text-align: right; }
.uw-text-align-justify { text-align: justify; }
.uw-hover-text-align-justify:hover { text-align: justify; }
.uw-focus-text-align-justify:focus { text-align: justify; }
.uw-active-text-align-justify:active { text-align: justify; }
.uw-disabled-text-align-justify:disabled { text-align: justify; }
.uw-backface-visible { backface-visibility: visible; }
.uw-hover-backface-visible:hover { backface-visibility: visible; }
.uw-focus-backface-visible:focus { backface-visibility: visible; }
.uw-active-backface-visible:active { backface-visibility: visible; }
.uw-disabled-backface-visible:disabled { backface-visibility: visible; }
.uw-backface-hidden { backface-visibility: hidden; }
.uw-hover-backface-hidden:hover { backface-visibility: hidden; }
.uw-focus-backface-hidden:focus { backface-visibility: hidden; }
.uw-active-backface-hidden:active { backface-visibility: hidden; }
.uw-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.uw-perspective-none { perspective: none; }
.uw-hover-perspective-none:hover { perspective: none; }
.uw-focus-perspective-none:focus { perspective: none; }
.uw-active-perspective-none:active { perspective: none; }
.uw-disabled-perspective-none:disabled { perspective: none; }
.uw-perspective-100 { perspective: 100px; }
.uw-hover-perspective-100:hover { perspective: 100px; }
.uw-focus-perspective-100:focus { perspective: 100px; }
.uw-active-perspective-100:active { perspective: 100px; }
.uw-disabled-perspective-100:disabled { perspective: 100px; }
.uw-perspective-500 { perspective: 500px; }
.uw-hover-perspective-500:hover { perspective: 500px; }
.uw-focus-perspective-500:focus { perspective: 500px; }
.uw-active-perspective-500:active { perspective: 500px; }
.uw-disabled-perspective-500:disabled { perspective: 500px; }
.uw-perspective-1000 { perspective: 1000px; }
.uw-hover-perspective-1000:hover { perspective: 1000px; }
.uw-focus-perspective-1000:focus { perspective: 1000px; }
.uw-active-perspective-1000:active { perspective: 1000px; }
.uw-disabled-perspective-1000:disabled { perspective: 1000px; }
.uw-perspective-1500 { perspective: 1500px; }
.uw-hover-perspective-1500:hover { perspective: 1500px; }
.uw-focus-perspective-1500:focus { perspective: 1500px; }
.uw-active-perspective-1500:active { perspective: 1500px; }
.uw-disabled-perspective-1500:disabled { perspective: 1500px; }
.uw-perspective-2000 { perspective: 2000px; }
.uw-hover-perspective-2000:hover { perspective: 2000px; }
.uw-focus-perspective-2000:focus { perspective: 2000px; }
.uw-active-perspective-2000:active { perspective: 2000px; }
.uw-disabled-perspective-2000:disabled { perspective: 2000px; }
.uw-perspective-origin-center { perspective-origin: center; }
.uw-hover-perspective-origin-center:hover { perspective-origin: center; }
.uw-focus-perspective-origin-center:focus { perspective-origin: center; }
.uw-active-perspective-origin-center:active { perspective-origin: center; }
.uw-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.uw-perspective-origin-top { perspective-origin: top; }
.uw-hover-perspective-origin-top:hover { perspective-origin: top; }
.uw-focus-perspective-origin-top:focus { perspective-origin: top; }
.uw-active-perspective-origin-top:active { perspective-origin: top; }
.uw-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.uw-perspective-origin-bottom { perspective-origin: bottom; }
.uw-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.uw-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.uw-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.uw-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.uw-perspective-origin-left { perspective-origin: left; }
.uw-hover-perspective-origin-left:hover { perspective-origin: left; }
.uw-focus-perspective-origin-left:focus { perspective-origin: left; }
.uw-active-perspective-origin-left:active { perspective-origin: left; }
.uw-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.uw-perspective-origin-right { perspective-origin: right; }
.uw-hover-perspective-origin-right:hover { perspective-origin: right; }
.uw-focus-perspective-origin-right:focus { perspective-origin: right; }
.uw-active-perspective-origin-right:active { perspective-origin: right; }
.uw-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.uw-perspective-origin-top_left { perspective-origin: top left; }
.uw-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
.uw-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
.uw-active-perspective-origin-top_left:active { perspective-origin: top left; }
.uw-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
.uw-perspective-origin-top_right { perspective-origin: top right; }
.uw-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
.uw-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
.uw-active-perspective-origin-top_right:active { perspective-origin: top right; }
.uw-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
.uw-perspective-origin-bottom_left { perspective-origin: bottom left; }
.uw-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
.uw-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
.uw-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
.uw-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
.uw-perspective-origin-bottom_right { perspective-origin: bottom right; }
.uw-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
.uw-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
.uw-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
.uw-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
.uw-transform { transform: var(--quanta-transform, none); }
.uw-hover-transform:hover { transform: var(--quanta-transform, none); }
.uw-focus-transform:focus { transform: var(--quanta-transform, none); }
.uw-active-transform:active { transform: var(--quanta-transform, none); }
.uw-disabled-transform:disabled { transform: var(--quanta-transform, none); }
.uw-transform-none { transform: none; }
.uw-hover-transform-none:hover { transform: none; }
.uw-focus-transform-none:focus { transform: none; }
.uw-active-transform-none:active { transform: none; }
.uw-disabled-transform-none:disabled { transform: none; }
.uw-rotate-n180 { transform: rotate(-180deg); }
.uw-hover-rotate-n180:hover { transform: rotate(-180deg); }
.uw-focus-rotate-n180:focus { transform: rotate(-180deg); }
.uw-active-rotate-n180:active { transform: rotate(-180deg); }
.uw-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
.uw-rotate-n90 { transform: rotate(-90deg); }
.uw-hover-rotate-n90:hover { transform: rotate(-90deg); }
.uw-focus-rotate-n90:focus { transform: rotate(-90deg); }
.uw-active-rotate-n90:active { transform: rotate(-90deg); }
.uw-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
.uw-rotate-n45 { transform: rotate(-45deg); }
.uw-hover-rotate-n45:hover { transform: rotate(-45deg); }
.uw-focus-rotate-n45:focus { transform: rotate(-45deg); }
.uw-active-rotate-n45:active { transform: rotate(-45deg); }
.uw-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
.uw-rotate-0 { transform: rotate(0deg); }
.uw-hover-rotate-0:hover { transform: rotate(0deg); }
.uw-focus-rotate-0:focus { transform: rotate(0deg); }
.uw-active-rotate-0:active { transform: rotate(0deg); }
.uw-disabled-rotate-0:disabled { transform: rotate(0deg); }
.uw-rotate-45 { transform: rotate(45deg); }
.uw-hover-rotate-45:hover { transform: rotate(45deg); }
.uw-focus-rotate-45:focus { transform: rotate(45deg); }
.uw-active-rotate-45:active { transform: rotate(45deg); }
.uw-disabled-rotate-45:disabled { transform: rotate(45deg); }
.uw-rotate-90 { transform: rotate(90deg); }
.uw-hover-rotate-90:hover { transform: rotate(90deg); }
.uw-focus-rotate-90:focus { transform: rotate(90deg); }
.uw-active-rotate-90:active { transform: rotate(90deg); }
.uw-disabled-rotate-90:disabled { transform: rotate(90deg); }
.uw-rotate-180 { transform: rotate(180deg); }
.uw-hover-rotate-180:hover { transform: rotate(180deg); }
.uw-focus-rotate-180:focus { transform: rotate(180deg); }
.uw-active-rotate-180:active { transform: rotate(180deg); }
.uw-disabled-rotate-180:disabled { transform: rotate(180deg); }
.uw-scale-50 { transform: scale(0.5); }
.uw-hover-scale-50:hover { transform: scale(0.5); }
.uw-focus-scale-50:focus { transform: scale(0.5); }
.uw-active-scale-50:active { transform: scale(0.5); }
.uw-disabled-scale-50:disabled { transform: scale(0.5); }
.uw-scale-75 { transform: scale(0.75); }
.uw-hover-scale-75:hover { transform: scale(0.75); }
.uw-focus-scale-75:focus { transform: scale(0.75); }
.uw-active-scale-75:active { transform: scale(0.75); }
.uw-disabled-scale-75:disabled { transform: scale(0.75); }
.uw-scale-90 { transform: scale(0.9); }
.uw-hover-scale-90:hover { transform: scale(0.9); }
.uw-focus-scale-90:focus { transform: scale(0.9); }
.uw-active-scale-90:active { transform: scale(0.9); }
.uw-disabled-scale-90:disabled { transform: scale(0.9); }
.uw-scale-95 { transform: scale(0.95); }
.uw-hover-scale-95:hover { transform: scale(0.95); }
.uw-focus-scale-95:focus { transform: scale(0.95); }
.uw-active-scale-95:active { transform: scale(0.95); }
.uw-disabled-scale-95:disabled { transform: scale(0.95); }
.uw-scale-100 { transform: scale(1.0); }
.uw-hover-scale-100:hover { transform: scale(1.0); }
.uw-focus-scale-100:focus { transform: scale(1.0); }
.uw-active-scale-100:active { transform: scale(1.0); }
.uw-disabled-scale-100:disabled { transform: scale(1.0); }
.uw-scale-105 { transform: scale(1.05); }
.uw-hover-scale-105:hover { transform: scale(1.05); }
.uw-focus-scale-105:focus { transform: scale(1.05); }
.uw-active-scale-105:active { transform: scale(1.05); }
.uw-disabled-scale-105:disabled { transform: scale(1.05); }
.uw-scale-110 { transform: scale(1.1); }
.uw-hover-scale-110:hover { transform: scale(1.1); }
.uw-focus-scale-110:focus { transform: scale(1.1); }
.uw-active-scale-110:active { transform: scale(1.1); }
.uw-disabled-scale-110:disabled { transform: scale(1.1); }
.uw-scale-125 { transform: scale(1.25); }
.uw-hover-scale-125:hover { transform: scale(1.25); }
.uw-focus-scale-125:focus { transform: scale(1.25); }
.uw-active-scale-125:active { transform: scale(1.25); }
.uw-disabled-scale-125:disabled { transform: scale(1.25); }
.uw-scale-150 { transform: scale(1.5); }
.uw-hover-scale-150:hover { transform: scale(1.5); }
.uw-focus-scale-150:focus { transform: scale(1.5); }
.uw-active-scale-150:active { transform: scale(1.5); }
.uw-disabled-scale-150:disabled { transform: scale(1.5); }
.uw-skew-x-n45 { transform: skewX(-45deg); }
.uw-hover-skew-x-n45:hover { transform: skewX(-45deg); }
.uw-focus-skew-x-n45:focus { transform: skewX(-45deg); }
.uw-active-skew-x-n45:active { transform: skewX(-45deg); }
.uw-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
.uw-skew-y-n45 { transform: skewY(-45deg); }
.uw-hover-skew-y-n45:hover { transform: skewY(-45deg); }
.uw-focus-skew-y-n45:focus { transform: skewY(-45deg); }
.uw-active-skew-y-n45:active { transform: skewY(-45deg); }
.uw-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
.uw-skew-x-n30 { transform: skewX(-30deg); }
.uw-hover-skew-x-n30:hover { transform: skewX(-30deg); }
.uw-focus-skew-x-n30:focus { transform: skewX(-30deg); }
.uw-active-skew-x-n30:active { transform: skewX(-30deg); }
.uw-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
.uw-skew-y-n30 { transform: skewY(-30deg); }
.uw-hover-skew-y-n30:hover { transform: skewY(-30deg); }
.uw-focus-skew-y-n30:focus { transform: skewY(-30deg); }
.uw-active-skew-y-n30:active { transform: skewY(-30deg); }
.uw-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
.uw-skew-x-n15 { transform: skewX(-15deg); }
.uw-hover-skew-x-n15:hover { transform: skewX(-15deg); }
.uw-focus-skew-x-n15:focus { transform: skewX(-15deg); }
.uw-active-skew-x-n15:active { transform: skewX(-15deg); }
.uw-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
.uw-skew-y-n15 { transform: skewY(-15deg); }
.uw-hover-skew-y-n15:hover { transform: skewY(-15deg); }
.uw-focus-skew-y-n15:focus { transform: skewY(-15deg); }
.uw-active-skew-y-n15:active { transform: skewY(-15deg); }
.uw-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
.uw-skew-x-0 { transform: skewX(0deg); }
.uw-hover-skew-x-0:hover { transform: skewX(0deg); }
.uw-focus-skew-x-0:focus { transform: skewX(0deg); }
.uw-active-skew-x-0:active { transform: skewX(0deg); }
.uw-disabled-skew-x-0:disabled { transform: skewX(0deg); }
.uw-skew-y-0 { transform: skewY(0deg); }
.uw-hover-skew-y-0:hover { transform: skewY(0deg); }
.uw-focus-skew-y-0:focus { transform: skewY(0deg); }
.uw-active-skew-y-0:active { transform: skewY(0deg); }
.uw-disabled-skew-y-0:disabled { transform: skewY(0deg); }
.uw-skew-x-15 { transform: skewX(15deg); }
.uw-hover-skew-x-15:hover { transform: skewX(15deg); }
.uw-focus-skew-x-15:focus { transform: skewX(15deg); }
.uw-active-skew-x-15:active { transform: skewX(15deg); }
.uw-disabled-skew-x-15:disabled { transform: skewX(15deg); }
.uw-skew-y-15 { transform: skewY(15deg); }
.uw-hover-skew-y-15:hover { transform: skewY(15deg); }
.uw-focus-skew-y-15:focus { transform: skewY(15deg); }
.uw-active-skew-y-15:active { transform: skewY(15deg); }
.uw-disabled-skew-y-15:disabled { transform: skewY(15deg); }
.uw-skew-x-30 { transform: skewX(30deg); }
.uw-hover-skew-x-30:hover { transform: skewX(30deg); }
.uw-focus-skew-x-30:focus { transform: skewX(30deg); }
.uw-active-skew-x-30:active { transform: skewX(30deg); }
.uw-disabled-skew-x-30:disabled { transform: skewX(30deg); }
.uw-skew-y-30 { transform: skewY(30deg); }
.uw-hover-skew-y-30:hover { transform: skewY(30deg); }
.uw-focus-skew-y-30:focus { transform: skewY(30deg); }
.uw-active-skew-y-30:active { transform: skewY(30deg); }
.uw-disabled-skew-y-30:disabled { transform: skewY(30deg); }
.uw-skew-x-45 { transform: skewX(45deg); }
.uw-hover-skew-x-45:hover { transform: skewX(45deg); }
.uw-focus-skew-x-45:focus { transform: skewX(45deg); }
.uw-active-skew-x-45:active { transform: skewX(45deg); }
.uw-disabled-skew-x-45:disabled { transform: skewX(45deg); }
.uw-skew-y-45 { transform: skewY(45deg); }
.uw-hover-skew-y-45:hover { transform: skewY(45deg); }
.uw-focus-skew-y-45:focus { transform: skewY(45deg); }
.uw-active-skew-y-45:active { transform: skewY(45deg); }
.uw-disabled-skew-y-45:disabled { transform: skewY(45deg); }
.uw-translate-x-0 { transform: translateX(0rem); }
.uw-hover-translate-x-0:hover { transform: translateX(0rem); }
.uw-focus-translate-x-0:focus { transform: translateX(0rem); }
.uw-active-translate-x-0:active { transform: translateX(0rem); }
.uw-disabled-translate-x-0:disabled { transform: translateX(0rem); }
.uw-translate-y-0 { transform: translateY(0rem); }
.uw-hover-translate-y-0:hover { transform: translateY(0rem); }
.uw-focus-translate-y-0:focus { transform: translateY(0rem); }
.uw-active-translate-y-0:active { transform: translateY(0rem); }
.uw-disabled-translate-y-0:disabled { transform: translateY(0rem); }
.uw-translate-x-0_125 { transform: translateX(0.125rem); }
.uw-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
.uw-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
.uw-active-translate-x-0_125:active { transform: translateX(0.125rem); }
.uw-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
.uw-translate-y-0_125 { transform: translateY(0.125rem); }
.uw-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
.uw-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
.uw-active-translate-y-0_125:active { transform: translateY(0.125rem); }
.uw-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
.uw-translate-x-0_25 { transform: translateX(0.25rem); }
.uw-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
.uw-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
.uw-active-translate-x-0_25:active { transform: translateX(0.25rem); }
.uw-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
.uw-translate-y-0_25 { transform: translateY(0.25rem); }
.uw-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
.uw-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
.uw-active-translate-y-0_25:active { transform: translateY(0.25rem); }
.uw-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
.uw-translate-x-0_5 { transform: translateX(0.5rem); }
.uw-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
.uw-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
.uw-active-translate-x-0_5:active { transform: translateX(0.5rem); }
.uw-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
.uw-translate-y-0_5 { transform: translateY(0.5rem); }
.uw-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
.uw-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
.uw-active-translate-y-0_5:active { transform: translateY(0.5rem); }
.uw-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
.uw-translate-x-0_75 { transform: translateX(0.75rem); }
.uw-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
.uw-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
.uw-active-translate-x-0_75:active { transform: translateX(0.75rem); }
.uw-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
.uw-translate-y-0_75 { transform: translateY(0.75rem); }
.uw-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
.uw-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
.uw-active-translate-y-0_75:active { transform: translateY(0.75rem); }
.uw-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
.uw-translate-x-1 { transform: translateX(1rem); }
.uw-hover-translate-x-1:hover { transform: translateX(1rem); }
.uw-focus-translate-x-1:focus { transform: translateX(1rem); }
.uw-active-translate-x-1:active { transform: translateX(1rem); }
.uw-disabled-translate-x-1:disabled { transform: translateX(1rem); }
.uw-translate-y-1 { transform: translateY(1rem); }
.uw-hover-translate-y-1:hover { transform: translateY(1rem); }
.uw-focus-translate-y-1:focus { transform: translateY(1rem); }
.uw-active-translate-y-1:active { transform: translateY(1rem); }
.uw-disabled-translate-y-1:disabled { transform: translateY(1rem); }
.uw-translate-x-1_5 { transform: translateX(1.5rem); }
.uw-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
.uw-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
.uw-active-translate-x-1_5:active { transform: translateX(1.5rem); }
.uw-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
.uw-translate-y-1_5 { transform: translateY(1.5rem); }
.uw-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
.uw-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
.uw-active-translate-y-1_5:active { transform: translateY(1.5rem); }
.uw-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
.uw-translate-x-2 { transform: translateX(2rem); }
.uw-hover-translate-x-2:hover { transform: translateX(2rem); }
.uw-focus-translate-x-2:focus { transform: translateX(2rem); }
.uw-active-translate-x-2:active { transform: translateX(2rem); }
.uw-disabled-translate-x-2:disabled { transform: translateX(2rem); }
.uw-translate-y-2 { transform: translateY(2rem); }
.uw-hover-translate-y-2:hover { transform: translateY(2rem); }
.uw-focus-translate-y-2:focus { transform: translateY(2rem); }
.uw-active-translate-y-2:active { transform: translateY(2rem); }
.uw-disabled-translate-y-2:disabled { transform: translateY(2rem); }
.uw-translate-x-3 { transform: translateX(3rem); }
.uw-hover-translate-x-3:hover { transform: translateX(3rem); }
.uw-focus-translate-x-3:focus { transform: translateX(3rem); }
.uw-active-translate-x-3:active { transform: translateX(3rem); }
.uw-disabled-translate-x-3:disabled { transform: translateX(3rem); }
.uw-translate-y-3 { transform: translateY(3rem); }
.uw-hover-translate-y-3:hover { transform: translateY(3rem); }
.uw-focus-translate-y-3:focus { transform: translateY(3rem); }
.uw-active-translate-y-3:active { transform: translateY(3rem); }
.uw-disabled-translate-y-3:disabled { transform: translateY(3rem); }
.uw-translate-x-4 { transform: translateX(4rem); }
.uw-hover-translate-x-4:hover { transform: translateX(4rem); }
.uw-focus-translate-x-4:focus { transform: translateX(4rem); }
.uw-active-translate-x-4:active { transform: translateX(4rem); }
.uw-disabled-translate-x-4:disabled { transform: translateX(4rem); }
.uw-translate-y-4 { transform: translateY(4rem); }
.uw-hover-translate-y-4:hover { transform: translateY(4rem); }
.uw-focus-translate-y-4:focus { transform: translateY(4rem); }
.uw-active-translate-y-4:active { transform: translateY(4rem); }
.uw-disabled-translate-y-4:disabled { transform: translateY(4rem); }
.uw-origin-center { transform-origin: center; }
.uw-hover-origin-center:hover { transform-origin: center; }
.uw-focus-origin-center:focus { transform-origin: center; }
.uw-active-origin-center:active { transform-origin: center; }
.uw-disabled-origin-center:disabled { transform-origin: center; }
.uw-origin-top { transform-origin: top; }
.uw-hover-origin-top:hover { transform-origin: top; }
.uw-focus-origin-top:focus { transform-origin: top; }
.uw-active-origin-top:active { transform-origin: top; }
.uw-disabled-origin-top:disabled { transform-origin: top; }
.uw-origin-bottom { transform-origin: bottom; }
.uw-hover-origin-bottom:hover { transform-origin: bottom; }
.uw-focus-origin-bottom:focus { transform-origin: bottom; }
.uw-active-origin-bottom:active { transform-origin: bottom; }
.uw-disabled-origin-bottom:disabled { transform-origin: bottom; }
.uw-origin-left { transform-origin: left; }
.uw-hover-origin-left:hover { transform-origin: left; }
.uw-focus-origin-left:focus { transform-origin: left; }
.uw-active-origin-left:active { transform-origin: left; }
.uw-disabled-origin-left:disabled { transform-origin: left; }
.uw-origin-right { transform-origin: right; }
.uw-hover-origin-right:hover { transform-origin: right; }
.uw-focus-origin-right:focus { transform-origin: right; }
.uw-active-origin-right:active { transform-origin: right; }
.uw-disabled-origin-right:disabled { transform-origin: right; }
.uw-origin-top_left { transform-origin: top left; }
.uw-hover-origin-top_left:hover { transform-origin: top left; }
.uw-focus-origin-top_left:focus { transform-origin: top left; }
.uw-active-origin-top_left:active { transform-origin: top left; }
.uw-disabled-origin-top_left:disabled { transform-origin: top left; }
.uw-origin-top_right { transform-origin: top right; }
.uw-hover-origin-top_right:hover { transform-origin: top right; }
.uw-focus-origin-top_right:focus { transform-origin: top right; }
.uw-active-origin-top_right:active { transform-origin: top right; }
.uw-disabled-origin-top_right:disabled { transform-origin: top right; }
.uw-origin-bottom_left { transform-origin: bottom left; }
.uw-hover-origin-bottom_left:hover { transform-origin: bottom left; }
.uw-focus-origin-bottom_left:focus { transform-origin: bottom left; }
.uw-active-origin-bottom_left:active { transform-origin: bottom left; }
.uw-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
.uw-origin-bottom_right { transform-origin: bottom right; }
.uw-hover-origin-bottom_right:hover { transform-origin: bottom right; }
.uw-focus-origin-bottom_right:focus { transform-origin: bottom right; }
.uw-active-origin-bottom_right:active { transform-origin: bottom right; }
.uw-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
.uw-transform-style-flat { transform-style: flat; }
.uw-hover-transform-style-flat:hover { transform-style: flat; }
.uw-focus-transform-style-flat:focus { transform-style: flat; }
.uw-active-transform-style-flat:active { transform-style: flat; }
.uw-disabled-transform-style-flat:disabled { transform-style: flat; }
.uw-transform-style-preserve-3d { transform-style: preserve-3d; }
.uw-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
.uw-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
.uw-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
.uw-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
.uw-accent-auto { accent-color: auto; }
.uw-hover-accent-auto:hover { accent-color: auto; }
.uw-focus-accent-auto:focus { accent-color: auto; }
.uw-active-accent-auto:active { accent-color: auto; }
.uw-disabled-accent-auto:disabled { accent-color: auto; }
.uw-accent-transparent { accent-color: transparent; }
.uw-hover-accent-transparent:hover { accent-color: transparent; }
.uw-focus-accent-transparent:focus { accent-color: transparent; }
.uw-active-accent-transparent:active { accent-color: transparent; }
.uw-disabled-accent-transparent:disabled { accent-color: transparent; }
.uw-accent-red-50 { accent-color: var(--quanta-red-50); }
.uw-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
.uw-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
.uw-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
.uw-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
.uw-accent-red-100 { accent-color: var(--quanta-red-100); }
.uw-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
.uw-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
.uw-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
.uw-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
.uw-accent-red-200 { accent-color: var(--quanta-red-200); }
.uw-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
.uw-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
.uw-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
.uw-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
.uw-accent-red-300 { accent-color: var(--quanta-red-300); }
.uw-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
.uw-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
.uw-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
.uw-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
.uw-accent-red-400 { accent-color: var(--quanta-red-400); }
.uw-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
.uw-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
.uw-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
.uw-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
.uw-accent-red-500 { accent-color: var(--quanta-red-500); }
.uw-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
.uw-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
.uw-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
.uw-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
.uw-accent-red-600 { accent-color: var(--quanta-red-600); }
.uw-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
.uw-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
.uw-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
.uw-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
.uw-accent-red-700 { accent-color: var(--quanta-red-700); }
.uw-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
.uw-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
.uw-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
.uw-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
.uw-accent-red-800 { accent-color: var(--quanta-red-800); }
.uw-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
.uw-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
.uw-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
.uw-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
.uw-accent-red-900 { accent-color: var(--quanta-red-900); }
.uw-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
.uw-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
.uw-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
.uw-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
.uw-accent-orange-50 { accent-color: var(--quanta-orange-50); }
.uw-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
.uw-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
.uw-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
.uw-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
.uw-accent-orange-100 { accent-color: var(--quanta-orange-100); }
.uw-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
.uw-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
.uw-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
.uw-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
.uw-accent-orange-200 { accent-color: var(--quanta-orange-200); }
.uw-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
.uw-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
.uw-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
.uw-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
.uw-accent-orange-300 { accent-color: var(--quanta-orange-300); }
.uw-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
.uw-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
.uw-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
.uw-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
.uw-accent-orange-400 { accent-color: var(--quanta-orange-400); }
.uw-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
.uw-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
.uw-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
.uw-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
.uw-accent-orange-500 { accent-color: var(--quanta-orange-500); }
.uw-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
.uw-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
.uw-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
.uw-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
.uw-accent-orange-600 { accent-color: var(--quanta-orange-600); }
.uw-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
.uw-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
.uw-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
.uw-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
.uw-accent-orange-700 { accent-color: var(--quanta-orange-700); }
.uw-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
.uw-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
.uw-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
.uw-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
.uw-accent-orange-800 { accent-color: var(--quanta-orange-800); }
.uw-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
.uw-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
.uw-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
.uw-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
.uw-accent-orange-900 { accent-color: var(--quanta-orange-900); }
.uw-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
.uw-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
.uw-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
.uw-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
.uw-accent-teal-50 { accent-color: var(--quanta-teal-50); }
.uw-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
.uw-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
.uw-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
.uw-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
.uw-accent-teal-100 { accent-color: var(--quanta-teal-100); }
.uw-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
.uw-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
.uw-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
.uw-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
.uw-accent-teal-200 { accent-color: var(--quanta-teal-200); }
.uw-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
.uw-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
.uw-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
.uw-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
.uw-accent-teal-300 { accent-color: var(--quanta-teal-300); }
.uw-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
.uw-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
.uw-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
.uw-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
.uw-accent-teal-400 { accent-color: var(--quanta-teal-400); }
.uw-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
.uw-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
.uw-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
.uw-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
.uw-accent-teal-500 { accent-color: var(--quanta-teal-500); }
.uw-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
.uw-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
.uw-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
.uw-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
.uw-accent-teal-600 { accent-color: var(--quanta-teal-600); }
.uw-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
.uw-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
.uw-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
.uw-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
.uw-accent-teal-700 { accent-color: var(--quanta-teal-700); }
.uw-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
.uw-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
.uw-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
.uw-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
.uw-accent-teal-800 { accent-color: var(--quanta-teal-800); }
.uw-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
.uw-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
.uw-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
.uw-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
.uw-accent-teal-900 { accent-color: var(--quanta-teal-900); }
.uw-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
.uw-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
.uw-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
.uw-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
.uw-accent-purple-50 { accent-color: var(--quanta-purple-50); }
.uw-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
.uw-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
.uw-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
.uw-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
.uw-accent-purple-100 { accent-color: var(--quanta-purple-100); }
.uw-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
.uw-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
.uw-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
.uw-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
.uw-accent-purple-200 { accent-color: var(--quanta-purple-200); }
.uw-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
.uw-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
.uw-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
.uw-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
.uw-accent-purple-300 { accent-color: var(--quanta-purple-300); }
.uw-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
.uw-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
.uw-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
.uw-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
.uw-accent-purple-400 { accent-color: var(--quanta-purple-400); }
.uw-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
.uw-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
.uw-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
.uw-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
.uw-accent-purple-500 { accent-color: var(--quanta-purple-500); }
.uw-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
.uw-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
.uw-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
.uw-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
.uw-accent-purple-600 { accent-color: var(--quanta-purple-600); }
.uw-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
.uw-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
.uw-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
.uw-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
.uw-accent-purple-700 { accent-color: var(--quanta-purple-700); }
.uw-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
.uw-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
.uw-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
.uw-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
.uw-accent-purple-800 { accent-color: var(--quanta-purple-800); }
.uw-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
.uw-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
.uw-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
.uw-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
.uw-accent-purple-900 { accent-color: var(--quanta-purple-900); }
.uw-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
.uw-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
.uw-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
.uw-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
.uw-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
.uw-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
.uw-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
.uw-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
.uw-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
.uw-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
.uw-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
.uw-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
.uw-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
.uw-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
.uw-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
.uw-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
.uw-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
.uw-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
.uw-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
.uw-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
.uw-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
.uw-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
.uw-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
.uw-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
.uw-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
.uw-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
.uw-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
.uw-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
.uw-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
.uw-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
.uw-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
.uw-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
.uw-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
.uw-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
.uw-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
.uw-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
.uw-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
.uw-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
.uw-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
.uw-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
.uw-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
.uw-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
.uw-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
.uw-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
.uw-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
.uw-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
.uw-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
.uw-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
.uw-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
.uw-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
.uw-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
.uw-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
.uw-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
.uw-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
.uw-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
.uw-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
.uw-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
.uw-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
.uw-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
.uw-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
.uw-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
.uw-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
.uw-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
.uw-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
.uw-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
.uw-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
.uw-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
.uw-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
.uw-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
.uw-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
.uw-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
.uw-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
.uw-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
.uw-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
.uw-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
.uw-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
.uw-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
.uw-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
.uw-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
.uw-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
.uw-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
.uw-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
.uw-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
.uw-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
.uw-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
.uw-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
.uw-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
.uw-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
.uw-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
.uw-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
.uw-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
.uw-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
.uw-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
.uw-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
.uw-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
.uw-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
.uw-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
.uw-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
.uw-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
.uw-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
.uw-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
.uw-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
.uw-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
.uw-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
.uw-accent-pink-50 { accent-color: var(--quanta-pink-50); }
.uw-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
.uw-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
.uw-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
.uw-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
.uw-accent-pink-100 { accent-color: var(--quanta-pink-100); }
.uw-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
.uw-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
.uw-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
.uw-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
.uw-accent-pink-200 { accent-color: var(--quanta-pink-200); }
.uw-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
.uw-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
.uw-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
.uw-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
.uw-accent-pink-300 { accent-color: var(--quanta-pink-300); }
.uw-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
.uw-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
.uw-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
.uw-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
.uw-accent-pink-400 { accent-color: var(--quanta-pink-400); }
.uw-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
.uw-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
.uw-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
.uw-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
.uw-accent-pink-500 { accent-color: var(--quanta-pink-500); }
.uw-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
.uw-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
.uw-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
.uw-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
.uw-accent-pink-600 { accent-color: var(--quanta-pink-600); }
.uw-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
.uw-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
.uw-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
.uw-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
.uw-accent-pink-700 { accent-color: var(--quanta-pink-700); }
.uw-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
.uw-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
.uw-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
.uw-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
.uw-accent-pink-800 { accent-color: var(--quanta-pink-800); }
.uw-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
.uw-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
.uw-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
.uw-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
.uw-accent-pink-900 { accent-color: var(--quanta-pink-900); }
.uw-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
.uw-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
.uw-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
.uw-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
.uw-accent-grey-50 { accent-color: var(--quanta-grey-50); }
.uw-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
.uw-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
.uw-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
.uw-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
.uw-accent-grey-100 { accent-color: var(--quanta-grey-100); }
.uw-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
.uw-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
.uw-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
.uw-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
.uw-accent-grey-200 { accent-color: var(--quanta-grey-200); }
.uw-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
.uw-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
.uw-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
.uw-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
.uw-accent-grey-300 { accent-color: var(--quanta-grey-300); }
.uw-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
.uw-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
.uw-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
.uw-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
.uw-accent-grey-400 { accent-color: var(--quanta-grey-400); }
.uw-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
.uw-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
.uw-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
.uw-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
.uw-accent-grey-500 { accent-color: var(--quanta-grey-500); }
.uw-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
.uw-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
.uw-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
.uw-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
.uw-accent-grey-600 { accent-color: var(--quanta-grey-600); }
.uw-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
.uw-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
.uw-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
.uw-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
.uw-accent-grey-700 { accent-color: var(--quanta-grey-700); }
.uw-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
.uw-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
.uw-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
.uw-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
.uw-accent-grey-800 { accent-color: var(--quanta-grey-800); }
.uw-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
.uw-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
.uw-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
.uw-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
.uw-accent-grey-900 { accent-color: var(--quanta-grey-900); }
.uw-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
.uw-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
.uw-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
.uw-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
.uw-accent-lime-50 { accent-color: var(--quanta-lime-50); }
.uw-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
.uw-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
.uw-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
.uw-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
.uw-accent-lime-100 { accent-color: var(--quanta-lime-100); }
.uw-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
.uw-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
.uw-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
.uw-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
.uw-accent-lime-200 { accent-color: var(--quanta-lime-200); }
.uw-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
.uw-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
.uw-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
.uw-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
.uw-accent-lime-300 { accent-color: var(--quanta-lime-300); }
.uw-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
.uw-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
.uw-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
.uw-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
.uw-accent-lime-400 { accent-color: var(--quanta-lime-400); }
.uw-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
.uw-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
.uw-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
.uw-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
.uw-accent-lime-500 { accent-color: var(--quanta-lime-500); }
.uw-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
.uw-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
.uw-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
.uw-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
.uw-accent-lime-600 { accent-color: var(--quanta-lime-600); }
.uw-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
.uw-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
.uw-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
.uw-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
.uw-accent-lime-700 { accent-color: var(--quanta-lime-700); }
.uw-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
.uw-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
.uw-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
.uw-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
.uw-accent-lime-800 { accent-color: var(--quanta-lime-800); }
.uw-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
.uw-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
.uw-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
.uw-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
.uw-accent-lime-900 { accent-color: var(--quanta-lime-900); }
.uw-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
.uw-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
.uw-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
.uw-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
.uw-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
.uw-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
.uw-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
.uw-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
.uw-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
.uw-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
.uw-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
.uw-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
.uw-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
.uw-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
.uw-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
.uw-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
.uw-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
.uw-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
.uw-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
.uw-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
.uw-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
.uw-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
.uw-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
.uw-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
.uw-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
.uw-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
.uw-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
.uw-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
.uw-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
.uw-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
.uw-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
.uw-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
.uw-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
.uw-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
.uw-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
.uw-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
.uw-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
.uw-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
.uw-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
.uw-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
.uw-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
.uw-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
.uw-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
.uw-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
.uw-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
.uw-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
.uw-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
.uw-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
.uw-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
.uw-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
.uw-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
.uw-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
.uw-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
.uw-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
.uw-accent-sky-50 { accent-color: var(--quanta-sky-50); }
.uw-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
.uw-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
.uw-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
.uw-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
.uw-accent-sky-100 { accent-color: var(--quanta-sky-100); }
.uw-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
.uw-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
.uw-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
.uw-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
.uw-accent-sky-200 { accent-color: var(--quanta-sky-200); }
.uw-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
.uw-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
.uw-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
.uw-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
.uw-accent-sky-300 { accent-color: var(--quanta-sky-300); }
.uw-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
.uw-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
.uw-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
.uw-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
.uw-accent-sky-400 { accent-color: var(--quanta-sky-400); }
.uw-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
.uw-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
.uw-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
.uw-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
.uw-accent-sky-500 { accent-color: var(--quanta-sky-500); }
.uw-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
.uw-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
.uw-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
.uw-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
.uw-accent-sky-600 { accent-color: var(--quanta-sky-600); }
.uw-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
.uw-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
.uw-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
.uw-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
.uw-accent-sky-700 { accent-color: var(--quanta-sky-700); }
.uw-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
.uw-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
.uw-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
.uw-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
.uw-accent-sky-800 { accent-color: var(--quanta-sky-800); }
.uw-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
.uw-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
.uw-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
.uw-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
.uw-accent-sky-900 { accent-color: var(--quanta-sky-900); }
.uw-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
.uw-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
.uw-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
.uw-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
.uw-accent-violet-50 { accent-color: var(--quanta-violet-50); }
.uw-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
.uw-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
.uw-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
.uw-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
.uw-accent-violet-100 { accent-color: var(--quanta-violet-100); }
.uw-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
.uw-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
.uw-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
.uw-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
.uw-accent-violet-200 { accent-color: var(--quanta-violet-200); }
.uw-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
.uw-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
.uw-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
.uw-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
.uw-accent-violet-300 { accent-color: var(--quanta-violet-300); }
.uw-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
.uw-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
.uw-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
.uw-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
.uw-accent-violet-400 { accent-color: var(--quanta-violet-400); }
.uw-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
.uw-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
.uw-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
.uw-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
.uw-accent-violet-500 { accent-color: var(--quanta-violet-500); }
.uw-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
.uw-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
.uw-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
.uw-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
.uw-accent-violet-600 { accent-color: var(--quanta-violet-600); }
.uw-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
.uw-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
.uw-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
.uw-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
.uw-accent-violet-700 { accent-color: var(--quanta-violet-700); }
.uw-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
.uw-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
.uw-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
.uw-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
.uw-accent-violet-800 { accent-color: var(--quanta-violet-800); }
.uw-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
.uw-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
.uw-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
.uw-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
.uw-accent-violet-900 { accent-color: var(--quanta-violet-900); }
.uw-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
.uw-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
.uw-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
.uw-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
.uw-accent-rose-50 { accent-color: var(--quanta-rose-50); }
.uw-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
.uw-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
.uw-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
.uw-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
.uw-accent-rose-100 { accent-color: var(--quanta-rose-100); }
.uw-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
.uw-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
.uw-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
.uw-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
.uw-accent-rose-200 { accent-color: var(--quanta-rose-200); }
.uw-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
.uw-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
.uw-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
.uw-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
.uw-accent-rose-300 { accent-color: var(--quanta-rose-300); }
.uw-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
.uw-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
.uw-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
.uw-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
.uw-accent-rose-400 { accent-color: var(--quanta-rose-400); }
.uw-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
.uw-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
.uw-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
.uw-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
.uw-accent-rose-500 { accent-color: var(--quanta-rose-500); }
.uw-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
.uw-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
.uw-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
.uw-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
.uw-accent-rose-600 { accent-color: var(--quanta-rose-600); }
.uw-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
.uw-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
.uw-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
.uw-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
.uw-accent-rose-700 { accent-color: var(--quanta-rose-700); }
.uw-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
.uw-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
.uw-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
.uw-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
.uw-accent-rose-800 { accent-color: var(--quanta-rose-800); }
.uw-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
.uw-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
.uw-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
.uw-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
.uw-accent-rose-900 { accent-color: var(--quanta-rose-900); }
.uw-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
.uw-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
.uw-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
.uw-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
.uw-accent-slate-50 { accent-color: var(--quanta-slate-50); }
.uw-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
.uw-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
.uw-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
.uw-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
.uw-accent-slate-100 { accent-color: var(--quanta-slate-100); }
.uw-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
.uw-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
.uw-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
.uw-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
.uw-accent-slate-200 { accent-color: var(--quanta-slate-200); }
.uw-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
.uw-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
.uw-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
.uw-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
.uw-accent-slate-300 { accent-color: var(--quanta-slate-300); }
.uw-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
.uw-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
.uw-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
.uw-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
.uw-accent-slate-400 { accent-color: var(--quanta-slate-400); }
.uw-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
.uw-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
.uw-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
.uw-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
.uw-accent-slate-500 { accent-color: var(--quanta-slate-500); }
.uw-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
.uw-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
.uw-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
.uw-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
.uw-accent-slate-600 { accent-color: var(--quanta-slate-600); }
.uw-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
.uw-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
.uw-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
.uw-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
.uw-accent-slate-700 { accent-color: var(--quanta-slate-700); }
.uw-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
.uw-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
.uw-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
.uw-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
.uw-accent-slate-800 { accent-color: var(--quanta-slate-800); }
.uw-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
.uw-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
.uw-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
.uw-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
.uw-accent-slate-900 { accent-color: var(--quanta-slate-900); }
.uw-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
.uw-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
.uw-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
.uw-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
.uw-accent-blue-50 { accent-color: var(--quanta-blue-50); }
.uw-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
.uw-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
.uw-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
.uw-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
.uw-accent-blue-100 { accent-color: var(--quanta-blue-100); }
.uw-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
.uw-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
.uw-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
.uw-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
.uw-accent-blue-200 { accent-color: var(--quanta-blue-200); }
.uw-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
.uw-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
.uw-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
.uw-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
.uw-accent-blue-300 { accent-color: var(--quanta-blue-300); }
.uw-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
.uw-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
.uw-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
.uw-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
.uw-accent-blue-400 { accent-color: var(--quanta-blue-400); }
.uw-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
.uw-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
.uw-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
.uw-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
.uw-accent-blue-500 { accent-color: var(--quanta-blue-500); }
.uw-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
.uw-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
.uw-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
.uw-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
.uw-accent-blue-600 { accent-color: var(--quanta-blue-600); }
.uw-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
.uw-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
.uw-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
.uw-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
.uw-accent-blue-700 { accent-color: var(--quanta-blue-700); }
.uw-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
.uw-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
.uw-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
.uw-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
.uw-accent-blue-800 { accent-color: var(--quanta-blue-800); }
.uw-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
.uw-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
.uw-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
.uw-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
.uw-accent-blue-900 { accent-color: var(--quanta-blue-900); }
.uw-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
.uw-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
.uw-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
.uw-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
.uw-accent-green-50 { accent-color: var(--quanta-green-50); }
.uw-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
.uw-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
.uw-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
.uw-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
.uw-accent-green-100 { accent-color: var(--quanta-green-100); }
.uw-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
.uw-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
.uw-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
.uw-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
.uw-accent-green-200 { accent-color: var(--quanta-green-200); }
.uw-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
.uw-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
.uw-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
.uw-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
.uw-accent-green-300 { accent-color: var(--quanta-green-300); }
.uw-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
.uw-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
.uw-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
.uw-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
.uw-accent-green-400 { accent-color: var(--quanta-green-400); }
.uw-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
.uw-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
.uw-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
.uw-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
.uw-accent-green-500 { accent-color: var(--quanta-green-500); }
.uw-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
.uw-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
.uw-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
.uw-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
.uw-accent-green-600 { accent-color: var(--quanta-green-600); }
.uw-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
.uw-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
.uw-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
.uw-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
.uw-accent-green-700 { accent-color: var(--quanta-green-700); }
.uw-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
.uw-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
.uw-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
.uw-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
.uw-accent-green-800 { accent-color: var(--quanta-green-800); }
.uw-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
.uw-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
.uw-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
.uw-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
.uw-accent-green-900 { accent-color: var(--quanta-green-900); }
.uw-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
.uw-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
.uw-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
.uw-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
.uw-appearance-none { appearance: none; }
.uw-hover-appearance-none:hover { appearance: none; }
.uw-focus-appearance-none:focus { appearance: none; }
.uw-active-appearance-none:active { appearance: none; }
.uw-disabled-appearance-none:disabled { appearance: none; }
.uw-appearance-auto { appearance: auto; }
.uw-hover-appearance-auto:hover { appearance: auto; }
.uw-focus-appearance-auto:focus { appearance: auto; }
.uw-active-appearance-auto:active { appearance: auto; }
.uw-disabled-appearance-auto:disabled { appearance: auto; }
.uw-caret-red-50 { caret-color: var(--quanta-red-50); }
.uw-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
.uw-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
.uw-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
.uw-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
.uw-caret-red-100 { caret-color: var(--quanta-red-100); }
.uw-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
.uw-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
.uw-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
.uw-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
.uw-caret-red-200 { caret-color: var(--quanta-red-200); }
.uw-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
.uw-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
.uw-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
.uw-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
.uw-caret-red-300 { caret-color: var(--quanta-red-300); }
.uw-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
.uw-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
.uw-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
.uw-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
.uw-caret-red-400 { caret-color: var(--quanta-red-400); }
.uw-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
.uw-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
.uw-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
.uw-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
.uw-caret-red-500 { caret-color: var(--quanta-red-500); }
.uw-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
.uw-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
.uw-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
.uw-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
.uw-caret-red-600 { caret-color: var(--quanta-red-600); }
.uw-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
.uw-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
.uw-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
.uw-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
.uw-caret-red-700 { caret-color: var(--quanta-red-700); }
.uw-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
.uw-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
.uw-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
.uw-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
.uw-caret-red-800 { caret-color: var(--quanta-red-800); }
.uw-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
.uw-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
.uw-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
.uw-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
.uw-caret-red-900 { caret-color: var(--quanta-red-900); }
.uw-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
.uw-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
.uw-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
.uw-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
.uw-caret-orange-50 { caret-color: var(--quanta-orange-50); }
.uw-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
.uw-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
.uw-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
.uw-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
.uw-caret-orange-100 { caret-color: var(--quanta-orange-100); }
.uw-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
.uw-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
.uw-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
.uw-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
.uw-caret-orange-200 { caret-color: var(--quanta-orange-200); }
.uw-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
.uw-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
.uw-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
.uw-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
.uw-caret-orange-300 { caret-color: var(--quanta-orange-300); }
.uw-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
.uw-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
.uw-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
.uw-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
.uw-caret-orange-400 { caret-color: var(--quanta-orange-400); }
.uw-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
.uw-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
.uw-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
.uw-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
.uw-caret-orange-500 { caret-color: var(--quanta-orange-500); }
.uw-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
.uw-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
.uw-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
.uw-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
.uw-caret-orange-600 { caret-color: var(--quanta-orange-600); }
.uw-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
.uw-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
.uw-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
.uw-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
.uw-caret-orange-700 { caret-color: var(--quanta-orange-700); }
.uw-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
.uw-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
.uw-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
.uw-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
.uw-caret-orange-800 { caret-color: var(--quanta-orange-800); }
.uw-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
.uw-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
.uw-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
.uw-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
.uw-caret-orange-900 { caret-color: var(--quanta-orange-900); }
.uw-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
.uw-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
.uw-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
.uw-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
.uw-caret-teal-50 { caret-color: var(--quanta-teal-50); }
.uw-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
.uw-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
.uw-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
.uw-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
.uw-caret-teal-100 { caret-color: var(--quanta-teal-100); }
.uw-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
.uw-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
.uw-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
.uw-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
.uw-caret-teal-200 { caret-color: var(--quanta-teal-200); }
.uw-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
.uw-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
.uw-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
.uw-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
.uw-caret-teal-300 { caret-color: var(--quanta-teal-300); }
.uw-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
.uw-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
.uw-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
.uw-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
.uw-caret-teal-400 { caret-color: var(--quanta-teal-400); }
.uw-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
.uw-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
.uw-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
.uw-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
.uw-caret-teal-500 { caret-color: var(--quanta-teal-500); }
.uw-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
.uw-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
.uw-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
.uw-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
.uw-caret-teal-600 { caret-color: var(--quanta-teal-600); }
.uw-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
.uw-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
.uw-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
.uw-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
.uw-caret-teal-700 { caret-color: var(--quanta-teal-700); }
.uw-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
.uw-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
.uw-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
.uw-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
.uw-caret-teal-800 { caret-color: var(--quanta-teal-800); }
.uw-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
.uw-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
.uw-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
.uw-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
.uw-caret-teal-900 { caret-color: var(--quanta-teal-900); }
.uw-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
.uw-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
.uw-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
.uw-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
.uw-caret-purple-50 { caret-color: var(--quanta-purple-50); }
.uw-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
.uw-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
.uw-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
.uw-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
.uw-caret-purple-100 { caret-color: var(--quanta-purple-100); }
.uw-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
.uw-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
.uw-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
.uw-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
.uw-caret-purple-200 { caret-color: var(--quanta-purple-200); }
.uw-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
.uw-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
.uw-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
.uw-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
.uw-caret-purple-300 { caret-color: var(--quanta-purple-300); }
.uw-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
.uw-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
.uw-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
.uw-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
.uw-caret-purple-400 { caret-color: var(--quanta-purple-400); }
.uw-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
.uw-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
.uw-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
.uw-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
.uw-caret-purple-500 { caret-color: var(--quanta-purple-500); }
.uw-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
.uw-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
.uw-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
.uw-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
.uw-caret-purple-600 { caret-color: var(--quanta-purple-600); }
.uw-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
.uw-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
.uw-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
.uw-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
.uw-caret-purple-700 { caret-color: var(--quanta-purple-700); }
.uw-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
.uw-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
.uw-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
.uw-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
.uw-caret-purple-800 { caret-color: var(--quanta-purple-800); }
.uw-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
.uw-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
.uw-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
.uw-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
.uw-caret-purple-900 { caret-color: var(--quanta-purple-900); }
.uw-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
.uw-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
.uw-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
.uw-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
.uw-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
.uw-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
.uw-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
.uw-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
.uw-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
.uw-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
.uw-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
.uw-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
.uw-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
.uw-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
.uw-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
.uw-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
.uw-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
.uw-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
.uw-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
.uw-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
.uw-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
.uw-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
.uw-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
.uw-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
.uw-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
.uw-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
.uw-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
.uw-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
.uw-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
.uw-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
.uw-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
.uw-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
.uw-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
.uw-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
.uw-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
.uw-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
.uw-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
.uw-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
.uw-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
.uw-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
.uw-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
.uw-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
.uw-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
.uw-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
.uw-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
.uw-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
.uw-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
.uw-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
.uw-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
.uw-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
.uw-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
.uw-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
.uw-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
.uw-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
.uw-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
.uw-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
.uw-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
.uw-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
.uw-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
.uw-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
.uw-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
.uw-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
.uw-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
.uw-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
.uw-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
.uw-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
.uw-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
.uw-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
.uw-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
.uw-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
.uw-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
.uw-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
.uw-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
.uw-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
.uw-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
.uw-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
.uw-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
.uw-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
.uw-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
.uw-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
.uw-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
.uw-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
.uw-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
.uw-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
.uw-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
.uw-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
.uw-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
.uw-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
.uw-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
.uw-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
.uw-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
.uw-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
.uw-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
.uw-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
.uw-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
.uw-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
.uw-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
.uw-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
.uw-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
.uw-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
.uw-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
.uw-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
.uw-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
.uw-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
.uw-caret-pink-50 { caret-color: var(--quanta-pink-50); }
.uw-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
.uw-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
.uw-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
.uw-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
.uw-caret-pink-100 { caret-color: var(--quanta-pink-100); }
.uw-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
.uw-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
.uw-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
.uw-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
.uw-caret-pink-200 { caret-color: var(--quanta-pink-200); }
.uw-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
.uw-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
.uw-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
.uw-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
.uw-caret-pink-300 { caret-color: var(--quanta-pink-300); }
.uw-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
.uw-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
.uw-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
.uw-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
.uw-caret-pink-400 { caret-color: var(--quanta-pink-400); }
.uw-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
.uw-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
.uw-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
.uw-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
.uw-caret-pink-500 { caret-color: var(--quanta-pink-500); }
.uw-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
.uw-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
.uw-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
.uw-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
.uw-caret-pink-600 { caret-color: var(--quanta-pink-600); }
.uw-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
.uw-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
.uw-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
.uw-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
.uw-caret-pink-700 { caret-color: var(--quanta-pink-700); }
.uw-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
.uw-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
.uw-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
.uw-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
.uw-caret-pink-800 { caret-color: var(--quanta-pink-800); }
.uw-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
.uw-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
.uw-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
.uw-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
.uw-caret-pink-900 { caret-color: var(--quanta-pink-900); }
.uw-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
.uw-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
.uw-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
.uw-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
.uw-caret-grey-50 { caret-color: var(--quanta-grey-50); }
.uw-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
.uw-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
.uw-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
.uw-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
.uw-caret-grey-100 { caret-color: var(--quanta-grey-100); }
.uw-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
.uw-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
.uw-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
.uw-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
.uw-caret-grey-200 { caret-color: var(--quanta-grey-200); }
.uw-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
.uw-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
.uw-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
.uw-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
.uw-caret-grey-300 { caret-color: var(--quanta-grey-300); }
.uw-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
.uw-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
.uw-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
.uw-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
.uw-caret-grey-400 { caret-color: var(--quanta-grey-400); }
.uw-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
.uw-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
.uw-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
.uw-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
.uw-caret-grey-500 { caret-color: var(--quanta-grey-500); }
.uw-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
.uw-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
.uw-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
.uw-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
.uw-caret-grey-600 { caret-color: var(--quanta-grey-600); }
.uw-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
.uw-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
.uw-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
.uw-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
.uw-caret-grey-700 { caret-color: var(--quanta-grey-700); }
.uw-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
.uw-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
.uw-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
.uw-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
.uw-caret-grey-800 { caret-color: var(--quanta-grey-800); }
.uw-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
.uw-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
.uw-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
.uw-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
.uw-caret-grey-900 { caret-color: var(--quanta-grey-900); }
.uw-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
.uw-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
.uw-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
.uw-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
.uw-caret-lime-50 { caret-color: var(--quanta-lime-50); }
.uw-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
.uw-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
.uw-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
.uw-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
.uw-caret-lime-100 { caret-color: var(--quanta-lime-100); }
.uw-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
.uw-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
.uw-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
.uw-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
.uw-caret-lime-200 { caret-color: var(--quanta-lime-200); }
.uw-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
.uw-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
.uw-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
.uw-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
.uw-caret-lime-300 { caret-color: var(--quanta-lime-300); }
.uw-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
.uw-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
.uw-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
.uw-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
.uw-caret-lime-400 { caret-color: var(--quanta-lime-400); }
.uw-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
.uw-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
.uw-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
.uw-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
.uw-caret-lime-500 { caret-color: var(--quanta-lime-500); }
.uw-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
.uw-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
.uw-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
.uw-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
.uw-caret-lime-600 { caret-color: var(--quanta-lime-600); }
.uw-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
.uw-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
.uw-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
.uw-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
.uw-caret-lime-700 { caret-color: var(--quanta-lime-700); }
.uw-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
.uw-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
.uw-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
.uw-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
.uw-caret-lime-800 { caret-color: var(--quanta-lime-800); }
.uw-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
.uw-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
.uw-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
.uw-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
.uw-caret-lime-900 { caret-color: var(--quanta-lime-900); }
.uw-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
.uw-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
.uw-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
.uw-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
.uw-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
.uw-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
.uw-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
.uw-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
.uw-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
.uw-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
.uw-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
.uw-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
.uw-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
.uw-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
.uw-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
.uw-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
.uw-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
.uw-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
.uw-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
.uw-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
.uw-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
.uw-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
.uw-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
.uw-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
.uw-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
.uw-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
.uw-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
.uw-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
.uw-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
.uw-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
.uw-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
.uw-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
.uw-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
.uw-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
.uw-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
.uw-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
.uw-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
.uw-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
.uw-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
.uw-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
.uw-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
.uw-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
.uw-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
.uw-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
.uw-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
.uw-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
.uw-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
.uw-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
.uw-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
.uw-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
.uw-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
.uw-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
.uw-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
.uw-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
.uw-caret-sky-50 { caret-color: var(--quanta-sky-50); }
.uw-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
.uw-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
.uw-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
.uw-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
.uw-caret-sky-100 { caret-color: var(--quanta-sky-100); }
.uw-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
.uw-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
.uw-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
.uw-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
.uw-caret-sky-200 { caret-color: var(--quanta-sky-200); }
.uw-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
.uw-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
.uw-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
.uw-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
.uw-caret-sky-300 { caret-color: var(--quanta-sky-300); }
.uw-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
.uw-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
.uw-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
.uw-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
.uw-caret-sky-400 { caret-color: var(--quanta-sky-400); }
.uw-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
.uw-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
.uw-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
.uw-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
.uw-caret-sky-500 { caret-color: var(--quanta-sky-500); }
.uw-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
.uw-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
.uw-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
.uw-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
.uw-caret-sky-600 { caret-color: var(--quanta-sky-600); }
.uw-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
.uw-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
.uw-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
.uw-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
.uw-caret-sky-700 { caret-color: var(--quanta-sky-700); }
.uw-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
.uw-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
.uw-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
.uw-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
.uw-caret-sky-800 { caret-color: var(--quanta-sky-800); }
.uw-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
.uw-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
.uw-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
.uw-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
.uw-caret-sky-900 { caret-color: var(--quanta-sky-900); }
.uw-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
.uw-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
.uw-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
.uw-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
.uw-caret-violet-50 { caret-color: var(--quanta-violet-50); }
.uw-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
.uw-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
.uw-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
.uw-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
.uw-caret-violet-100 { caret-color: var(--quanta-violet-100); }
.uw-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
.uw-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
.uw-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
.uw-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
.uw-caret-violet-200 { caret-color: var(--quanta-violet-200); }
.uw-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
.uw-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
.uw-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
.uw-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
.uw-caret-violet-300 { caret-color: var(--quanta-violet-300); }
.uw-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
.uw-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
.uw-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
.uw-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
.uw-caret-violet-400 { caret-color: var(--quanta-violet-400); }
.uw-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
.uw-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
.uw-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
.uw-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
.uw-caret-violet-500 { caret-color: var(--quanta-violet-500); }
.uw-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
.uw-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
.uw-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
.uw-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
.uw-caret-violet-600 { caret-color: var(--quanta-violet-600); }
.uw-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
.uw-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
.uw-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
.uw-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
.uw-caret-violet-700 { caret-color: var(--quanta-violet-700); }
.uw-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
.uw-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
.uw-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
.uw-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
.uw-caret-violet-800 { caret-color: var(--quanta-violet-800); }
.uw-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
.uw-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
.uw-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
.uw-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
.uw-caret-violet-900 { caret-color: var(--quanta-violet-900); }
.uw-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
.uw-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
.uw-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
.uw-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
.uw-caret-rose-50 { caret-color: var(--quanta-rose-50); }
.uw-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
.uw-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
.uw-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
.uw-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
.uw-caret-rose-100 { caret-color: var(--quanta-rose-100); }
.uw-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
.uw-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
.uw-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
.uw-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
.uw-caret-rose-200 { caret-color: var(--quanta-rose-200); }
.uw-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
.uw-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
.uw-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
.uw-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
.uw-caret-rose-300 { caret-color: var(--quanta-rose-300); }
.uw-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
.uw-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
.uw-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
.uw-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
.uw-caret-rose-400 { caret-color: var(--quanta-rose-400); }
.uw-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
.uw-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
.uw-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
.uw-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
.uw-caret-rose-500 { caret-color: var(--quanta-rose-500); }
.uw-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
.uw-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
.uw-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
.uw-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
.uw-caret-rose-600 { caret-color: var(--quanta-rose-600); }
.uw-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
.uw-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
.uw-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
.uw-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
.uw-caret-rose-700 { caret-color: var(--quanta-rose-700); }
.uw-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
.uw-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
.uw-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
.uw-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
.uw-caret-rose-800 { caret-color: var(--quanta-rose-800); }
.uw-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
.uw-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
.uw-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
.uw-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
.uw-caret-rose-900 { caret-color: var(--quanta-rose-900); }
.uw-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
.uw-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
.uw-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
.uw-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
.uw-caret-slate-50 { caret-color: var(--quanta-slate-50); }
.uw-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
.uw-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
.uw-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
.uw-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
.uw-caret-slate-100 { caret-color: var(--quanta-slate-100); }
.uw-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
.uw-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
.uw-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
.uw-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
.uw-caret-slate-200 { caret-color: var(--quanta-slate-200); }
.uw-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
.uw-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
.uw-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
.uw-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
.uw-caret-slate-300 { caret-color: var(--quanta-slate-300); }
.uw-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
.uw-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
.uw-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
.uw-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
.uw-caret-slate-400 { caret-color: var(--quanta-slate-400); }
.uw-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
.uw-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
.uw-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
.uw-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
.uw-caret-slate-500 { caret-color: var(--quanta-slate-500); }
.uw-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
.uw-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
.uw-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
.uw-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
.uw-caret-slate-600 { caret-color: var(--quanta-slate-600); }
.uw-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
.uw-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
.uw-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
.uw-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
.uw-caret-slate-700 { caret-color: var(--quanta-slate-700); }
.uw-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
.uw-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
.uw-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
.uw-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
.uw-caret-slate-800 { caret-color: var(--quanta-slate-800); }
.uw-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
.uw-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
.uw-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
.uw-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
.uw-caret-slate-900 { caret-color: var(--quanta-slate-900); }
.uw-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
.uw-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
.uw-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
.uw-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
.uw-caret-blue-50 { caret-color: var(--quanta-blue-50); }
.uw-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
.uw-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
.uw-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
.uw-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
.uw-caret-blue-100 { caret-color: var(--quanta-blue-100); }
.uw-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
.uw-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
.uw-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
.uw-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
.uw-caret-blue-200 { caret-color: var(--quanta-blue-200); }
.uw-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
.uw-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
.uw-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
.uw-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
.uw-caret-blue-300 { caret-color: var(--quanta-blue-300); }
.uw-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
.uw-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
.uw-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
.uw-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
.uw-caret-blue-400 { caret-color: var(--quanta-blue-400); }
.uw-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
.uw-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
.uw-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
.uw-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
.uw-caret-blue-500 { caret-color: var(--quanta-blue-500); }
.uw-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
.uw-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
.uw-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
.uw-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
.uw-caret-blue-600 { caret-color: var(--quanta-blue-600); }
.uw-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
.uw-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
.uw-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
.uw-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
.uw-caret-blue-700 { caret-color: var(--quanta-blue-700); }
.uw-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
.uw-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
.uw-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
.uw-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
.uw-caret-blue-800 { caret-color: var(--quanta-blue-800); }
.uw-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
.uw-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
.uw-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
.uw-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
.uw-caret-blue-900 { caret-color: var(--quanta-blue-900); }
.uw-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
.uw-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
.uw-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
.uw-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
.uw-caret-green-50 { caret-color: var(--quanta-green-50); }
.uw-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
.uw-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
.uw-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
.uw-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
.uw-caret-green-100 { caret-color: var(--quanta-green-100); }
.uw-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
.uw-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
.uw-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
.uw-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
.uw-caret-green-200 { caret-color: var(--quanta-green-200); }
.uw-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
.uw-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
.uw-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
.uw-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
.uw-caret-green-300 { caret-color: var(--quanta-green-300); }
.uw-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
.uw-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
.uw-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
.uw-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
.uw-caret-green-400 { caret-color: var(--quanta-green-400); }
.uw-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
.uw-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
.uw-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
.uw-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
.uw-caret-green-500 { caret-color: var(--quanta-green-500); }
.uw-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
.uw-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
.uw-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
.uw-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
.uw-caret-green-600 { caret-color: var(--quanta-green-600); }
.uw-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
.uw-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
.uw-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
.uw-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
.uw-caret-green-700 { caret-color: var(--quanta-green-700); }
.uw-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
.uw-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
.uw-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
.uw-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
.uw-caret-green-800 { caret-color: var(--quanta-green-800); }
.uw-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
.uw-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
.uw-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
.uw-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
.uw-caret-green-900 { caret-color: var(--quanta-green-900); }
.uw-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
.uw-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
.uw-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
.uw-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
.uw-caret-black { caret-color: var(--black); }
.uw-hover-caret-black:hover { caret-color: var(--black); }
.uw-focus-caret-black:focus { caret-color: var(--black); }
.uw-active-caret-black:active { caret-color: var(--black); }
.uw-disabled-caret-black:disabled { caret-color: var(--black); }
.uw-caret-white { caret-color: var(--white); }
.uw-hover-caret-white:hover { caret-color: var(--white); }
.uw-focus-caret-white:focus { caret-color: var(--white); }
.uw-active-caret-white:active { caret-color: var(--white); }
.uw-disabled-caret-white:disabled { caret-color: var(--white); }
.uw-color-scheme-light { color-scheme: light; }
.uw-hover-color-scheme-light:hover { color-scheme: light; }
.uw-focus-color-scheme-light:focus { color-scheme: light; }
.uw-active-color-scheme-light:active { color-scheme: light; }
.uw-disabled-color-scheme-light:disabled { color-scheme: light; }
.uw-color-scheme-dark { color-scheme: dark; }
.uw-hover-color-scheme-dark:hover { color-scheme: dark; }
.uw-focus-color-scheme-dark:focus { color-scheme: dark; }
.uw-active-color-scheme-dark:active { color-scheme: dark; }
.uw-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.uw-color-scheme-normal { color-scheme: normal; }
.uw-hover-color-scheme-normal:hover { color-scheme: normal; }
.uw-focus-color-scheme-normal:focus { color-scheme: normal; }
.uw-active-color-scheme-normal:active { color-scheme: normal; }
.uw-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.uw-cursor-auto { cursor: auto; }
.uw-hover-cursor-auto:hover { cursor: auto; }
.uw-focus-cursor-auto:focus { cursor: auto; }
.uw-active-cursor-auto:active { cursor: auto; }
.uw-disabled-cursor-auto:disabled { cursor: auto; }
.uw-cursor-default { cursor: default; }
.uw-hover-cursor-default:hover { cursor: default; }
.uw-focus-cursor-default:focus { cursor: default; }
.uw-active-cursor-default:active { cursor: default; }
.uw-disabled-cursor-default:disabled { cursor: default; }
.uw-cursor-pointer { cursor: pointer; }
.uw-hover-cursor-pointer:hover { cursor: pointer; }
.uw-focus-cursor-pointer:focus { cursor: pointer; }
.uw-active-cursor-pointer:active { cursor: pointer; }
.uw-disabled-cursor-pointer:disabled { cursor: pointer; }
.uw-cursor-wait { cursor: wait; }
.uw-hover-cursor-wait:hover { cursor: wait; }
.uw-focus-cursor-wait:focus { cursor: wait; }
.uw-active-cursor-wait:active { cursor: wait; }
.uw-disabled-cursor-wait:disabled { cursor: wait; }
.uw-cursor-text { cursor: text; }
.uw-hover-cursor-text:hover { cursor: text; }
.uw-focus-cursor-text:focus { cursor: text; }
.uw-active-cursor-text:active { cursor: text; }
.uw-disabled-cursor-text:disabled { cursor: text; }
.uw-cursor-move { cursor: move; }
.uw-hover-cursor-move:hover { cursor: move; }
.uw-focus-cursor-move:focus { cursor: move; }
.uw-active-cursor-move:active { cursor: move; }
.uw-disabled-cursor-move:disabled { cursor: move; }
.uw-cursor-not-allowed { cursor: not-allowed; }
.uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.uw-active-cursor-not-allowed:active { cursor: not-allowed; }
.uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.uw-cursor-none { cursor: none; }
.uw-hover-cursor-none:hover { cursor: none; }
.uw-focus-cursor-none:focus { cursor: none; }
.uw-active-cursor-none:active { cursor: none; }
.uw-disabled-cursor-none:disabled { cursor: none; }
.uw-pointer-events-none { pointer-events: none; }
.uw-hover-pointer-events-none:hover { pointer-events: none; }
.uw-focus-pointer-events-none:focus { pointer-events: none; }
.uw-active-pointer-events-none:active { pointer-events: none; }
.uw-disabled-pointer-events-none:disabled { pointer-events: none; }
.uw-pointer-events-auto { pointer-events: auto; }
.uw-hover-pointer-events-auto:hover { pointer-events: auto; }
.uw-focus-pointer-events-auto:focus { pointer-events: auto; }
.uw-active-pointer-events-auto:active { pointer-events: auto; }
.uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.uw-resize-none { resize: none; }
.uw-hover-resize-none:hover { resize: none; }
.uw-focus-resize-none:focus { resize: none; }
.uw-active-resize-none:active { resize: none; }
.uw-disabled-resize-none:disabled { resize: none; }
.uw-resize-x { resize: horizontal; }
.uw-hover-resize-x:hover { resize: horizontal; }
.uw-focus-resize-x:focus { resize: horizontal; }
.uw-active-resize-x:active { resize: horizontal; }
.uw-disabled-resize-x:disabled { resize: horizontal; }
.uw-resize-y { resize: vertical; }
.uw-hover-resize-y:hover { resize: vertical; }
.uw-focus-resize-y:focus { resize: vertical; }
.uw-active-resize-y:active { resize: vertical; }
.uw-disabled-resize-y:disabled { resize: vertical; }
.uw-resize { resize: both; }
.uw-hover-resize:hover { resize: both; }
.uw-focus-resize:focus { resize: both; }
.uw-active-resize:active { resize: both; }
.uw-disabled-resize:disabled { resize: both; }
.uw-scroll-auto { scroll-behavior: auto; }
.uw-hover-scroll-auto:hover { scroll-behavior: auto; }
.uw-focus-scroll-auto:focus { scroll-behavior: auto; }
.uw-active-scroll-auto:active { scroll-behavior: auto; }
.uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.uw-scroll-smooth { scroll-behavior: smooth; }
.uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.uw-active-scroll-smooth:active { scroll-behavior: smooth; }
.uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.uw-scroll-m-0 { scroll-margin: 0rem; }
.uw-hover-scroll-m-0:hover { scroll-margin: 0rem; }
.uw-focus-scroll-m-0:focus { scroll-margin: 0rem; }
.uw-active-scroll-m-0:active { scroll-margin: 0rem; }
.uw-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
.uw-scroll-p-0 { scroll-padding: 0rem; }
.uw-hover-scroll-p-0:hover { scroll-padding: 0rem; }
.uw-focus-scroll-p-0:focus { scroll-padding: 0rem; }
.uw-active-scroll-p-0:active { scroll-padding: 0rem; }
.uw-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
.uw-scroll-m-0_125 { scroll-margin: 0.125rem; }
.uw-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
.uw-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
.uw-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
.uw-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
.uw-scroll-p-0_125 { scroll-padding: 0.125rem; }
.uw-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
.uw-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
.uw-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
.uw-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
.uw-scroll-m-0_25 { scroll-margin: 0.25rem; }
.uw-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
.uw-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
.uw-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
.uw-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
.uw-scroll-p-0_25 { scroll-padding: 0.25rem; }
.uw-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
.uw-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
.uw-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
.uw-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
.uw-scroll-m-0_5 { scroll-margin: 0.5rem; }
.uw-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
.uw-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
.uw-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
.uw-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
.uw-scroll-p-0_5 { scroll-padding: 0.5rem; }
.uw-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
.uw-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
.uw-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
.uw-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
.uw-scroll-m-0_75 { scroll-margin: 0.75rem; }
.uw-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
.uw-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
.uw-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
.uw-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
.uw-scroll-p-0_75 { scroll-padding: 0.75rem; }
.uw-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
.uw-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
.uw-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
.uw-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
.uw-scroll-m-1 { scroll-margin: 1rem; }
.uw-hover-scroll-m-1:hover { scroll-margin: 1rem; }
.uw-focus-scroll-m-1:focus { scroll-margin: 1rem; }
.uw-active-scroll-m-1:active { scroll-margin: 1rem; }
.uw-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
.uw-scroll-p-1 { scroll-padding: 1rem; }
.uw-hover-scroll-p-1:hover { scroll-padding: 1rem; }
.uw-focus-scroll-p-1:focus { scroll-padding: 1rem; }
.uw-active-scroll-p-1:active { scroll-padding: 1rem; }
.uw-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
.uw-scroll-m-1_5 { scroll-margin: 1.5rem; }
.uw-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
.uw-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
.uw-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
.uw-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
.uw-scroll-p-1_5 { scroll-padding: 1.5rem; }
.uw-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
.uw-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
.uw-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
.uw-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
.uw-scroll-m-2 { scroll-margin: 2rem; }
.uw-hover-scroll-m-2:hover { scroll-margin: 2rem; }
.uw-focus-scroll-m-2:focus { scroll-margin: 2rem; }
.uw-active-scroll-m-2:active { scroll-margin: 2rem; }
.uw-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
.uw-scroll-p-2 { scroll-padding: 2rem; }
.uw-hover-scroll-p-2:hover { scroll-padding: 2rem; }
.uw-focus-scroll-p-2:focus { scroll-padding: 2rem; }
.uw-active-scroll-p-2:active { scroll-padding: 2rem; }
.uw-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
.uw-scroll-m-3 { scroll-margin: 3rem; }
.uw-hover-scroll-m-3:hover { scroll-margin: 3rem; }
.uw-focus-scroll-m-3:focus { scroll-margin: 3rem; }
.uw-active-scroll-m-3:active { scroll-margin: 3rem; }
.uw-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
.uw-scroll-p-3 { scroll-padding: 3rem; }
.uw-hover-scroll-p-3:hover { scroll-padding: 3rem; }
.uw-focus-scroll-p-3:focus { scroll-padding: 3rem; }
.uw-active-scroll-p-3:active { scroll-padding: 3rem; }
.uw-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
.uw-scroll-m-4 { scroll-margin: 4rem; }
.uw-hover-scroll-m-4:hover { scroll-margin: 4rem; }
.uw-focus-scroll-m-4:focus { scroll-margin: 4rem; }
.uw-active-scroll-m-4:active { scroll-margin: 4rem; }
.uw-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
.uw-scroll-p-4 { scroll-padding: 4rem; }
.uw-hover-scroll-p-4:hover { scroll-padding: 4rem; }
.uw-focus-scroll-p-4:focus { scroll-padding: 4rem; }
.uw-active-scroll-p-4:active { scroll-padding: 4rem; }
.uw-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
.uw-snap-x { scroll-snap-type: x mandatory; }
.uw-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.uw-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.uw-active-snap-x:active { scroll-snap-type: x mandatory; }
.uw-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.uw-snap-y { scroll-snap-type: y mandatory; }
.uw-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.uw-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.uw-active-snap-y:active { scroll-snap-type: y mandatory; }
.uw-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.uw-snap-both { scroll-snap-type: both mandatory; }
.uw-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.uw-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.uw-active-snap-both:active { scroll-snap-type: both mandatory; }
.uw-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.uw-snap-align-start { scroll-snap-align: start; }
.uw-hover-snap-align-start:hover { scroll-snap-align: start; }
.uw-focus-snap-align-start:focus { scroll-snap-align: start; }
.uw-active-snap-align-start:active { scroll-snap-align: start; }
.uw-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.uw-snap-align-end { scroll-snap-align: end; }
.uw-hover-snap-align-end:hover { scroll-snap-align: end; }
.uw-focus-snap-align-end:focus { scroll-snap-align: end; }
.uw-active-snap-align-end:active { scroll-snap-align: end; }
.uw-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.uw-snap-align-center { scroll-snap-align: center; }
.uw-hover-snap-align-center:hover { scroll-snap-align: center; }
.uw-focus-snap-align-center:focus { scroll-snap-align: center; }
.uw-active-snap-align-center:active { scroll-snap-align: center; }
.uw-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.uw-snap-align-none { scroll-snap-align: none; }
.uw-hover-snap-align-none:hover { scroll-snap-align: none; }
.uw-focus-snap-align-none:focus { scroll-snap-align: none; }
.uw-active-snap-align-none:active { scroll-snap-align: none; }
.uw-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.uw-snap-stop-normal { scroll-snap-stop: normal; }
.uw-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.uw-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.uw-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.uw-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.uw-snap-stop-always { scroll-snap-stop: always; }
.uw-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.uw-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.uw-active-snap-stop-always:active { scroll-snap-stop: always; }
.uw-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.uw-touch-auto { touch-action: auto; }
.uw-hover-touch-auto:hover { touch-action: auto; }
.uw-focus-touch-auto:focus { touch-action: auto; }
.uw-active-touch-auto:active { touch-action: auto; }
.uw-disabled-touch-auto:disabled { touch-action: auto; }
.uw-touch-none { touch-action: none; }
.uw-hover-touch-none:hover { touch-action: none; }
.uw-focus-touch-none:focus { touch-action: none; }
.uw-active-touch-none:active { touch-action: none; }
.uw-disabled-touch-none:disabled { touch-action: none; }
.uw-touch-pan_x { touch-action: pan-x; }
.uw-hover-touch-pan_x:hover { touch-action: pan-x; }
.uw-focus-touch-pan_x:focus { touch-action: pan-x; }
.uw-active-touch-pan_x:active { touch-action: pan-x; }
.uw-disabled-touch-pan_x:disabled { touch-action: pan-x; }
.uw-touch-pan_y { touch-action: pan-y; }
.uw-hover-touch-pan_y:hover { touch-action: pan-y; }
.uw-focus-touch-pan_y:focus { touch-action: pan-y; }
.uw-active-touch-pan_y:active { touch-action: pan-y; }
.uw-disabled-touch-pan_y:disabled { touch-action: pan-y; }
.uw-touch-manipulation { touch-action: manipulation; }
.uw-hover-touch-manipulation:hover { touch-action: manipulation; }
.uw-focus-touch-manipulation:focus { touch-action: manipulation; }
.uw-active-touch-manipulation:active { touch-action: manipulation; }
.uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.uw-select-auto { user-select: auto; }
.uw-hover-select-auto:hover { user-select: auto; }
.uw-focus-select-auto:focus { user-select: auto; }
.uw-active-select-auto:active { user-select: auto; }
.uw-disabled-select-auto:disabled { user-select: auto; }
.uw-select-none { user-select: none; }
.uw-hover-select-none:hover { user-select: none; }
.uw-focus-select-none:focus { user-select: none; }
.uw-active-select-none:active { user-select: none; }
.uw-disabled-select-none:disabled { user-select: none; }
.uw-select-text { user-select: text; }
.uw-hover-select-text:hover { user-select: text; }
.uw-focus-select-text:focus { user-select: text; }
.uw-active-select-text:active { user-select: text; }
.uw-disabled-select-text:disabled { user-select: text; }
.uw-select-all { user-select: all; }
.uw-hover-select-all:hover { user-select: all; }
.uw-focus-select-all:focus { user-select: all; }
.uw-active-select-all:active { user-select: all; }
.uw-disabled-select-all:disabled { user-select: all; }
.uw-select-contain { user-select: contain; }
.uw-hover-select-contain:hover { user-select: contain; }
.uw-focus-select-contain:focus { user-select: contain; }
.uw-active-select-contain:active { user-select: contain; }
.uw-disabled-select-contain:disabled { user-select: contain; }
.uw-will-change-auto { will-change: auto; }
.uw-hover-will-change-auto:hover { will-change: auto; }
.uw-focus-will-change-auto:focus { will-change: auto; }
.uw-active-will-change-auto:active { will-change: auto; }
.uw-disabled-will-change-auto:disabled { will-change: auto; }
.uw-will-change-scroll { will-change: scroll; }
.uw-hover-will-change-scroll:hover { will-change: scroll; }
.uw-focus-will-change-scroll:focus { will-change: scroll; }
.uw-active-will-change-scroll:active { will-change: scroll; }
.uw-disabled-will-change-scroll:disabled { will-change: scroll; }
.uw-will-change-transform { will-change: transform; }
.uw-hover-will-change-transform:hover { will-change: transform; }
.uw-focus-will-change-transform:focus { will-change: transform; }
.uw-active-will-change-transform:active { will-change: transform; }
.uw-disabled-will-change-transform:disabled { will-change: transform; }
.uw-will-change-opacity { will-change: opacity; }
.uw-hover-will-change-opacity:hover { will-change: opacity; }
.uw-focus-will-change-opacity:focus { will-change: opacity; }
.uw-active-will-change-opacity:active { will-change: opacity; }
.uw-disabled-will-change-opacity:disabled { will-change: opacity; }
.uw-will-change-contents { will-change: contents; }
.uw-hover-will-change-contents:hover { will-change: contents; }
.uw-focus-will-change-contents:focus { will-change: contents; }
.uw-active-will-change-contents:active { will-change: contents; }
.uw-disabled-will-change-contents:disabled { will-change: contents; }
.uw-color-scheme-light { color-scheme: light; }
.uw-hover-color-scheme-light:hover { color-scheme: light; }
.uw-focus-color-scheme-light:focus { color-scheme: light; }
.uw-active-color-scheme-light:active { color-scheme: light; }
.uw-disabled-color-scheme-light:disabled { color-scheme: light; }
.uw-color-scheme-dark { color-scheme: dark; }
.uw-hover-color-scheme-dark:hover { color-scheme: dark; }
.uw-focus-color-scheme-dark:focus { color-scheme: dark; }
.uw-active-color-scheme-dark:active { color-scheme: dark; }
.uw-disabled-color-scheme-dark:disabled { color-scheme: dark; }
.uw-color-scheme-normal { color-scheme: normal; }
.uw-hover-color-scheme-normal:hover { color-scheme: normal; }
.uw-focus-color-scheme-normal:focus { color-scheme: normal; }
.uw-active-color-scheme-normal:active { color-scheme: normal; }
.uw-disabled-color-scheme-normal:disabled { color-scheme: normal; }
.uw-cursor-auto { cursor: auto; }
.uw-hover-cursor-auto:hover { cursor: auto; }
.uw-focus-cursor-auto:focus { cursor: auto; }
.uw-active-cursor-auto:active { cursor: auto; }
.uw-disabled-cursor-auto:disabled { cursor: auto; }
.uw-cursor-default { cursor: default; }
.uw-hover-cursor-default:hover { cursor: default; }
.uw-focus-cursor-default:focus { cursor: default; }
.uw-active-cursor-default:active { cursor: default; }
.uw-disabled-cursor-default:disabled { cursor: default; }
.uw-cursor-pointer { cursor: pointer; }
.uw-hover-cursor-pointer:hover { cursor: pointer; }
.uw-focus-cursor-pointer:focus { cursor: pointer; }
.uw-active-cursor-pointer:active { cursor: pointer; }
.uw-disabled-cursor-pointer:disabled { cursor: pointer; }
.uw-cursor-wait { cursor: wait; }
.uw-hover-cursor-wait:hover { cursor: wait; }
.uw-focus-cursor-wait:focus { cursor: wait; }
.uw-active-cursor-wait:active { cursor: wait; }
.uw-disabled-cursor-wait:disabled { cursor: wait; }
.uw-cursor-text { cursor: text; }
.uw-hover-cursor-text:hover { cursor: text; }
.uw-focus-cursor-text:focus { cursor: text; }
.uw-active-cursor-text:active { cursor: text; }
.uw-disabled-cursor-text:disabled { cursor: text; }
.uw-cursor-move { cursor: move; }
.uw-hover-cursor-move:hover { cursor: move; }
.uw-focus-cursor-move:focus { cursor: move; }
.uw-active-cursor-move:active { cursor: move; }
.uw-disabled-cursor-move:disabled { cursor: move; }
.uw-cursor-not-allowed { cursor: not-allowed; }
.uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.uw-active-cursor-not-allowed:active { cursor: not-allowed; }
.uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.uw-cursor-none { cursor: none; }
.uw-hover-cursor-none:hover { cursor: none; }
.uw-focus-cursor-none:focus { cursor: none; }
.uw-active-cursor-none:active { cursor: none; }
.uw-disabled-cursor-none:disabled { cursor: none; }
.uw-pointer-events-none { pointer-events: none; }
.uw-hover-pointer-events-none:hover { pointer-events: none; }
.uw-focus-pointer-events-none:focus { pointer-events: none; }
.uw-active-pointer-events-none:active { pointer-events: none; }
.uw-disabled-pointer-events-none:disabled { pointer-events: none; }
.uw-pointer-events-auto { pointer-events: auto; }
.uw-hover-pointer-events-auto:hover { pointer-events: auto; }
.uw-focus-pointer-events-auto:focus { pointer-events: auto; }
.uw-active-pointer-events-auto:active { pointer-events: auto; }
.uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.uw-resize-none { resize: none; }
.uw-hover-resize-none:hover { resize: none; }
.uw-focus-resize-none:focus { resize: none; }
.uw-active-resize-none:active { resize: none; }
.uw-disabled-resize-none:disabled { resize: none; }
.uw-resize-x { resize: horizontal; }
.uw-hover-resize-x:hover { resize: horizontal; }
.uw-focus-resize-x:focus { resize: horizontal; }
.uw-active-resize-x:active { resize: horizontal; }
.uw-disabled-resize-x:disabled { resize: horizontal; }
.uw-resize-y { resize: vertical; }
.uw-hover-resize-y:hover { resize: vertical; }
.uw-focus-resize-y:focus { resize: vertical; }
.uw-active-resize-y:active { resize: vertical; }
.uw-disabled-resize-y:disabled { resize: vertical; }
.uw-resize { resize: both; }
.uw-hover-resize:hover { resize: both; }
.uw-focus-resize:focus { resize: both; }
.uw-active-resize:active { resize: both; }
.uw-disabled-resize:disabled { resize: both; }
.uw-scroll-auto { scroll-behavior: auto; }
.uw-hover-scroll-auto:hover { scroll-behavior: auto; }
.uw-focus-scroll-auto:focus { scroll-behavior: auto; }
.uw-active-scroll-auto:active { scroll-behavior: auto; }
.uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.uw-scroll-smooth { scroll-behavior: smooth; }
.uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.uw-active-scroll-smooth:active { scroll-behavior: smooth; }
.uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.uw-scroll-m-0 { scroll-margin: 0; }
.uw-hover-scroll-m-0:hover { scroll-margin: 0; }
.uw-focus-scroll-m-0:focus { scroll-margin: 0; }
.uw-active-scroll-m-0:active { scroll-margin: 0; }
.uw-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.uw-scroll-m-1 { scroll-margin: 0.25rem; }
.uw-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.uw-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.uw-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.uw-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.uw-scroll-m-2 { scroll-margin: 0.5rem; }
.uw-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.uw-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.uw-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.uw-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.uw-scroll-m-4 { scroll-margin: 1rem; }
.uw-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.uw-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.uw-active-scroll-m-4:active { scroll-margin: 1rem; }
.uw-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.uw-scroll-m-8 { scroll-margin: 2rem; }
.uw-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.uw-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.uw-active-scroll-m-8:active { scroll-margin: 2rem; }
.uw-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.uw-scroll-p-0 { scroll-padding: 0; }
.uw-hover-scroll-p-0:hover { scroll-padding: 0; }
.uw-focus-scroll-p-0:focus { scroll-padding: 0; }
.uw-active-scroll-p-0:active { scroll-padding: 0; }
.uw-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.uw-scroll-p-1 { scroll-padding: 0.25rem; }
.uw-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.uw-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.uw-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.uw-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.uw-scroll-p-2 { scroll-padding: 0.5rem; }
.uw-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.uw-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.uw-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.uw-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.uw-scroll-p-4 { scroll-padding: 1rem; }
.uw-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.uw-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.uw-active-scroll-p-4:active { scroll-padding: 1rem; }
.uw-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.uw-scroll-p-8 { scroll-padding: 2rem; }
.uw-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.uw-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.uw-active-scroll-p-8:active { scroll-padding: 2rem; }
.uw-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.uw-snap-x { scroll-snap-type: x mandatory; }
.uw-hover-snap-x:hover { scroll-snap-type: x mandatory; }
.uw-focus-snap-x:focus { scroll-snap-type: x mandatory; }
.uw-active-snap-x:active { scroll-snap-type: x mandatory; }
.uw-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
.uw-snap-y { scroll-snap-type: y mandatory; }
.uw-hover-snap-y:hover { scroll-snap-type: y mandatory; }
.uw-focus-snap-y:focus { scroll-snap-type: y mandatory; }
.uw-active-snap-y:active { scroll-snap-type: y mandatory; }
.uw-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
.uw-snap-both { scroll-snap-type: both mandatory; }
.uw-hover-snap-both:hover { scroll-snap-type: both mandatory; }
.uw-focus-snap-both:focus { scroll-snap-type: both mandatory; }
.uw-active-snap-both:active { scroll-snap-type: both mandatory; }
.uw-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
.uw-snap-align-start { scroll-snap-align: start; }
.uw-hover-snap-align-start:hover { scroll-snap-align: start; }
.uw-focus-snap-align-start:focus { scroll-snap-align: start; }
.uw-active-snap-align-start:active { scroll-snap-align: start; }
.uw-disabled-snap-align-start:disabled { scroll-snap-align: start; }
.uw-snap-align-center { scroll-snap-align: center; }
.uw-hover-snap-align-center:hover { scroll-snap-align: center; }
.uw-focus-snap-align-center:focus { scroll-snap-align: center; }
.uw-active-snap-align-center:active { scroll-snap-align: center; }
.uw-disabled-snap-align-center:disabled { scroll-snap-align: center; }
.uw-snap-align-end { scroll-snap-align: end; }
.uw-hover-snap-align-end:hover { scroll-snap-align: end; }
.uw-focus-snap-align-end:focus { scroll-snap-align: end; }
.uw-active-snap-align-end:active { scroll-snap-align: end; }
.uw-disabled-snap-align-end:disabled { scroll-snap-align: end; }
.uw-snap-align-none { scroll-snap-align: none; }
.uw-hover-snap-align-none:hover { scroll-snap-align: none; }
.uw-focus-snap-align-none:focus { scroll-snap-align: none; }
.uw-active-snap-align-none:active { scroll-snap-align: none; }
.uw-disabled-snap-align-none:disabled { scroll-snap-align: none; }
.uw-snap-stop-normal { scroll-snap-stop: normal; }
.uw-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
.uw-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
.uw-active-snap-stop-normal:active { scroll-snap-stop: normal; }
.uw-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
.uw-snap-stop-always { scroll-snap-stop: always; }
.uw-hover-snap-stop-always:hover { scroll-snap-stop: always; }
.uw-focus-snap-stop-always:focus { scroll-snap-stop: always; }
.uw-active-snap-stop-always:active { scroll-snap-stop: always; }
.uw-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
.uw-touch-auto { touch-action: auto; }
.uw-hover-touch-auto:hover { touch-action: auto; }
.uw-focus-touch-auto:focus { touch-action: auto; }
.uw-active-touch-auto:active { touch-action: auto; }
.uw-disabled-touch-auto:disabled { touch-action: auto; }
.uw-touch-none { touch-action: none; }
.uw-hover-touch-none:hover { touch-action: none; }
.uw-focus-touch-none:focus { touch-action: none; }
.uw-active-touch-none:active { touch-action: none; }
.uw-disabled-touch-none:disabled { touch-action: none; }
.uw-touch-pan-x { touch-action: pan-x; }
.uw-hover-touch-pan-x:hover { touch-action: pan-x; }
.uw-focus-touch-pan-x:focus { touch-action: pan-x; }
.uw-active-touch-pan-x:active { touch-action: pan-x; }
.uw-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.uw-touch-pan-y { touch-action: pan-y; }
.uw-hover-touch-pan-y:hover { touch-action: pan-y; }
.uw-focus-touch-pan-y:focus { touch-action: pan-y; }
.uw-active-touch-pan-y:active { touch-action: pan-y; }
.uw-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.uw-touch-manipulation { touch-action: manipulation; }
.uw-hover-touch-manipulation:hover { touch-action: manipulation; }
.uw-focus-touch-manipulation:focus { touch-action: manipulation; }
.uw-active-touch-manipulation:active { touch-action: manipulation; }
.uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.uw-select-auto { user-select: auto; }
.uw-hover-select-auto:hover { user-select: auto; }
.uw-focus-select-auto:focus { user-select: auto; }
.uw-active-select-auto:active { user-select: auto; }
.uw-disabled-select-auto:disabled { user-select: auto; }
.uw-select-none { user-select: none; }
.uw-hover-select-none:hover { user-select: none; }
.uw-focus-select-none:focus { user-select: none; }
.uw-active-select-none:active { user-select: none; }
.uw-disabled-select-none:disabled { user-select: none; }
.uw-select-text { user-select: text; }
.uw-hover-select-text:hover { user-select: text; }
.uw-focus-select-text:focus { user-select: text; }
.uw-active-select-text:active { user-select: text; }
.uw-disabled-select-text:disabled { user-select: text; }
.uw-select-all { user-select: all; }
.uw-hover-select-all:hover { user-select: all; }
.uw-focus-select-all:focus { user-select: all; }
.uw-active-select-all:active { user-select: all; }
.uw-disabled-select-all:disabled { user-select: all; }
.uw-select-contain { user-select: contain; }
.uw-hover-select-contain:hover { user-select: contain; }
.uw-focus-select-contain:focus { user-select: contain; }
.uw-active-select-contain:active { user-select: contain; }
.uw-disabled-select-contain:disabled { user-select: contain; }
.uw-will-change-auto { will-change: auto; }
.uw-hover-will-change-auto:hover { will-change: auto; }
.uw-focus-will-change-auto:focus { will-change: auto; }
.uw-active-will-change-auto:active { will-change: auto; }
.uw-disabled-will-change-auto:disabled { will-change: auto; }
.uw-will-change-scroll { will-change: scroll; }
.uw-hover-will-change-scroll:hover { will-change: scroll; }
.uw-focus-will-change-scroll:focus { will-change: scroll; }
.uw-active-will-change-scroll:active { will-change: scroll; }
.uw-disabled-will-change-scroll:disabled { will-change: scroll; }
.uw-will-change-transform { will-change: transform; }
.uw-hover-will-change-transform:hover { will-change: transform; }
.uw-focus-will-change-transform:focus { will-change: transform; }
.uw-active-will-change-transform:active { will-change: transform; }
.uw-disabled-will-change-transform:disabled { will-change: transform; }
.uw-will-change-opacity { will-change: opacity; }
.uw-hover-will-change-opacity:hover { will-change: opacity; }
.uw-focus-will-change-opacity:focus { will-change: opacity; }
.uw-active-will-change-opacity:active { will-change: opacity; }
.uw-disabled-will-change-opacity:disabled { will-change: opacity; }
.uw-will-change-contents { will-change: contents; }
.uw-hover-will-change-contents:hover { will-change: contents; }
.uw-focus-will-change-contents:focus { will-change: contents; }
.uw-active-will-change-contents:active { will-change: contents; }
.uw-disabled-will-change-contents:disabled { will-change: contents; }
.uw-field-sizing-auto { block-size: auto; inline-size: auto; }
.uw-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
.uw-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
.uw-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
.uw-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
.uw-field-sizing-fill { block-size: 100%; inline-size: 100%; }
.uw-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
.uw-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
.uw-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
.uw-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
.uw-field-sizing-min { block-size: min-content; inline-size: min-content; }
.uw-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
.uw-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
.uw-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
.uw-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
.uw-field-sizing-max { block-size: max-content; inline-size: max-content; }
.uw-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
.uw-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
.uw-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
.uw-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
.uw-aspect-auto { aspect-ratio: auto; }
.uw-hover-aspect-auto:hover { aspect-ratio: auto; }
.uw-focus-aspect-auto:focus { aspect-ratio: auto; }
.uw-active-aspect-auto:active { aspect-ratio: auto; }
.uw-disabled-aspect-auto:disabled { aspect-ratio: auto; }
.uw-aspect-square { aspect-ratio: 1 / 1; }
.uw-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
.uw-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
.uw-active-aspect-square:active { aspect-ratio: 1 / 1; }
.uw-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
.uw-aspect-video { aspect-ratio: 16 / 9; }
.uw-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
.uw-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
.uw-active-aspect-video:active { aspect-ratio: 16 / 9; }
.uw-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
.uw-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
.uw-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
.uw-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
.uw-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
.uw-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
.uw-isolation-auto { isolation: auto; }
.uw-hover-isolation-auto:hover { isolation: auto; }
.uw-focus-isolation-auto:focus { isolation: auto; }
.uw-active-isolation-auto:active { isolation: auto; }
.uw-disabled-isolation-auto:disabled { isolation: auto; }
.uw-isolation-isolate { isolation: isolate; }
.uw-hover-isolation-isolate:hover { isolation: isolate; }
.uw-focus-isolation-isolate:focus { isolation: isolate; }
.uw-active-isolation-isolate:active { isolation: isolate; }
.uw-disabled-isolation-isolate:disabled { isolation: isolate; }
.uw-contain-none { contain: none; }
.uw-hover-contain-none:hover { contain: none; }
.uw-focus-contain-none:focus { contain: none; }
.uw-active-contain-none:active { contain: none; }
.uw-disabled-contain-none:disabled { contain: none; }
.uw-contain-layout { contain: layout; }
.uw-hover-contain-layout:hover { contain: layout; }
.uw-focus-contain-layout:focus { contain: layout; }
.uw-active-contain-layout:active { contain: layout; }
.uw-disabled-contain-layout:disabled { contain: layout; }
.uw-contain-size { contain: size; }
.uw-hover-contain-size:hover { contain: size; }
.uw-focus-contain-size:focus { contain: size; }
.uw-active-contain-size:active { contain: size; }
.uw-disabled-contain-size:disabled { contain: size; }
.uw-contain-style { contain: style; }
.uw-hover-contain-style:hover { contain: style; }
.uw-focus-contain-style:focus { contain: style; }
.uw-active-contain-style:active { contain: style; }
.uw-disabled-contain-style:disabled { contain: style; }
.uw-contain-paint { contain: paint; }
.uw-hover-contain-paint:hover { contain: paint; }
.uw-focus-contain-paint:focus { contain: paint; }
.uw-active-contain-paint:active { contain: paint; }
.uw-disabled-contain-paint:disabled { contain: paint; }
.uw-contain-content { contain: content; }
.uw-hover-contain-content:hover { contain: content; }
.uw-focus-contain-content:focus { contain: content; }
.uw-active-contain-content:active { contain: content; }
.uw-disabled-contain-content:disabled { contain: content; }
.uw-content-auto { content-visibility: auto; }
.uw-hover-content-auto:hover { content-visibility: auto; }
.uw-focus-content-auto:focus { content-visibility: auto; }
.uw-active-content-auto:active { content-visibility: auto; }
.uw-disabled-content-auto:disabled { content-visibility: auto; }
.uw-content-hidden { content-visibility: hidden; }
.uw-hover-content-hidden:hover { content-visibility: hidden; }
.uw-focus-content-hidden:focus { content-visibility: hidden; }
.uw-active-content-hidden:active { content-visibility: hidden; }
.uw-disabled-content-hidden:disabled { content-visibility: hidden; }
.uw-content-visible { content-visibility: visible; }
.uw-hover-content-visible:hover { content-visibility: visible; }
.uw-focus-content-visible:focus { content-visibility: visible; }
.uw-active-content-visible:active { content-visibility: visible; }
.uw-disabled-content-visible:disabled { content-visibility: visible; }
.uw-box-border { box-sizing: border-box; }
.uw-hover-box-border:hover { box-sizing: border-box; }
.uw-focus-box-border:focus { box-sizing: border-box; }
.uw-active-box-border:active { box-sizing: border-box; }
.uw-disabled-box-border:disabled { box-sizing: border-box; }
.uw-box-content { box-sizing: content-box; }
.uw-hover-box-content:hover { box-sizing: content-box; }
.uw-focus-box-content:focus { box-sizing: content-box; }
.uw-active-box-content:active { box-sizing: content-box; }
.uw-disabled-box-content:disabled { box-sizing: content-box; }
.uw-clip-none { clip-path: none; }
.uw-hover-clip-none:hover { clip-path: none; }
.uw-focus-clip-none:focus { clip-path: none; }
.uw-active-clip-none:active { clip-path: none; }
.uw-disabled-clip-none:disabled { clip-path: none; }
.uw-clip-circle { clip-path: circle(50% at 50% 50%); }
.uw-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
.uw-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
.uw-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
.uw-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
.uw-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
.uw-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
.uw-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
.uw-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
.uw-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
.uw-clip-inset { clip-path: inset(0); }
.uw-hover-clip-inset:hover { clip-path: inset(0); }
.uw-focus-clip-inset:focus { clip-path: inset(0); }
.uw-active-clip-inset:active { clip-path: inset(0); }
.uw-disabled-clip-inset:disabled { clip-path: inset(0); }
.uw-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.uw-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.uw-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.uw-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.uw-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.uw-margin-block-start-1 { margin-block-start: 1rem; }
.uw-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
.uw-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
.uw-active-margin-block-start-1:active { margin-block-start: 1rem; }
.uw-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
.uw-margin-block-end-1 { margin-block-end: 1rem; }
.uw-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
.uw-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
.uw-active-margin-block-end-1:active { margin-block-end: 1rem; }
.uw-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
.uw-margin-inline-start-1 { margin-inline-start: 1rem; }
.uw-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
.uw-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
.uw-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
.uw-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
.uw-margin-inline-end-1 { margin-inline-end: 1rem; }
.uw-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
.uw-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
.uw-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
.uw-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
.uw-padding-block-start-1 { padding-block-start: 1rem; }
.uw-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
.uw-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
.uw-active-padding-block-start-1:active { padding-block-start: 1rem; }
.uw-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
.uw-padding-block-end-1 { padding-block-end: 1rem; }
.uw-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
.uw-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
.uw-active-padding-block-end-1:active { padding-block-end: 1rem; }
.uw-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
.uw-padding-inline-start-1 { padding-inline-start: 1rem; }
.uw-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
.uw-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
.uw-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
.uw-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
.uw-padding-inline-end-1 { padding-inline-end: 1rem; }
.uw-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
.uw-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
.uw-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
.uw-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
.uw-transition-all { transition-property: all; }
.uw-hover-transition-all:hover { transition-property: all; }
.uw-focus-transition-all:focus { transition-property: all; }
.uw-active-transition-all:active { transition-property: all; }
.uw-disabled-transition-all:disabled { transition-property: all; }
.uw-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
.uw-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
.uw-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
.uw-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
.uw-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
.uw-transition-opacity { transition-property: opacity; }
.uw-hover-transition-opacity:hover { transition-property: opacity; }
.uw-focus-transition-opacity:focus { transition-property: opacity; }
.uw-active-transition-opacity:active { transition-property: opacity; }
.uw-disabled-transition-opacity:disabled { transition-property: opacity; }
.uw-transition-shadow { transition-property: box-shadow; }
.uw-hover-transition-shadow:hover { transition-property: box-shadow; }
.uw-focus-transition-shadow:focus { transition-property: box-shadow; }
.uw-active-transition-shadow:active { transition-property: box-shadow; }
.uw-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.uw-transition-transform { transition-property: transform; }
.uw-hover-transition-transform:hover { transition-property: transform; }
.uw-focus-transition-transform:focus { transition-property: transform; }
.uw-active-transition-transform:active { transition-property: transform; }
.uw-disabled-transition-transform:disabled { transition-property: transform; }
.uw-duration-75 { transition-duration: 75ms; }
.uw-hover-duration-75:hover { transition-duration: 75ms; }
.uw-focus-duration-75:focus { transition-duration: 75ms; }
.uw-active-duration-75:active { transition-duration: 75ms; }
.uw-disabled-duration-75:disabled { transition-duration: 75ms; }
.uw-duration-100 { transition-duration: 100ms; }
.uw-hover-duration-100:hover { transition-duration: 100ms; }
.uw-focus-duration-100:focus { transition-duration: 100ms; }
.uw-active-duration-100:active { transition-duration: 100ms; }
.uw-disabled-duration-100:disabled { transition-duration: 100ms; }
.uw-duration-150 { transition-duration: 150ms; }
.uw-hover-duration-150:hover { transition-duration: 150ms; }
.uw-focus-duration-150:focus { transition-duration: 150ms; }
.uw-active-duration-150:active { transition-duration: 150ms; }
.uw-disabled-duration-150:disabled { transition-duration: 150ms; }
.uw-duration-200 { transition-duration: 200ms; }
.uw-hover-duration-200:hover { transition-duration: 200ms; }
.uw-focus-duration-200:focus { transition-duration: 200ms; }
.uw-active-duration-200:active { transition-duration: 200ms; }
.uw-disabled-duration-200:disabled { transition-duration: 200ms; }
.uw-duration-300 { transition-duration: 300ms; }
.uw-hover-duration-300:hover { transition-duration: 300ms; }
.uw-focus-duration-300:focus { transition-duration: 300ms; }
.uw-active-duration-300:active { transition-duration: 300ms; }
.uw-disabled-duration-300:disabled { transition-duration: 300ms; }
.uw-duration-500 { transition-duration: 500ms; }
.uw-hover-duration-500:hover { transition-duration: 500ms; }
.uw-focus-duration-500:focus { transition-duration: 500ms; }
.uw-active-duration-500:active { transition-duration: 500ms; }
.uw-disabled-duration-500:disabled { transition-duration: 500ms; }
.uw-duration-700 { transition-duration: 700ms; }
.uw-hover-duration-700:hover { transition-duration: 700ms; }
.uw-focus-duration-700:focus { transition-duration: 700ms; }
.uw-active-duration-700:active { transition-duration: 700ms; }
.uw-disabled-duration-700:disabled { transition-duration: 700ms; }
.uw-duration-1000 { transition-duration: 1000ms; }
.uw-hover-duration-1000:hover { transition-duration: 1000ms; }
.uw-focus-duration-1000:focus { transition-duration: 1000ms; }
.uw-active-duration-1000:active { transition-duration: 1000ms; }
.uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.uw-ease-linear { transition-timing-function: linear; }
.uw-hover-ease-linear:hover { transition-timing-function: linear; }
.uw-focus-ease-linear:focus { transition-timing-function: linear; }
.uw-active-ease-linear:active { transition-timing-function: linear; }
.uw-disabled-ease-linear:disabled { transition-timing-function: linear; }
.uw-ease-in { transition-timing-function: ease-in; }
.uw-hover-ease-in:hover { transition-timing-function: ease-in; }
.uw-focus-ease-in:focus { transition-timing-function: ease-in; }
.uw-active-ease-in:active { transition-timing-function: ease-in; }
.uw-disabled-ease-in:disabled { transition-timing-function: ease-in; }
.uw-ease-out { transition-timing-function: ease-out; }
.uw-hover-ease-out:hover { transition-timing-function: ease-out; }
.uw-focus-ease-out:focus { transition-timing-function: ease-out; }
.uw-active-ease-out:active { transition-timing-function: ease-out; }
.uw-disabled-ease-out:disabled { transition-timing-function: ease-out; }
.uw-ease-in-out { transition-timing-function: ease-in-out; }
.uw-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
.uw-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
.uw-active-ease-in-out:active { transition-timing-function: ease-in-out; }
.uw-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
.uw-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
.uw-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
.uw-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
.uw-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
.uw-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
.uw-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
.uw-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
.uw-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
.uw-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
.uw-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
.uw-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
.uw-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
.uw-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
.uw-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
.uw-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
.uw-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
.uw-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
.uw-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
.uw-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
.uw-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
.uw-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
.uw-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
.uw-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
.uw-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
.uw-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
.uw-animate-bounce { animation: quanta-bounce 1s infinite; }
.uw-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
.uw-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
.uw-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
.uw-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
.uw-animate-spin { animation: quanta-spin 1s linear infinite; }
.uw-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
.uw-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
.uw-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
.uw-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
.uw-filter-none { filter: none; }
.uw-hover-filter-none:hover { filter: none; }
.uw-focus-filter-none:focus { filter: none; }
.uw-active-filter-none:active { filter: none; }
.uw-disabled-filter-none:disabled { filter: none; }
.uw-blur-sm { filter: blur(2px); }
.uw-hover-blur-sm:hover { filter: blur(2px); }
.uw-focus-blur-sm:focus { filter: blur(2px); }
.uw-active-blur-sm:active { filter: blur(2px); }
.uw-disabled-blur-sm:disabled { filter: blur(2px); }
.uw-blur { filter: blur(4px); }
.uw-hover-blur:hover { filter: blur(4px); }
.uw-focus-blur:focus { filter: blur(4px); }
.uw-active-blur:active { filter: blur(4px); }
.uw-disabled-blur:disabled { filter: blur(4px); }
.uw-blur-md { filter: blur(8px); }
.uw-hover-blur-md:hover { filter: blur(8px); }
.uw-focus-blur-md:focus { filter: blur(8px); }
.uw-active-blur-md:active { filter: blur(8px); }
.uw-disabled-blur-md:disabled { filter: blur(8px); }
.uw-blur-lg { filter: blur(12px); }
.uw-hover-blur-lg:hover { filter: blur(12px); }
.uw-focus-blur-lg:focus { filter: blur(12px); }
.uw-active-blur-lg:active { filter: blur(12px); }
.uw-disabled-blur-lg:disabled { filter: blur(12px); }
.uw-blur-xl { filter: blur(20px); }
.uw-hover-blur-xl:hover { filter: blur(20px); }
.uw-focus-blur-xl:focus { filter: blur(20px); }
.uw-active-blur-xl:active { filter: blur(20px); }
.uw-disabled-blur-xl:disabled { filter: blur(20px); }
.uw-brightness-50 { filter: brightness(0.5); }
.uw-hover-brightness-50:hover { filter: brightness(0.5); }
.uw-focus-brightness-50:focus { filter: brightness(0.5); }
.uw-active-brightness-50:active { filter: brightness(0.5); }
.uw-disabled-brightness-50:disabled { filter: brightness(0.5); }
.uw-brightness-100 { filter: brightness(1); }
.uw-hover-brightness-100:hover { filter: brightness(1); }
.uw-focus-brightness-100:focus { filter: brightness(1); }
.uw-active-brightness-100:active { filter: brightness(1); }
.uw-disabled-brightness-100:disabled { filter: brightness(1); }
.uw-brightness-150 { filter: brightness(1.5); }
.uw-hover-brightness-150:hover { filter: brightness(1.5); }
.uw-focus-brightness-150:focus { filter: brightness(1.5); }
.uw-active-brightness-150:active { filter: brightness(1.5); }
.uw-disabled-brightness-150:disabled { filter: brightness(1.5); }
.uw-contrast-50 { filter: contrast(0.5); }
.uw-hover-contrast-50:hover { filter: contrast(0.5); }
.uw-focus-contrast-50:focus { filter: contrast(0.5); }
.uw-active-contrast-50:active { filter: contrast(0.5); }
.uw-disabled-contrast-50:disabled { filter: contrast(0.5); }
.uw-contrast-100 { filter: contrast(1); }
.uw-hover-contrast-100:hover { filter: contrast(1); }
.uw-focus-contrast-100:focus { filter: contrast(1); }
.uw-active-contrast-100:active { filter: contrast(1); }
.uw-disabled-contrast-100:disabled { filter: contrast(1); }
.uw-grayscale { filter: grayscale(1); }
.uw-hover-grayscale:hover { filter: grayscale(1); }
.uw-focus-grayscale:focus { filter: grayscale(1); }
.uw-active-grayscale:active { filter: grayscale(1); }
.uw-disabled-grayscale:disabled { filter: grayscale(1); }
.uw-sepia { filter: sepia(1); }
.uw-hover-sepia:hover { filter: sepia(1); }
.uw-focus-sepia:focus { filter: sepia(1); }
.uw-active-sepia:active { filter: sepia(1); }
.uw-disabled-sepia:disabled { filter: sepia(1); }
.uw-saturate-150 { filter: saturate(1.5); }
.uw-hover-saturate-150:hover { filter: saturate(1.5); }
.uw-focus-saturate-150:focus { filter: saturate(1.5); }
.uw-active-saturate-150:active { filter: saturate(1.5); }
.uw-disabled-saturate-150:disabled { filter: saturate(1.5); }
.uw-hue-rotate-90 { filter: hue-rotate(90deg); }
.uw-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.uw-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.uw-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
.uw-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.uw-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.uw-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.uw-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.uw-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.uw-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
.uw-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.uw-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.uw-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.uw-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.uw-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
.uw-grid-flow-row { grid-auto-flow: row; }
.uw-hover-grid-flow-row:hover { grid-auto-flow: row; }
.uw-focus-grid-flow-row:focus { grid-auto-flow: row; }
.uw-active-grid-flow-row:active { grid-auto-flow: row; }
.uw-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
.uw-grid-flow-col { grid-auto-flow: column; }
.uw-hover-grid-flow-col:hover { grid-auto-flow: column; }
.uw-focus-grid-flow-col:focus { grid-auto-flow: column; }
.uw-active-grid-flow-col:active { grid-auto-flow: column; }
.uw-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
.uw-grid-flow-row-dense { grid-auto-flow: row dense; }
.uw-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
.uw-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
.uw-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
.uw-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
.uw-grid-flow-col-dense { grid-auto-flow: column dense; }
.uw-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
.uw-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
.uw-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
.uw-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
.uw-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.uw-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.uw-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.uw-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.uw-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
.uw-transition-none { transition-property: none; }
.uw-hover-transition-none:hover { transition-property: none; }
.uw-focus-transition-none:focus { transition-property: none; }
.uw-active-transition-none:active { transition-property: none; }
.uw-disabled-transition-none:disabled { transition-property: none; }
.uw-transition-all { transition-property: all; }
.uw-hover-transition-all:hover { transition-property: all; }
.uw-focus-transition-all:focus { transition-property: all; }
.uw-active-transition-all:active { transition-property: all; }
.uw-disabled-transition-all:disabled { transition-property: all; }
.uw-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.uw-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.uw-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.uw-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.uw-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.uw-transition-opacity { transition-property: opacity; }
.uw-hover-transition-opacity:hover { transition-property: opacity; }
.uw-focus-transition-opacity:focus { transition-property: opacity; }
.uw-active-transition-opacity:active { transition-property: opacity; }
.uw-disabled-transition-opacity:disabled { transition-property: opacity; }
.uw-transition-shadow { transition-property: box-shadow; }
.uw-hover-transition-shadow:hover { transition-property: box-shadow; }
.uw-focus-transition-shadow:focus { transition-property: box-shadow; }
.uw-active-transition-shadow:active { transition-property: box-shadow; }
.uw-disabled-transition-shadow:disabled { transition-property: box-shadow; }
.uw-transition-transform { transition-property: transform; }
.uw-hover-transition-transform:hover { transition-property: transform; }
.uw-focus-transition-transform:focus { transition-property: transform; }
.uw-active-transition-transform:active { transition-property: transform; }
.uw-disabled-transition-transform:disabled { transition-property: transform; }
.uw-duration-75 { transition-duration: 75ms; }
.uw-hover-duration-75:hover { transition-duration: 75ms; }
.uw-focus-duration-75:focus { transition-duration: 75ms; }
.uw-active-duration-75:active { transition-duration: 75ms; }
.uw-disabled-duration-75:disabled { transition-duration: 75ms; }
.uw-duration-150 { transition-duration: 150ms; }
.uw-hover-duration-150:hover { transition-duration: 150ms; }
.uw-focus-duration-150:focus { transition-duration: 150ms; }
.uw-active-duration-150:active { transition-duration: 150ms; }
.uw-disabled-duration-150:disabled { transition-duration: 150ms; }
.uw-duration-300 { transition-duration: 300ms; }
.uw-hover-duration-300:hover { transition-duration: 300ms; }
.uw-focus-duration-300:focus { transition-duration: 300ms; }
.uw-active-duration-300:active { transition-duration: 300ms; }
.uw-disabled-duration-300:disabled { transition-duration: 300ms; }
.uw-duration-500 { transition-duration: 500ms; }
.uw-hover-duration-500:hover { transition-duration: 500ms; }
.uw-focus-duration-500:focus { transition-duration: 500ms; }
.uw-active-duration-500:active { transition-duration: 500ms; }
.uw-disabled-duration-500:disabled { transition-duration: 500ms; }
.uw-duration-700 { transition-duration: 700ms; }
.uw-hover-duration-700:hover { transition-duration: 700ms; }
.uw-focus-duration-700:focus { transition-duration: 700ms; }
.uw-active-duration-700:active { transition-duration: 700ms; }
.uw-disabled-duration-700:disabled { transition-duration: 700ms; }
.uw-duration-1000 { transition-duration: 1000ms; }
.uw-hover-duration-1000:hover { transition-duration: 1000ms; }
.uw-focus-duration-1000:focus { transition-duration: 1000ms; }
.uw-active-duration-1000:active { transition-duration: 1000ms; }
.uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
.uw-ease-linear { transition-timing-function: linear; }
.uw-hover-ease-linear:hover { transition-timing-function: linear; }
.uw-focus-ease-linear:focus { transition-timing-function: linear; }
.uw-active-ease-linear:active { transition-timing-function: linear; }
.uw-disabled-ease-linear:disabled { transition-timing-function: linear; }
.uw-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.uw-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.uw-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.uw-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.uw-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
.uw-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.uw-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.uw-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.uw-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.uw-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
.uw-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.uw-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.uw-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.uw-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.uw-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
.uw-animate-none { animation: none; }
.uw-hover-animate-none:hover { animation: none; }
.uw-focus-animate-none:focus { animation: none; }
.uw-active-animate-none:active { animation: none; }
.uw-disabled-animate-none:disabled { animation: none; }
.uw-animate-fade { animation: fade 300ms ease-out both; }
.uw-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
.uw-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
.uw-active-animate-fade:active { animation: fade 300ms ease-out both; }
.uw-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
.uw-animate-slide-in { animation: slide-in 500ms ease-out both; }
.uw-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
.uw-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
.uw-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
.uw-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
.uw-animate-spin { animation: spin 1s linear infinite; }
.uw-hover-animate-spin:hover { animation: spin 1s linear infinite; }
.uw-focus-animate-spin:focus { animation: spin 1s linear infinite; }
.uw-active-animate-spin:active { animation: spin 1s linear infinite; }
.uw-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
.uw-transform { transform: var(--tw-transform, none); }
.uw-hover-transform:hover { transform: var(--tw-transform, none); }
.uw-focus-transform:focus { transform: var(--tw-transform, none); }
.uw-active-transform:active { transform: var(--tw-transform, none); }
.uw-disabled-transform:disabled { transform: var(--tw-transform, none); }
.uw-transform-none { transform: none; }
.uw-hover-transform-none:hover { transform: none; }
.uw-focus-transform-none:focus { transform: none; }
.uw-active-transform-none:active { transform: none; }
.uw-disabled-transform-none:disabled { transform: none; }
.uw-scale-50 { --tw-transform: scale(0.5); }
.uw-hover-scale-50:hover { --tw-transform: scale(0.5); }
.uw-focus-scale-50:focus { --tw-transform: scale(0.5); }
.uw-active-scale-50:active { --tw-transform: scale(0.5); }
.uw-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
.uw-scale-75 { --tw-transform: scale(0.75); }
.uw-hover-scale-75:hover { --tw-transform: scale(0.75); }
.uw-focus-scale-75:focus { --tw-transform: scale(0.75); }
.uw-active-scale-75:active { --tw-transform: scale(0.75); }
.uw-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
.uw-scale-90 { --tw-transform: scale(0.9); }
.uw-hover-scale-90:hover { --tw-transform: scale(0.9); }
.uw-focus-scale-90:focus { --tw-transform: scale(0.9); }
.uw-active-scale-90:active { --tw-transform: scale(0.9); }
.uw-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
.uw-scale-100 { --tw-transform: scale(1); }
.uw-hover-scale-100:hover { --tw-transform: scale(1); }
.uw-focus-scale-100:focus { --tw-transform: scale(1); }
.uw-active-scale-100:active { --tw-transform: scale(1); }
.uw-disabled-scale-100:disabled { --tw-transform: scale(1); }
.uw-scale-105 { --tw-transform: scale(1.05); }
.uw-hover-scale-105:hover { --tw-transform: scale(1.05); }
.uw-focus-scale-105:focus { --tw-transform: scale(1.05); }
.uw-active-scale-105:active { --tw-transform: scale(1.05); }
.uw-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
.uw-scale-110 { --tw-transform: scale(1.1); }
.uw-hover-scale-110:hover { --tw-transform: scale(1.1); }
.uw-focus-scale-110:focus { --tw-transform: scale(1.1); }
.uw-active-scale-110:active { --tw-transform: scale(1.1); }
.uw-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
.uw-scale-125 { --tw-transform: scale(1.25); }
.uw-hover-scale-125:hover { --tw-transform: scale(1.25); }
.uw-focus-scale-125:focus { --tw-transform: scale(1.25); }
.uw-active-scale-125:active { --tw-transform: scale(1.25); }
.uw-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
.uw-scale-150 { --tw-transform: scale(1.5); }
.uw-hover-scale-150:hover { --tw-transform: scale(1.5); }
.uw-focus-scale-150:focus { --tw-transform: scale(1.5); }
.uw-active-scale-150:active { --tw-transform: scale(1.5); }
.uw-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
.uw-translate-x-0 { --tw-transform: translateX(0); }
.uw-hover-translate-x-0:hover { --tw-transform: translateX(0); }
.uw-focus-translate-x-0:focus { --tw-transform: translateX(0); }
.uw-active-translate-x-0:active { --tw-transform: translateX(0); }
.uw-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
.uw-translate-x-1 { --tw-transform: translateX(0.25rem); }
.uw-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
.uw-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
.uw-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
.uw-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
.uw-translate-x-2 { --tw-transform: translateX(0.5rem); }
.uw-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
.uw-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
.uw-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
.uw-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
.uw-translate-x-4 { --tw-transform: translateX(1rem); }
.uw-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
.uw-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
.uw-active-translate-x-4:active { --tw-transform: translateX(1rem); }
.uw-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
.uw-translate-x-8 { --tw-transform: translateX(2rem); }
.uw-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
.uw-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
.uw-active-translate-x-8:active { --tw-transform: translateX(2rem); }
.uw-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
.uw-translate-y-0 { --tw-transform: translateY(0); }
.uw-hover-translate-y-0:hover { --tw-transform: translateY(0); }
.uw-focus-translate-y-0:focus { --tw-transform: translateY(0); }
.uw-active-translate-y-0:active { --tw-transform: translateY(0); }
.uw-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
.uw-translate-y-1 { --tw-transform: translateY(0.25rem); }
.uw-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
.uw-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
.uw-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
.uw-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
.uw-translate-y-2 { --tw-transform: translateY(0.5rem); }
.uw-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
.uw-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
.uw-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
.uw-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
.uw-translate-y-4 { --tw-transform: translateY(1rem); }
.uw-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
.uw-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
.uw-active-translate-y-4:active { --tw-transform: translateY(1rem); }
.uw-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
.uw-translate-y-8 { --tw-transform: translateY(2rem); }
.uw-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
.uw-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
.uw-active-translate-y-8:active { --tw-transform: translateY(2rem); }
.uw-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
.uw-rotate-0 { --tw-transform: rotate(0deg); }
.uw-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
.uw-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
.uw-active-rotate-0:active { --tw-transform: rotate(0deg); }
.uw-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
.uw-rotate-45 { --tw-transform: rotate(45deg); }
.uw-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
.uw-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
.uw-active-rotate-45:active { --tw-transform: rotate(45deg); }
.uw-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
.uw-rotate-90 { --tw-transform: rotate(90deg); }
.uw-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
.uw-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
.uw-active-rotate-90:active { --tw-transform: rotate(90deg); }
.uw-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
.uw-rotate-180 { --tw-transform: rotate(180deg); }
.uw-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
.uw-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
.uw-active-rotate-180:active { --tw-transform: rotate(180deg); }
.uw-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
.uw-skew-x-0 { --tw-transform: skewX(0); }
.uw-hover-skew-x-0:hover { --tw-transform: skewX(0); }
.uw-focus-skew-x-0:focus { --tw-transform: skewX(0); }
.uw-active-skew-x-0:active { --tw-transform: skewX(0); }
.uw-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
.uw-skew-x-3 { --tw-transform: skewX(3deg); }
.uw-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
.uw-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
.uw-active-skew-x-3:active { --tw-transform: skewX(3deg); }
.uw-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
.uw-skew-x-6 { --tw-transform: skewX(6deg); }
.uw-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
.uw-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
.uw-active-skew-x-6:active { --tw-transform: skewX(6deg); }
.uw-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
.uw-skew-y-0 { --tw-transform: skewY(0); }
.uw-hover-skew-y-0:hover { --tw-transform: skewY(0); }
.uw-focus-skew-y-0:focus { --tw-transform: skewY(0); }
.uw-active-skew-y-0:active { --tw-transform: skewY(0); }
.uw-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
.uw-skew-y-3 { --tw-transform: skewY(3deg); }
.uw-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
.uw-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
.uw-active-skew-y-3:active { --tw-transform: skewY(3deg); }
.uw-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
.uw-skew-y-6 { --tw-transform: skewY(6deg); }
.uw-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
.uw-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
.uw-active-skew-y-6:active { --tw-transform: skewY(6deg); }
.uw-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
.uw-origin-center { transform-origin: center; }
.uw-hover-origin-center:hover { transform-origin: center; }
.uw-focus-origin-center:focus { transform-origin: center; }
.uw-active-origin-center:active { transform-origin: center; }
.uw-disabled-origin-center:disabled { transform-origin: center; }
.uw-origin-top { transform-origin: top; }
.uw-hover-origin-top:hover { transform-origin: top; }
.uw-focus-origin-top:focus { transform-origin: top; }
.uw-active-origin-top:active { transform-origin: top; }
.uw-disabled-origin-top:disabled { transform-origin: top; }
.uw-origin-right { transform-origin: right; }
.uw-hover-origin-right:hover { transform-origin: right; }
.uw-focus-origin-right:focus { transform-origin: right; }
.uw-active-origin-right:active { transform-origin: right; }
.uw-disabled-origin-right:disabled { transform-origin: right; }
.uw-origin-bottom { transform-origin: bottom; }
.uw-hover-origin-bottom:hover { transform-origin: bottom; }
.uw-focus-origin-bottom:focus { transform-origin: bottom; }
.uw-active-origin-bottom:active { transform-origin: bottom; }
.uw-disabled-origin-bottom:disabled { transform-origin: bottom; }
.uw-origin-left { transform-origin: left; }
.uw-hover-origin-left:hover { transform-origin: left; }
.uw-focus-origin-left:focus { transform-origin: left; }
.uw-active-origin-left:active { transform-origin: left; }
.uw-disabled-origin-left:disabled { transform-origin: left; }
.uw-perspective-none { perspective: none; }
.uw-hover-perspective-none:hover { perspective: none; }
.uw-focus-perspective-none:focus { perspective: none; }
.uw-active-perspective-none:active { perspective: none; }
.uw-disabled-perspective-none:disabled { perspective: none; }
.uw-perspective-sm { perspective: 400px; }
.uw-hover-perspective-sm:hover { perspective: 400px; }
.uw-focus-perspective-sm:focus { perspective: 400px; }
.uw-active-perspective-sm:active { perspective: 400px; }
.uw-disabled-perspective-sm:disabled { perspective: 400px; }
.uw-perspective-md { perspective: 800px; }
.uw-hover-perspective-md:hover { perspective: 800px; }
.uw-focus-perspective-md:focus { perspective: 800px; }
.uw-active-perspective-md:active { perspective: 800px; }
.uw-disabled-perspective-md:disabled { perspective: 800px; }
.uw-perspective-lg { perspective: 1200px; }
.uw-hover-perspective-lg:hover { perspective: 1200px; }
.uw-focus-perspective-lg:focus { perspective: 1200px; }
.uw-active-perspective-lg:active { perspective: 1200px; }
.uw-disabled-perspective-lg:disabled { perspective: 1200px; }
.uw-perspective-xl { perspective: 1600px; }
.uw-hover-perspective-xl:hover { perspective: 1600px; }
.uw-focus-perspective-xl:focus { perspective: 1600px; }
.uw-active-perspective-xl:active { perspective: 1600px; }
.uw-disabled-perspective-xl:disabled { perspective: 1600px; }
.uw-perspective-origin-center { perspective-origin: center; }
.uw-hover-perspective-origin-center:hover { perspective-origin: center; }
.uw-focus-perspective-origin-center:focus { perspective-origin: center; }
.uw-active-perspective-origin-center:active { perspective-origin: center; }
.uw-disabled-perspective-origin-center:disabled { perspective-origin: center; }
.uw-perspective-origin-top { perspective-origin: top; }
.uw-hover-perspective-origin-top:hover { perspective-origin: top; }
.uw-focus-perspective-origin-top:focus { perspective-origin: top; }
.uw-active-perspective-origin-top:active { perspective-origin: top; }
.uw-disabled-perspective-origin-top:disabled { perspective-origin: top; }
.uw-perspective-origin-left { perspective-origin: left; }
.uw-hover-perspective-origin-left:hover { perspective-origin: left; }
.uw-focus-perspective-origin-left:focus { perspective-origin: left; }
.uw-active-perspective-origin-left:active { perspective-origin: left; }
.uw-disabled-perspective-origin-left:disabled { perspective-origin: left; }
.uw-perspective-origin-right { perspective-origin: right; }
.uw-hover-perspective-origin-right:hover { perspective-origin: right; }
.uw-focus-perspective-origin-right:focus { perspective-origin: right; }
.uw-active-perspective-origin-right:active { perspective-origin: right; }
.uw-disabled-perspective-origin-right:disabled { perspective-origin: right; }
.uw-perspective-origin-bottom { perspective-origin: bottom; }
.uw-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
.uw-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
.uw-active-perspective-origin-bottom:active { perspective-origin: bottom; }
.uw-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
.uw-backface-visible { backface-visibility: visible; }
.uw-hover-backface-visible:hover { backface-visibility: visible; }
.uw-focus-backface-visible:focus { backface-visibility: visible; }
.uw-active-backface-visible:active { backface-visibility: visible; }
.uw-disabled-backface-visible:disabled { backface-visibility: visible; }
.uw-backface-hidden { backface-visibility: hidden; }
.uw-hover-backface-hidden:hover { backface-visibility: hidden; }
.uw-focus-backface-hidden:focus { backface-visibility: hidden; }
.uw-active-backface-hidden:active { backface-visibility: hidden; }
.uw-disabled-backface-hidden:disabled { backface-visibility: hidden; }
.uw-transform-style-flat { transform-style: flat; }
.uw-hover-transform-style-flat:hover { transform-style: flat; }
.uw-focus-transform-style-flat:focus { transform-style: flat; }
.uw-active-transform-style-flat:active { transform-style: flat; }
.uw-disabled-transform-style-flat:disabled { transform-style: flat; }
.uw-transform-style-preserve { transform-style: preserve-3d; }
.uw-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
.uw-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
.uw-active-transform-style-preserve:active { transform-style: preserve-3d; }
.uw-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
.uw-filter-none { filter: none; }
.uw-hover-filter-none:hover { filter: none; }
.uw-focus-filter-none:focus { filter: none; }
.uw-active-filter-none:active { filter: none; }
.uw-disabled-filter-none:disabled { filter: none; }
.uw-filter-grayscale { filter: grayscale(100%); }
.uw-hover-filter-grayscale:hover { filter: grayscale(100%); }
.uw-focus-filter-grayscale:focus { filter: grayscale(100%); }
.uw-active-filter-grayscale:active { filter: grayscale(100%); }
.uw-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
.uw-filter-blur { filter: blur(4px); }
.uw-hover-filter-blur:hover { filter: blur(4px); }
.uw-focus-filter-blur:focus { filter: blur(4px); }
.uw-active-filter-blur:active { filter: blur(4px); }
.uw-disabled-filter-blur:disabled { filter: blur(4px); }
.uw-filter-brightness-50 { filter: brightness(0.5); }
.uw-hover-filter-brightness-50:hover { filter: brightness(0.5); }
.uw-focus-filter-brightness-50:focus { filter: brightness(0.5); }
.uw-active-filter-brightness-50:active { filter: brightness(0.5); }
.uw-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
.uw-filter-contrast-125 { filter: contrast(1.25); }
.uw-hover-filter-contrast-125:hover { filter: contrast(1.25); }
.uw-focus-filter-contrast-125:focus { filter: contrast(1.25); }
.uw-active-filter-contrast-125:active { filter: contrast(1.25); }
.uw-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
.uw-filter-saturate-150 { filter: saturate(1.5); }
.uw-hover-filter-saturate-150:hover { filter: saturate(1.5); }
.uw-focus-filter-saturate-150:focus { filter: saturate(1.5); }
.uw-active-filter-saturate-150:active { filter: saturate(1.5); }
.uw-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
.uw-filter-sepia { filter: sepia(100%); }
.uw-hover-filter-sepia:hover { filter: sepia(100%); }
.uw-focus-filter-sepia:focus { filter: sepia(100%); }
.uw-active-filter-sepia:active { filter: sepia(100%); }
.uw-disabled-filter-sepia:disabled { filter: sepia(100%); }
.uw-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
.uw-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
.uw-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
.uw-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
.uw-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
.uw-backdrop-filter-none { backdrop-filter: none; }
.uw-hover-backdrop-filter-none:hover { backdrop-filter: none; }
.uw-focus-backdrop-filter-none:focus { backdrop-filter: none; }
.uw-active-backdrop-filter-none:active { backdrop-filter: none; }
.uw-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
.uw-backdrop-blur { backdrop-filter: blur(4px); }
.uw-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
.uw-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
.uw-active-backdrop-blur:active { backdrop-filter: blur(4px); }
.uw-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
.uw-bg-blend-normal { background-blend-mode: normal; }
.uw-hover-bg-blend-normal:hover { background-blend-mode: normal; }
.uw-focus-bg-blend-normal:focus { background-blend-mode: normal; }
.uw-active-bg-blend-normal:active { background-blend-mode: normal; }
.uw-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
.uw-bg-blend-multiply { background-blend-mode: multiply; }
.uw-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
.uw-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
.uw-active-bg-blend-multiply:active { background-blend-mode: multiply; }
.uw-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
.uw-bg-blend-screen { background-blend-mode: screen; }
.uw-hover-bg-blend-screen:hover { background-blend-mode: screen; }
.uw-focus-bg-blend-screen:focus { background-blend-mode: screen; }
.uw-active-bg-blend-screen:active { background-blend-mode: screen; }
.uw-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
.uw-bg-blend-overlay { background-blend-mode: overlay; }
.uw-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
.uw-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
.uw-active-bg-blend-overlay:active { background-blend-mode: overlay; }
.uw-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
.uw-bg-blend-darken { background-blend-mode: darken; }
.uw-hover-bg-blend-darken:hover { background-blend-mode: darken; }
.uw-focus-bg-blend-darken:focus { background-blend-mode: darken; }
.uw-active-bg-blend-darken:active { background-blend-mode: darken; }
.uw-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
.uw-bg-blend-lighten { background-blend-mode: lighten; }
.uw-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
.uw-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
.uw-active-bg-blend-lighten:active { background-blend-mode: lighten; }
.uw-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
.uw-mix-blend-normal { mix-blend-mode: normal; }
.uw-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
.uw-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
.uw-active-mix-blend-normal:active { mix-blend-mode: normal; }
.uw-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
.uw-mix-blend-multiply { mix-blend-mode: multiply; }
.uw-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
.uw-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
.uw-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
.uw-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
.uw-mix-blend-screen { mix-blend-mode: screen; }
.uw-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
.uw-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
.uw-active-mix-blend-screen:active { mix-blend-mode: screen; }
.uw-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
.uw-mix-blend-overlay { mix-blend-mode: overlay; }
.uw-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
.uw-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
.uw-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
.uw-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
.uw-decoration-slice { box-decoration-break: slice; }
.uw-hover-decoration-slice:hover { box-decoration-break: slice; }
.uw-focus-decoration-slice:focus { box-decoration-break: slice; }
.uw-active-decoration-slice:active { box-decoration-break: slice; }
.uw-disabled-decoration-slice:disabled { box-decoration-break: slice; }
.uw-decoration-clone { box-decoration-break: clone; }
.uw-hover-decoration-clone:hover { box-decoration-break: clone; }
.uw-focus-decoration-clone:focus { box-decoration-break: clone; }
.uw-active-decoration-clone:active { box-decoration-break: clone; }
.uw-disabled-decoration-clone:disabled { box-decoration-break: clone; }
.uw-box-border { box-sizing: border-box; }
.uw-hover-box-border:hover { box-sizing: border-box; }
.uw-focus-box-border:focus { box-sizing: border-box; }
.uw-active-box-border:active { box-sizing: border-box; }
.uw-disabled-box-border:disabled { box-sizing: border-box; }
.uw-box-content { box-sizing: content-box; }
.uw-hover-box-content:hover { box-sizing: content-box; }
.uw-focus-box-content:focus { box-sizing: content-box; }
.uw-active-box-content:active { box-sizing: content-box; }
.uw-disabled-box-content:disabled { box-sizing: content-box; }
.uw-clip-none { clip-path: none; }
.uw-hover-clip-none:hover { clip-path: none; }
.uw-focus-clip-none:focus { clip-path: none; }
.uw-active-clip-none:active { clip-path: none; }
.uw-disabled-clip-none:disabled { clip-path: none; }
.uw-clip-circle { clip-path: circle(50%); }
.uw-hover-clip-circle:hover { clip-path: circle(50%); }
.uw-focus-clip-circle:focus { clip-path: circle(50%); }
.uw-active-clip-circle:active { clip-path: circle(50%); }
.uw-disabled-clip-circle:disabled { clip-path: circle(50%); }
.uw-clip-ellipse { clip-path: ellipse(50% 75%); }
.uw-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
.uw-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
.uw-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
.uw-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
.uw-clip-inset { clip-path: inset(10%); }
.uw-hover-clip-inset:hover { clip-path: inset(10%); }
.uw-focus-clip-inset:focus { clip-path: inset(10%); }
.uw-active-clip-inset:active { clip-path: inset(10%); }
.uw-disabled-clip-inset:disabled { clip-path: inset(10%); }
.uw-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.uw-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.uw-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.uw-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.uw-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
.uw-outline-none { outline: none; }
.uw-hover-outline-none:hover { outline: none; }
.uw-focus-outline-none:focus { outline: none; }
.uw-active-outline-none:active { outline: none; }
.uw-disabled-outline-none:disabled { outline: none; }
.uw-outline-solid { outline-style: solid; }
.uw-hover-outline-solid:hover { outline-style: solid; }
.uw-focus-outline-solid:focus { outline-style: solid; }
.uw-active-outline-solid:active { outline-style: solid; }
.uw-disabled-outline-solid:disabled { outline-style: solid; }
.uw-outline-dashed { outline-style: dashed; }
.uw-hover-outline-dashed:hover { outline-style: dashed; }
.uw-focus-outline-dashed:focus { outline-style: dashed; }
.uw-active-outline-dashed:active { outline-style: dashed; }
.uw-disabled-outline-dashed:disabled { outline-style: dashed; }
.uw-outline-offset-0 { outline-offset: 0; }
.uw-hover-outline-offset-0:hover { outline-offset: 0; }
.uw-focus-outline-offset-0:focus { outline-offset: 0; }
.uw-active-outline-offset-0:active { outline-offset: 0; }
.uw-disabled-outline-offset-0:disabled { outline-offset: 0; }
.uw-outline-offset-2 { outline-offset: 2px; }
.uw-hover-outline-offset-2:hover { outline-offset: 2px; }
.uw-focus-outline-offset-2:focus { outline-offset: 2px; }
.uw-active-outline-offset-2:active { outline-offset: 2px; }
.uw-disabled-outline-offset-2:disabled { outline-offset: 2px; }
.uw-outline-offset-4 { outline-offset: 4px; }
.uw-hover-outline-offset-4:hover { outline-offset: 4px; }
.uw-focus-outline-offset-4:focus { outline-offset: 4px; }
.uw-active-outline-offset-4:active { outline-offset: 4px; }
.uw-disabled-outline-offset-4:disabled { outline-offset: 4px; }
.uw-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.uw-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.uw-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.uw-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.uw-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
.uw-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.uw-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.uw-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.uw-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.uw-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
.uw-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.uw-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.uw-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.uw-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.uw-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
.uw-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.uw-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.uw-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.uw-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.uw-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
.uw-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.uw-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.uw-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.uw-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.uw-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
.uw-shadow-none { box-shadow: none; }
.uw-hover-shadow-none:hover { box-shadow: none; }
.uw-focus-shadow-none:focus { box-shadow: none; }
.uw-active-shadow-none:active { box-shadow: none; }
.uw-disabled-shadow-none:disabled { box-shadow: none; }
.uw-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.uw-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.uw-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.uw-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.uw-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.uw-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.uw-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.uw-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.uw-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.uw-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
.uw-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.uw-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.uw-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.uw-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.uw-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
.uw-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.uw-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.uw-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.uw-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.uw-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
.uw-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.uw-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.uw-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.uw-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.uw-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
.uw-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.uw-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.uw-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.uw-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.uw-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.uw-accent-auto { accent-color: auto; }
.uw-hover-accent-auto:hover { accent-color: auto; }
.uw-focus-accent-auto:focus { accent-color: auto; }
.uw-active-accent-auto:active { accent-color: auto; }
.uw-disabled-accent-auto:disabled { accent-color: auto; }
.uw-accent-current { accent-color: currentColor; }
.uw-hover-accent-current:hover { accent-color: currentColor; }
.uw-focus-accent-current:focus { accent-color: currentColor; }
.uw-active-accent-current:active { accent-color: currentColor; }
.uw-disabled-accent-current:disabled { accent-color: currentColor; }
.uw-appearance-none { appearance: none; }
.uw-hover-appearance-none:hover { appearance: none; }
.uw-focus-appearance-none:focus { appearance: none; }
.uw-active-appearance-none:active { appearance: none; }
.uw-disabled-appearance-none:disabled { appearance: none; }
.uw-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.uw-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.uw-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.uw-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.uw-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.uw-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.uw-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.uw-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.uw-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.uw-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.uw-cursor-auto { cursor: auto; }
.uw-hover-cursor-auto:hover { cursor: auto; }
.uw-focus-cursor-auto:focus { cursor: auto; }
.uw-active-cursor-auto:active { cursor: auto; }
.uw-disabled-cursor-auto:disabled { cursor: auto; }
.uw-cursor-pointer { cursor: pointer; }
.uw-hover-cursor-pointer:hover { cursor: pointer; }
.uw-focus-cursor-pointer:focus { cursor: pointer; }
.uw-active-cursor-pointer:active { cursor: pointer; }
.uw-disabled-cursor-pointer:disabled { cursor: pointer; }
.uw-cursor-default { cursor: default; }
.uw-hover-cursor-default:hover { cursor: default; }
.uw-focus-cursor-default:focus { cursor: default; }
.uw-active-cursor-default:active { cursor: default; }
.uw-disabled-cursor-default:disabled { cursor: default; }
.uw-cursor-wait { cursor: wait; }
.uw-hover-cursor-wait:hover { cursor: wait; }
.uw-focus-cursor-wait:focus { cursor: wait; }
.uw-active-cursor-wait:active { cursor: wait; }
.uw-disabled-cursor-wait:disabled { cursor: wait; }
.uw-cursor-text { cursor: text; }
.uw-hover-cursor-text:hover { cursor: text; }
.uw-focus-cursor-text:focus { cursor: text; }
.uw-active-cursor-text:active { cursor: text; }
.uw-disabled-cursor-text:disabled { cursor: text; }
.uw-cursor-move { cursor: move; }
.uw-hover-cursor-move:hover { cursor: move; }
.uw-focus-cursor-move:focus { cursor: move; }
.uw-active-cursor-move:active { cursor: move; }
.uw-disabled-cursor-move:disabled { cursor: move; }
.uw-cursor-not-allowed { cursor: not-allowed; }
.uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
.uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
.uw-active-cursor-not-allowed:active { cursor: not-allowed; }
.uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
.uw-pointer-events-auto { pointer-events: auto; }
.uw-hover-pointer-events-auto:hover { pointer-events: auto; }
.uw-focus-pointer-events-auto:focus { pointer-events: auto; }
.uw-active-pointer-events-auto:active { pointer-events: auto; }
.uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
.uw-pointer-events-none { pointer-events: none; }
.uw-hover-pointer-events-none:hover { pointer-events: none; }
.uw-focus-pointer-events-none:focus { pointer-events: none; }
.uw-active-pointer-events-none:active { pointer-events: none; }
.uw-disabled-pointer-events-none:disabled { pointer-events: none; }
.uw-resize-none { resize: none; }
.uw-hover-resize-none:hover { resize: none; }
.uw-focus-resize-none:focus { resize: none; }
.uw-active-resize-none:active { resize: none; }
.uw-disabled-resize-none:disabled { resize: none; }
.uw-resize-y { resize: vertical; }
.uw-hover-resize-y:hover { resize: vertical; }
.uw-focus-resize-y:focus { resize: vertical; }
.uw-active-resize-y:active { resize: vertical; }
.uw-disabled-resize-y:disabled { resize: vertical; }
.uw-resize-x { resize: horizontal; }
.uw-hover-resize-x:hover { resize: horizontal; }
.uw-focus-resize-x:focus { resize: horizontal; }
.uw-active-resize-x:active { resize: horizontal; }
.uw-disabled-resize-x:disabled { resize: horizontal; }
.uw-resize { resize: both; }
.uw-hover-resize:hover { resize: both; }
.uw-focus-resize:focus { resize: both; }
.uw-active-resize:active { resize: both; }
.uw-disabled-resize:disabled { resize: both; }
.uw-scroll-auto { scroll-behavior: auto; }
.uw-hover-scroll-auto:hover { scroll-behavior: auto; }
.uw-focus-scroll-auto:focus { scroll-behavior: auto; }
.uw-active-scroll-auto:active { scroll-behavior: auto; }
.uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
.uw-scroll-smooth { scroll-behavior: smooth; }
.uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
.uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
.uw-active-scroll-smooth:active { scroll-behavior: smooth; }
.uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
.uw-scroll-m-0 { scroll-margin: 0; }
.uw-hover-scroll-m-0:hover { scroll-margin: 0; }
.uw-focus-scroll-m-0:focus { scroll-margin: 0; }
.uw-active-scroll-m-0:active { scroll-margin: 0; }
.uw-disabled-scroll-m-0:disabled { scroll-margin: 0; }
.uw-scroll-m-1 { scroll-margin: 0.25rem; }
.uw-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
.uw-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
.uw-active-scroll-m-1:active { scroll-margin: 0.25rem; }
.uw-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
.uw-scroll-m-2 { scroll-margin: 0.5rem; }
.uw-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
.uw-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
.uw-active-scroll-m-2:active { scroll-margin: 0.5rem; }
.uw-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
.uw-scroll-m-4 { scroll-margin: 1rem; }
.uw-hover-scroll-m-4:hover { scroll-margin: 1rem; }
.uw-focus-scroll-m-4:focus { scroll-margin: 1rem; }
.uw-active-scroll-m-4:active { scroll-margin: 1rem; }
.uw-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
.uw-scroll-m-8 { scroll-margin: 2rem; }
.uw-hover-scroll-m-8:hover { scroll-margin: 2rem; }
.uw-focus-scroll-m-8:focus { scroll-margin: 2rem; }
.uw-active-scroll-m-8:active { scroll-margin: 2rem; }
.uw-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
.uw-scroll-p-0 { scroll-padding: 0; }
.uw-hover-scroll-p-0:hover { scroll-padding: 0; }
.uw-focus-scroll-p-0:focus { scroll-padding: 0; }
.uw-active-scroll-p-0:active { scroll-padding: 0; }
.uw-disabled-scroll-p-0:disabled { scroll-padding: 0; }
.uw-scroll-p-1 { scroll-padding: 0.25rem; }
.uw-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
.uw-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
.uw-active-scroll-p-1:active { scroll-padding: 0.25rem; }
.uw-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
.uw-scroll-p-2 { scroll-padding: 0.5rem; }
.uw-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
.uw-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
.uw-active-scroll-p-2:active { scroll-padding: 0.5rem; }
.uw-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
.uw-scroll-p-4 { scroll-padding: 1rem; }
.uw-hover-scroll-p-4:hover { scroll-padding: 1rem; }
.uw-focus-scroll-p-4:focus { scroll-padding: 1rem; }
.uw-active-scroll-p-4:active { scroll-padding: 1rem; }
.uw-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
.uw-scroll-p-8 { scroll-padding: 2rem; }
.uw-hover-scroll-p-8:hover { scroll-padding: 2rem; }
.uw-focus-scroll-p-8:focus { scroll-padding: 2rem; }
.uw-active-scroll-p-8:active { scroll-padding: 2rem; }
.uw-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
.uw-touch-auto { touch-action: auto; }
.uw-hover-touch-auto:hover { touch-action: auto; }
.uw-focus-touch-auto:focus { touch-action: auto; }
.uw-active-touch-auto:active { touch-action: auto; }
.uw-disabled-touch-auto:disabled { touch-action: auto; }
.uw-touch-none { touch-action: none; }
.uw-hover-touch-none:hover { touch-action: none; }
.uw-focus-touch-none:focus { touch-action: none; }
.uw-active-touch-none:active { touch-action: none; }
.uw-disabled-touch-none:disabled { touch-action: none; }
.uw-touch-pan-x { touch-action: pan-x; }
.uw-hover-touch-pan-x:hover { touch-action: pan-x; }
.uw-focus-touch-pan-x:focus { touch-action: pan-x; }
.uw-active-touch-pan-x:active { touch-action: pan-x; }
.uw-disabled-touch-pan-x:disabled { touch-action: pan-x; }
.uw-touch-pan-y { touch-action: pan-y; }
.uw-hover-touch-pan-y:hover { touch-action: pan-y; }
.uw-focus-touch-pan-y:focus { touch-action: pan-y; }
.uw-active-touch-pan-y:active { touch-action: pan-y; }
.uw-disabled-touch-pan-y:disabled { touch-action: pan-y; }
.uw-touch-manipulation { touch-action: manipulation; }
.uw-hover-touch-manipulation:hover { touch-action: manipulation; }
.uw-focus-touch-manipulation:focus { touch-action: manipulation; }
.uw-active-touch-manipulation:active { touch-action: manipulation; }
.uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
.uw-select-none { user-select: none; }
.uw-hover-select-none:hover { user-select: none; }
.uw-focus-select-none:focus { user-select: none; }
.uw-active-select-none:active { user-select: none; }
.uw-disabled-select-none:disabled { user-select: none; }
.uw-select-text { user-select: text; }
.uw-hover-select-text:hover { user-select: text; }
.uw-focus-select-text:focus { user-select: text; }
.uw-active-select-text:active { user-select: text; }
.uw-disabled-select-text:disabled { user-select: text; }
.uw-select-all { user-select: all; }
.uw-hover-select-all:hover { user-select: all; }
.uw-focus-select-all:focus { user-select: all; }
.uw-active-select-all:active { user-select: all; }
.uw-disabled-select-all:disabled { user-select: all; }
.uw-select-auto { user-select: auto; }
.uw-hover-select-auto:hover { user-select: auto; }
.uw-focus-select-auto:focus { user-select: auto; }
.uw-active-select-auto:active { user-select: auto; }
.uw-disabled-select-auto:disabled { user-select: auto; }
.uw-will-change-auto { will-change: auto; }
.uw-hover-will-change-auto:hover { will-change: auto; }
.uw-focus-will-change-auto:focus { will-change: auto; }
.uw-active-will-change-auto:active { will-change: auto; }
.uw-disabled-will-change-auto:disabled { will-change: auto; }
.uw-will-change-scroll { will-change: scroll-position; }
.uw-hover-will-change-scroll:hover { will-change: scroll-position; }
.uw-focus-will-change-scroll:focus { will-change: scroll-position; }
.uw-active-will-change-scroll:active { will-change: scroll-position; }
.uw-disabled-will-change-scroll:disabled { will-change: scroll-position; }
.uw-will-change-transform { will-change: transform; }
.uw-hover-will-change-transform:hover { will-change: transform; }
.uw-focus-will-change-transform:focus { will-change: transform; }
.uw-active-will-change-transform:active { will-change: transform; }
.uw-disabled-will-change-transform:disabled { will-change: transform; }
.uw-will-change-opacity { will-change: opacity; }
.uw-hover-will-change-opacity:hover { will-change: opacity; }
.uw-focus-will-change-opacity:focus { will-change: opacity; }
.uw-active-will-change-opacity:active { will-change: opacity; }
.uw-disabled-will-change-opacity:disabled { will-change: opacity; }
.uw-bg-primary { background-color: var(--quanta-primary); }
.uw-hover-bg-primary:hover { background-color: var(--quanta-primary); }
.uw-focus-bg-primary:focus { background-color: var(--quanta-primary); }
.uw-active-bg-primary:active { background-color: var(--quanta-primary); }
.uw-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
.uw-bg-secondary { background-color: var(--quanta-bg-secondary); }
.uw-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
.uw-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
.uw-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
.uw-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
.uw-bg-success { background-color: var(--quanta-bg-success); }
.uw-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
.uw-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
.uw-active-bg-success:active { background-color: var(--quanta-bg-success); }
.uw-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
.uw-bg-warning { background-color: var(--quanta-bg-warning); }
.uw-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
.uw-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
.uw-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
.uw-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
.uw-bg-danger { background-color: var(--quanta-bg-danger); }
.uw-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
.uw-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
.uw-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
.uw-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
.uw-bg-info { background-color: var(--quanta-bg-info); }
.uw-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
.uw-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
.uw-active-bg-info:active { background-color: var(--quanta-bg-info); }
.uw-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
.uw-text-primary { color: var(--quanta-primary); }
.uw-hover-text-primary:hover { color: var(--quanta-primary); }
.uw-focus-text-primary:focus { color: var(--quanta-primary); }
.uw-active-text-primary:active { color: var(--quanta-primary); }
.uw-disabled-text-primary:disabled { color: var(--quanta-primary); }
.uw-text-secondary { color: var(--quanta-text-secondary); }
.uw-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
.uw-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
.uw-active-text-secondary:active { color: var(--quanta-text-secondary); }
.uw-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
.uw-text-success { color: var(--quanta-text-success); }
.uw-hover-text-success:hover { color: var(--quanta-text-success); }
.uw-focus-text-success:focus { color: var(--quanta-text-success); }
.uw-active-text-success:active { color: var(--quanta-text-success); }
.uw-disabled-text-success:disabled { color: var(--quanta-text-success); }
.uw-text-warning { color: var(--quanta-text-warning); }
.uw-hover-text-warning:hover { color: var(--quanta-text-warning); }
.uw-focus-text-warning:focus { color: var(--quanta-text-warning); }
.uw-active-text-warning:active { color: var(--quanta-text-warning); }
.uw-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
.uw-text-danger { color: var(--quanta-text-danger); }
.uw-hover-text-danger:hover { color: var(--quanta-text-danger); }
.uw-focus-text-danger:focus { color: var(--quanta-text-danger); }
.uw-active-text-danger:active { color: var(--quanta-text-danger); }
.uw-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
.uw-text-info { color: var(--quanta-text-info); }
.uw-hover-text-info:hover { color: var(--quanta-text-info); }
.uw-focus-text-info:focus { color: var(--quanta-text-info); }
.uw-active-text-info:active { color: var(--quanta-text-info); }
.uw-disabled-text-info:disabled { color: var(--quanta-text-info); }
.uw-border-primary { border-color: var(--quanta-primary); }
.uw-hover-border-primary:hover { border-color: var(--quanta-primary); }
.uw-focus-border-primary:focus { border-color: var(--quanta-primary); }
.uw-active-border-primary:active { border-color: var(--quanta-primary); }
.uw-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
.uw-border-secondary { border-color: var(--quanta-border-secondary); }
.uw-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
.uw-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
.uw-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
.uw-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
.uw-border-success { border-color: var(--quanta-border-success); }
.uw-hover-border-success:hover { border-color: var(--quanta-border-success); }
.uw-focus-border-success:focus { border-color: var(--quanta-border-success); }
.uw-active-border-success:active { border-color: var(--quanta-border-success); }
.uw-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
.uw-border-warning { border-color: var(--quanta-border-warning); }
.uw-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
.uw-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
.uw-active-border-warning:active { border-color: var(--quanta-border-warning); }
.uw-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
.uw-border-danger { border-color: var(--quanta-border-danger); }
.uw-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
.uw-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
.uw-active-border-danger:active { border-color: var(--quanta-border-danger); }
.uw-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
.uw-border-info { border-color: var(--quanta-border-info); }
.uw-hover-border-info:hover { border-color: var(--quanta-border-info); }
.uw-focus-border-info:focus { border-color: var(--quanta-border-info); }
.uw-active-border-info:active { border-color: var(--quanta-border-info); }
.uw-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
}
[data-theme="dark"] .dark-p-auto { padding: auto; }
[data-theme="dark"] .dark-hover-p-auto:hover { padding: auto; }
[data-theme="dark"] .dark-focus-p-auto:focus { padding: auto; }
[data-theme="dark"] .dark-active-p-auto:active { padding: auto; }
[data-theme="dark"] .dark-disabled-p-auto:disabled { padding: auto; }
[data-theme="dark"] .dark-group-hover-p-auto { padding: auto; }
[data-theme="dark"] .dark-p-0 { padding: 0; }
[data-theme="dark"] .dark-hover-p-0:hover { padding: 0; }
[data-theme="dark"] .dark-focus-p-0:focus { padding: 0; }
[data-theme="dark"] .dark-active-p-0:active { padding: 0; }
[data-theme="dark"] .dark-disabled-p-0:disabled { padding: 0; }
[data-theme="dark"] .dark-group-hover-p-0 { padding: 0; }
[data-theme="dark"] .dark-p-1 { padding: 0.25rem; }
[data-theme="dark"] .dark-hover-p-1:hover { padding: 0.25rem; }
[data-theme="dark"] .dark-focus-p-1:focus { padding: 0.25rem; }
[data-theme="dark"] .dark-active-p-1:active { padding: 0.25rem; }
[data-theme="dark"] .dark-disabled-p-1:disabled { padding: 0.25rem; }
[data-theme="dark"] .dark-group-hover-p-1 { padding: 0.25rem; }
[data-theme="dark"] .dark-p-2 { padding: 0.5rem; }
[data-theme="dark"] .dark-hover-p-2:hover { padding: 0.5rem; }
[data-theme="dark"] .dark-focus-p-2:focus { padding: 0.5rem; }
[data-theme="dark"] .dark-active-p-2:active { padding: 0.5rem; }
[data-theme="dark"] .dark-disabled-p-2:disabled { padding: 0.5rem; }
[data-theme="dark"] .dark-group-hover-p-2 { padding: 0.5rem; }
[data-theme="dark"] .dark-p-3 { padding: 0.75rem; }
[data-theme="dark"] .dark-hover-p-3:hover { padding: 0.75rem; }
[data-theme="dark"] .dark-focus-p-3:focus { padding: 0.75rem; }
[data-theme="dark"] .dark-active-p-3:active { padding: 0.75rem; }
[data-theme="dark"] .dark-disabled-p-3:disabled { padding: 0.75rem; }
[data-theme="dark"] .dark-group-hover-p-3 { padding: 0.75rem; }
[data-theme="dark"] .dark-p-4 { padding: 1rem; }
[data-theme="dark"] .dark-hover-p-4:hover { padding: 1rem; }
[data-theme="dark"] .dark-focus-p-4:focus { padding: 1rem; }
[data-theme="dark"] .dark-active-p-4:active { padding: 1rem; }
[data-theme="dark"] .dark-disabled-p-4:disabled { padding: 1rem; }
[data-theme="dark"] .dark-group-hover-p-4 { padding: 1rem; }
[data-theme="dark"] .dark-p-5 { padding: 1.25rem; }
[data-theme="dark"] .dark-hover-p-5:hover { padding: 1.25rem; }
[data-theme="dark"] .dark-focus-p-5:focus { padding: 1.25rem; }
[data-theme="dark"] .dark-active-p-5:active { padding: 1.25rem; }
[data-theme="dark"] .dark-disabled-p-5:disabled { padding: 1.25rem; }
[data-theme="dark"] .dark-group-hover-p-5 { padding: 1.25rem; }
[data-theme="dark"] .dark-p-6 { padding: 1.5rem; }
[data-theme="dark"] .dark-hover-p-6:hover { padding: 1.5rem; }
[data-theme="dark"] .dark-focus-p-6:focus { padding: 1.5rem; }
[data-theme="dark"] .dark-active-p-6:active { padding: 1.5rem; }
[data-theme="dark"] .dark-disabled-p-6:disabled { padding: 1.5rem; }
[data-theme="dark"] .dark-group-hover-p-6 { padding: 1.5rem; }
[data-theme="dark"] .dark-p-8 { padding: 2rem; }
[data-theme="dark"] .dark-hover-p-8:hover { padding: 2rem; }
[data-theme="dark"] .dark-focus-p-8:focus { padding: 2rem; }
[data-theme="dark"] .dark-active-p-8:active { padding: 2rem; }
[data-theme="dark"] .dark-disabled-p-8:disabled { padding: 2rem; }
[data-theme="dark"] .dark-group-hover-p-8 { padding: 2rem; }
[data-theme="dark"] .dark-p-10 { padding: 2.5rem; }
[data-theme="dark"] .dark-hover-p-10:hover { padding: 2.5rem; }
[data-theme="dark"] .dark-focus-p-10:focus { padding: 2.5rem; }
[data-theme="dark"] .dark-active-p-10:active { padding: 2.5rem; }
[data-theme="dark"] .dark-disabled-p-10:disabled { padding: 2.5rem; }
[data-theme="dark"] .dark-group-hover-p-10 { padding: 2.5rem; }
[data-theme="dark"] .dark-p-12 { padding: 3rem; }
[data-theme="dark"] .dark-hover-p-12:hover { padding: 3rem; }
[data-theme="dark"] .dark-focus-p-12:focus { padding: 3rem; }
[data-theme="dark"] .dark-active-p-12:active { padding: 3rem; }
[data-theme="dark"] .dark-disabled-p-12:disabled { padding: 3rem; }
[data-theme="dark"] .dark-group-hover-p-12 { padding: 3rem; }
[data-theme="dark"] .dark-p-16 { padding: 4rem; }
[data-theme="dark"] .dark-hover-p-16:hover { padding: 4rem; }
[data-theme="dark"] .dark-focus-p-16:focus { padding: 4rem; }
[data-theme="dark"] .dark-active-p-16:active { padding: 4rem; }
[data-theme="dark"] .dark-disabled-p-16:disabled { padding: 4rem; }
[data-theme="dark"] .dark-group-hover-p-16 { padding: 4rem; }
[data-theme="dark"] .dark-p-20 { padding: 5rem; }
[data-theme="dark"] .dark-hover-p-20:hover { padding: 5rem; }
[data-theme="dark"] .dark-focus-p-20:focus { padding: 5rem; }
[data-theme="dark"] .dark-active-p-20:active { padding: 5rem; }
[data-theme="dark"] .dark-disabled-p-20:disabled { padding: 5rem; }
[data-theme="dark"] .dark-group-hover-p-20 { padding: 5rem; }
[data-theme="dark"] .dark-p-24 { padding: 6rem; }
[data-theme="dark"] .dark-hover-p-24:hover { padding: 6rem; }
[data-theme="dark"] .dark-focus-p-24:focus { padding: 6rem; }
[data-theme="dark"] .dark-active-p-24:active { padding: 6rem; }
[data-theme="dark"] .dark-disabled-p-24:disabled { padding: 6rem; }
[data-theme="dark"] .dark-group-hover-p-24 { padding: 6rem; }
[data-theme="dark"] .dark-p-28 { padding: 7rem; }
[data-theme="dark"] .dark-hover-p-28:hover { padding: 7rem; }
[data-theme="dark"] .dark-focus-p-28:focus { padding: 7rem; }
[data-theme="dark"] .dark-active-p-28:active { padding: 7rem; }
[data-theme="dark"] .dark-disabled-p-28:disabled { padding: 7rem; }
[data-theme="dark"] .dark-group-hover-p-28 { padding: 7rem; }
[data-theme="dark"] .dark-p-32 { padding: 8rem; }
[data-theme="dark"] .dark-hover-p-32:hover { padding: 8rem; }
[data-theme="dark"] .dark-focus-p-32:focus { padding: 8rem; }
[data-theme="dark"] .dark-active-p-32:active { padding: 8rem; }
[data-theme="dark"] .dark-disabled-p-32:disabled { padding: 8rem; }
[data-theme="dark"] .dark-group-hover-p-32 { padding: 8rem; }
[data-theme="dark"] .dark-pt-auto { padding-top: auto; }
[data-theme="dark"] .dark-hover-pt-auto:hover { padding-top: auto; }
[data-theme="dark"] .dark-focus-pt-auto:focus { padding-top: auto; }
[data-theme="dark"] .dark-active-pt-auto:active { padding-top: auto; }
[data-theme="dark"] .dark-disabled-pt-auto:disabled { padding-top: auto; }
[data-theme="dark"] .dark-group-hover-pt-auto { padding-top: auto; }
[data-theme="dark"] .dark-pt-0 { padding-top: 0; }
[data-theme="dark"] .dark-hover-pt-0:hover { padding-top: 0; }
[data-theme="dark"] .dark-focus-pt-0:focus { padding-top: 0; }
[data-theme="dark"] .dark-active-pt-0:active { padding-top: 0; }
[data-theme="dark"] .dark-disabled-pt-0:disabled { padding-top: 0; }
[data-theme="dark"] .dark-group-hover-pt-0 { padding-top: 0; }
[data-theme="dark"] .dark-pt-1 { padding-top: 0.25rem; }
[data-theme="dark"] .dark-hover-pt-1:hover { padding-top: 0.25rem; }
[data-theme="dark"] .dark-focus-pt-1:focus { padding-top: 0.25rem; }
[data-theme="dark"] .dark-active-pt-1:active { padding-top: 0.25rem; }
[data-theme="dark"] .dark-disabled-pt-1:disabled { padding-top: 0.25rem; }
[data-theme="dark"] .dark-group-hover-pt-1 { padding-top: 0.25rem; }
[data-theme="dark"] .dark-pt-2 { padding-top: 0.5rem; }
[data-theme="dark"] .dark-hover-pt-2:hover { padding-top: 0.5rem; }
[data-theme="dark"] .dark-focus-pt-2:focus { padding-top: 0.5rem; }
[data-theme="dark"] .dark-active-pt-2:active { padding-top: 0.5rem; }
[data-theme="dark"] .dark-disabled-pt-2:disabled { padding-top: 0.5rem; }
[data-theme="dark"] .dark-group-hover-pt-2 { padding-top: 0.5rem; }
[data-theme="dark"] .dark-pt-3 { padding-top: 0.75rem; }
[data-theme="dark"] .dark-hover-pt-3:hover { padding-top: 0.75rem; }
[data-theme="dark"] .dark-focus-pt-3:focus { padding-top: 0.75rem; }
[data-theme="dark"] .dark-active-pt-3:active { padding-top: 0.75rem; }
[data-theme="dark"] .dark-disabled-pt-3:disabled { padding-top: 0.75rem; }
[data-theme="dark"] .dark-group-hover-pt-3 { padding-top: 0.75rem; }
[data-theme="dark"] .dark-pt-4 { padding-top: 1rem; }
[data-theme="dark"] .dark-hover-pt-4:hover { padding-top: 1rem; }
[data-theme="dark"] .dark-focus-pt-4:focus { padding-top: 1rem; }
[data-theme="dark"] .dark-active-pt-4:active { padding-top: 1rem; }
[data-theme="dark"] .dark-disabled-pt-4:disabled { padding-top: 1rem; }
[data-theme="dark"] .dark-group-hover-pt-4 { padding-top: 1rem; }
[data-theme="dark"] .dark-pt-5 { padding-top: 1.25rem; }
[data-theme="dark"] .dark-hover-pt-5:hover { padding-top: 1.25rem; }
[data-theme="dark"] .dark-focus-pt-5:focus { padding-top: 1.25rem; }
[data-theme="dark"] .dark-active-pt-5:active { padding-top: 1.25rem; }
[data-theme="dark"] .dark-disabled-pt-5:disabled { padding-top: 1.25rem; }
[data-theme="dark"] .dark-group-hover-pt-5 { padding-top: 1.25rem; }
[data-theme="dark"] .dark-pt-6 { padding-top: 1.5rem; }
[data-theme="dark"] .dark-hover-pt-6:hover { padding-top: 1.5rem; }
[data-theme="dark"] .dark-focus-pt-6:focus { padding-top: 1.5rem; }
[data-theme="dark"] .dark-active-pt-6:active { padding-top: 1.5rem; }
[data-theme="dark"] .dark-disabled-pt-6:disabled { padding-top: 1.5rem; }
[data-theme="dark"] .dark-group-hover-pt-6 { padding-top: 1.5rem; }
[data-theme="dark"] .dark-pt-8 { padding-top: 2rem; }
[data-theme="dark"] .dark-hover-pt-8:hover { padding-top: 2rem; }
[data-theme="dark"] .dark-focus-pt-8:focus { padding-top: 2rem; }
[data-theme="dark"] .dark-active-pt-8:active { padding-top: 2rem; }
[data-theme="dark"] .dark-disabled-pt-8:disabled { padding-top: 2rem; }
[data-theme="dark"] .dark-group-hover-pt-8 { padding-top: 2rem; }
[data-theme="dark"] .dark-pt-10 { padding-top: 2.5rem; }
[data-theme="dark"] .dark-hover-pt-10:hover { padding-top: 2.5rem; }
[data-theme="dark"] .dark-focus-pt-10:focus { padding-top: 2.5rem; }
[data-theme="dark"] .dark-active-pt-10:active { padding-top: 2.5rem; }
[data-theme="dark"] .dark-disabled-pt-10:disabled { padding-top: 2.5rem; }
[data-theme="dark"] .dark-group-hover-pt-10 { padding-top: 2.5rem; }
[data-theme="dark"] .dark-pt-12 { padding-top: 3rem; }
[data-theme="dark"] .dark-hover-pt-12:hover { padding-top: 3rem; }
[data-theme="dark"] .dark-focus-pt-12:focus { padding-top: 3rem; }
[data-theme="dark"] .dark-active-pt-12:active { padding-top: 3rem; }
[data-theme="dark"] .dark-disabled-pt-12:disabled { padding-top: 3rem; }
[data-theme="dark"] .dark-group-hover-pt-12 { padding-top: 3rem; }
[data-theme="dark"] .dark-pt-16 { padding-top: 4rem; }
[data-theme="dark"] .dark-hover-pt-16:hover { padding-top: 4rem; }
[data-theme="dark"] .dark-focus-pt-16:focus { padding-top: 4rem; }
[data-theme="dark"] .dark-active-pt-16:active { padding-top: 4rem; }
[data-theme="dark"] .dark-disabled-pt-16:disabled { padding-top: 4rem; }
[data-theme="dark"] .dark-group-hover-pt-16 { padding-top: 4rem; }
[data-theme="dark"] .dark-pt-20 { padding-top: 5rem; }
[data-theme="dark"] .dark-hover-pt-20:hover { padding-top: 5rem; }
[data-theme="dark"] .dark-focus-pt-20:focus { padding-top: 5rem; }
[data-theme="dark"] .dark-active-pt-20:active { padding-top: 5rem; }
[data-theme="dark"] .dark-disabled-pt-20:disabled { padding-top: 5rem; }
[data-theme="dark"] .dark-group-hover-pt-20 { padding-top: 5rem; }
[data-theme="dark"] .dark-pt-24 { padding-top: 6rem; }
[data-theme="dark"] .dark-hover-pt-24:hover { padding-top: 6rem; }
[data-theme="dark"] .dark-focus-pt-24:focus { padding-top: 6rem; }
[data-theme="dark"] .dark-active-pt-24:active { padding-top: 6rem; }
[data-theme="dark"] .dark-disabled-pt-24:disabled { padding-top: 6rem; }
[data-theme="dark"] .dark-group-hover-pt-24 { padding-top: 6rem; }
[data-theme="dark"] .dark-pt-28 { padding-top: 7rem; }
[data-theme="dark"] .dark-hover-pt-28:hover { padding-top: 7rem; }
[data-theme="dark"] .dark-focus-pt-28:focus { padding-top: 7rem; }
[data-theme="dark"] .dark-active-pt-28:active { padding-top: 7rem; }
[data-theme="dark"] .dark-disabled-pt-28:disabled { padding-top: 7rem; }
[data-theme="dark"] .dark-group-hover-pt-28 { padding-top: 7rem; }
[data-theme="dark"] .dark-pt-32 { padding-top: 8rem; }
[data-theme="dark"] .dark-hover-pt-32:hover { padding-top: 8rem; }
[data-theme="dark"] .dark-focus-pt-32:focus { padding-top: 8rem; }
[data-theme="dark"] .dark-active-pt-32:active { padding-top: 8rem; }
[data-theme="dark"] .dark-disabled-pt-32:disabled { padding-top: 8rem; }
[data-theme="dark"] .dark-group-hover-pt-32 { padding-top: 8rem; }
[data-theme="dark"] .dark-pb-auto { padding-bottom: auto; }
[data-theme="dark"] .dark-hover-pb-auto:hover { padding-bottom: auto; }
[data-theme="dark"] .dark-focus-pb-auto:focus { padding-bottom: auto; }
[data-theme="dark"] .dark-active-pb-auto:active { padding-bottom: auto; }
[data-theme="dark"] .dark-disabled-pb-auto:disabled { padding-bottom: auto; }
[data-theme="dark"] .dark-group-hover-pb-auto { padding-bottom: auto; }
[data-theme="dark"] .dark-pb-0 { padding-bottom: 0; }
[data-theme="dark"] .dark-hover-pb-0:hover { padding-bottom: 0; }
[data-theme="dark"] .dark-focus-pb-0:focus { padding-bottom: 0; }
[data-theme="dark"] .dark-active-pb-0:active { padding-bottom: 0; }
[data-theme="dark"] .dark-disabled-pb-0:disabled { padding-bottom: 0; }
[data-theme="dark"] .dark-group-hover-pb-0 { padding-bottom: 0; }
[data-theme="dark"] .dark-pb-1 { padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-hover-pb-1:hover { padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-focus-pb-1:focus { padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-active-pb-1:active { padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-group-hover-pb-1 { padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-pb-2 { padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-hover-pb-2:hover { padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-focus-pb-2:focus { padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-active-pb-2:active { padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-group-hover-pb-2 { padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-pb-3 { padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-hover-pb-3:hover { padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-focus-pb-3:focus { padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-active-pb-3:active { padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-group-hover-pb-3 { padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-pb-4 { padding-bottom: 1rem; }
[data-theme="dark"] .dark-hover-pb-4:hover { padding-bottom: 1rem; }
[data-theme="dark"] .dark-focus-pb-4:focus { padding-bottom: 1rem; }
[data-theme="dark"] .dark-active-pb-4:active { padding-bottom: 1rem; }
[data-theme="dark"] .dark-disabled-pb-4:disabled { padding-bottom: 1rem; }
[data-theme="dark"] .dark-group-hover-pb-4 { padding-bottom: 1rem; }
[data-theme="dark"] .dark-pb-5 { padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-hover-pb-5:hover { padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-focus-pb-5:focus { padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-active-pb-5:active { padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-group-hover-pb-5 { padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-pb-6 { padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-hover-pb-6:hover { padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-focus-pb-6:focus { padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-active-pb-6:active { padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-group-hover-pb-6 { padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-pb-8 { padding-bottom: 2rem; }
[data-theme="dark"] .dark-hover-pb-8:hover { padding-bottom: 2rem; }
[data-theme="dark"] .dark-focus-pb-8:focus { padding-bottom: 2rem; }
[data-theme="dark"] .dark-active-pb-8:active { padding-bottom: 2rem; }
[data-theme="dark"] .dark-disabled-pb-8:disabled { padding-bottom: 2rem; }
[data-theme="dark"] .dark-group-hover-pb-8 { padding-bottom: 2rem; }
[data-theme="dark"] .dark-pb-10 { padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-hover-pb-10:hover { padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-focus-pb-10:focus { padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-active-pb-10:active { padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-group-hover-pb-10 { padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-pb-12 { padding-bottom: 3rem; }
[data-theme="dark"] .dark-hover-pb-12:hover { padding-bottom: 3rem; }
[data-theme="dark"] .dark-focus-pb-12:focus { padding-bottom: 3rem; }
[data-theme="dark"] .dark-active-pb-12:active { padding-bottom: 3rem; }
[data-theme="dark"] .dark-disabled-pb-12:disabled { padding-bottom: 3rem; }
[data-theme="dark"] .dark-group-hover-pb-12 { padding-bottom: 3rem; }
[data-theme="dark"] .dark-pb-16 { padding-bottom: 4rem; }
[data-theme="dark"] .dark-hover-pb-16:hover { padding-bottom: 4rem; }
[data-theme="dark"] .dark-focus-pb-16:focus { padding-bottom: 4rem; }
[data-theme="dark"] .dark-active-pb-16:active { padding-bottom: 4rem; }
[data-theme="dark"] .dark-disabled-pb-16:disabled { padding-bottom: 4rem; }
[data-theme="dark"] .dark-group-hover-pb-16 { padding-bottom: 4rem; }
[data-theme="dark"] .dark-pb-20 { padding-bottom: 5rem; }
[data-theme="dark"] .dark-hover-pb-20:hover { padding-bottom: 5rem; }
[data-theme="dark"] .dark-focus-pb-20:focus { padding-bottom: 5rem; }
[data-theme="dark"] .dark-active-pb-20:active { padding-bottom: 5rem; }
[data-theme="dark"] .dark-disabled-pb-20:disabled { padding-bottom: 5rem; }
[data-theme="dark"] .dark-group-hover-pb-20 { padding-bottom: 5rem; }
[data-theme="dark"] .dark-pb-24 { padding-bottom: 6rem; }
[data-theme="dark"] .dark-hover-pb-24:hover { padding-bottom: 6rem; }
[data-theme="dark"] .dark-focus-pb-24:focus { padding-bottom: 6rem; }
[data-theme="dark"] .dark-active-pb-24:active { padding-bottom: 6rem; }
[data-theme="dark"] .dark-disabled-pb-24:disabled { padding-bottom: 6rem; }
[data-theme="dark"] .dark-group-hover-pb-24 { padding-bottom: 6rem; }
[data-theme="dark"] .dark-pb-28 { padding-bottom: 7rem; }
[data-theme="dark"] .dark-hover-pb-28:hover { padding-bottom: 7rem; }
[data-theme="dark"] .dark-focus-pb-28:focus { padding-bottom: 7rem; }
[data-theme="dark"] .dark-active-pb-28:active { padding-bottom: 7rem; }
[data-theme="dark"] .dark-disabled-pb-28:disabled { padding-bottom: 7rem; }
[data-theme="dark"] .dark-group-hover-pb-28 { padding-bottom: 7rem; }
[data-theme="dark"] .dark-pb-32 { padding-bottom: 8rem; }
[data-theme="dark"] .dark-hover-pb-32:hover { padding-bottom: 8rem; }
[data-theme="dark"] .dark-focus-pb-32:focus { padding-bottom: 8rem; }
[data-theme="dark"] .dark-active-pb-32:active { padding-bottom: 8rem; }
[data-theme="dark"] .dark-disabled-pb-32:disabled { padding-bottom: 8rem; }
[data-theme="dark"] .dark-group-hover-pb-32 { padding-bottom: 8rem; }
[data-theme="dark"] .dark-pl-auto { padding-left: auto; }
[data-theme="dark"] .dark-hover-pl-auto:hover { padding-left: auto; }
[data-theme="dark"] .dark-focus-pl-auto:focus { padding-left: auto; }
[data-theme="dark"] .dark-active-pl-auto:active { padding-left: auto; }
[data-theme="dark"] .dark-disabled-pl-auto:disabled { padding-left: auto; }
[data-theme="dark"] .dark-group-hover-pl-auto { padding-left: auto; }
[data-theme="dark"] .dark-pl-0 { padding-left: 0; }
[data-theme="dark"] .dark-hover-pl-0:hover { padding-left: 0; }
[data-theme="dark"] .dark-focus-pl-0:focus { padding-left: 0; }
[data-theme="dark"] .dark-active-pl-0:active { padding-left: 0; }
[data-theme="dark"] .dark-disabled-pl-0:disabled { padding-left: 0; }
[data-theme="dark"] .dark-group-hover-pl-0 { padding-left: 0; }
[data-theme="dark"] .dark-pl-1 { padding-left: 0.25rem; }
[data-theme="dark"] .dark-hover-pl-1:hover { padding-left: 0.25rem; }
[data-theme="dark"] .dark-focus-pl-1:focus { padding-left: 0.25rem; }
[data-theme="dark"] .dark-active-pl-1:active { padding-left: 0.25rem; }
[data-theme="dark"] .dark-disabled-pl-1:disabled { padding-left: 0.25rem; }
[data-theme="dark"] .dark-group-hover-pl-1 { padding-left: 0.25rem; }
[data-theme="dark"] .dark-pl-2 { padding-left: 0.5rem; }
[data-theme="dark"] .dark-hover-pl-2:hover { padding-left: 0.5rem; }
[data-theme="dark"] .dark-focus-pl-2:focus { padding-left: 0.5rem; }
[data-theme="dark"] .dark-active-pl-2:active { padding-left: 0.5rem; }
[data-theme="dark"] .dark-disabled-pl-2:disabled { padding-left: 0.5rem; }
[data-theme="dark"] .dark-group-hover-pl-2 { padding-left: 0.5rem; }
[data-theme="dark"] .dark-pl-3 { padding-left: 0.75rem; }
[data-theme="dark"] .dark-hover-pl-3:hover { padding-left: 0.75rem; }
[data-theme="dark"] .dark-focus-pl-3:focus { padding-left: 0.75rem; }
[data-theme="dark"] .dark-active-pl-3:active { padding-left: 0.75rem; }
[data-theme="dark"] .dark-disabled-pl-3:disabled { padding-left: 0.75rem; }
[data-theme="dark"] .dark-group-hover-pl-3 { padding-left: 0.75rem; }
[data-theme="dark"] .dark-pl-4 { padding-left: 1rem; }
[data-theme="dark"] .dark-hover-pl-4:hover { padding-left: 1rem; }
[data-theme="dark"] .dark-focus-pl-4:focus { padding-left: 1rem; }
[data-theme="dark"] .dark-active-pl-4:active { padding-left: 1rem; }
[data-theme="dark"] .dark-disabled-pl-4:disabled { padding-left: 1rem; }
[data-theme="dark"] .dark-group-hover-pl-4 { padding-left: 1rem; }
[data-theme="dark"] .dark-pl-5 { padding-left: 1.25rem; }
[data-theme="dark"] .dark-hover-pl-5:hover { padding-left: 1.25rem; }
[data-theme="dark"] .dark-focus-pl-5:focus { padding-left: 1.25rem; }
[data-theme="dark"] .dark-active-pl-5:active { padding-left: 1.25rem; }
[data-theme="dark"] .dark-disabled-pl-5:disabled { padding-left: 1.25rem; }
[data-theme="dark"] .dark-group-hover-pl-5 { padding-left: 1.25rem; }
[data-theme="dark"] .dark-pl-6 { padding-left: 1.5rem; }
[data-theme="dark"] .dark-hover-pl-6:hover { padding-left: 1.5rem; }
[data-theme="dark"] .dark-focus-pl-6:focus { padding-left: 1.5rem; }
[data-theme="dark"] .dark-active-pl-6:active { padding-left: 1.5rem; }
[data-theme="dark"] .dark-disabled-pl-6:disabled { padding-left: 1.5rem; }
[data-theme="dark"] .dark-group-hover-pl-6 { padding-left: 1.5rem; }
[data-theme="dark"] .dark-pl-8 { padding-left: 2rem; }
[data-theme="dark"] .dark-hover-pl-8:hover { padding-left: 2rem; }
[data-theme="dark"] .dark-focus-pl-8:focus { padding-left: 2rem; }
[data-theme="dark"] .dark-active-pl-8:active { padding-left: 2rem; }
[data-theme="dark"] .dark-disabled-pl-8:disabled { padding-left: 2rem; }
[data-theme="dark"] .dark-group-hover-pl-8 { padding-left: 2rem; }
[data-theme="dark"] .dark-pl-10 { padding-left: 2.5rem; }
[data-theme="dark"] .dark-hover-pl-10:hover { padding-left: 2.5rem; }
[data-theme="dark"] .dark-focus-pl-10:focus { padding-left: 2.5rem; }
[data-theme="dark"] .dark-active-pl-10:active { padding-left: 2.5rem; }
[data-theme="dark"] .dark-disabled-pl-10:disabled { padding-left: 2.5rem; }
[data-theme="dark"] .dark-group-hover-pl-10 { padding-left: 2.5rem; }
[data-theme="dark"] .dark-pl-12 { padding-left: 3rem; }
[data-theme="dark"] .dark-hover-pl-12:hover { padding-left: 3rem; }
[data-theme="dark"] .dark-focus-pl-12:focus { padding-left: 3rem; }
[data-theme="dark"] .dark-active-pl-12:active { padding-left: 3rem; }
[data-theme="dark"] .dark-disabled-pl-12:disabled { padding-left: 3rem; }
[data-theme="dark"] .dark-group-hover-pl-12 { padding-left: 3rem; }
[data-theme="dark"] .dark-pl-16 { padding-left: 4rem; }
[data-theme="dark"] .dark-hover-pl-16:hover { padding-left: 4rem; }
[data-theme="dark"] .dark-focus-pl-16:focus { padding-left: 4rem; }
[data-theme="dark"] .dark-active-pl-16:active { padding-left: 4rem; }
[data-theme="dark"] .dark-disabled-pl-16:disabled { padding-left: 4rem; }
[data-theme="dark"] .dark-group-hover-pl-16 { padding-left: 4rem; }
[data-theme="dark"] .dark-pl-20 { padding-left: 5rem; }
[data-theme="dark"] .dark-hover-pl-20:hover { padding-left: 5rem; }
[data-theme="dark"] .dark-focus-pl-20:focus { padding-left: 5rem; }
[data-theme="dark"] .dark-active-pl-20:active { padding-left: 5rem; }
[data-theme="dark"] .dark-disabled-pl-20:disabled { padding-left: 5rem; }
[data-theme="dark"] .dark-group-hover-pl-20 { padding-left: 5rem; }
[data-theme="dark"] .dark-pl-24 { padding-left: 6rem; }
[data-theme="dark"] .dark-hover-pl-24:hover { padding-left: 6rem; }
[data-theme="dark"] .dark-focus-pl-24:focus { padding-left: 6rem; }
[data-theme="dark"] .dark-active-pl-24:active { padding-left: 6rem; }
[data-theme="dark"] .dark-disabled-pl-24:disabled { padding-left: 6rem; }
[data-theme="dark"] .dark-group-hover-pl-24 { padding-left: 6rem; }
[data-theme="dark"] .dark-pl-28 { padding-left: 7rem; }
[data-theme="dark"] .dark-hover-pl-28:hover { padding-left: 7rem; }
[data-theme="dark"] .dark-focus-pl-28:focus { padding-left: 7rem; }
[data-theme="dark"] .dark-active-pl-28:active { padding-left: 7rem; }
[data-theme="dark"] .dark-disabled-pl-28:disabled { padding-left: 7rem; }
[data-theme="dark"] .dark-group-hover-pl-28 { padding-left: 7rem; }
[data-theme="dark"] .dark-pl-32 { padding-left: 8rem; }
[data-theme="dark"] .dark-hover-pl-32:hover { padding-left: 8rem; }
[data-theme="dark"] .dark-focus-pl-32:focus { padding-left: 8rem; }
[data-theme="dark"] .dark-active-pl-32:active { padding-left: 8rem; }
[data-theme="dark"] .dark-disabled-pl-32:disabled { padding-left: 8rem; }
[data-theme="dark"] .dark-group-hover-pl-32 { padding-left: 8rem; }
[data-theme="dark"] .dark-pr-auto { padding-right: auto; }
[data-theme="dark"] .dark-hover-pr-auto:hover { padding-right: auto; }
[data-theme="dark"] .dark-focus-pr-auto:focus { padding-right: auto; }
[data-theme="dark"] .dark-active-pr-auto:active { padding-right: auto; }
[data-theme="dark"] .dark-disabled-pr-auto:disabled { padding-right: auto; }
[data-theme="dark"] .dark-group-hover-pr-auto { padding-right: auto; }
[data-theme="dark"] .dark-pr-0 { padding-right: 0; }
[data-theme="dark"] .dark-hover-pr-0:hover { padding-right: 0; }
[data-theme="dark"] .dark-focus-pr-0:focus { padding-right: 0; }
[data-theme="dark"] .dark-active-pr-0:active { padding-right: 0; }
[data-theme="dark"] .dark-disabled-pr-0:disabled { padding-right: 0; }
[data-theme="dark"] .dark-group-hover-pr-0 { padding-right: 0; }
[data-theme="dark"] .dark-pr-1 { padding-right: 0.25rem; }
[data-theme="dark"] .dark-hover-pr-1:hover { padding-right: 0.25rem; }
[data-theme="dark"] .dark-focus-pr-1:focus { padding-right: 0.25rem; }
[data-theme="dark"] .dark-active-pr-1:active { padding-right: 0.25rem; }
[data-theme="dark"] .dark-disabled-pr-1:disabled { padding-right: 0.25rem; }
[data-theme="dark"] .dark-group-hover-pr-1 { padding-right: 0.25rem; }
[data-theme="dark"] .dark-pr-2 { padding-right: 0.5rem; }
[data-theme="dark"] .dark-hover-pr-2:hover { padding-right: 0.5rem; }
[data-theme="dark"] .dark-focus-pr-2:focus { padding-right: 0.5rem; }
[data-theme="dark"] .dark-active-pr-2:active { padding-right: 0.5rem; }
[data-theme="dark"] .dark-disabled-pr-2:disabled { padding-right: 0.5rem; }
[data-theme="dark"] .dark-group-hover-pr-2 { padding-right: 0.5rem; }
[data-theme="dark"] .dark-pr-3 { padding-right: 0.75rem; }
[data-theme="dark"] .dark-hover-pr-3:hover { padding-right: 0.75rem; }
[data-theme="dark"] .dark-focus-pr-3:focus { padding-right: 0.75rem; }
[data-theme="dark"] .dark-active-pr-3:active { padding-right: 0.75rem; }
[data-theme="dark"] .dark-disabled-pr-3:disabled { padding-right: 0.75rem; }
[data-theme="dark"] .dark-group-hover-pr-3 { padding-right: 0.75rem; }
[data-theme="dark"] .dark-pr-4 { padding-right: 1rem; }
[data-theme="dark"] .dark-hover-pr-4:hover { padding-right: 1rem; }
[data-theme="dark"] .dark-focus-pr-4:focus { padding-right: 1rem; }
[data-theme="dark"] .dark-active-pr-4:active { padding-right: 1rem; }
[data-theme="dark"] .dark-disabled-pr-4:disabled { padding-right: 1rem; }
[data-theme="dark"] .dark-group-hover-pr-4 { padding-right: 1rem; }
[data-theme="dark"] .dark-pr-5 { padding-right: 1.25rem; }
[data-theme="dark"] .dark-hover-pr-5:hover { padding-right: 1.25rem; }
[data-theme="dark"] .dark-focus-pr-5:focus { padding-right: 1.25rem; }
[data-theme="dark"] .dark-active-pr-5:active { padding-right: 1.25rem; }
[data-theme="dark"] .dark-disabled-pr-5:disabled { padding-right: 1.25rem; }
[data-theme="dark"] .dark-group-hover-pr-5 { padding-right: 1.25rem; }
[data-theme="dark"] .dark-pr-6 { padding-right: 1.5rem; }
[data-theme="dark"] .dark-hover-pr-6:hover { padding-right: 1.5rem; }
[data-theme="dark"] .dark-focus-pr-6:focus { padding-right: 1.5rem; }
[data-theme="dark"] .dark-active-pr-6:active { padding-right: 1.5rem; }
[data-theme="dark"] .dark-disabled-pr-6:disabled { padding-right: 1.5rem; }
[data-theme="dark"] .dark-group-hover-pr-6 { padding-right: 1.5rem; }
[data-theme="dark"] .dark-pr-8 { padding-right: 2rem; }
[data-theme="dark"] .dark-hover-pr-8:hover { padding-right: 2rem; }
[data-theme="dark"] .dark-focus-pr-8:focus { padding-right: 2rem; }
[data-theme="dark"] .dark-active-pr-8:active { padding-right: 2rem; }
[data-theme="dark"] .dark-disabled-pr-8:disabled { padding-right: 2rem; }
[data-theme="dark"] .dark-group-hover-pr-8 { padding-right: 2rem; }
[data-theme="dark"] .dark-pr-10 { padding-right: 2.5rem; }
[data-theme="dark"] .dark-hover-pr-10:hover { padding-right: 2.5rem; }
[data-theme="dark"] .dark-focus-pr-10:focus { padding-right: 2.5rem; }
[data-theme="dark"] .dark-active-pr-10:active { padding-right: 2.5rem; }
[data-theme="dark"] .dark-disabled-pr-10:disabled { padding-right: 2.5rem; }
[data-theme="dark"] .dark-group-hover-pr-10 { padding-right: 2.5rem; }
[data-theme="dark"] .dark-pr-12 { padding-right: 3rem; }
[data-theme="dark"] .dark-hover-pr-12:hover { padding-right: 3rem; }
[data-theme="dark"] .dark-focus-pr-12:focus { padding-right: 3rem; }
[data-theme="dark"] .dark-active-pr-12:active { padding-right: 3rem; }
[data-theme="dark"] .dark-disabled-pr-12:disabled { padding-right: 3rem; }
[data-theme="dark"] .dark-group-hover-pr-12 { padding-right: 3rem; }
[data-theme="dark"] .dark-pr-16 { padding-right: 4rem; }
[data-theme="dark"] .dark-hover-pr-16:hover { padding-right: 4rem; }
[data-theme="dark"] .dark-focus-pr-16:focus { padding-right: 4rem; }
[data-theme="dark"] .dark-active-pr-16:active { padding-right: 4rem; }
[data-theme="dark"] .dark-disabled-pr-16:disabled { padding-right: 4rem; }
[data-theme="dark"] .dark-group-hover-pr-16 { padding-right: 4rem; }
[data-theme="dark"] .dark-pr-20 { padding-right: 5rem; }
[data-theme="dark"] .dark-hover-pr-20:hover { padding-right: 5rem; }
[data-theme="dark"] .dark-focus-pr-20:focus { padding-right: 5rem; }
[data-theme="dark"] .dark-active-pr-20:active { padding-right: 5rem; }
[data-theme="dark"] .dark-disabled-pr-20:disabled { padding-right: 5rem; }
[data-theme="dark"] .dark-group-hover-pr-20 { padding-right: 5rem; }
[data-theme="dark"] .dark-pr-24 { padding-right: 6rem; }
[data-theme="dark"] .dark-hover-pr-24:hover { padding-right: 6rem; }
[data-theme="dark"] .dark-focus-pr-24:focus { padding-right: 6rem; }
[data-theme="dark"] .dark-active-pr-24:active { padding-right: 6rem; }
[data-theme="dark"] .dark-disabled-pr-24:disabled { padding-right: 6rem; }
[data-theme="dark"] .dark-group-hover-pr-24 { padding-right: 6rem; }
[data-theme="dark"] .dark-pr-28 { padding-right: 7rem; }
[data-theme="dark"] .dark-hover-pr-28:hover { padding-right: 7rem; }
[data-theme="dark"] .dark-focus-pr-28:focus { padding-right: 7rem; }
[data-theme="dark"] .dark-active-pr-28:active { padding-right: 7rem; }
[data-theme="dark"] .dark-disabled-pr-28:disabled { padding-right: 7rem; }
[data-theme="dark"] .dark-group-hover-pr-28 { padding-right: 7rem; }
[data-theme="dark"] .dark-pr-32 { padding-right: 8rem; }
[data-theme="dark"] .dark-hover-pr-32:hover { padding-right: 8rem; }
[data-theme="dark"] .dark-focus-pr-32:focus { padding-right: 8rem; }
[data-theme="dark"] .dark-active-pr-32:active { padding-right: 8rem; }
[data-theme="dark"] .dark-disabled-pr-32:disabled { padding-right: 8rem; }
[data-theme="dark"] .dark-group-hover-pr-32 { padding-right: 8rem; }
[data-theme="dark"] .dark-px-auto { padding-left: auto; padding-right: auto; }
[data-theme="dark"] .dark-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
[data-theme="dark"] .dark-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
[data-theme="dark"] .dark-active-px-auto:active { padding-left: auto; padding-right: auto; }
[data-theme="dark"] .dark-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
[data-theme="dark"] .dark-group-hover-px-auto { padding-left: auto; padding-right: auto; }
[data-theme="dark"] .dark-px-0 { padding-left: 0; padding-right: 0; }
[data-theme="dark"] .dark-hover-px-0:hover { padding-left: 0; padding-right: 0; }
[data-theme="dark"] .dark-focus-px-0:focus { padding-left: 0; padding-right: 0; }
[data-theme="dark"] .dark-active-px-0:active { padding-left: 0; padding-right: 0; }
[data-theme="dark"] .dark-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
[data-theme="dark"] .dark-group-hover-px-0 { padding-left: 0; padding-right: 0; }
[data-theme="dark"] .dark-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
[data-theme="dark"] .dark-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
[data-theme="dark"] .dark-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
[data-theme="dark"] .dark-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
[data-theme="dark"] .dark-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
[data-theme="dark"] .dark-group-hover-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
[data-theme="dark"] .dark-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
[data-theme="dark"] .dark-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
[data-theme="dark"] .dark-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
[data-theme="dark"] .dark-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
[data-theme="dark"] .dark-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
[data-theme="dark"] .dark-group-hover-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
[data-theme="dark"] .dark-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
[data-theme="dark"] .dark-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
[data-theme="dark"] .dark-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
[data-theme="dark"] .dark-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
[data-theme="dark"] .dark-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
[data-theme="dark"] .dark-group-hover-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
[data-theme="dark"] .dark-px-4 { padding-left: 1rem; padding-right: 1rem; }
[data-theme="dark"] .dark-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
[data-theme="dark"] .dark-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
[data-theme="dark"] .dark-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
[data-theme="dark"] .dark-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
[data-theme="dark"] .dark-group-hover-px-4 { padding-left: 1rem; padding-right: 1rem; }
[data-theme="dark"] .dark-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
[data-theme="dark"] .dark-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
[data-theme="dark"] .dark-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
[data-theme="dark"] .dark-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
[data-theme="dark"] .dark-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
[data-theme="dark"] .dark-group-hover-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
[data-theme="dark"] .dark-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
[data-theme="dark"] .dark-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
[data-theme="dark"] .dark-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
[data-theme="dark"] .dark-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
[data-theme="dark"] .dark-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
[data-theme="dark"] .dark-group-hover-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
[data-theme="dark"] .dark-px-8 { padding-left: 2rem; padding-right: 2rem; }
[data-theme="dark"] .dark-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
[data-theme="dark"] .dark-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
[data-theme="dark"] .dark-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
[data-theme="dark"] .dark-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
[data-theme="dark"] .dark-group-hover-px-8 { padding-left: 2rem; padding-right: 2rem; }
[data-theme="dark"] .dark-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
[data-theme="dark"] .dark-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
[data-theme="dark"] .dark-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
[data-theme="dark"] .dark-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
[data-theme="dark"] .dark-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
[data-theme="dark"] .dark-group-hover-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
[data-theme="dark"] .dark-px-12 { padding-left: 3rem; padding-right: 3rem; }
[data-theme="dark"] .dark-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
[data-theme="dark"] .dark-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
[data-theme="dark"] .dark-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
[data-theme="dark"] .dark-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
[data-theme="dark"] .dark-group-hover-px-12 { padding-left: 3rem; padding-right: 3rem; }
[data-theme="dark"] .dark-px-16 { padding-left: 4rem; padding-right: 4rem; }
[data-theme="dark"] .dark-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
[data-theme="dark"] .dark-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
[data-theme="dark"] .dark-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
[data-theme="dark"] .dark-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
[data-theme="dark"] .dark-group-hover-px-16 { padding-left: 4rem; padding-right: 4rem; }
[data-theme="dark"] .dark-px-20 { padding-left: 5rem; padding-right: 5rem; }
[data-theme="dark"] .dark-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
[data-theme="dark"] .dark-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
[data-theme="dark"] .dark-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
[data-theme="dark"] .dark-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
[data-theme="dark"] .dark-group-hover-px-20 { padding-left: 5rem; padding-right: 5rem; }
[data-theme="dark"] .dark-px-24 { padding-left: 6rem; padding-right: 6rem; }
[data-theme="dark"] .dark-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
[data-theme="dark"] .dark-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
[data-theme="dark"] .dark-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
[data-theme="dark"] .dark-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
[data-theme="dark"] .dark-group-hover-px-24 { padding-left: 6rem; padding-right: 6rem; }
[data-theme="dark"] .dark-px-28 { padding-left: 7rem; padding-right: 7rem; }
[data-theme="dark"] .dark-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
[data-theme="dark"] .dark-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
[data-theme="dark"] .dark-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
[data-theme="dark"] .dark-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
[data-theme="dark"] .dark-group-hover-px-28 { padding-left: 7rem; padding-right: 7rem; }
[data-theme="dark"] .dark-px-32 { padding-left: 8rem; padding-right: 8rem; }
[data-theme="dark"] .dark-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
[data-theme="dark"] .dark-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
[data-theme="dark"] .dark-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
[data-theme="dark"] .dark-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
[data-theme="dark"] .dark-group-hover-px-32 { padding-left: 8rem; padding-right: 8rem; }
[data-theme="dark"] .dark-py-auto { padding-top: auto; padding-bottom: auto; }
[data-theme="dark"] .dark-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
[data-theme="dark"] .dark-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
[data-theme="dark"] .dark-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
[data-theme="dark"] .dark-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
[data-theme="dark"] .dark-group-hover-py-auto { padding-top: auto; padding-bottom: auto; }
[data-theme="dark"] .dark-py-0 { padding-top: 0; padding-bottom: 0; }
[data-theme="dark"] .dark-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
[data-theme="dark"] .dark-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
[data-theme="dark"] .dark-active-py-0:active { padding-top: 0; padding-bottom: 0; }
[data-theme="dark"] .dark-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
[data-theme="dark"] .dark-group-hover-py-0 { padding-top: 0; padding-bottom: 0; }
[data-theme="dark"] .dark-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-group-hover-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
[data-theme="dark"] .dark-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-group-hover-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
[data-theme="dark"] .dark-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-group-hover-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
[data-theme="dark"] .dark-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
[data-theme="dark"] .dark-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
[data-theme="dark"] .dark-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
[data-theme="dark"] .dark-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
[data-theme="dark"] .dark-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
[data-theme="dark"] .dark-group-hover-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
[data-theme="dark"] .dark-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-group-hover-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
[data-theme="dark"] .dark-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-group-hover-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
[data-theme="dark"] .dark-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
[data-theme="dark"] .dark-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
[data-theme="dark"] .dark-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
[data-theme="dark"] .dark-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
[data-theme="dark"] .dark-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
[data-theme="dark"] .dark-group-hover-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
[data-theme="dark"] .dark-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-group-hover-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
[data-theme="dark"] .dark-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
[data-theme="dark"] .dark-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
[data-theme="dark"] .dark-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
[data-theme="dark"] .dark-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
[data-theme="dark"] .dark-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
[data-theme="dark"] .dark-group-hover-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
[data-theme="dark"] .dark-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
[data-theme="dark"] .dark-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
[data-theme="dark"] .dark-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
[data-theme="dark"] .dark-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
[data-theme="dark"] .dark-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
[data-theme="dark"] .dark-group-hover-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
[data-theme="dark"] .dark-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
[data-theme="dark"] .dark-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
[data-theme="dark"] .dark-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
[data-theme="dark"] .dark-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
[data-theme="dark"] .dark-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
[data-theme="dark"] .dark-group-hover-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
[data-theme="dark"] .dark-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
[data-theme="dark"] .dark-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
[data-theme="dark"] .dark-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
[data-theme="dark"] .dark-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
[data-theme="dark"] .dark-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
[data-theme="dark"] .dark-group-hover-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
[data-theme="dark"] .dark-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
[data-theme="dark"] .dark-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
[data-theme="dark"] .dark-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
[data-theme="dark"] .dark-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
[data-theme="dark"] .dark-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
[data-theme="dark"] .dark-group-hover-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
[data-theme="dark"] .dark-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
[data-theme="dark"] .dark-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
[data-theme="dark"] .dark-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
[data-theme="dark"] .dark-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
[data-theme="dark"] .dark-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
[data-theme="dark"] .dark-group-hover-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
[data-theme="dark"] .dark-m-auto { margin: auto; }
[data-theme="dark"] .dark-hover-m-auto:hover { margin: auto; }
[data-theme="dark"] .dark-focus-m-auto:focus { margin: auto; }
[data-theme="dark"] .dark-active-m-auto:active { margin: auto; }
[data-theme="dark"] .dark-disabled-m-auto:disabled { margin: auto; }
[data-theme="dark"] .dark-group-hover-m-auto { margin: auto; }
[data-theme="dark"] .dark-m-0 { margin: 0; }
[data-theme="dark"] .dark-hover-m-0:hover { margin: 0; }
[data-theme="dark"] .dark-focus-m-0:focus { margin: 0; }
[data-theme="dark"] .dark-active-m-0:active { margin: 0; }
[data-theme="dark"] .dark-disabled-m-0:disabled { margin: 0; }
[data-theme="dark"] .dark-group-hover-m-0 { margin: 0; }
[data-theme="dark"] .dark-m-1 { margin: 0.25rem; }
[data-theme="dark"] .dark-hover-m-1:hover { margin: 0.25rem; }
[data-theme="dark"] .dark-focus-m-1:focus { margin: 0.25rem; }
[data-theme="dark"] .dark-active-m-1:active { margin: 0.25rem; }
[data-theme="dark"] .dark-disabled-m-1:disabled { margin: 0.25rem; }
[data-theme="dark"] .dark-group-hover-m-1 { margin: 0.25rem; }
[data-theme="dark"] .dark-m-2 { margin: 0.5rem; }
[data-theme="dark"] .dark-hover-m-2:hover { margin: 0.5rem; }
[data-theme="dark"] .dark-focus-m-2:focus { margin: 0.5rem; }
[data-theme="dark"] .dark-active-m-2:active { margin: 0.5rem; }
[data-theme="dark"] .dark-disabled-m-2:disabled { margin: 0.5rem; }
[data-theme="dark"] .dark-group-hover-m-2 { margin: 0.5rem; }
[data-theme="dark"] .dark-m-3 { margin: 0.75rem; }
[data-theme="dark"] .dark-hover-m-3:hover { margin: 0.75rem; }
[data-theme="dark"] .dark-focus-m-3:focus { margin: 0.75rem; }
[data-theme="dark"] .dark-active-m-3:active { margin: 0.75rem; }
[data-theme="dark"] .dark-disabled-m-3:disabled { margin: 0.75rem; }
[data-theme="dark"] .dark-group-hover-m-3 { margin: 0.75rem; }
[data-theme="dark"] .dark-m-4 { margin: 1rem; }
[data-theme="dark"] .dark-hover-m-4:hover { margin: 1rem; }
[data-theme="dark"] .dark-focus-m-4:focus { margin: 1rem; }
[data-theme="dark"] .dark-active-m-4:active { margin: 1rem; }
[data-theme="dark"] .dark-disabled-m-4:disabled { margin: 1rem; }
[data-theme="dark"] .dark-group-hover-m-4 { margin: 1rem; }
[data-theme="dark"] .dark-m-5 { margin: 1.25rem; }
[data-theme="dark"] .dark-hover-m-5:hover { margin: 1.25rem; }
[data-theme="dark"] .dark-focus-m-5:focus { margin: 1.25rem; }
[data-theme="dark"] .dark-active-m-5:active { margin: 1.25rem; }
[data-theme="dark"] .dark-disabled-m-5:disabled { margin: 1.25rem; }
[data-theme="dark"] .dark-group-hover-m-5 { margin: 1.25rem; }
[data-theme="dark"] .dark-m-6 { margin: 1.5rem; }
[data-theme="dark"] .dark-hover-m-6:hover { margin: 1.5rem; }
[data-theme="dark"] .dark-focus-m-6:focus { margin: 1.5rem; }
[data-theme="dark"] .dark-active-m-6:active { margin: 1.5rem; }
[data-theme="dark"] .dark-disabled-m-6:disabled { margin: 1.5rem; }
[data-theme="dark"] .dark-group-hover-m-6 { margin: 1.5rem; }
[data-theme="dark"] .dark-m-8 { margin: 2rem; }
[data-theme="dark"] .dark-hover-m-8:hover { margin: 2rem; }
[data-theme="dark"] .dark-focus-m-8:focus { margin: 2rem; }
[data-theme="dark"] .dark-active-m-8:active { margin: 2rem; }
[data-theme="dark"] .dark-disabled-m-8:disabled { margin: 2rem; }
[data-theme="dark"] .dark-group-hover-m-8 { margin: 2rem; }
[data-theme="dark"] .dark-m-10 { margin: 2.5rem; }
[data-theme="dark"] .dark-hover-m-10:hover { margin: 2.5rem; }
[data-theme="dark"] .dark-focus-m-10:focus { margin: 2.5rem; }
[data-theme="dark"] .dark-active-m-10:active { margin: 2.5rem; }
[data-theme="dark"] .dark-disabled-m-10:disabled { margin: 2.5rem; }
[data-theme="dark"] .dark-group-hover-m-10 { margin: 2.5rem; }
[data-theme="dark"] .dark-m-12 { margin: 3rem; }
[data-theme="dark"] .dark-hover-m-12:hover { margin: 3rem; }
[data-theme="dark"] .dark-focus-m-12:focus { margin: 3rem; }
[data-theme="dark"] .dark-active-m-12:active { margin: 3rem; }
[data-theme="dark"] .dark-disabled-m-12:disabled { margin: 3rem; }
[data-theme="dark"] .dark-group-hover-m-12 { margin: 3rem; }
[data-theme="dark"] .dark-m-16 { margin: 4rem; }
[data-theme="dark"] .dark-hover-m-16:hover { margin: 4rem; }
[data-theme="dark"] .dark-focus-m-16:focus { margin: 4rem; }
[data-theme="dark"] .dark-active-m-16:active { margin: 4rem; }
[data-theme="dark"] .dark-disabled-m-16:disabled { margin: 4rem; }
[data-theme="dark"] .dark-group-hover-m-16 { margin: 4rem; }
[data-theme="dark"] .dark-m-20 { margin: 5rem; }
[data-theme="dark"] .dark-hover-m-20:hover { margin: 5rem; }
[data-theme="dark"] .dark-focus-m-20:focus { margin: 5rem; }
[data-theme="dark"] .dark-active-m-20:active { margin: 5rem; }
[data-theme="dark"] .dark-disabled-m-20:disabled { margin: 5rem; }
[data-theme="dark"] .dark-group-hover-m-20 { margin: 5rem; }
[data-theme="dark"] .dark-m-24 { margin: 6rem; }
[data-theme="dark"] .dark-hover-m-24:hover { margin: 6rem; }
[data-theme="dark"] .dark-focus-m-24:focus { margin: 6rem; }
[data-theme="dark"] .dark-active-m-24:active { margin: 6rem; }
[data-theme="dark"] .dark-disabled-m-24:disabled { margin: 6rem; }
[data-theme="dark"] .dark-group-hover-m-24 { margin: 6rem; }
[data-theme="dark"] .dark-m-28 { margin: 7rem; }
[data-theme="dark"] .dark-hover-m-28:hover { margin: 7rem; }
[data-theme="dark"] .dark-focus-m-28:focus { margin: 7rem; }
[data-theme="dark"] .dark-active-m-28:active { margin: 7rem; }
[data-theme="dark"] .dark-disabled-m-28:disabled { margin: 7rem; }
[data-theme="dark"] .dark-group-hover-m-28 { margin: 7rem; }
[data-theme="dark"] .dark-m-32 { margin: 8rem; }
[data-theme="dark"] .dark-hover-m-32:hover { margin: 8rem; }
[data-theme="dark"] .dark-focus-m-32:focus { margin: 8rem; }
[data-theme="dark"] .dark-active-m-32:active { margin: 8rem; }
[data-theme="dark"] .dark-disabled-m-32:disabled { margin: 8rem; }
[data-theme="dark"] .dark-group-hover-m-32 { margin: 8rem; }
[data-theme="dark"] .dark-mt-auto { margin-top: auto; }
[data-theme="dark"] .dark-hover-mt-auto:hover { margin-top: auto; }
[data-theme="dark"] .dark-focus-mt-auto:focus { margin-top: auto; }
[data-theme="dark"] .dark-active-mt-auto:active { margin-top: auto; }
[data-theme="dark"] .dark-disabled-mt-auto:disabled { margin-top: auto; }
[data-theme="dark"] .dark-group-hover-mt-auto { margin-top: auto; }
[data-theme="dark"] .dark-mt-0 { margin-top: 0; }
[data-theme="dark"] .dark-hover-mt-0:hover { margin-top: 0; }
[data-theme="dark"] .dark-focus-mt-0:focus { margin-top: 0; }
[data-theme="dark"] .dark-active-mt-0:active { margin-top: 0; }
[data-theme="dark"] .dark-disabled-mt-0:disabled { margin-top: 0; }
[data-theme="dark"] .dark-group-hover-mt-0 { margin-top: 0; }
[data-theme="dark"] .dark-mt-1 { margin-top: 0.25rem; }
[data-theme="dark"] .dark-hover-mt-1:hover { margin-top: 0.25rem; }
[data-theme="dark"] .dark-focus-mt-1:focus { margin-top: 0.25rem; }
[data-theme="dark"] .dark-active-mt-1:active { margin-top: 0.25rem; }
[data-theme="dark"] .dark-disabled-mt-1:disabled { margin-top: 0.25rem; }
[data-theme="dark"] .dark-group-hover-mt-1 { margin-top: 0.25rem; }
[data-theme="dark"] .dark-mt-2 { margin-top: 0.5rem; }
[data-theme="dark"] .dark-hover-mt-2:hover { margin-top: 0.5rem; }
[data-theme="dark"] .dark-focus-mt-2:focus { margin-top: 0.5rem; }
[data-theme="dark"] .dark-active-mt-2:active { margin-top: 0.5rem; }
[data-theme="dark"] .dark-disabled-mt-2:disabled { margin-top: 0.5rem; }
[data-theme="dark"] .dark-group-hover-mt-2 { margin-top: 0.5rem; }
[data-theme="dark"] .dark-mt-3 { margin-top: 0.75rem; }
[data-theme="dark"] .dark-hover-mt-3:hover { margin-top: 0.75rem; }
[data-theme="dark"] .dark-focus-mt-3:focus { margin-top: 0.75rem; }
[data-theme="dark"] .dark-active-mt-3:active { margin-top: 0.75rem; }
[data-theme="dark"] .dark-disabled-mt-3:disabled { margin-top: 0.75rem; }
[data-theme="dark"] .dark-group-hover-mt-3 { margin-top: 0.75rem; }
[data-theme="dark"] .dark-mt-4 { margin-top: 1rem; }
[data-theme="dark"] .dark-hover-mt-4:hover { margin-top: 1rem; }
[data-theme="dark"] .dark-focus-mt-4:focus { margin-top: 1rem; }
[data-theme="dark"] .dark-active-mt-4:active { margin-top: 1rem; }
[data-theme="dark"] .dark-disabled-mt-4:disabled { margin-top: 1rem; }
[data-theme="dark"] .dark-group-hover-mt-4 { margin-top: 1rem; }
[data-theme="dark"] .dark-mt-5 { margin-top: 1.25rem; }
[data-theme="dark"] .dark-hover-mt-5:hover { margin-top: 1.25rem; }
[data-theme="dark"] .dark-focus-mt-5:focus { margin-top: 1.25rem; }
[data-theme="dark"] .dark-active-mt-5:active { margin-top: 1.25rem; }
[data-theme="dark"] .dark-disabled-mt-5:disabled { margin-top: 1.25rem; }
[data-theme="dark"] .dark-group-hover-mt-5 { margin-top: 1.25rem; }
[data-theme="dark"] .dark-mt-6 { margin-top: 1.5rem; }
[data-theme="dark"] .dark-hover-mt-6:hover { margin-top: 1.5rem; }
[data-theme="dark"] .dark-focus-mt-6:focus { margin-top: 1.5rem; }
[data-theme="dark"] .dark-active-mt-6:active { margin-top: 1.5rem; }
[data-theme="dark"] .dark-disabled-mt-6:disabled { margin-top: 1.5rem; }
[data-theme="dark"] .dark-group-hover-mt-6 { margin-top: 1.5rem; }
[data-theme="dark"] .dark-mt-8 { margin-top: 2rem; }
[data-theme="dark"] .dark-hover-mt-8:hover { margin-top: 2rem; }
[data-theme="dark"] .dark-focus-mt-8:focus { margin-top: 2rem; }
[data-theme="dark"] .dark-active-mt-8:active { margin-top: 2rem; }
[data-theme="dark"] .dark-disabled-mt-8:disabled { margin-top: 2rem; }
[data-theme="dark"] .dark-group-hover-mt-8 { margin-top: 2rem; }
[data-theme="dark"] .dark-mt-10 { margin-top: 2.5rem; }
[data-theme="dark"] .dark-hover-mt-10:hover { margin-top: 2.5rem; }
[data-theme="dark"] .dark-focus-mt-10:focus { margin-top: 2.5rem; }
[data-theme="dark"] .dark-active-mt-10:active { margin-top: 2.5rem; }
[data-theme="dark"] .dark-disabled-mt-10:disabled { margin-top: 2.5rem; }
[data-theme="dark"] .dark-group-hover-mt-10 { margin-top: 2.5rem; }
[data-theme="dark"] .dark-mt-12 { margin-top: 3rem; }
[data-theme="dark"] .dark-hover-mt-12:hover { margin-top: 3rem; }
[data-theme="dark"] .dark-focus-mt-12:focus { margin-top: 3rem; }
[data-theme="dark"] .dark-active-mt-12:active { margin-top: 3rem; }
[data-theme="dark"] .dark-disabled-mt-12:disabled { margin-top: 3rem; }
[data-theme="dark"] .dark-group-hover-mt-12 { margin-top: 3rem; }
[data-theme="dark"] .dark-mt-16 { margin-top: 4rem; }
[data-theme="dark"] .dark-hover-mt-16:hover { margin-top: 4rem; }
[data-theme="dark"] .dark-focus-mt-16:focus { margin-top: 4rem; }
[data-theme="dark"] .dark-active-mt-16:active { margin-top: 4rem; }
[data-theme="dark"] .dark-disabled-mt-16:disabled { margin-top: 4rem; }
[data-theme="dark"] .dark-group-hover-mt-16 { margin-top: 4rem; }
[data-theme="dark"] .dark-mt-20 { margin-top: 5rem; }
[data-theme="dark"] .dark-hover-mt-20:hover { margin-top: 5rem; }
[data-theme="dark"] .dark-focus-mt-20:focus { margin-top: 5rem; }
[data-theme="dark"] .dark-active-mt-20:active { margin-top: 5rem; }
[data-theme="dark"] .dark-disabled-mt-20:disabled { margin-top: 5rem; }
[data-theme="dark"] .dark-group-hover-mt-20 { margin-top: 5rem; }
[data-theme="dark"] .dark-mt-24 { margin-top: 6rem; }
[data-theme="dark"] .dark-hover-mt-24:hover { margin-top: 6rem; }
[data-theme="dark"] .dark-focus-mt-24:focus { margin-top: 6rem; }
[data-theme="dark"] .dark-active-mt-24:active { margin-top: 6rem; }
[data-theme="dark"] .dark-disabled-mt-24:disabled { margin-top: 6rem; }
[data-theme="dark"] .dark-group-hover-mt-24 { margin-top: 6rem; }
[data-theme="dark"] .dark-mt-28 { margin-top: 7rem; }
[data-theme="dark"] .dark-hover-mt-28:hover { margin-top: 7rem; }
[data-theme="dark"] .dark-focus-mt-28:focus { margin-top: 7rem; }
[data-theme="dark"] .dark-active-mt-28:active { margin-top: 7rem; }
[data-theme="dark"] .dark-disabled-mt-28:disabled { margin-top: 7rem; }
[data-theme="dark"] .dark-group-hover-mt-28 { margin-top: 7rem; }
[data-theme="dark"] .dark-mt-32 { margin-top: 8rem; }
[data-theme="dark"] .dark-hover-mt-32:hover { margin-top: 8rem; }
[data-theme="dark"] .dark-focus-mt-32:focus { margin-top: 8rem; }
[data-theme="dark"] .dark-active-mt-32:active { margin-top: 8rem; }
[data-theme="dark"] .dark-disabled-mt-32:disabled { margin-top: 8rem; }
[data-theme="dark"] .dark-group-hover-mt-32 { margin-top: 8rem; }
[data-theme="dark"] .dark-mb-auto { margin-bottom: auto; }
[data-theme="dark"] .dark-hover-mb-auto:hover { margin-bottom: auto; }
[data-theme="dark"] .dark-focus-mb-auto:focus { margin-bottom: auto; }
[data-theme="dark"] .dark-active-mb-auto:active { margin-bottom: auto; }
[data-theme="dark"] .dark-disabled-mb-auto:disabled { margin-bottom: auto; }
[data-theme="dark"] .dark-group-hover-mb-auto { margin-bottom: auto; }
[data-theme="dark"] .dark-mb-0 { margin-bottom: 0; }
[data-theme="dark"] .dark-hover-mb-0:hover { margin-bottom: 0; }
[data-theme="dark"] .dark-focus-mb-0:focus { margin-bottom: 0; }
[data-theme="dark"] .dark-active-mb-0:active { margin-bottom: 0; }
[data-theme="dark"] .dark-disabled-mb-0:disabled { margin-bottom: 0; }
[data-theme="dark"] .dark-group-hover-mb-0 { margin-bottom: 0; }
[data-theme="dark"] .dark-mb-1 { margin-bottom: 0.25rem; }
[data-theme="dark"] .dark-hover-mb-1:hover { margin-bottom: 0.25rem; }
[data-theme="dark"] .dark-focus-mb-1:focus { margin-bottom: 0.25rem; }
[data-theme="dark"] .dark-active-mb-1:active { margin-bottom: 0.25rem; }
[data-theme="dark"] .dark-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
[data-theme="dark"] .dark-group-hover-mb-1 { margin-bottom: 0.25rem; }
[data-theme="dark"] .dark-mb-2 { margin-bottom: 0.5rem; }
[data-theme="dark"] .dark-hover-mb-2:hover { margin-bottom: 0.5rem; }
[data-theme="dark"] .dark-focus-mb-2:focus { margin-bottom: 0.5rem; }
[data-theme="dark"] .dark-active-mb-2:active { margin-bottom: 0.5rem; }
[data-theme="dark"] .dark-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
[data-theme="dark"] .dark-group-hover-mb-2 { margin-bottom: 0.5rem; }
[data-theme="dark"] .dark-mb-3 { margin-bottom: 0.75rem; }
[data-theme="dark"] .dark-hover-mb-3:hover { margin-bottom: 0.75rem; }
[data-theme="dark"] .dark-focus-mb-3:focus { margin-bottom: 0.75rem; }
[data-theme="dark"] .dark-active-mb-3:active { margin-bottom: 0.75rem; }
[data-theme="dark"] .dark-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
[data-theme="dark"] .dark-group-hover-mb-3 { margin-bottom: 0.75rem; }
[data-theme="dark"] .dark-mb-4 { margin-bottom: 1rem; }
[data-theme="dark"] .dark-hover-mb-4:hover { margin-bottom: 1rem; }
[data-theme="dark"] .dark-focus-mb-4:focus { margin-bottom: 1rem; }
[data-theme="dark"] .dark-active-mb-4:active { margin-bottom: 1rem; }
[data-theme="dark"] .dark-disabled-mb-4:disabled { margin-bottom: 1rem; }
[data-theme="dark"] .dark-group-hover-mb-4 { margin-bottom: 1rem; }
[data-theme="dark"] .dark-mb-5 { margin-bottom: 1.25rem; }
[data-theme="dark"] .dark-hover-mb-5:hover { margin-bottom: 1.25rem; }
[data-theme="dark"] .dark-focus-mb-5:focus { margin-bottom: 1.25rem; }
[data-theme="dark"] .dark-active-mb-5:active { margin-bottom: 1.25rem; }
[data-theme="dark"] .dark-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
[data-theme="dark"] .dark-group-hover-mb-5 { margin-bottom: 1.25rem; }
[data-theme="dark"] .dark-mb-6 { margin-bottom: 1.5rem; }
[data-theme="dark"] .dark-hover-mb-6:hover { margin-bottom: 1.5rem; }
[data-theme="dark"] .dark-focus-mb-6:focus { margin-bottom: 1.5rem; }
[data-theme="dark"] .dark-active-mb-6:active { margin-bottom: 1.5rem; }
[data-theme="dark"] .dark-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
[data-theme="dark"] .dark-group-hover-mb-6 { margin-bottom: 1.5rem; }
[data-theme="dark"] .dark-mb-8 { margin-bottom: 2rem; }
[data-theme="dark"] .dark-hover-mb-8:hover { margin-bottom: 2rem; }
[data-theme="dark"] .dark-focus-mb-8:focus { margin-bottom: 2rem; }
[data-theme="dark"] .dark-active-mb-8:active { margin-bottom: 2rem; }
[data-theme="dark"] .dark-disabled-mb-8:disabled { margin-bottom: 2rem; }
[data-theme="dark"] .dark-group-hover-mb-8 { margin-bottom: 2rem; }
[data-theme="dark"] .dark-mb-10 { margin-bottom: 2.5rem; }
[data-theme="dark"] .dark-hover-mb-10:hover { margin-bottom: 2.5rem; }
[data-theme="dark"] .dark-focus-mb-10:focus { margin-bottom: 2.5rem; }
[data-theme="dark"] .dark-active-mb-10:active { margin-bottom: 2.5rem; }
[data-theme="dark"] .dark-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
[data-theme="dark"] .dark-group-hover-mb-10 { margin-bottom: 2.5rem; }
[data-theme="dark"] .dark-mb-12 { margin-bottom: 3rem; }
[data-theme="dark"] .dark-hover-mb-12:hover { margin-bottom: 3rem; }
[data-theme="dark"] .dark-focus-mb-12:focus { margin-bottom: 3rem; }
[data-theme="dark"] .dark-active-mb-12:active { margin-bottom: 3rem; }
[data-theme="dark"] .dark-disabled-mb-12:disabled { margin-bottom: 3rem; }
[data-theme="dark"] .dark-group-hover-mb-12 { margin-bottom: 3rem; }
[data-theme="dark"] .dark-mb-16 { margin-bottom: 4rem; }
[data-theme="dark"] .dark-hover-mb-16:hover { margin-bottom: 4rem; }
[data-theme="dark"] .dark-focus-mb-16:focus { margin-bottom: 4rem; }
[data-theme="dark"] .dark-active-mb-16:active { margin-bottom: 4rem; }
[data-theme="dark"] .dark-disabled-mb-16:disabled { margin-bottom: 4rem; }
[data-theme="dark"] .dark-group-hover-mb-16 { margin-bottom: 4rem; }
[data-theme="dark"] .dark-mb-20 { margin-bottom: 5rem; }
[data-theme="dark"] .dark-hover-mb-20:hover { margin-bottom: 5rem; }
[data-theme="dark"] .dark-focus-mb-20:focus { margin-bottom: 5rem; }
[data-theme="dark"] .dark-active-mb-20:active { margin-bottom: 5rem; }
[data-theme="dark"] .dark-disabled-mb-20:disabled { margin-bottom: 5rem; }
[data-theme="dark"] .dark-group-hover-mb-20 { margin-bottom: 5rem; }
[data-theme="dark"] .dark-mb-24 { margin-bottom: 6rem; }
[data-theme="dark"] .dark-hover-mb-24:hover { margin-bottom: 6rem; }
[data-theme="dark"] .dark-focus-mb-24:focus { margin-bottom: 6rem; }
[data-theme="dark"] .dark-active-mb-24:active { margin-bottom: 6rem; }
[data-theme="dark"] .dark-disabled-mb-24:disabled { margin-bottom: 6rem; }
[data-theme="dark"] .dark-group-hover-mb-24 { margin-bottom: 6rem; }
[data-theme="dark"] .dark-mb-28 { margin-bottom: 7rem; }
[data-theme="dark"] .dark-hover-mb-28:hover { margin-bottom: 7rem; }
[data-theme="dark"] .dark-focus-mb-28:focus { margin-bottom: 7rem; }
[data-theme="dark"] .dark-active-mb-28:active { margin-bottom: 7rem; }
[data-theme="dark"] .dark-disabled-mb-28:disabled { margin-bottom: 7rem; }
[data-theme="dark"] .dark-group-hover-mb-28 { margin-bottom: 7rem; }
[data-theme="dark"] .dark-mb-32 { margin-bottom: 8rem; }
[data-theme="dark"] .dark-hover-mb-32:hover { margin-bottom: 8rem; }
[data-theme="dark"] .dark-focus-mb-32:focus { margin-bottom: 8rem; }
[data-theme="dark"] .dark-active-mb-32:active { margin-bottom: 8rem; }
[data-theme="dark"] .dark-disabled-mb-32:disabled { margin-bottom: 8rem; }
[data-theme="dark"] .dark-group-hover-mb-32 { margin-bottom: 8rem; }
[data-theme="dark"] .dark-ml-auto { margin-left: auto; }
[data-theme="dark"] .dark-hover-ml-auto:hover { margin-left: auto; }
[data-theme="dark"] .dark-focus-ml-auto:focus { margin-left: auto; }
[data-theme="dark"] .dark-active-ml-auto:active { margin-left: auto; }
[data-theme="dark"] .dark-disabled-ml-auto:disabled { margin-left: auto; }
[data-theme="dark"] .dark-group-hover-ml-auto { margin-left: auto; }
[data-theme="dark"] .dark-ml-0 { margin-left: 0; }
[data-theme="dark"] .dark-hover-ml-0:hover { margin-left: 0; }
[data-theme="dark"] .dark-focus-ml-0:focus { margin-left: 0; }
[data-theme="dark"] .dark-active-ml-0:active { margin-left: 0; }
[data-theme="dark"] .dark-disabled-ml-0:disabled { margin-left: 0; }
[data-theme="dark"] .dark-group-hover-ml-0 { margin-left: 0; }
[data-theme="dark"] .dark-ml-1 { margin-left: 0.25rem; }
[data-theme="dark"] .dark-hover-ml-1:hover { margin-left: 0.25rem; }
[data-theme="dark"] .dark-focus-ml-1:focus { margin-left: 0.25rem; }
[data-theme="dark"] .dark-active-ml-1:active { margin-left: 0.25rem; }
[data-theme="dark"] .dark-disabled-ml-1:disabled { margin-left: 0.25rem; }
[data-theme="dark"] .dark-group-hover-ml-1 { margin-left: 0.25rem; }
[data-theme="dark"] .dark-ml-2 { margin-left: 0.5rem; }
[data-theme="dark"] .dark-hover-ml-2:hover { margin-left: 0.5rem; }
[data-theme="dark"] .dark-focus-ml-2:focus { margin-left: 0.5rem; }
[data-theme="dark"] .dark-active-ml-2:active { margin-left: 0.5rem; }
[data-theme="dark"] .dark-disabled-ml-2:disabled { margin-left: 0.5rem; }
[data-theme="dark"] .dark-group-hover-ml-2 { margin-left: 0.5rem; }
[data-theme="dark"] .dark-ml-3 { margin-left: 0.75rem; }
[data-theme="dark"] .dark-hover-ml-3:hover { margin-left: 0.75rem; }
[data-theme="dark"] .dark-focus-ml-3:focus { margin-left: 0.75rem; }
[data-theme="dark"] .dark-active-ml-3:active { margin-left: 0.75rem; }
[data-theme="dark"] .dark-disabled-ml-3:disabled { margin-left: 0.75rem; }
[data-theme="dark"] .dark-group-hover-ml-3 { margin-left: 0.75rem; }
[data-theme="dark"] .dark-ml-4 { margin-left: 1rem; }
[data-theme="dark"] .dark-hover-ml-4:hover { margin-left: 1rem; }
[data-theme="dark"] .dark-focus-ml-4:focus { margin-left: 1rem; }
[data-theme="dark"] .dark-active-ml-4:active { margin-left: 1rem; }
[data-theme="dark"] .dark-disabled-ml-4:disabled { margin-left: 1rem; }
[data-theme="dark"] .dark-group-hover-ml-4 { margin-left: 1rem; }
[data-theme="dark"] .dark-ml-5 { margin-left: 1.25rem; }
[data-theme="dark"] .dark-hover-ml-5:hover { margin-left: 1.25rem; }
[data-theme="dark"] .dark-focus-ml-5:focus { margin-left: 1.25rem; }
[data-theme="dark"] .dark-active-ml-5:active { margin-left: 1.25rem; }
[data-theme="dark"] .dark-disabled-ml-5:disabled { margin-left: 1.25rem; }
[data-theme="dark"] .dark-group-hover-ml-5 { margin-left: 1.25rem; }
[data-theme="dark"] .dark-ml-6 { margin-left: 1.5rem; }
[data-theme="dark"] .dark-hover-ml-6:hover { margin-left: 1.5rem; }
[data-theme="dark"] .dark-focus-ml-6:focus { margin-left: 1.5rem; }
[data-theme="dark"] .dark-active-ml-6:active { margin-left: 1.5rem; }
[data-theme="dark"] .dark-disabled-ml-6:disabled { margin-left: 1.5rem; }
[data-theme="dark"] .dark-group-hover-ml-6 { margin-left: 1.5rem; }
[data-theme="dark"] .dark-ml-8 { margin-left: 2rem; }
[data-theme="dark"] .dark-hover-ml-8:hover { margin-left: 2rem; }
[data-theme="dark"] .dark-focus-ml-8:focus { margin-left: 2rem; }
[data-theme="dark"] .dark-active-ml-8:active { margin-left: 2rem; }
[data-theme="dark"] .dark-disabled-ml-8:disabled { margin-left: 2rem; }
[data-theme="dark"] .dark-group-hover-ml-8 { margin-left: 2rem; }
[data-theme="dark"] .dark-ml-10 { margin-left: 2.5rem; }
[data-theme="dark"] .dark-hover-ml-10:hover { margin-left: 2.5rem; }
[data-theme="dark"] .dark-focus-ml-10:focus { margin-left: 2.5rem; }
[data-theme="dark"] .dark-active-ml-10:active { margin-left: 2.5rem; }
[data-theme="dark"] .dark-disabled-ml-10:disabled { margin-left: 2.5rem; }
[data-theme="dark"] .dark-group-hover-ml-10 { margin-left: 2.5rem; }
[data-theme="dark"] .dark-ml-12 { margin-left: 3rem; }
[data-theme="dark"] .dark-hover-ml-12:hover { margin-left: 3rem; }
[data-theme="dark"] .dark-focus-ml-12:focus { margin-left: 3rem; }
[data-theme="dark"] .dark-active-ml-12:active { margin-left: 3rem; }
[data-theme="dark"] .dark-disabled-ml-12:disabled { margin-left: 3rem; }
[data-theme="dark"] .dark-group-hover-ml-12 { margin-left: 3rem; }
[data-theme="dark"] .dark-ml-16 { margin-left: 4rem; }
[data-theme="dark"] .dark-hover-ml-16:hover { margin-left: 4rem; }
[data-theme="dark"] .dark-focus-ml-16:focus { margin-left: 4rem; }
[data-theme="dark"] .dark-active-ml-16:active { margin-left: 4rem; }
[data-theme="dark"] .dark-disabled-ml-16:disabled { margin-left: 4rem; }
[data-theme="dark"] .dark-group-hover-ml-16 { margin-left: 4rem; }
[data-theme="dark"] .dark-ml-20 { margin-left: 5rem; }
[data-theme="dark"] .dark-hover-ml-20:hover { margin-left: 5rem; }
[data-theme="dark"] .dark-focus-ml-20:focus { margin-left: 5rem; }
[data-theme="dark"] .dark-active-ml-20:active { margin-left: 5rem; }
[data-theme="dark"] .dark-disabled-ml-20:disabled { margin-left: 5rem; }
[data-theme="dark"] .dark-group-hover-ml-20 { margin-left: 5rem; }
[data-theme="dark"] .dark-ml-24 { margin-left: 6rem; }
[data-theme="dark"] .dark-hover-ml-24:hover { margin-left: 6rem; }
[data-theme="dark"] .dark-focus-ml-24:focus { margin-left: 6rem; }
[data-theme="dark"] .dark-active-ml-24:active { margin-left: 6rem; }
[data-theme="dark"] .dark-disabled-ml-24:disabled { margin-left: 6rem; }
[data-theme="dark"] .dark-group-hover-ml-24 { margin-left: 6rem; }
[data-theme="dark"] .dark-ml-28 { margin-left: 7rem; }
[data-theme="dark"] .dark-hover-ml-28:hover { margin-left: 7rem; }
[data-theme="dark"] .dark-focus-ml-28:focus { margin-left: 7rem; }
[data-theme="dark"] .dark-active-ml-28:active { margin-left: 7rem; }
[data-theme="dark"] .dark-disabled-ml-28:disabled { margin-left: 7rem; }
[data-theme="dark"] .dark-group-hover-ml-28 { margin-left: 7rem; }
[data-theme="dark"] .dark-ml-32 { margin-left: 8rem; }
[data-theme="dark"] .dark-hover-ml-32:hover { margin-left: 8rem; }
[data-theme="dark"] .dark-focus-ml-32:focus { margin-left: 8rem; }
[data-theme="dark"] .dark-active-ml-32:active { margin-left: 8rem; }
[data-theme="dark"] .dark-disabled-ml-32:disabled { margin-left: 8rem; }
[data-theme="dark"] .dark-group-hover-ml-32 { margin-left: 8rem; }
[data-theme="dark"] .dark-mr-auto { margin-right: auto; }
[data-theme="dark"] .dark-hover-mr-auto:hover { margin-right: auto; }
[data-theme="dark"] .dark-focus-mr-auto:focus { margin-right: auto; }
[data-theme="dark"] .dark-active-mr-auto:active { margin-right: auto; }
[data-theme="dark"] .dark-disabled-mr-auto:disabled { margin-right: auto; }
[data-theme="dark"] .dark-group-hover-mr-auto { margin-right: auto; }
[data-theme="dark"] .dark-mr-0 { margin-right: 0; }
[data-theme="dark"] .dark-hover-mr-0:hover { margin-right: 0; }
[data-theme="dark"] .dark-focus-mr-0:focus { margin-right: 0; }
[data-theme="dark"] .dark-active-mr-0:active { margin-right: 0; }
[data-theme="dark"] .dark-disabled-mr-0:disabled { margin-right: 0; }
[data-theme="dark"] .dark-group-hover-mr-0 { margin-right: 0; }
[data-theme="dark"] .dark-mr-1 { margin-right: 0.25rem; }
[data-theme="dark"] .dark-hover-mr-1:hover { margin-right: 0.25rem; }
[data-theme="dark"] .dark-focus-mr-1:focus { margin-right: 0.25rem; }
[data-theme="dark"] .dark-active-mr-1:active { margin-right: 0.25rem; }
[data-theme="dark"] .dark-disabled-mr-1:disabled { margin-right: 0.25rem; }
[data-theme="dark"] .dark-group-hover-mr-1 { margin-right: 0.25rem; }
[data-theme="dark"] .dark-mr-2 { margin-right: 0.5rem; }
[data-theme="dark"] .dark-hover-mr-2:hover { margin-right: 0.5rem; }
[data-theme="dark"] .dark-focus-mr-2:focus { margin-right: 0.5rem; }
[data-theme="dark"] .dark-active-mr-2:active { margin-right: 0.5rem; }
[data-theme="dark"] .dark-disabled-mr-2:disabled { margin-right: 0.5rem; }
[data-theme="dark"] .dark-group-hover-mr-2 { margin-right: 0.5rem; }
[data-theme="dark"] .dark-mr-3 { margin-right: 0.75rem; }
[data-theme="dark"] .dark-hover-mr-3:hover { margin-right: 0.75rem; }
[data-theme="dark"] .dark-focus-mr-3:focus { margin-right: 0.75rem; }
[data-theme="dark"] .dark-active-mr-3:active { margin-right: 0.75rem; }
[data-theme="dark"] .dark-disabled-mr-3:disabled { margin-right: 0.75rem; }
[data-theme="dark"] .dark-group-hover-mr-3 { margin-right: 0.75rem; }
[data-theme="dark"] .dark-mr-4 { margin-right: 1rem; }
[data-theme="dark"] .dark-hover-mr-4:hover { margin-right: 1rem; }
[data-theme="dark"] .dark-focus-mr-4:focus { margin-right: 1rem; }
[data-theme="dark"] .dark-active-mr-4:active { margin-right: 1rem; }
[data-theme="dark"] .dark-disabled-mr-4:disabled { margin-right: 1rem; }
[data-theme="dark"] .dark-group-hover-mr-4 { margin-right: 1rem; }
[data-theme="dark"] .dark-mr-5 { margin-right: 1.25rem; }
[data-theme="dark"] .dark-hover-mr-5:hover { margin-right: 1.25rem; }
[data-theme="dark"] .dark-focus-mr-5:focus { margin-right: 1.25rem; }
[data-theme="dark"] .dark-active-mr-5:active { margin-right: 1.25rem; }
[data-theme="dark"] .dark-disabled-mr-5:disabled { margin-right: 1.25rem; }
[data-theme="dark"] .dark-group-hover-mr-5 { margin-right: 1.25rem; }
[data-theme="dark"] .dark-mr-6 { margin-right: 1.5rem; }
[data-theme="dark"] .dark-hover-mr-6:hover { margin-right: 1.5rem; }
[data-theme="dark"] .dark-focus-mr-6:focus { margin-right: 1.5rem; }
[data-theme="dark"] .dark-active-mr-6:active { margin-right: 1.5rem; }
[data-theme="dark"] .dark-disabled-mr-6:disabled { margin-right: 1.5rem; }
[data-theme="dark"] .dark-group-hover-mr-6 { margin-right: 1.5rem; }
[data-theme="dark"] .dark-mr-8 { margin-right: 2rem; }
[data-theme="dark"] .dark-hover-mr-8:hover { margin-right: 2rem; }
[data-theme="dark"] .dark-focus-mr-8:focus { margin-right: 2rem; }
[data-theme="dark"] .dark-active-mr-8:active { margin-right: 2rem; }
[data-theme="dark"] .dark-disabled-mr-8:disabled { margin-right: 2rem; }
[data-theme="dark"] .dark-group-hover-mr-8 { margin-right: 2rem; }
[data-theme="dark"] .dark-mr-10 { margin-right: 2.5rem; }
[data-theme="dark"] .dark-hover-mr-10:hover { margin-right: 2.5rem; }
[data-theme="dark"] .dark-focus-mr-10:focus { margin-right: 2.5rem; }
[data-theme="dark"] .dark-active-mr-10:active { margin-right: 2.5rem; }
[data-theme="dark"] .dark-disabled-mr-10:disabled { margin-right: 2.5rem; }
[data-theme="dark"] .dark-group-hover-mr-10 { margin-right: 2.5rem; }
[data-theme="dark"] .dark-mr-12 { margin-right: 3rem; }
[data-theme="dark"] .dark-hover-mr-12:hover { margin-right: 3rem; }
[data-theme="dark"] .dark-focus-mr-12:focus { margin-right: 3rem; }
[data-theme="dark"] .dark-active-mr-12:active { margin-right: 3rem; }
[data-theme="dark"] .dark-disabled-mr-12:disabled { margin-right: 3rem; }
[data-theme="dark"] .dark-group-hover-mr-12 { margin-right: 3rem; }
[data-theme="dark"] .dark-mr-16 { margin-right: 4rem; }
[data-theme="dark"] .dark-hover-mr-16:hover { margin-right: 4rem; }
[data-theme="dark"] .dark-focus-mr-16:focus { margin-right: 4rem; }
[data-theme="dark"] .dark-active-mr-16:active { margin-right: 4rem; }
[data-theme="dark"] .dark-disabled-mr-16:disabled { margin-right: 4rem; }
[data-theme="dark"] .dark-group-hover-mr-16 { margin-right: 4rem; }
[data-theme="dark"] .dark-mr-20 { margin-right: 5rem; }
[data-theme="dark"] .dark-hover-mr-20:hover { margin-right: 5rem; }
[data-theme="dark"] .dark-focus-mr-20:focus { margin-right: 5rem; }
[data-theme="dark"] .dark-active-mr-20:active { margin-right: 5rem; }
[data-theme="dark"] .dark-disabled-mr-20:disabled { margin-right: 5rem; }
[data-theme="dark"] .dark-group-hover-mr-20 { margin-right: 5rem; }
[data-theme="dark"] .dark-mr-24 { margin-right: 6rem; }
[data-theme="dark"] .dark-hover-mr-24:hover { margin-right: 6rem; }
[data-theme="dark"] .dark-focus-mr-24:focus { margin-right: 6rem; }
[data-theme="dark"] .dark-active-mr-24:active { margin-right: 6rem; }
[data-theme="dark"] .dark-disabled-mr-24:disabled { margin-right: 6rem; }
[data-theme="dark"] .dark-group-hover-mr-24 { margin-right: 6rem; }
[data-theme="dark"] .dark-mr-28 { margin-right: 7rem; }
[data-theme="dark"] .dark-hover-mr-28:hover { margin-right: 7rem; }
[data-theme="dark"] .dark-focus-mr-28:focus { margin-right: 7rem; }
[data-theme="dark"] .dark-active-mr-28:active { margin-right: 7rem; }
[data-theme="dark"] .dark-disabled-mr-28:disabled { margin-right: 7rem; }
[data-theme="dark"] .dark-group-hover-mr-28 { margin-right: 7rem; }
[data-theme="dark"] .dark-mr-32 { margin-right: 8rem; }
[data-theme="dark"] .dark-hover-mr-32:hover { margin-right: 8rem; }
[data-theme="dark"] .dark-focus-mr-32:focus { margin-right: 8rem; }
[data-theme="dark"] .dark-active-mr-32:active { margin-right: 8rem; }
[data-theme="dark"] .dark-disabled-mr-32:disabled { margin-right: 8rem; }
[data-theme="dark"] .dark-group-hover-mr-32 { margin-right: 8rem; }
[data-theme="dark"] .dark-space-x-auto { --space-x: auto; }
[data-theme="dark"] .dark-hover-space-x-auto:hover { --space-x: auto; }
[data-theme="dark"] .dark-focus-space-x-auto:focus { --space-x: auto; }
[data-theme="dark"] .dark-active-space-x-auto:active { --space-x: auto; }
[data-theme="dark"] .dark-disabled-space-x-auto:disabled { --space-x: auto; }
[data-theme="dark"] .dark-group-hover-space-x-auto { --space-x: auto; }
[data-theme="dark"] .dark-space-x-0 { --space-x: 0; }
[data-theme="dark"] .dark-hover-space-x-0:hover { --space-x: 0; }
[data-theme="dark"] .dark-focus-space-x-0:focus { --space-x: 0; }
[data-theme="dark"] .dark-active-space-x-0:active { --space-x: 0; }
[data-theme="dark"] .dark-disabled-space-x-0:disabled { --space-x: 0; }
[data-theme="dark"] .dark-group-hover-space-x-0 { --space-x: 0; }
[data-theme="dark"] .dark-space-x-1 { --space-x: 0.25rem; }
[data-theme="dark"] .dark-hover-space-x-1:hover { --space-x: 0.25rem; }
[data-theme="dark"] .dark-focus-space-x-1:focus { --space-x: 0.25rem; }
[data-theme="dark"] .dark-active-space-x-1:active { --space-x: 0.25rem; }
[data-theme="dark"] .dark-disabled-space-x-1:disabled { --space-x: 0.25rem; }
[data-theme="dark"] .dark-group-hover-space-x-1 { --space-x: 0.25rem; }
[data-theme="dark"] .dark-space-x-2 { --space-x: 0.5rem; }
[data-theme="dark"] .dark-hover-space-x-2:hover { --space-x: 0.5rem; }
[data-theme="dark"] .dark-focus-space-x-2:focus { --space-x: 0.5rem; }
[data-theme="dark"] .dark-active-space-x-2:active { --space-x: 0.5rem; }
[data-theme="dark"] .dark-disabled-space-x-2:disabled { --space-x: 0.5rem; }
[data-theme="dark"] .dark-group-hover-space-x-2 { --space-x: 0.5rem; }
[data-theme="dark"] .dark-space-x-3 { --space-x: 0.75rem; }
[data-theme="dark"] .dark-hover-space-x-3:hover { --space-x: 0.75rem; }
[data-theme="dark"] .dark-focus-space-x-3:focus { --space-x: 0.75rem; }
[data-theme="dark"] .dark-active-space-x-3:active { --space-x: 0.75rem; }
[data-theme="dark"] .dark-disabled-space-x-3:disabled { --space-x: 0.75rem; }
[data-theme="dark"] .dark-group-hover-space-x-3 { --space-x: 0.75rem; }
[data-theme="dark"] .dark-space-x-4 { --space-x: 1rem; }
[data-theme="dark"] .dark-hover-space-x-4:hover { --space-x: 1rem; }
[data-theme="dark"] .dark-focus-space-x-4:focus { --space-x: 1rem; }
[data-theme="dark"] .dark-active-space-x-4:active { --space-x: 1rem; }
[data-theme="dark"] .dark-disabled-space-x-4:disabled { --space-x: 1rem; }
[data-theme="dark"] .dark-group-hover-space-x-4 { --space-x: 1rem; }
[data-theme="dark"] .dark-space-x-5 { --space-x: 1.25rem; }
[data-theme="dark"] .dark-hover-space-x-5:hover { --space-x: 1.25rem; }
[data-theme="dark"] .dark-focus-space-x-5:focus { --space-x: 1.25rem; }
[data-theme="dark"] .dark-active-space-x-5:active { --space-x: 1.25rem; }
[data-theme="dark"] .dark-disabled-space-x-5:disabled { --space-x: 1.25rem; }
[data-theme="dark"] .dark-group-hover-space-x-5 { --space-x: 1.25rem; }
[data-theme="dark"] .dark-space-x-6 { --space-x: 1.5rem; }
[data-theme="dark"] .dark-hover-space-x-6:hover { --space-x: 1.5rem; }
[data-theme="dark"] .dark-focus-space-x-6:focus { --space-x: 1.5rem; }
[data-theme="dark"] .dark-active-space-x-6:active { --space-x: 1.5rem; }
[data-theme="dark"] .dark-disabled-space-x-6:disabled { --space-x: 1.5rem; }
[data-theme="dark"] .dark-group-hover-space-x-6 { --space-x: 1.5rem; }
[data-theme="dark"] .dark-space-x-8 { --space-x: 2rem; }
[data-theme="dark"] .dark-hover-space-x-8:hover { --space-x: 2rem; }
[data-theme="dark"] .dark-focus-space-x-8:focus { --space-x: 2rem; }
[data-theme="dark"] .dark-active-space-x-8:active { --space-x: 2rem; }
[data-theme="dark"] .dark-disabled-space-x-8:disabled { --space-x: 2rem; }
[data-theme="dark"] .dark-group-hover-space-x-8 { --space-x: 2rem; }
[data-theme="dark"] .dark-space-x-10 { --space-x: 2.5rem; }
[data-theme="dark"] .dark-hover-space-x-10:hover { --space-x: 2.5rem; }
[data-theme="dark"] .dark-focus-space-x-10:focus { --space-x: 2.5rem; }
[data-theme="dark"] .dark-active-space-x-10:active { --space-x: 2.5rem; }
[data-theme="dark"] .dark-disabled-space-x-10:disabled { --space-x: 2.5rem; }
[data-theme="dark"] .dark-group-hover-space-x-10 { --space-x: 2.5rem; }
[data-theme="dark"] .dark-space-x-12 { --space-x: 3rem; }
[data-theme="dark"] .dark-hover-space-x-12:hover { --space-x: 3rem; }
[data-theme="dark"] .dark-focus-space-x-12:focus { --space-x: 3rem; }
[data-theme="dark"] .dark-active-space-x-12:active { --space-x: 3rem; }
[data-theme="dark"] .dark-disabled-space-x-12:disabled { --space-x: 3rem; }
[data-theme="dark"] .dark-group-hover-space-x-12 { --space-x: 3rem; }
[data-theme="dark"] .dark-space-x-16 { --space-x: 4rem; }
[data-theme="dark"] .dark-hover-space-x-16:hover { --space-x: 4rem; }
[data-theme="dark"] .dark-focus-space-x-16:focus { --space-x: 4rem; }
[data-theme="dark"] .dark-active-space-x-16:active { --space-x: 4rem; }
[data-theme="dark"] .dark-disabled-space-x-16:disabled { --space-x: 4rem; }
[data-theme="dark"] .dark-group-hover-space-x-16 { --space-x: 4rem; }
[data-theme="dark"] .dark-space-x-20 { --space-x: 5rem; }
[data-theme="dark"] .dark-hover-space-x-20:hover { --space-x: 5rem; }
[data-theme="dark"] .dark-focus-space-x-20:focus { --space-x: 5rem; }
[data-theme="dark"] .dark-active-space-x-20:active { --space-x: 5rem; }
[data-theme="dark"] .dark-disabled-space-x-20:disabled { --space-x: 5rem; }
[data-theme="dark"] .dark-group-hover-space-x-20 { --space-x: 5rem; }
[data-theme="dark"] .dark-space-x-24 { --space-x: 6rem; }
[data-theme="dark"] .dark-hover-space-x-24:hover { --space-x: 6rem; }
[data-theme="dark"] .dark-focus-space-x-24:focus { --space-x: 6rem; }
[data-theme="dark"] .dark-active-space-x-24:active { --space-x: 6rem; }
[data-theme="dark"] .dark-disabled-space-x-24:disabled { --space-x: 6rem; }
[data-theme="dark"] .dark-group-hover-space-x-24 { --space-x: 6rem; }
[data-theme="dark"] .dark-space-x-28 { --space-x: 7rem; }
[data-theme="dark"] .dark-hover-space-x-28:hover { --space-x: 7rem; }
[data-theme="dark"] .dark-focus-space-x-28:focus { --space-x: 7rem; }
[data-theme="dark"] .dark-active-space-x-28:active { --space-x: 7rem; }
[data-theme="dark"] .dark-disabled-space-x-28:disabled { --space-x: 7rem; }
[data-theme="dark"] .dark-group-hover-space-x-28 { --space-x: 7rem; }
[data-theme="dark"] .dark-space-x-32 { --space-x: 8rem; }
[data-theme="dark"] .dark-hover-space-x-32:hover { --space-x: 8rem; }
[data-theme="dark"] .dark-focus-space-x-32:focus { --space-x: 8rem; }
[data-theme="dark"] .dark-active-space-x-32:active { --space-x: 8rem; }
[data-theme="dark"] .dark-disabled-space-x-32:disabled { --space-x: 8rem; }
[data-theme="dark"] .dark-group-hover-space-x-32 { --space-x: 8rem; }
[data-theme="dark"] .dark-space-y-auto { --space-y: auto; }
[data-theme="dark"] .dark-hover-space-y-auto:hover { --space-y: auto; }
[data-theme="dark"] .dark-focus-space-y-auto:focus { --space-y: auto; }
[data-theme="dark"] .dark-active-space-y-auto:active { --space-y: auto; }
[data-theme="dark"] .dark-disabled-space-y-auto:disabled { --space-y: auto; }
[data-theme="dark"] .dark-group-hover-space-y-auto { --space-y: auto; }
[data-theme="dark"] .dark-space-y-0 { --space-y: 0; }
[data-theme="dark"] .dark-hover-space-y-0:hover { --space-y: 0; }
[data-theme="dark"] .dark-focus-space-y-0:focus { --space-y: 0; }
[data-theme="dark"] .dark-active-space-y-0:active { --space-y: 0; }
[data-theme="dark"] .dark-disabled-space-y-0:disabled { --space-y: 0; }
[data-theme="dark"] .dark-group-hover-space-y-0 { --space-y: 0; }
[data-theme="dark"] .dark-space-y-1 { --space-y: 0.25rem; }
[data-theme="dark"] .dark-hover-space-y-1:hover { --space-y: 0.25rem; }
[data-theme="dark"] .dark-focus-space-y-1:focus { --space-y: 0.25rem; }
[data-theme="dark"] .dark-active-space-y-1:active { --space-y: 0.25rem; }
[data-theme="dark"] .dark-disabled-space-y-1:disabled { --space-y: 0.25rem; }
[data-theme="dark"] .dark-group-hover-space-y-1 { --space-y: 0.25rem; }
[data-theme="dark"] .dark-space-y-2 { --space-y: 0.5rem; }
[data-theme="dark"] .dark-hover-space-y-2:hover { --space-y: 0.5rem; }
[data-theme="dark"] .dark-focus-space-y-2:focus { --space-y: 0.5rem; }
[data-theme="dark"] .dark-active-space-y-2:active { --space-y: 0.5rem; }
[data-theme="dark"] .dark-disabled-space-y-2:disabled { --space-y: 0.5rem; }
[data-theme="dark"] .dark-group-hover-space-y-2 { --space-y: 0.5rem; }
[data-theme="dark"] .dark-space-y-3 { --space-y: 0.75rem; }
[data-theme="dark"] .dark-hover-space-y-3:hover { --space-y: 0.75rem; }
[data-theme="dark"] .dark-focus-space-y-3:focus { --space-y: 0.75rem; }
[data-theme="dark"] .dark-active-space-y-3:active { --space-y: 0.75rem; }
[data-theme="dark"] .dark-disabled-space-y-3:disabled { --space-y: 0.75rem; }
[data-theme="dark"] .dark-group-hover-space-y-3 { --space-y: 0.75rem; }
[data-theme="dark"] .dark-space-y-4 { --space-y: 1rem; }
[data-theme="dark"] .dark-hover-space-y-4:hover { --space-y: 1rem; }
[data-theme="dark"] .dark-focus-space-y-4:focus { --space-y: 1rem; }
[data-theme="dark"] .dark-active-space-y-4:active { --space-y: 1rem; }
[data-theme="dark"] .dark-disabled-space-y-4:disabled { --space-y: 1rem; }
[data-theme="dark"] .dark-group-hover-space-y-4 { --space-y: 1rem; }
[data-theme="dark"] .dark-space-y-5 { --space-y: 1.25rem; }
[data-theme="dark"] .dark-hover-space-y-5:hover { --space-y: 1.25rem; }
[data-theme="dark"] .dark-focus-space-y-5:focus { --space-y: 1.25rem; }
[data-theme="dark"] .dark-active-space-y-5:active { --space-y: 1.25rem; }
[data-theme="dark"] .dark-disabled-space-y-5:disabled { --space-y: 1.25rem; }
[data-theme="dark"] .dark-group-hover-space-y-5 { --space-y: 1.25rem; }
[data-theme="dark"] .dark-space-y-6 { --space-y: 1.5rem; }
[data-theme="dark"] .dark-hover-space-y-6:hover { --space-y: 1.5rem; }
[data-theme="dark"] .dark-focus-space-y-6:focus { --space-y: 1.5rem; }
[data-theme="dark"] .dark-active-space-y-6:active { --space-y: 1.5rem; }
[data-theme="dark"] .dark-disabled-space-y-6:disabled { --space-y: 1.5rem; }
[data-theme="dark"] .dark-group-hover-space-y-6 { --space-y: 1.5rem; }
[data-theme="dark"] .dark-space-y-8 { --space-y: 2rem; }
[data-theme="dark"] .dark-hover-space-y-8:hover { --space-y: 2rem; }
[data-theme="dark"] .dark-focus-space-y-8:focus { --space-y: 2rem; }
[data-theme="dark"] .dark-active-space-y-8:active { --space-y: 2rem; }
[data-theme="dark"] .dark-disabled-space-y-8:disabled { --space-y: 2rem; }
[data-theme="dark"] .dark-group-hover-space-y-8 { --space-y: 2rem; }
[data-theme="dark"] .dark-space-y-10 { --space-y: 2.5rem; }
[data-theme="dark"] .dark-hover-space-y-10:hover { --space-y: 2.5rem; }
[data-theme="dark"] .dark-focus-space-y-10:focus { --space-y: 2.5rem; }
[data-theme="dark"] .dark-active-space-y-10:active { --space-y: 2.5rem; }
[data-theme="dark"] .dark-disabled-space-y-10:disabled { --space-y: 2.5rem; }
[data-theme="dark"] .dark-group-hover-space-y-10 { --space-y: 2.5rem; }
[data-theme="dark"] .dark-space-y-12 { --space-y: 3rem; }
[data-theme="dark"] .dark-hover-space-y-12:hover { --space-y: 3rem; }
[data-theme="dark"] .dark-focus-space-y-12:focus { --space-y: 3rem; }
[data-theme="dark"] .dark-active-space-y-12:active { --space-y: 3rem; }
[data-theme="dark"] .dark-disabled-space-y-12:disabled { --space-y: 3rem; }
[data-theme="dark"] .dark-group-hover-space-y-12 { --space-y: 3rem; }
[data-theme="dark"] .dark-space-y-16 { --space-y: 4rem; }
[data-theme="dark"] .dark-hover-space-y-16:hover { --space-y: 4rem; }
[data-theme="dark"] .dark-focus-space-y-16:focus { --space-y: 4rem; }
[data-theme="dark"] .dark-active-space-y-16:active { --space-y: 4rem; }
[data-theme="dark"] .dark-disabled-space-y-16:disabled { --space-y: 4rem; }
[data-theme="dark"] .dark-group-hover-space-y-16 { --space-y: 4rem; }
[data-theme="dark"] .dark-space-y-20 { --space-y: 5rem; }
[data-theme="dark"] .dark-hover-space-y-20:hover { --space-y: 5rem; }
[data-theme="dark"] .dark-focus-space-y-20:focus { --space-y: 5rem; }
[data-theme="dark"] .dark-active-space-y-20:active { --space-y: 5rem; }
[data-theme="dark"] .dark-disabled-space-y-20:disabled { --space-y: 5rem; }
[data-theme="dark"] .dark-group-hover-space-y-20 { --space-y: 5rem; }
[data-theme="dark"] .dark-space-y-24 { --space-y: 6rem; }
[data-theme="dark"] .dark-hover-space-y-24:hover { --space-y: 6rem; }
[data-theme="dark"] .dark-focus-space-y-24:focus { --space-y: 6rem; }
[data-theme="dark"] .dark-active-space-y-24:active { --space-y: 6rem; }
[data-theme="dark"] .dark-disabled-space-y-24:disabled { --space-y: 6rem; }
[data-theme="dark"] .dark-group-hover-space-y-24 { --space-y: 6rem; }
[data-theme="dark"] .dark-space-y-28 { --space-y: 7rem; }
[data-theme="dark"] .dark-hover-space-y-28:hover { --space-y: 7rem; }
[data-theme="dark"] .dark-focus-space-y-28:focus { --space-y: 7rem; }
[data-theme="dark"] .dark-active-space-y-28:active { --space-y: 7rem; }
[data-theme="dark"] .dark-disabled-space-y-28:disabled { --space-y: 7rem; }
[data-theme="dark"] .dark-group-hover-space-y-28 { --space-y: 7rem; }
[data-theme="dark"] .dark-space-y-32 { --space-y: 8rem; }
[data-theme="dark"] .dark-hover-space-y-32:hover { --space-y: 8rem; }
[data-theme="dark"] .dark-focus-space-y-32:focus { --space-y: 8rem; }
[data-theme="dark"] .dark-active-space-y-32:active { --space-y: 8rem; }
[data-theme="dark"] .dark-disabled-space-y-32:disabled { --space-y: 8rem; }
[data-theme="dark"] .dark-group-hover-space-y-32 { --space-y: 8rem; }
[data-theme="dark"] .dark-d-block { display: block; }
[data-theme="dark"] .dark-hover-d-block:hover { display: block; }
[data-theme="dark"] .dark-focus-d-block:focus { display: block; }
[data-theme="dark"] .dark-active-d-block:active { display: block; }
[data-theme="dark"] .dark-disabled-d-block:disabled { display: block; }
[data-theme="dark"] .dark-group-hover-d-block { display: block; }
[data-theme="dark"] .dark-d-inline { display: inline; }
[data-theme="dark"] .dark-hover-d-inline:hover { display: inline; }
[data-theme="dark"] .dark-focus-d-inline:focus { display: inline; }
[data-theme="dark"] .dark-active-d-inline:active { display: inline; }
[data-theme="dark"] .dark-disabled-d-inline:disabled { display: inline; }
[data-theme="dark"] .dark-group-hover-d-inline { display: inline; }
[data-theme="dark"] .dark-d-inline-block { display: inline-block; }
[data-theme="dark"] .dark-hover-d-inline-block:hover { display: inline-block; }
[data-theme="dark"] .dark-focus-d-inline-block:focus { display: inline-block; }
[data-theme="dark"] .dark-active-d-inline-block:active { display: inline-block; }
[data-theme="dark"] .dark-disabled-d-inline-block:disabled { display: inline-block; }
[data-theme="dark"] .dark-group-hover-d-inline-block { display: inline-block; }
[data-theme="dark"] .dark-d-flex { display: flex; }
[data-theme="dark"] .dark-hover-d-flex:hover { display: flex; }
[data-theme="dark"] .dark-focus-d-flex:focus { display: flex; }
[data-theme="dark"] .dark-active-d-flex:active { display: flex; }
[data-theme="dark"] .dark-disabled-d-flex:disabled { display: flex; }
[data-theme="dark"] .dark-group-hover-d-flex { display: flex; }
[data-theme="dark"] .dark-d-inline-flex { display: inline-flex; }
[data-theme="dark"] .dark-hover-d-inline-flex:hover { display: inline-flex; }
[data-theme="dark"] .dark-focus-d-inline-flex:focus { display: inline-flex; }
[data-theme="dark"] .dark-active-d-inline-flex:active { display: inline-flex; }
[data-theme="dark"] .dark-disabled-d-inline-flex:disabled { display: inline-flex; }
[data-theme="dark"] .dark-group-hover-d-inline-flex { display: inline-flex; }
[data-theme="dark"] .dark-d-grid { display: grid; }
[data-theme="dark"] .dark-hover-d-grid:hover { display: grid; }
[data-theme="dark"] .dark-focus-d-grid:focus { display: grid; }
[data-theme="dark"] .dark-active-d-grid:active { display: grid; }
[data-theme="dark"] .dark-disabled-d-grid:disabled { display: grid; }
[data-theme="dark"] .dark-group-hover-d-grid { display: grid; }
[data-theme="dark"] .dark-d-inline-grid { display: inline-grid; }
[data-theme="dark"] .dark-hover-d-inline-grid:hover { display: inline-grid; }
[data-theme="dark"] .dark-focus-d-inline-grid:focus { display: inline-grid; }
[data-theme="dark"] .dark-active-d-inline-grid:active { display: inline-grid; }
[data-theme="dark"] .dark-disabled-d-inline-grid:disabled { display: inline-grid; }
[data-theme="dark"] .dark-group-hover-d-inline-grid { display: inline-grid; }
[data-theme="dark"] .dark-d-none { display: none; }
[data-theme="dark"] .dark-hover-d-none:hover { display: none; }
[data-theme="dark"] .dark-focus-d-none:focus { display: none; }
[data-theme="dark"] .dark-active-d-none:active { display: none; }
[data-theme="dark"] .dark-disabled-d-none:disabled { display: none; }
[data-theme="dark"] .dark-group-hover-d-none { display: none; }
[data-theme="dark"] .dark-position-static { position: static; }
[data-theme="dark"] .dark-hover-position-static:hover { position: static; }
[data-theme="dark"] .dark-focus-position-static:focus { position: static; }
[data-theme="dark"] .dark-active-position-static:active { position: static; }
[data-theme="dark"] .dark-disabled-position-static:disabled { position: static; }
[data-theme="dark"] .dark-group-hover-position-static { position: static; }
[data-theme="dark"] .dark-position-relative { position: relative; }
[data-theme="dark"] .dark-hover-position-relative:hover { position: relative; }
[data-theme="dark"] .dark-focus-position-relative:focus { position: relative; }
[data-theme="dark"] .dark-active-position-relative:active { position: relative; }
[data-theme="dark"] .dark-disabled-position-relative:disabled { position: relative; }
[data-theme="dark"] .dark-group-hover-position-relative { position: relative; }
[data-theme="dark"] .dark-position-absolute { position: absolute; }
[data-theme="dark"] .dark-hover-position-absolute:hover { position: absolute; }
[data-theme="dark"] .dark-focus-position-absolute:focus { position: absolute; }
[data-theme="dark"] .dark-active-position-absolute:active { position: absolute; }
[data-theme="dark"] .dark-disabled-position-absolute:disabled { position: absolute; }
[data-theme="dark"] .dark-group-hover-position-absolute { position: absolute; }
[data-theme="dark"] .dark-position-fixed { position: fixed; }
[data-theme="dark"] .dark-hover-position-fixed:hover { position: fixed; }
[data-theme="dark"] .dark-focus-position-fixed:focus { position: fixed; }
[data-theme="dark"] .dark-active-position-fixed:active { position: fixed; }
[data-theme="dark"] .dark-disabled-position-fixed:disabled { position: fixed; }
[data-theme="dark"] .dark-group-hover-position-fixed { position: fixed; }
[data-theme="dark"] .dark-position-sticky { position: sticky; }
[data-theme="dark"] .dark-hover-position-sticky:hover { position: sticky; }
[data-theme="dark"] .dark-focus-position-sticky:focus { position: sticky; }
[data-theme="dark"] .dark-active-position-sticky:active { position: sticky; }
[data-theme="dark"] .dark-disabled-position-sticky:disabled { position: sticky; }
[data-theme="dark"] .dark-group-hover-position-sticky { position: sticky; }
[data-theme="dark"] .dark-inset-0 { inset: 0; }
[data-theme="dark"] .dark-hover-inset-0:hover { inset: 0; }
[data-theme="dark"] .dark-focus-inset-0:focus { inset: 0; }
[data-theme="dark"] .dark-active-inset-0:active { inset: 0; }
[data-theme="dark"] .dark-disabled-inset-0:disabled { inset: 0; }
[data-theme="dark"] .dark-group-hover-inset-0 { inset: 0; }
[data-theme="dark"] .dark-inset-1 { inset: 0.25rem; }
[data-theme="dark"] .dark-hover-inset-1:hover { inset: 0.25rem; }
[data-theme="dark"] .dark-focus-inset-1:focus { inset: 0.25rem; }
[data-theme="dark"] .dark-active-inset-1:active { inset: 0.25rem; }
[data-theme="dark"] .dark-disabled-inset-1:disabled { inset: 0.25rem; }
[data-theme="dark"] .dark-group-hover-inset-1 { inset: 0.25rem; }
[data-theme="dark"] .dark-inset-2 { inset: 0.5rem; }
[data-theme="dark"] .dark-hover-inset-2:hover { inset: 0.5rem; }
[data-theme="dark"] .dark-focus-inset-2:focus { inset: 0.5rem; }
[data-theme="dark"] .dark-active-inset-2:active { inset: 0.5rem; }
[data-theme="dark"] .dark-disabled-inset-2:disabled { inset: 0.5rem; }
[data-theme="dark"] .dark-group-hover-inset-2 { inset: 0.5rem; }
[data-theme="dark"] .dark-inset-3 { inset: 0.75rem; }
[data-theme="dark"] .dark-hover-inset-3:hover { inset: 0.75rem; }
[data-theme="dark"] .dark-focus-inset-3:focus { inset: 0.75rem; }
[data-theme="dark"] .dark-active-inset-3:active { inset: 0.75rem; }
[data-theme="dark"] .dark-disabled-inset-3:disabled { inset: 0.75rem; }
[data-theme="dark"] .dark-group-hover-inset-3 { inset: 0.75rem; }
[data-theme="dark"] .dark-inset-4 { inset: 1rem; }
[data-theme="dark"] .dark-hover-inset-4:hover { inset: 1rem; }
[data-theme="dark"] .dark-focus-inset-4:focus { inset: 1rem; }
[data-theme="dark"] .dark-active-inset-4:active { inset: 1rem; }
[data-theme="dark"] .dark-disabled-inset-4:disabled { inset: 1rem; }
[data-theme="dark"] .dark-group-hover-inset-4 { inset: 1rem; }
[data-theme="dark"] .dark-inset-5 { inset: 1.25rem; }
[data-theme="dark"] .dark-hover-inset-5:hover { inset: 1.25rem; }
[data-theme="dark"] .dark-focus-inset-5:focus { inset: 1.25rem; }
[data-theme="dark"] .dark-active-inset-5:active { inset: 1.25rem; }
[data-theme="dark"] .dark-disabled-inset-5:disabled { inset: 1.25rem; }
[data-theme="dark"] .dark-group-hover-inset-5 { inset: 1.25rem; }
[data-theme="dark"] .dark-inset-6 { inset: 1.5rem; }
[data-theme="dark"] .dark-hover-inset-6:hover { inset: 1.5rem; }
[data-theme="dark"] .dark-focus-inset-6:focus { inset: 1.5rem; }
[data-theme="dark"] .dark-active-inset-6:active { inset: 1.5rem; }
[data-theme="dark"] .dark-disabled-inset-6:disabled { inset: 1.5rem; }
[data-theme="dark"] .dark-group-hover-inset-6 { inset: 1.5rem; }
[data-theme="dark"] .dark-inset-7 { inset: 1.75rem; }
[data-theme="dark"] .dark-hover-inset-7:hover { inset: 1.75rem; }
[data-theme="dark"] .dark-focus-inset-7:focus { inset: 1.75rem; }
[data-theme="dark"] .dark-active-inset-7:active { inset: 1.75rem; }
[data-theme="dark"] .dark-disabled-inset-7:disabled { inset: 1.75rem; }
[data-theme="dark"] .dark-group-hover-inset-7 { inset: 1.75rem; }
[data-theme="dark"] .dark-inset-8 { inset: 2rem; }
[data-theme="dark"] .dark-hover-inset-8:hover { inset: 2rem; }
[data-theme="dark"] .dark-focus-inset-8:focus { inset: 2rem; }
[data-theme="dark"] .dark-active-inset-8:active { inset: 2rem; }
[data-theme="dark"] .dark-disabled-inset-8:disabled { inset: 2rem; }
[data-theme="dark"] .dark-group-hover-inset-8 { inset: 2rem; }
[data-theme="dark"] .dark-inset-9 { inset: 2.25rem; }
[data-theme="dark"] .dark-hover-inset-9:hover { inset: 2.25rem; }
[data-theme="dark"] .dark-focus-inset-9:focus { inset: 2.25rem; }
[data-theme="dark"] .dark-active-inset-9:active { inset: 2.25rem; }
[data-theme="dark"] .dark-disabled-inset-9:disabled { inset: 2.25rem; }
[data-theme="dark"] .dark-group-hover-inset-9 { inset: 2.25rem; }
[data-theme="dark"] .dark-inset-10 { inset: 2.5rem; }
[data-theme="dark"] .dark-hover-inset-10:hover { inset: 2.5rem; }
[data-theme="dark"] .dark-focus-inset-10:focus { inset: 2.5rem; }
[data-theme="dark"] .dark-active-inset-10:active { inset: 2.5rem; }
[data-theme="dark"] .dark-disabled-inset-10:disabled { inset: 2.5rem; }
[data-theme="dark"] .dark-group-hover-inset-10 { inset: 2.5rem; }
[data-theme="dark"] .dark-inset-12 { inset: 3rem; }
[data-theme="dark"] .dark-hover-inset-12:hover { inset: 3rem; }
[data-theme="dark"] .dark-focus-inset-12:focus { inset: 3rem; }
[data-theme="dark"] .dark-active-inset-12:active { inset: 3rem; }
[data-theme="dark"] .dark-disabled-inset-12:disabled { inset: 3rem; }
[data-theme="dark"] .dark-group-hover-inset-12 { inset: 3rem; }
[data-theme="dark"] .dark-inset-14 { inset: 3.5rem; }
[data-theme="dark"] .dark-hover-inset-14:hover { inset: 3.5rem; }
[data-theme="dark"] .dark-focus-inset-14:focus { inset: 3.5rem; }
[data-theme="dark"] .dark-active-inset-14:active { inset: 3.5rem; }
[data-theme="dark"] .dark-disabled-inset-14:disabled { inset: 3.5rem; }
[data-theme="dark"] .dark-group-hover-inset-14 { inset: 3.5rem; }
[data-theme="dark"] .dark-inset-16 { inset: 4rem; }
[data-theme="dark"] .dark-hover-inset-16:hover { inset: 4rem; }
[data-theme="dark"] .dark-focus-inset-16:focus { inset: 4rem; }
[data-theme="dark"] .dark-active-inset-16:active { inset: 4rem; }
[data-theme="dark"] .dark-disabled-inset-16:disabled { inset: 4rem; }
[data-theme="dark"] .dark-group-hover-inset-16 { inset: 4rem; }
[data-theme="dark"] .dark-inset-20 { inset: 5rem; }
[data-theme="dark"] .dark-hover-inset-20:hover { inset: 5rem; }
[data-theme="dark"] .dark-focus-inset-20:focus { inset: 5rem; }
[data-theme="dark"] .dark-active-inset-20:active { inset: 5rem; }
[data-theme="dark"] .dark-disabled-inset-20:disabled { inset: 5rem; }
[data-theme="dark"] .dark-group-hover-inset-20 { inset: 5rem; }
[data-theme="dark"] .dark-inset-24 { inset: 6rem; }
[data-theme="dark"] .dark-hover-inset-24:hover { inset: 6rem; }
[data-theme="dark"] .dark-focus-inset-24:focus { inset: 6rem; }
[data-theme="dark"] .dark-active-inset-24:active { inset: 6rem; }
[data-theme="dark"] .dark-disabled-inset-24:disabled { inset: 6rem; }
[data-theme="dark"] .dark-group-hover-inset-24 { inset: 6rem; }
[data-theme="dark"] .dark-inset-28 { inset: 7rem; }
[data-theme="dark"] .dark-hover-inset-28:hover { inset: 7rem; }
[data-theme="dark"] .dark-focus-inset-28:focus { inset: 7rem; }
[data-theme="dark"] .dark-active-inset-28:active { inset: 7rem; }
[data-theme="dark"] .dark-disabled-inset-28:disabled { inset: 7rem; }
[data-theme="dark"] .dark-group-hover-inset-28 { inset: 7rem; }
[data-theme="dark"] .dark-inset-32 { inset: 8rem; }
[data-theme="dark"] .dark-hover-inset-32:hover { inset: 8rem; }
[data-theme="dark"] .dark-focus-inset-32:focus { inset: 8rem; }
[data-theme="dark"] .dark-active-inset-32:active { inset: 8rem; }
[data-theme="dark"] .dark-disabled-inset-32:disabled { inset: 8rem; }
[data-theme="dark"] .dark-group-hover-inset-32 { inset: 8rem; }
[data-theme="dark"] .dark-inset-t-0 { inset-top: 0; }
[data-theme="dark"] .dark-hover-inset-t-0:hover { inset-top: 0; }
[data-theme="dark"] .dark-focus-inset-t-0:focus { inset-top: 0; }
[data-theme="dark"] .dark-active-inset-t-0:active { inset-top: 0; }
[data-theme="dark"] .dark-disabled-inset-t-0:disabled { inset-top: 0; }
[data-theme="dark"] .dark-group-hover-inset-t-0 { inset-top: 0; }
[data-theme="dark"] .dark-inset-t-1 { inset-top: 0.25rem; }
[data-theme="dark"] .dark-hover-inset-t-1:hover { inset-top: 0.25rem; }
[data-theme="dark"] .dark-focus-inset-t-1:focus { inset-top: 0.25rem; }
[data-theme="dark"] .dark-active-inset-t-1:active { inset-top: 0.25rem; }
[data-theme="dark"] .dark-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
[data-theme="dark"] .dark-group-hover-inset-t-1 { inset-top: 0.25rem; }
[data-theme="dark"] .dark-inset-t-2 { inset-top: 0.5rem; }
[data-theme="dark"] .dark-hover-inset-t-2:hover { inset-top: 0.5rem; }
[data-theme="dark"] .dark-focus-inset-t-2:focus { inset-top: 0.5rem; }
[data-theme="dark"] .dark-active-inset-t-2:active { inset-top: 0.5rem; }
[data-theme="dark"] .dark-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
[data-theme="dark"] .dark-group-hover-inset-t-2 { inset-top: 0.5rem; }
[data-theme="dark"] .dark-inset-t-3 { inset-top: 0.75rem; }
[data-theme="dark"] .dark-hover-inset-t-3:hover { inset-top: 0.75rem; }
[data-theme="dark"] .dark-focus-inset-t-3:focus { inset-top: 0.75rem; }
[data-theme="dark"] .dark-active-inset-t-3:active { inset-top: 0.75rem; }
[data-theme="dark"] .dark-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
[data-theme="dark"] .dark-group-hover-inset-t-3 { inset-top: 0.75rem; }
[data-theme="dark"] .dark-inset-t-4 { inset-top: 1rem; }
[data-theme="dark"] .dark-hover-inset-t-4:hover { inset-top: 1rem; }
[data-theme="dark"] .dark-focus-inset-t-4:focus { inset-top: 1rem; }
[data-theme="dark"] .dark-active-inset-t-4:active { inset-top: 1rem; }
[data-theme="dark"] .dark-disabled-inset-t-4:disabled { inset-top: 1rem; }
[data-theme="dark"] .dark-group-hover-inset-t-4 { inset-top: 1rem; }
[data-theme="dark"] .dark-inset-t-5 { inset-top: 1.25rem; }
[data-theme="dark"] .dark-hover-inset-t-5:hover { inset-top: 1.25rem; }
[data-theme="dark"] .dark-focus-inset-t-5:focus { inset-top: 1.25rem; }
[data-theme="dark"] .dark-active-inset-t-5:active { inset-top: 1.25rem; }
[data-theme="dark"] .dark-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
[data-theme="dark"] .dark-group-hover-inset-t-5 { inset-top: 1.25rem; }
[data-theme="dark"] .dark-inset-t-6 { inset-top: 1.5rem; }
[data-theme="dark"] .dark-hover-inset-t-6:hover { inset-top: 1.5rem; }
[data-theme="dark"] .dark-focus-inset-t-6:focus { inset-top: 1.5rem; }
[data-theme="dark"] .dark-active-inset-t-6:active { inset-top: 1.5rem; }
[data-theme="dark"] .dark-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
[data-theme="dark"] .dark-group-hover-inset-t-6 { inset-top: 1.5rem; }
[data-theme="dark"] .dark-inset-t-7 { inset-top: 1.75rem; }
[data-theme="dark"] .dark-hover-inset-t-7:hover { inset-top: 1.75rem; }
[data-theme="dark"] .dark-focus-inset-t-7:focus { inset-top: 1.75rem; }
[data-theme="dark"] .dark-active-inset-t-7:active { inset-top: 1.75rem; }
[data-theme="dark"] .dark-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
[data-theme="dark"] .dark-group-hover-inset-t-7 { inset-top: 1.75rem; }
[data-theme="dark"] .dark-inset-t-8 { inset-top: 2rem; }
[data-theme="dark"] .dark-hover-inset-t-8:hover { inset-top: 2rem; }
[data-theme="dark"] .dark-focus-inset-t-8:focus { inset-top: 2rem; }
[data-theme="dark"] .dark-active-inset-t-8:active { inset-top: 2rem; }
[data-theme="dark"] .dark-disabled-inset-t-8:disabled { inset-top: 2rem; }
[data-theme="dark"] .dark-group-hover-inset-t-8 { inset-top: 2rem; }
[data-theme="dark"] .dark-inset-t-9 { inset-top: 2.25rem; }
[data-theme="dark"] .dark-hover-inset-t-9:hover { inset-top: 2.25rem; }
[data-theme="dark"] .dark-focus-inset-t-9:focus { inset-top: 2.25rem; }
[data-theme="dark"] .dark-active-inset-t-9:active { inset-top: 2.25rem; }
[data-theme="dark"] .dark-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
[data-theme="dark"] .dark-group-hover-inset-t-9 { inset-top: 2.25rem; }
[data-theme="dark"] .dark-inset-t-10 { inset-top: 2.5rem; }
[data-theme="dark"] .dark-hover-inset-t-10:hover { inset-top: 2.5rem; }
[data-theme="dark"] .dark-focus-inset-t-10:focus { inset-top: 2.5rem; }
[data-theme="dark"] .dark-active-inset-t-10:active { inset-top: 2.5rem; }
[data-theme="dark"] .dark-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
[data-theme="dark"] .dark-group-hover-inset-t-10 { inset-top: 2.5rem; }
[data-theme="dark"] .dark-inset-t-12 { inset-top: 3rem; }
[data-theme="dark"] .dark-hover-inset-t-12:hover { inset-top: 3rem; }
[data-theme="dark"] .dark-focus-inset-t-12:focus { inset-top: 3rem; }
[data-theme="dark"] .dark-active-inset-t-12:active { inset-top: 3rem; }
[data-theme="dark"] .dark-disabled-inset-t-12:disabled { inset-top: 3rem; }
[data-theme="dark"] .dark-group-hover-inset-t-12 { inset-top: 3rem; }
[data-theme="dark"] .dark-inset-t-14 { inset-top: 3.5rem; }
[data-theme="dark"] .dark-hover-inset-t-14:hover { inset-top: 3.5rem; }
[data-theme="dark"] .dark-focus-inset-t-14:focus { inset-top: 3.5rem; }
[data-theme="dark"] .dark-active-inset-t-14:active { inset-top: 3.5rem; }
[data-theme="dark"] .dark-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
[data-theme="dark"] .dark-group-hover-inset-t-14 { inset-top: 3.5rem; }
[data-theme="dark"] .dark-inset-t-16 { inset-top: 4rem; }
[data-theme="dark"] .dark-hover-inset-t-16:hover { inset-top: 4rem; }
[data-theme="dark"] .dark-focus-inset-t-16:focus { inset-top: 4rem; }
[data-theme="dark"] .dark-active-inset-t-16:active { inset-top: 4rem; }
[data-theme="dark"] .dark-disabled-inset-t-16:disabled { inset-top: 4rem; }
[data-theme="dark"] .dark-group-hover-inset-t-16 { inset-top: 4rem; }
[data-theme="dark"] .dark-inset-t-20 { inset-top: 5rem; }
[data-theme="dark"] .dark-hover-inset-t-20:hover { inset-top: 5rem; }
[data-theme="dark"] .dark-focus-inset-t-20:focus { inset-top: 5rem; }
[data-theme="dark"] .dark-active-inset-t-20:active { inset-top: 5rem; }
[data-theme="dark"] .dark-disabled-inset-t-20:disabled { inset-top: 5rem; }
[data-theme="dark"] .dark-group-hover-inset-t-20 { inset-top: 5rem; }
[data-theme="dark"] .dark-inset-t-24 { inset-top: 6rem; }
[data-theme="dark"] .dark-hover-inset-t-24:hover { inset-top: 6rem; }
[data-theme="dark"] .dark-focus-inset-t-24:focus { inset-top: 6rem; }
[data-theme="dark"] .dark-active-inset-t-24:active { inset-top: 6rem; }
[data-theme="dark"] .dark-disabled-inset-t-24:disabled { inset-top: 6rem; }
[data-theme="dark"] .dark-group-hover-inset-t-24 { inset-top: 6rem; }
[data-theme="dark"] .dark-inset-t-28 { inset-top: 7rem; }
[data-theme="dark"] .dark-hover-inset-t-28:hover { inset-top: 7rem; }
[data-theme="dark"] .dark-focus-inset-t-28:focus { inset-top: 7rem; }
[data-theme="dark"] .dark-active-inset-t-28:active { inset-top: 7rem; }
[data-theme="dark"] .dark-disabled-inset-t-28:disabled { inset-top: 7rem; }
[data-theme="dark"] .dark-group-hover-inset-t-28 { inset-top: 7rem; }
[data-theme="dark"] .dark-inset-t-32 { inset-top: 8rem; }
[data-theme="dark"] .dark-hover-inset-t-32:hover { inset-top: 8rem; }
[data-theme="dark"] .dark-focus-inset-t-32:focus { inset-top: 8rem; }
[data-theme="dark"] .dark-active-inset-t-32:active { inset-top: 8rem; }
[data-theme="dark"] .dark-disabled-inset-t-32:disabled { inset-top: 8rem; }
[data-theme="dark"] .dark-group-hover-inset-t-32 { inset-top: 8rem; }
[data-theme="dark"] .dark-inset-r-0 { inset-right: 0; }
[data-theme="dark"] .dark-hover-inset-r-0:hover { inset-right: 0; }
[data-theme="dark"] .dark-focus-inset-r-0:focus { inset-right: 0; }
[data-theme="dark"] .dark-active-inset-r-0:active { inset-right: 0; }
[data-theme="dark"] .dark-disabled-inset-r-0:disabled { inset-right: 0; }
[data-theme="dark"] .dark-group-hover-inset-r-0 { inset-right: 0; }
[data-theme="dark"] .dark-inset-r-1 { inset-right: 0.25rem; }
[data-theme="dark"] .dark-hover-inset-r-1:hover { inset-right: 0.25rem; }
[data-theme="dark"] .dark-focus-inset-r-1:focus { inset-right: 0.25rem; }
[data-theme="dark"] .dark-active-inset-r-1:active { inset-right: 0.25rem; }
[data-theme="dark"] .dark-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
[data-theme="dark"] .dark-group-hover-inset-r-1 { inset-right: 0.25rem; }
[data-theme="dark"] .dark-inset-r-2 { inset-right: 0.5rem; }
[data-theme="dark"] .dark-hover-inset-r-2:hover { inset-right: 0.5rem; }
[data-theme="dark"] .dark-focus-inset-r-2:focus { inset-right: 0.5rem; }
[data-theme="dark"] .dark-active-inset-r-2:active { inset-right: 0.5rem; }
[data-theme="dark"] .dark-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
[data-theme="dark"] .dark-group-hover-inset-r-2 { inset-right: 0.5rem; }
[data-theme="dark"] .dark-inset-r-3 { inset-right: 0.75rem; }
[data-theme="dark"] .dark-hover-inset-r-3:hover { inset-right: 0.75rem; }
[data-theme="dark"] .dark-focus-inset-r-3:focus { inset-right: 0.75rem; }
[data-theme="dark"] .dark-active-inset-r-3:active { inset-right: 0.75rem; }
[data-theme="dark"] .dark-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
[data-theme="dark"] .dark-group-hover-inset-r-3 { inset-right: 0.75rem; }
[data-theme="dark"] .dark-inset-r-4 { inset-right: 1rem; }
[data-theme="dark"] .dark-hover-inset-r-4:hover { inset-right: 1rem; }
[data-theme="dark"] .dark-focus-inset-r-4:focus { inset-right: 1rem; }
[data-theme="dark"] .dark-active-inset-r-4:active { inset-right: 1rem; }
[data-theme="dark"] .dark-disabled-inset-r-4:disabled { inset-right: 1rem; }
[data-theme="dark"] .dark-group-hover-inset-r-4 { inset-right: 1rem; }
[data-theme="dark"] .dark-inset-r-5 { inset-right: 1.25rem; }
[data-theme="dark"] .dark-hover-inset-r-5:hover { inset-right: 1.25rem; }
[data-theme="dark"] .dark-focus-inset-r-5:focus { inset-right: 1.25rem; }
[data-theme="dark"] .dark-active-inset-r-5:active { inset-right: 1.25rem; }
[data-theme="dark"] .dark-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
[data-theme="dark"] .dark-group-hover-inset-r-5 { inset-right: 1.25rem; }
[data-theme="dark"] .dark-inset-r-6 { inset-right: 1.5rem; }
[data-theme="dark"] .dark-hover-inset-r-6:hover { inset-right: 1.5rem; }
[data-theme="dark"] .dark-focus-inset-r-6:focus { inset-right: 1.5rem; }
[data-theme="dark"] .dark-active-inset-r-6:active { inset-right: 1.5rem; }
[data-theme="dark"] .dark-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
[data-theme="dark"] .dark-group-hover-inset-r-6 { inset-right: 1.5rem; }
[data-theme="dark"] .dark-inset-r-7 { inset-right: 1.75rem; }
[data-theme="dark"] .dark-hover-inset-r-7:hover { inset-right: 1.75rem; }
[data-theme="dark"] .dark-focus-inset-r-7:focus { inset-right: 1.75rem; }
[data-theme="dark"] .dark-active-inset-r-7:active { inset-right: 1.75rem; }
[data-theme="dark"] .dark-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
[data-theme="dark"] .dark-group-hover-inset-r-7 { inset-right: 1.75rem; }
[data-theme="dark"] .dark-inset-r-8 { inset-right: 2rem; }
[data-theme="dark"] .dark-hover-inset-r-8:hover { inset-right: 2rem; }
[data-theme="dark"] .dark-focus-inset-r-8:focus { inset-right: 2rem; }
[data-theme="dark"] .dark-active-inset-r-8:active { inset-right: 2rem; }
[data-theme="dark"] .dark-disabled-inset-r-8:disabled { inset-right: 2rem; }
[data-theme="dark"] .dark-group-hover-inset-r-8 { inset-right: 2rem; }
[data-theme="dark"] .dark-inset-r-9 { inset-right: 2.25rem; }
[data-theme="dark"] .dark-hover-inset-r-9:hover { inset-right: 2.25rem; }
[data-theme="dark"] .dark-focus-inset-r-9:focus { inset-right: 2.25rem; }
[data-theme="dark"] .dark-active-inset-r-9:active { inset-right: 2.25rem; }
[data-theme="dark"] .dark-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
[data-theme="dark"] .dark-group-hover-inset-r-9 { inset-right: 2.25rem; }
[data-theme="dark"] .dark-inset-r-10 { inset-right: 2.5rem; }
[data-theme="dark"] .dark-hover-inset-r-10:hover { inset-right: 2.5rem; }
[data-theme="dark"] .dark-focus-inset-r-10:focus { inset-right: 2.5rem; }
[data-theme="dark"] .dark-active-inset-r-10:active { inset-right: 2.5rem; }
[data-theme="dark"] .dark-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
[data-theme="dark"] .dark-group-hover-inset-r-10 { inset-right: 2.5rem; }
[data-theme="dark"] .dark-inset-r-12 { inset-right: 3rem; }
[data-theme="dark"] .dark-hover-inset-r-12:hover { inset-right: 3rem; }
[data-theme="dark"] .dark-focus-inset-r-12:focus { inset-right: 3rem; }
[data-theme="dark"] .dark-active-inset-r-12:active { inset-right: 3rem; }
[data-theme="dark"] .dark-disabled-inset-r-12:disabled { inset-right: 3rem; }
[data-theme="dark"] .dark-group-hover-inset-r-12 { inset-right: 3rem; }
[data-theme="dark"] .dark-inset-r-14 { inset-right: 3.5rem; }
[data-theme="dark"] .dark-hover-inset-r-14:hover { inset-right: 3.5rem; }
[data-theme="dark"] .dark-focus-inset-r-14:focus { inset-right: 3.5rem; }
[data-theme="dark"] .dark-active-inset-r-14:active { inset-right: 3.5rem; }
[data-theme="dark"] .dark-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
[data-theme="dark"] .dark-group-hover-inset-r-14 { inset-right: 3.5rem; }
[data-theme="dark"] .dark-inset-r-16 { inset-right: 4rem; }
[data-theme="dark"] .dark-hover-inset-r-16:hover { inset-right: 4rem; }
[data-theme="dark"] .dark-focus-inset-r-16:focus { inset-right: 4rem; }
[data-theme="dark"] .dark-active-inset-r-16:active { inset-right: 4rem; }
[data-theme="dark"] .dark-disabled-inset-r-16:disabled { inset-right: 4rem; }
[data-theme="dark"] .dark-group-hover-inset-r-16 { inset-right: 4rem; }
[data-theme="dark"] .dark-inset-r-20 { inset-right: 5rem; }
[data-theme="dark"] .dark-hover-inset-r-20:hover { inset-right: 5rem; }
[data-theme="dark"] .dark-focus-inset-r-20:focus { inset-right: 5rem; }
[data-theme="dark"] .dark-active-inset-r-20:active { inset-right: 5rem; }
[data-theme="dark"] .dark-disabled-inset-r-20:disabled { inset-right: 5rem; }
[data-theme="dark"] .dark-group-hover-inset-r-20 { inset-right: 5rem; }
[data-theme="dark"] .dark-inset-r-24 { inset-right: 6rem; }
[data-theme="dark"] .dark-hover-inset-r-24:hover { inset-right: 6rem; }
[data-theme="dark"] .dark-focus-inset-r-24:focus { inset-right: 6rem; }
[data-theme="dark"] .dark-active-inset-r-24:active { inset-right: 6rem; }
[data-theme="dark"] .dark-disabled-inset-r-24:disabled { inset-right: 6rem; }
[data-theme="dark"] .dark-group-hover-inset-r-24 { inset-right: 6rem; }
[data-theme="dark"] .dark-inset-r-28 { inset-right: 7rem; }
[data-theme="dark"] .dark-hover-inset-r-28:hover { inset-right: 7rem; }
[data-theme="dark"] .dark-focus-inset-r-28:focus { inset-right: 7rem; }
[data-theme="dark"] .dark-active-inset-r-28:active { inset-right: 7rem; }
[data-theme="dark"] .dark-disabled-inset-r-28:disabled { inset-right: 7rem; }
[data-theme="dark"] .dark-group-hover-inset-r-28 { inset-right: 7rem; }
[data-theme="dark"] .dark-inset-r-32 { inset-right: 8rem; }
[data-theme="dark"] .dark-hover-inset-r-32:hover { inset-right: 8rem; }
[data-theme="dark"] .dark-focus-inset-r-32:focus { inset-right: 8rem; }
[data-theme="dark"] .dark-active-inset-r-32:active { inset-right: 8rem; }
[data-theme="dark"] .dark-disabled-inset-r-32:disabled { inset-right: 8rem; }
[data-theme="dark"] .dark-group-hover-inset-r-32 { inset-right: 8rem; }
[data-theme="dark"] .dark-inset-b-0 { inset-bottom: 0; }
[data-theme="dark"] .dark-hover-inset-b-0:hover { inset-bottom: 0; }
[data-theme="dark"] .dark-focus-inset-b-0:focus { inset-bottom: 0; }
[data-theme="dark"] .dark-active-inset-b-0:active { inset-bottom: 0; }
[data-theme="dark"] .dark-disabled-inset-b-0:disabled { inset-bottom: 0; }
[data-theme="dark"] .dark-group-hover-inset-b-0 { inset-bottom: 0; }
[data-theme="dark"] .dark-inset-b-1 { inset-bottom: 0.25rem; }
[data-theme="dark"] .dark-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
[data-theme="dark"] .dark-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
[data-theme="dark"] .dark-active-inset-b-1:active { inset-bottom: 0.25rem; }
[data-theme="dark"] .dark-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
[data-theme="dark"] .dark-group-hover-inset-b-1 { inset-bottom: 0.25rem; }
[data-theme="dark"] .dark-inset-b-2 { inset-bottom: 0.5rem; }
[data-theme="dark"] .dark-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
[data-theme="dark"] .dark-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
[data-theme="dark"] .dark-active-inset-b-2:active { inset-bottom: 0.5rem; }
[data-theme="dark"] .dark-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
[data-theme="dark"] .dark-group-hover-inset-b-2 { inset-bottom: 0.5rem; }
[data-theme="dark"] .dark-inset-b-3 { inset-bottom: 0.75rem; }
[data-theme="dark"] .dark-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
[data-theme="dark"] .dark-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
[data-theme="dark"] .dark-active-inset-b-3:active { inset-bottom: 0.75rem; }
[data-theme="dark"] .dark-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
[data-theme="dark"] .dark-group-hover-inset-b-3 { inset-bottom: 0.75rem; }
[data-theme="dark"] .dark-inset-b-4 { inset-bottom: 1rem; }
[data-theme="dark"] .dark-hover-inset-b-4:hover { inset-bottom: 1rem; }
[data-theme="dark"] .dark-focus-inset-b-4:focus { inset-bottom: 1rem; }
[data-theme="dark"] .dark-active-inset-b-4:active { inset-bottom: 1rem; }
[data-theme="dark"] .dark-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
[data-theme="dark"] .dark-group-hover-inset-b-4 { inset-bottom: 1rem; }
[data-theme="dark"] .dark-inset-b-5 { inset-bottom: 1.25rem; }
[data-theme="dark"] .dark-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
[data-theme="dark"] .dark-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
[data-theme="dark"] .dark-active-inset-b-5:active { inset-bottom: 1.25rem; }
[data-theme="dark"] .dark-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
[data-theme="dark"] .dark-group-hover-inset-b-5 { inset-bottom: 1.25rem; }
[data-theme="dark"] .dark-inset-b-6 { inset-bottom: 1.5rem; }
[data-theme="dark"] .dark-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
[data-theme="dark"] .dark-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
[data-theme="dark"] .dark-active-inset-b-6:active { inset-bottom: 1.5rem; }
[data-theme="dark"] .dark-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
[data-theme="dark"] .dark-group-hover-inset-b-6 { inset-bottom: 1.5rem; }
[data-theme="dark"] .dark-inset-b-7 { inset-bottom: 1.75rem; }
[data-theme="dark"] .dark-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
[data-theme="dark"] .dark-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
[data-theme="dark"] .dark-active-inset-b-7:active { inset-bottom: 1.75rem; }
[data-theme="dark"] .dark-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
[data-theme="dark"] .dark-group-hover-inset-b-7 { inset-bottom: 1.75rem; }
[data-theme="dark"] .dark-inset-b-8 { inset-bottom: 2rem; }
[data-theme="dark"] .dark-hover-inset-b-8:hover { inset-bottom: 2rem; }
[data-theme="dark"] .dark-focus-inset-b-8:focus { inset-bottom: 2rem; }
[data-theme="dark"] .dark-active-inset-b-8:active { inset-bottom: 2rem; }
[data-theme="dark"] .dark-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
[data-theme="dark"] .dark-group-hover-inset-b-8 { inset-bottom: 2rem; }
[data-theme="dark"] .dark-inset-b-9 { inset-bottom: 2.25rem; }
[data-theme="dark"] .dark-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
[data-theme="dark"] .dark-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
[data-theme="dark"] .dark-active-inset-b-9:active { inset-bottom: 2.25rem; }
[data-theme="dark"] .dark-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
[data-theme="dark"] .dark-group-hover-inset-b-9 { inset-bottom: 2.25rem; }
[data-theme="dark"] .dark-inset-b-10 { inset-bottom: 2.5rem; }
[data-theme="dark"] .dark-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
[data-theme="dark"] .dark-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
[data-theme="dark"] .dark-active-inset-b-10:active { inset-bottom: 2.5rem; }
[data-theme="dark"] .dark-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
[data-theme="dark"] .dark-group-hover-inset-b-10 { inset-bottom: 2.5rem; }
[data-theme="dark"] .dark-inset-b-12 { inset-bottom: 3rem; }
[data-theme="dark"] .dark-hover-inset-b-12:hover { inset-bottom: 3rem; }
[data-theme="dark"] .dark-focus-inset-b-12:focus { inset-bottom: 3rem; }
[data-theme="dark"] .dark-active-inset-b-12:active { inset-bottom: 3rem; }
[data-theme="dark"] .dark-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
[data-theme="dark"] .dark-group-hover-inset-b-12 { inset-bottom: 3rem; }
[data-theme="dark"] .dark-inset-b-14 { inset-bottom: 3.5rem; }
[data-theme="dark"] .dark-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
[data-theme="dark"] .dark-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
[data-theme="dark"] .dark-active-inset-b-14:active { inset-bottom: 3.5rem; }
[data-theme="dark"] .dark-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
[data-theme="dark"] .dark-group-hover-inset-b-14 { inset-bottom: 3.5rem; }
[data-theme="dark"] .dark-inset-b-16 { inset-bottom: 4rem; }
[data-theme="dark"] .dark-hover-inset-b-16:hover { inset-bottom: 4rem; }
[data-theme="dark"] .dark-focus-inset-b-16:focus { inset-bottom: 4rem; }
[data-theme="dark"] .dark-active-inset-b-16:active { inset-bottom: 4rem; }
[data-theme="dark"] .dark-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
[data-theme="dark"] .dark-group-hover-inset-b-16 { inset-bottom: 4rem; }
[data-theme="dark"] .dark-inset-b-20 { inset-bottom: 5rem; }
[data-theme="dark"] .dark-hover-inset-b-20:hover { inset-bottom: 5rem; }
[data-theme="dark"] .dark-focus-inset-b-20:focus { inset-bottom: 5rem; }
[data-theme="dark"] .dark-active-inset-b-20:active { inset-bottom: 5rem; }
[data-theme="dark"] .dark-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
[data-theme="dark"] .dark-group-hover-inset-b-20 { inset-bottom: 5rem; }
[data-theme="dark"] .dark-inset-b-24 { inset-bottom: 6rem; }
[data-theme="dark"] .dark-hover-inset-b-24:hover { inset-bottom: 6rem; }
[data-theme="dark"] .dark-focus-inset-b-24:focus { inset-bottom: 6rem; }
[data-theme="dark"] .dark-active-inset-b-24:active { inset-bottom: 6rem; }
[data-theme="dark"] .dark-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
[data-theme="dark"] .dark-group-hover-inset-b-24 { inset-bottom: 6rem; }
[data-theme="dark"] .dark-inset-b-28 { inset-bottom: 7rem; }
[data-theme="dark"] .dark-hover-inset-b-28:hover { inset-bottom: 7rem; }
[data-theme="dark"] .dark-focus-inset-b-28:focus { inset-bottom: 7rem; }
[data-theme="dark"] .dark-active-inset-b-28:active { inset-bottom: 7rem; }
[data-theme="dark"] .dark-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
[data-theme="dark"] .dark-group-hover-inset-b-28 { inset-bottom: 7rem; }
[data-theme="dark"] .dark-inset-b-32 { inset-bottom: 8rem; }
[data-theme="dark"] .dark-hover-inset-b-32:hover { inset-bottom: 8rem; }
[data-theme="dark"] .dark-focus-inset-b-32:focus { inset-bottom: 8rem; }
[data-theme="dark"] .dark-active-inset-b-32:active { inset-bottom: 8rem; }
[data-theme="dark"] .dark-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
[data-theme="dark"] .dark-group-hover-inset-b-32 { inset-bottom: 8rem; }
[data-theme="dark"] .dark-inset-l-0 { inset-left: 0; }
[data-theme="dark"] .dark-hover-inset-l-0:hover { inset-left: 0; }
[data-theme="dark"] .dark-focus-inset-l-0:focus { inset-left: 0; }
[data-theme="dark"] .dark-active-inset-l-0:active { inset-left: 0; }
[data-theme="dark"] .dark-disabled-inset-l-0:disabled { inset-left: 0; }
[data-theme="dark"] .dark-group-hover-inset-l-0 { inset-left: 0; }
[data-theme="dark"] .dark-inset-l-1 { inset-left: 0.25rem; }
[data-theme="dark"] .dark-hover-inset-l-1:hover { inset-left: 0.25rem; }
[data-theme="dark"] .dark-focus-inset-l-1:focus { inset-left: 0.25rem; }
[data-theme="dark"] .dark-active-inset-l-1:active { inset-left: 0.25rem; }
[data-theme="dark"] .dark-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
[data-theme="dark"] .dark-group-hover-inset-l-1 { inset-left: 0.25rem; }
[data-theme="dark"] .dark-inset-l-2 { inset-left: 0.5rem; }
[data-theme="dark"] .dark-hover-inset-l-2:hover { inset-left: 0.5rem; }
[data-theme="dark"] .dark-focus-inset-l-2:focus { inset-left: 0.5rem; }
[data-theme="dark"] .dark-active-inset-l-2:active { inset-left: 0.5rem; }
[data-theme="dark"] .dark-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
[data-theme="dark"] .dark-group-hover-inset-l-2 { inset-left: 0.5rem; }
[data-theme="dark"] .dark-inset-l-3 { inset-left: 0.75rem; }
[data-theme="dark"] .dark-hover-inset-l-3:hover { inset-left: 0.75rem; }
[data-theme="dark"] .dark-focus-inset-l-3:focus { inset-left: 0.75rem; }
[data-theme="dark"] .dark-active-inset-l-3:active { inset-left: 0.75rem; }
[data-theme="dark"] .dark-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
[data-theme="dark"] .dark-group-hover-inset-l-3 { inset-left: 0.75rem; }
[data-theme="dark"] .dark-inset-l-4 { inset-left: 1rem; }
[data-theme="dark"] .dark-hover-inset-l-4:hover { inset-left: 1rem; }
[data-theme="dark"] .dark-focus-inset-l-4:focus { inset-left: 1rem; }
[data-theme="dark"] .dark-active-inset-l-4:active { inset-left: 1rem; }
[data-theme="dark"] .dark-disabled-inset-l-4:disabled { inset-left: 1rem; }
[data-theme="dark"] .dark-group-hover-inset-l-4 { inset-left: 1rem; }
[data-theme="dark"] .dark-inset-l-5 { inset-left: 1.25rem; }
[data-theme="dark"] .dark-hover-inset-l-5:hover { inset-left: 1.25rem; }
[data-theme="dark"] .dark-focus-inset-l-5:focus { inset-left: 1.25rem; }
[data-theme="dark"] .dark-active-inset-l-5:active { inset-left: 1.25rem; }
[data-theme="dark"] .dark-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
[data-theme="dark"] .dark-group-hover-inset-l-5 { inset-left: 1.25rem; }
[data-theme="dark"] .dark-inset-l-6 { inset-left: 1.5rem; }
[data-theme="dark"] .dark-hover-inset-l-6:hover { inset-left: 1.5rem; }
[data-theme="dark"] .dark-focus-inset-l-6:focus { inset-left: 1.5rem; }
[data-theme="dark"] .dark-active-inset-l-6:active { inset-left: 1.5rem; }
[data-theme="dark"] .dark-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
[data-theme="dark"] .dark-group-hover-inset-l-6 { inset-left: 1.5rem; }
[data-theme="dark"] .dark-inset-l-7 { inset-left: 1.75rem; }
[data-theme="dark"] .dark-hover-inset-l-7:hover { inset-left: 1.75rem; }
[data-theme="dark"] .dark-focus-inset-l-7:focus { inset-left: 1.75rem; }
[data-theme="dark"] .dark-active-inset-l-7:active { inset-left: 1.75rem; }
[data-theme="dark"] .dark-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
[data-theme="dark"] .dark-group-hover-inset-l-7 { inset-left: 1.75rem; }
[data-theme="dark"] .dark-inset-l-8 { inset-left: 2rem; }
[data-theme="dark"] .dark-hover-inset-l-8:hover { inset-left: 2rem; }
[data-theme="dark"] .dark-focus-inset-l-8:focus { inset-left: 2rem; }
[data-theme="dark"] .dark-active-inset-l-8:active { inset-left: 2rem; }
[data-theme="dark"] .dark-disabled-inset-l-8:disabled { inset-left: 2rem; }
[data-theme="dark"] .dark-group-hover-inset-l-8 { inset-left: 2rem; }
[data-theme="dark"] .dark-inset-l-9 { inset-left: 2.25rem; }
[data-theme="dark"] .dark-hover-inset-l-9:hover { inset-left: 2.25rem; }
[data-theme="dark"] .dark-focus-inset-l-9:focus { inset-left: 2.25rem; }
[data-theme="dark"] .dark-active-inset-l-9:active { inset-left: 2.25rem; }
[data-theme="dark"] .dark-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
[data-theme="dark"] .dark-group-hover-inset-l-9 { inset-left: 2.25rem; }
[data-theme="dark"] .dark-inset-l-10 { inset-left: 2.5rem; }
[data-theme="dark"] .dark-hover-inset-l-10:hover { inset-left: 2.5rem; }
[data-theme="dark"] .dark-focus-inset-l-10:focus { inset-left: 2.5rem; }
[data-theme="dark"] .dark-active-inset-l-10:active { inset-left: 2.5rem; }
[data-theme="dark"] .dark-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
[data-theme="dark"] .dark-group-hover-inset-l-10 { inset-left: 2.5rem; }
[data-theme="dark"] .dark-inset-l-12 { inset-left: 3rem; }
[data-theme="dark"] .dark-hover-inset-l-12:hover { inset-left: 3rem; }
[data-theme="dark"] .dark-focus-inset-l-12:focus { inset-left: 3rem; }
[data-theme="dark"] .dark-active-inset-l-12:active { inset-left: 3rem; }
[data-theme="dark"] .dark-disabled-inset-l-12:disabled { inset-left: 3rem; }
[data-theme="dark"] .dark-group-hover-inset-l-12 { inset-left: 3rem; }
[data-theme="dark"] .dark-inset-l-14 { inset-left: 3.5rem; }
[data-theme="dark"] .dark-hover-inset-l-14:hover { inset-left: 3.5rem; }
[data-theme="dark"] .dark-focus-inset-l-14:focus { inset-left: 3.5rem; }
[data-theme="dark"] .dark-active-inset-l-14:active { inset-left: 3.5rem; }
[data-theme="dark"] .dark-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
[data-theme="dark"] .dark-group-hover-inset-l-14 { inset-left: 3.5rem; }
[data-theme="dark"] .dark-inset-l-16 { inset-left: 4rem; }
[data-theme="dark"] .dark-hover-inset-l-16:hover { inset-left: 4rem; }
[data-theme="dark"] .dark-focus-inset-l-16:focus { inset-left: 4rem; }
[data-theme="dark"] .dark-active-inset-l-16:active { inset-left: 4rem; }
[data-theme="dark"] .dark-disabled-inset-l-16:disabled { inset-left: 4rem; }
[data-theme="dark"] .dark-group-hover-inset-l-16 { inset-left: 4rem; }
[data-theme="dark"] .dark-inset-l-20 { inset-left: 5rem; }
[data-theme="dark"] .dark-hover-inset-l-20:hover { inset-left: 5rem; }
[data-theme="dark"] .dark-focus-inset-l-20:focus { inset-left: 5rem; }
[data-theme="dark"] .dark-active-inset-l-20:active { inset-left: 5rem; }
[data-theme="dark"] .dark-disabled-inset-l-20:disabled { inset-left: 5rem; }
[data-theme="dark"] .dark-group-hover-inset-l-20 { inset-left: 5rem; }
[data-theme="dark"] .dark-inset-l-24 { inset-left: 6rem; }
[data-theme="dark"] .dark-hover-inset-l-24:hover { inset-left: 6rem; }
[data-theme="dark"] .dark-focus-inset-l-24:focus { inset-left: 6rem; }
[data-theme="dark"] .dark-active-inset-l-24:active { inset-left: 6rem; }
[data-theme="dark"] .dark-disabled-inset-l-24:disabled { inset-left: 6rem; }
[data-theme="dark"] .dark-group-hover-inset-l-24 { inset-left: 6rem; }
[data-theme="dark"] .dark-inset-l-28 { inset-left: 7rem; }
[data-theme="dark"] .dark-hover-inset-l-28:hover { inset-left: 7rem; }
[data-theme="dark"] .dark-focus-inset-l-28:focus { inset-left: 7rem; }
[data-theme="dark"] .dark-active-inset-l-28:active { inset-left: 7rem; }
[data-theme="dark"] .dark-disabled-inset-l-28:disabled { inset-left: 7rem; }
[data-theme="dark"] .dark-group-hover-inset-l-28 { inset-left: 7rem; }
[data-theme="dark"] .dark-inset-l-32 { inset-left: 8rem; }
[data-theme="dark"] .dark-hover-inset-l-32:hover { inset-left: 8rem; }
[data-theme="dark"] .dark-focus-inset-l-32:focus { inset-left: 8rem; }
[data-theme="dark"] .dark-active-inset-l-32:active { inset-left: 8rem; }
[data-theme="dark"] .dark-disabled-inset-l-32:disabled { inset-left: 8rem; }
[data-theme="dark"] .dark-group-hover-inset-l-32 { inset-left: 8rem; }
[data-theme="dark"] .dark-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
[data-theme="dark"] .dark-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
[data-theme="dark"] .dark-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
[data-theme="dark"] .dark-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
[data-theme="dark"] .dark-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
[data-theme="dark"] .dark-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
[data-theme="dark"] .dark-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
[data-theme="dark"] .dark-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
[data-theme="dark"] .dark-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
[data-theme="dark"] .dark-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
[data-theme="dark"] .dark-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
[data-theme="dark"] .dark-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
[data-theme="dark"] .dark-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
[data-theme="dark"] .dark-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
[data-theme="dark"] .dark-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
[data-theme="dark"] .dark-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
[data-theme="dark"] .dark-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
[data-theme="dark"] .dark-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
[data-theme="dark"] .dark-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
[data-theme="dark"] .dark-gap-0 { gap: 0; }
[data-theme="dark"] .dark-hover-gap-0:hover { gap: 0; }
[data-theme="dark"] .dark-focus-gap-0:focus { gap: 0; }
[data-theme="dark"] .dark-active-gap-0:active { gap: 0; }
[data-theme="dark"] .dark-disabled-gap-0:disabled { gap: 0; }
[data-theme="dark"] .dark-group-hover-gap-0 { gap: 0; }
[data-theme="dark"] .dark-gap-1 { gap: 0.25rem; }
[data-theme="dark"] .dark-hover-gap-1:hover { gap: 0.25rem; }
[data-theme="dark"] .dark-focus-gap-1:focus { gap: 0.25rem; }
[data-theme="dark"] .dark-active-gap-1:active { gap: 0.25rem; }
[data-theme="dark"] .dark-disabled-gap-1:disabled { gap: 0.25rem; }
[data-theme="dark"] .dark-group-hover-gap-1 { gap: 0.25rem; }
[data-theme="dark"] .dark-gap-2 { gap: 0.5rem; }
[data-theme="dark"] .dark-hover-gap-2:hover { gap: 0.5rem; }
[data-theme="dark"] .dark-focus-gap-2:focus { gap: 0.5rem; }
[data-theme="dark"] .dark-active-gap-2:active { gap: 0.5rem; }
[data-theme="dark"] .dark-disabled-gap-2:disabled { gap: 0.5rem; }
[data-theme="dark"] .dark-group-hover-gap-2 { gap: 0.5rem; }
[data-theme="dark"] .dark-gap-3 { gap: 0.75rem; }
[data-theme="dark"] .dark-hover-gap-3:hover { gap: 0.75rem; }
[data-theme="dark"] .dark-focus-gap-3:focus { gap: 0.75rem; }
[data-theme="dark"] .dark-active-gap-3:active { gap: 0.75rem; }
[data-theme="dark"] .dark-disabled-gap-3:disabled { gap: 0.75rem; }
[data-theme="dark"] .dark-group-hover-gap-3 { gap: 0.75rem; }
[data-theme="dark"] .dark-gap-4 { gap: 1rem; }
[data-theme="dark"] .dark-hover-gap-4:hover { gap: 1rem; }
[data-theme="dark"] .dark-focus-gap-4:focus { gap: 1rem; }
[data-theme="dark"] .dark-active-gap-4:active { gap: 1rem; }
[data-theme="dark"] .dark-disabled-gap-4:disabled { gap: 1rem; }
[data-theme="dark"] .dark-group-hover-gap-4 { gap: 1rem; }
[data-theme="dark"] .dark-gap-5 { gap: 1.25rem; }
[data-theme="dark"] .dark-hover-gap-5:hover { gap: 1.25rem; }
[data-theme="dark"] .dark-focus-gap-5:focus { gap: 1.25rem; }
[data-theme="dark"] .dark-active-gap-5:active { gap: 1.25rem; }
[data-theme="dark"] .dark-disabled-gap-5:disabled { gap: 1.25rem; }
[data-theme="dark"] .dark-group-hover-gap-5 { gap: 1.25rem; }
[data-theme="dark"] .dark-gap-6 { gap: 1.5rem; }
[data-theme="dark"] .dark-hover-gap-6:hover { gap: 1.5rem; }
[data-theme="dark"] .dark-focus-gap-6:focus { gap: 1.5rem; }
[data-theme="dark"] .dark-active-gap-6:active { gap: 1.5rem; }
[data-theme="dark"] .dark-disabled-gap-6:disabled { gap: 1.5rem; }
[data-theme="dark"] .dark-group-hover-gap-6 { gap: 1.5rem; }
[data-theme="dark"] .dark-gap-7 { gap: 1.75rem; }
[data-theme="dark"] .dark-hover-gap-7:hover { gap: 1.75rem; }
[data-theme="dark"] .dark-focus-gap-7:focus { gap: 1.75rem; }
[data-theme="dark"] .dark-active-gap-7:active { gap: 1.75rem; }
[data-theme="dark"] .dark-disabled-gap-7:disabled { gap: 1.75rem; }
[data-theme="dark"] .dark-group-hover-gap-7 { gap: 1.75rem; }
[data-theme="dark"] .dark-gap-8 { gap: 2rem; }
[data-theme="dark"] .dark-hover-gap-8:hover { gap: 2rem; }
[data-theme="dark"] .dark-focus-gap-8:focus { gap: 2rem; }
[data-theme="dark"] .dark-active-gap-8:active { gap: 2rem; }
[data-theme="dark"] .dark-disabled-gap-8:disabled { gap: 2rem; }
[data-theme="dark"] .dark-group-hover-gap-8 { gap: 2rem; }
[data-theme="dark"] .dark-gap-9 { gap: 2.25rem; }
[data-theme="dark"] .dark-hover-gap-9:hover { gap: 2.25rem; }
[data-theme="dark"] .dark-focus-gap-9:focus { gap: 2.25rem; }
[data-theme="dark"] .dark-active-gap-9:active { gap: 2.25rem; }
[data-theme="dark"] .dark-disabled-gap-9:disabled { gap: 2.25rem; }
[data-theme="dark"] .dark-group-hover-gap-9 { gap: 2.25rem; }
[data-theme="dark"] .dark-gap-10 { gap: 2.5rem; }
[data-theme="dark"] .dark-hover-gap-10:hover { gap: 2.5rem; }
[data-theme="dark"] .dark-focus-gap-10:focus { gap: 2.5rem; }
[data-theme="dark"] .dark-active-gap-10:active { gap: 2.5rem; }
[data-theme="dark"] .dark-disabled-gap-10:disabled { gap: 2.5rem; }
[data-theme="dark"] .dark-group-hover-gap-10 { gap: 2.5rem; }
[data-theme="dark"] .dark-gap-12 { gap: 3rem; }
[data-theme="dark"] .dark-hover-gap-12:hover { gap: 3rem; }
[data-theme="dark"] .dark-focus-gap-12:focus { gap: 3rem; }
[data-theme="dark"] .dark-active-gap-12:active { gap: 3rem; }
[data-theme="dark"] .dark-disabled-gap-12:disabled { gap: 3rem; }
[data-theme="dark"] .dark-group-hover-gap-12 { gap: 3rem; }
[data-theme="dark"] .dark-gap-14 { gap: 3.5rem; }
[data-theme="dark"] .dark-hover-gap-14:hover { gap: 3.5rem; }
[data-theme="dark"] .dark-focus-gap-14:focus { gap: 3.5rem; }
[data-theme="dark"] .dark-active-gap-14:active { gap: 3.5rem; }
[data-theme="dark"] .dark-disabled-gap-14:disabled { gap: 3.5rem; }
[data-theme="dark"] .dark-group-hover-gap-14 { gap: 3.5rem; }
[data-theme="dark"] .dark-gap-16 { gap: 4rem; }
[data-theme="dark"] .dark-hover-gap-16:hover { gap: 4rem; }
[data-theme="dark"] .dark-focus-gap-16:focus { gap: 4rem; }
[data-theme="dark"] .dark-active-gap-16:active { gap: 4rem; }
[data-theme="dark"] .dark-disabled-gap-16:disabled { gap: 4rem; }
[data-theme="dark"] .dark-group-hover-gap-16 { gap: 4rem; }
[data-theme="dark"] .dark-gap-20 { gap: 5rem; }
[data-theme="dark"] .dark-hover-gap-20:hover { gap: 5rem; }
[data-theme="dark"] .dark-focus-gap-20:focus { gap: 5rem; }
[data-theme="dark"] .dark-active-gap-20:active { gap: 5rem; }
[data-theme="dark"] .dark-disabled-gap-20:disabled { gap: 5rem; }
[data-theme="dark"] .dark-group-hover-gap-20 { gap: 5rem; }
[data-theme="dark"] .dark-gap-24 { gap: 6rem; }
[data-theme="dark"] .dark-hover-gap-24:hover { gap: 6rem; }
[data-theme="dark"] .dark-focus-gap-24:focus { gap: 6rem; }
[data-theme="dark"] .dark-active-gap-24:active { gap: 6rem; }
[data-theme="dark"] .dark-disabled-gap-24:disabled { gap: 6rem; }
[data-theme="dark"] .dark-group-hover-gap-24 { gap: 6rem; }
[data-theme="dark"] .dark-gap-28 { gap: 7rem; }
[data-theme="dark"] .dark-hover-gap-28:hover { gap: 7rem; }
[data-theme="dark"] .dark-focus-gap-28:focus { gap: 7rem; }
[data-theme="dark"] .dark-active-gap-28:active { gap: 7rem; }
[data-theme="dark"] .dark-disabled-gap-28:disabled { gap: 7rem; }
[data-theme="dark"] .dark-group-hover-gap-28 { gap: 7rem; }
[data-theme="dark"] .dark-gap-32 { gap: 8rem; }
[data-theme="dark"] .dark-hover-gap-32:hover { gap: 8rem; }
[data-theme="dark"] .dark-focus-gap-32:focus { gap: 8rem; }
[data-theme="dark"] .dark-active-gap-32:active { gap: 8rem; }
[data-theme="dark"] .dark-disabled-gap-32:disabled { gap: 8rem; }
[data-theme="dark"] .dark-group-hover-gap-32 { gap: 8rem; }
[data-theme="dark"] .dark-flex-row { flex-direction: row; }
[data-theme="dark"] .dark-hover-flex-row:hover { flex-direction: row; }
[data-theme="dark"] .dark-focus-flex-row:focus { flex-direction: row; }
[data-theme="dark"] .dark-active-flex-row:active { flex-direction: row; }
[data-theme="dark"] .dark-disabled-flex-row:disabled { flex-direction: row; }
[data-theme="dark"] .dark-group-hover-flex-row { flex-direction: row; }
[data-theme="dark"] .dark-flex-col { flex-direction: column; }
[data-theme="dark"] .dark-hover-flex-col:hover { flex-direction: column; }
[data-theme="dark"] .dark-focus-flex-col:focus { flex-direction: column; }
[data-theme="dark"] .dark-active-flex-col:active { flex-direction: column; }
[data-theme="dark"] .dark-disabled-flex-col:disabled { flex-direction: column; }
[data-theme="dark"] .dark-group-hover-flex-col { flex-direction: column; }
[data-theme="dark"] .dark-flex-row-reverse { flex-direction: row-reverse; }
[data-theme="dark"] .dark-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
[data-theme="dark"] .dark-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
[data-theme="dark"] .dark-active-flex-row-reverse:active { flex-direction: row-reverse; }
[data-theme="dark"] .dark-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
[data-theme="dark"] .dark-group-hover-flex-row-reverse { flex-direction: row-reverse; }
[data-theme="dark"] .dark-flex-col-reverse { flex-direction: column-reverse; }
[data-theme="dark"] .dark-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
[data-theme="dark"] .dark-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
[data-theme="dark"] .dark-active-flex-col-reverse:active { flex-direction: column-reverse; }
[data-theme="dark"] .dark-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
[data-theme="dark"] .dark-group-hover-flex-col-reverse { flex-direction: column-reverse; }
[data-theme="dark"] .dark-flex-wrap { flex-wrap: wrap; }
[data-theme="dark"] .dark-hover-flex-wrap:hover { flex-wrap: wrap; }
[data-theme="dark"] .dark-focus-flex-wrap:focus { flex-wrap: wrap; }
[data-theme="dark"] .dark-active-flex-wrap:active { flex-wrap: wrap; }
[data-theme="dark"] .dark-disabled-flex-wrap:disabled { flex-wrap: wrap; }
[data-theme="dark"] .dark-group-hover-flex-wrap { flex-wrap: wrap; }
[data-theme="dark"] .dark-flex-nowrap { flex-wrap: nowrap; }
[data-theme="dark"] .dark-hover-flex-nowrap:hover { flex-wrap: nowrap; }
[data-theme="dark"] .dark-focus-flex-nowrap:focus { flex-wrap: nowrap; }
[data-theme="dark"] .dark-active-flex-nowrap:active { flex-wrap: nowrap; }
[data-theme="dark"] .dark-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
[data-theme="dark"] .dark-group-hover-flex-nowrap { flex-wrap: nowrap; }
[data-theme="dark"] .dark-flex-wrap-reverse { flex-wrap: wrap-reverse; }
[data-theme="dark"] .dark-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
[data-theme="dark"] .dark-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
[data-theme="dark"] .dark-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
[data-theme="dark"] .dark-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
[data-theme="dark"] .dark-group-hover-flex-wrap-reverse { flex-wrap: wrap-reverse; }
[data-theme="dark"] .dark-flex-1 { flex: 1; }
[data-theme="dark"] .dark-hover-flex-1:hover { flex: 1; }
[data-theme="dark"] .dark-focus-flex-1:focus { flex: 1; }
[data-theme="dark"] .dark-active-flex-1:active { flex: 1; }
[data-theme="dark"] .dark-disabled-flex-1:disabled { flex: 1; }
[data-theme="dark"] .dark-group-hover-flex-1 { flex: 1; }
[data-theme="dark"] .dark-flex-auto { flex: auto; }
[data-theme="dark"] .dark-hover-flex-auto:hover { flex: auto; }
[data-theme="dark"] .dark-focus-flex-auto:focus { flex: auto; }
[data-theme="dark"] .dark-active-flex-auto:active { flex: auto; }
[data-theme="dark"] .dark-disabled-flex-auto:disabled { flex: auto; }
[data-theme="dark"] .dark-group-hover-flex-auto { flex: auto; }
[data-theme="dark"] .dark-flex-initial { flex: initial; }
[data-theme="dark"] .dark-hover-flex-initial:hover { flex: initial; }
[data-theme="dark"] .dark-focus-flex-initial:focus { flex: initial; }
[data-theme="dark"] .dark-active-flex-initial:active { flex: initial; }
[data-theme="dark"] .dark-disabled-flex-initial:disabled { flex: initial; }
[data-theme="dark"] .dark-group-hover-flex-initial { flex: initial; }
[data-theme="dark"] .dark-flex-none { flex: none; }
[data-theme="dark"] .dark-hover-flex-none:hover { flex: none; }
[data-theme="dark"] .dark-focus-flex-none:focus { flex: none; }
[data-theme="dark"] .dark-active-flex-none:active { flex: none; }
[data-theme="dark"] .dark-disabled-flex-none:disabled { flex: none; }
[data-theme="dark"] .dark-group-hover-flex-none { flex: none; }
[data-theme="dark"] .dark-flex-grow-0 { flex-grow: 0; }
[data-theme="dark"] .dark-hover-flex-grow-0:hover { flex-grow: 0; }
[data-theme="dark"] .dark-focus-flex-grow-0:focus { flex-grow: 0; }
[data-theme="dark"] .dark-active-flex-grow-0:active { flex-grow: 0; }
[data-theme="dark"] .dark-disabled-flex-grow-0:disabled { flex-grow: 0; }
[data-theme="dark"] .dark-group-hover-flex-grow-0 { flex-grow: 0; }
[data-theme="dark"] .dark-flex-grow-1 { flex-grow: 1; }
[data-theme="dark"] .dark-hover-flex-grow-1:hover { flex-grow: 1; }
[data-theme="dark"] .dark-focus-flex-grow-1:focus { flex-grow: 1; }
[data-theme="dark"] .dark-active-flex-grow-1:active { flex-grow: 1; }
[data-theme="dark"] .dark-disabled-flex-grow-1:disabled { flex-grow: 1; }
[data-theme="dark"] .dark-group-hover-flex-grow-1 { flex-grow: 1; }
[data-theme="dark"] .dark-flex-shrink-0 { flex-shrink: 0; }
[data-theme="dark"] .dark-hover-flex-shrink-0:hover { flex-shrink: 0; }
[data-theme="dark"] .dark-focus-flex-shrink-0:focus { flex-shrink: 0; }
[data-theme="dark"] .dark-active-flex-shrink-0:active { flex-shrink: 0; }
[data-theme="dark"] .dark-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
[data-theme="dark"] .dark-group-hover-flex-shrink-0 { flex-shrink: 0; }
[data-theme="dark"] .dark-flex-shrink-1 { flex-shrink: 1; }
[data-theme="dark"] .dark-hover-flex-shrink-1:hover { flex-shrink: 1; }
[data-theme="dark"] .dark-focus-flex-shrink-1:focus { flex-shrink: 1; }
[data-theme="dark"] .dark-active-flex-shrink-1:active { flex-shrink: 1; }
[data-theme="dark"] .dark-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
[data-theme="dark"] .dark-group-hover-flex-shrink-1 { flex-shrink: 1; }
[data-theme="dark"] .dark-overflow-auto { overflow: auto; }
[data-theme="dark"] .dark-hover-overflow-auto:hover { overflow: auto; }
[data-theme="dark"] .dark-focus-overflow-auto:focus { overflow: auto; }
[data-theme="dark"] .dark-active-overflow-auto:active { overflow: auto; }
[data-theme="dark"] .dark-disabled-overflow-auto:disabled { overflow: auto; }
[data-theme="dark"] .dark-group-hover-overflow-auto { overflow: auto; }
[data-theme="dark"] .dark-overflow-hidden { overflow: hidden; }
[data-theme="dark"] .dark-hover-overflow-hidden:hover { overflow: hidden; }
[data-theme="dark"] .dark-focus-overflow-hidden:focus { overflow: hidden; }
[data-theme="dark"] .dark-active-overflow-hidden:active { overflow: hidden; }
[data-theme="dark"] .dark-disabled-overflow-hidden:disabled { overflow: hidden; }
[data-theme="dark"] .dark-group-hover-overflow-hidden { overflow: hidden; }
[data-theme="dark"] .dark-overflow-visible { overflow: visible; }
[data-theme="dark"] .dark-hover-overflow-visible:hover { overflow: visible; }
[data-theme="dark"] .dark-focus-overflow-visible:focus { overflow: visible; }
[data-theme="dark"] .dark-active-overflow-visible:active { overflow: visible; }
[data-theme="dark"] .dark-disabled-overflow-visible:disabled { overflow: visible; }
[data-theme="dark"] .dark-group-hover-overflow-visible { overflow: visible; }
[data-theme="dark"] .dark-overflow-scroll { overflow: scroll; }
[data-theme="dark"] .dark-hover-overflow-scroll:hover { overflow: scroll; }
[data-theme="dark"] .dark-focus-overflow-scroll:focus { overflow: scroll; }
[data-theme="dark"] .dark-active-overflow-scroll:active { overflow: scroll; }
[data-theme="dark"] .dark-disabled-overflow-scroll:disabled { overflow: scroll; }
[data-theme="dark"] .dark-group-hover-overflow-scroll { overflow: scroll; }
[data-theme="dark"] .dark-overflow-x-auto { overflow-x: auto; }
[data-theme="dark"] .dark-hover-overflow-x-auto:hover { overflow-x: auto; }
[data-theme="dark"] .dark-focus-overflow-x-auto:focus { overflow-x: auto; }
[data-theme="dark"] .dark-active-overflow-x-auto:active { overflow-x: auto; }
[data-theme="dark"] .dark-disabled-overflow-x-auto:disabled { overflow-x: auto; }
[data-theme="dark"] .dark-group-hover-overflow-x-auto { overflow-x: auto; }
[data-theme="dark"] .dark-overflow-x-hidden { overflow-x: hidden; }
[data-theme="dark"] .dark-hover-overflow-x-hidden:hover { overflow-x: hidden; }
[data-theme="dark"] .dark-focus-overflow-x-hidden:focus { overflow-x: hidden; }
[data-theme="dark"] .dark-active-overflow-x-hidden:active { overflow-x: hidden; }
[data-theme="dark"] .dark-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
[data-theme="dark"] .dark-group-hover-overflow-x-hidden { overflow-x: hidden; }
[data-theme="dark"] .dark-overflow-x-visible { overflow-x: visible; }
[data-theme="dark"] .dark-hover-overflow-x-visible:hover { overflow-x: visible; }
[data-theme="dark"] .dark-focus-overflow-x-visible:focus { overflow-x: visible; }
[data-theme="dark"] .dark-active-overflow-x-visible:active { overflow-x: visible; }
[data-theme="dark"] .dark-disabled-overflow-x-visible:disabled { overflow-x: visible; }
[data-theme="dark"] .dark-group-hover-overflow-x-visible { overflow-x: visible; }
[data-theme="dark"] .dark-overflow-x-scroll { overflow-x: scroll; }
[data-theme="dark"] .dark-hover-overflow-x-scroll:hover { overflow-x: scroll; }
[data-theme="dark"] .dark-focus-overflow-x-scroll:focus { overflow-x: scroll; }
[data-theme="dark"] .dark-active-overflow-x-scroll:active { overflow-x: scroll; }
[data-theme="dark"] .dark-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
[data-theme="dark"] .dark-group-hover-overflow-x-scroll { overflow-x: scroll; }
[data-theme="dark"] .dark-overflow-y-auto { overflow-y: auto; }
[data-theme="dark"] .dark-hover-overflow-y-auto:hover { overflow-y: auto; }
[data-theme="dark"] .dark-focus-overflow-y-auto:focus { overflow-y: auto; }
[data-theme="dark"] .dark-active-overflow-y-auto:active { overflow-y: auto; }
[data-theme="dark"] .dark-disabled-overflow-y-auto:disabled { overflow-y: auto; }
[data-theme="dark"] .dark-group-hover-overflow-y-auto { overflow-y: auto; }
[data-theme="dark"] .dark-overflow-y-hidden { overflow-y: hidden; }
[data-theme="dark"] .dark-hover-overflow-y-hidden:hover { overflow-y: hidden; }
[data-theme="dark"] .dark-focus-overflow-y-hidden:focus { overflow-y: hidden; }
[data-theme="dark"] .dark-active-overflow-y-hidden:active { overflow-y: hidden; }
[data-theme="dark"] .dark-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
[data-theme="dark"] .dark-group-hover-overflow-y-hidden { overflow-y: hidden; }
[data-theme="dark"] .dark-overflow-y-visible { overflow-y: visible; }
[data-theme="dark"] .dark-hover-overflow-y-visible:hover { overflow-y: visible; }
[data-theme="dark"] .dark-focus-overflow-y-visible:focus { overflow-y: visible; }
[data-theme="dark"] .dark-active-overflow-y-visible:active { overflow-y: visible; }
[data-theme="dark"] .dark-disabled-overflow-y-visible:disabled { overflow-y: visible; }
[data-theme="dark"] .dark-group-hover-overflow-y-visible { overflow-y: visible; }
[data-theme="dark"] .dark-overflow-y-scroll { overflow-y: scroll; }
[data-theme="dark"] .dark-hover-overflow-y-scroll:hover { overflow-y: scroll; }
[data-theme="dark"] .dark-focus-overflow-y-scroll:focus { overflow-y: scroll; }
[data-theme="dark"] .dark-active-overflow-y-scroll:active { overflow-y: scroll; }
[data-theme="dark"] .dark-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
[data-theme="dark"] .dark-group-hover-overflow-y-scroll { overflow-y: scroll; }
[data-theme="dark"] .dark-visible { visibility: visible; }
[data-theme="dark"] .dark-hover-visible:hover { visibility: visible; }
[data-theme="dark"] .dark-focus-visible:focus { visibility: visible; }
[data-theme="dark"] .dark-active-visible:active { visibility: visible; }
[data-theme="dark"] .dark-disabled-visible:disabled { visibility: visible; }
[data-theme="dark"] .dark-group-hover-visible { visibility: visible; }
[data-theme="dark"] .dark-hidden { visibility: hidden; }
[data-theme="dark"] .dark-hover-hidden:hover { visibility: hidden; }
[data-theme="dark"] .dark-focus-hidden:focus { visibility: hidden; }
[data-theme="dark"] .dark-active-hidden:active { visibility: hidden; }
[data-theme="dark"] .dark-disabled-hidden:disabled { visibility: hidden; }
[data-theme="dark"] .dark-group-hover-hidden { visibility: hidden; }
[data-theme="dark"] .dark-clear-left { clear: left; }
[data-theme="dark"] .dark-hover-clear-left:hover { clear: left; }
[data-theme="dark"] .dark-focus-clear-left:focus { clear: left; }
[data-theme="dark"] .dark-active-clear-left:active { clear: left; }
[data-theme="dark"] .dark-disabled-clear-left:disabled { clear: left; }
[data-theme="dark"] .dark-group-hover-clear-left { clear: left; }
[data-theme="dark"] .dark-clear-right { clear: right; }
[data-theme="dark"] .dark-hover-clear-right:hover { clear: right; }
[data-theme="dark"] .dark-focus-clear-right:focus { clear: right; }
[data-theme="dark"] .dark-active-clear-right:active { clear: right; }
[data-theme="dark"] .dark-disabled-clear-right:disabled { clear: right; }
[data-theme="dark"] .dark-group-hover-clear-right { clear: right; }
[data-theme="dark"] .dark-clear-both { clear: both; }
[data-theme="dark"] .dark-hover-clear-both:hover { clear: both; }
[data-theme="dark"] .dark-focus-clear-both:focus { clear: both; }
[data-theme="dark"] .dark-active-clear-both:active { clear: both; }
[data-theme="dark"] .dark-disabled-clear-both:disabled { clear: both; }
[data-theme="dark"] .dark-group-hover-clear-both { clear: both; }
[data-theme="dark"] .dark-float-left { float: left; }
[data-theme="dark"] .dark-hover-float-left:hover { float: left; }
[data-theme="dark"] .dark-focus-float-left:focus { float: left; }
[data-theme="dark"] .dark-active-float-left:active { float: left; }
[data-theme="dark"] .dark-disabled-float-left:disabled { float: left; }
[data-theme="dark"] .dark-group-hover-float-left { float: left; }
[data-theme="dark"] .dark-float-right { float: right; }
[data-theme="dark"] .dark-hover-float-right:hover { float: right; }
[data-theme="dark"] .dark-focus-float-right:focus { float: right; }
[data-theme="dark"] .dark-active-float-right:active { float: right; }
[data-theme="dark"] .dark-disabled-float-right:disabled { float: right; }
[data-theme="dark"] .dark-group-hover-float-right { float: right; }
[data-theme="dark"] .dark-float-none { float: none; }
[data-theme="dark"] .dark-hover-float-none:hover { float: none; }
[data-theme="dark"] .dark-focus-float-none:focus { float: none; }
[data-theme="dark"] .dark-active-float-none:active { float: none; }
[data-theme="dark"] .dark-disabled-float-none:disabled { float: none; }
[data-theme="dark"] .dark-group-hover-float-none { float: none; }
[data-theme="dark"] .dark-w-auto { width: auto; }
[data-theme="dark"] .dark-hover-w-auto:hover { width: auto; }
[data-theme="dark"] .dark-focus-w-auto:focus { width: auto; }
[data-theme="dark"] .dark-active-w-auto:active { width: auto; }
[data-theme="dark"] .dark-disabled-w-auto:disabled { width: auto; }
[data-theme="dark"] .dark-group-hover-w-auto { width: auto; }
[data-theme="dark"] .dark-w-full { width: 100%; }
[data-theme="dark"] .dark-hover-w-full:hover { width: 100%; }
[data-theme="dark"] .dark-focus-w-full:focus { width: 100%; }
[data-theme="dark"] .dark-active-w-full:active { width: 100%; }
[data-theme="dark"] .dark-disabled-w-full:disabled { width: 100%; }
[data-theme="dark"] .dark-group-hover-w-full { width: 100%; }
[data-theme="dark"] .dark-w-fit { width: fit-content; }
[data-theme="dark"] .dark-hover-w-fit:hover { width: fit-content; }
[data-theme="dark"] .dark-focus-w-fit:focus { width: fit-content; }
[data-theme="dark"] .dark-active-w-fit:active { width: fit-content; }
[data-theme="dark"] .dark-disabled-w-fit:disabled { width: fit-content; }
[data-theme="dark"] .dark-group-hover-w-fit { width: fit-content; }
[data-theme="dark"] .dark-w-max { width: max-content; }
[data-theme="dark"] .dark-hover-w-max:hover { width: max-content; }
[data-theme="dark"] .dark-focus-w-max:focus { width: max-content; }
[data-theme="dark"] .dark-active-w-max:active { width: max-content; }
[data-theme="dark"] .dark-disabled-w-max:disabled { width: max-content; }
[data-theme="dark"] .dark-group-hover-w-max { width: max-content; }
[data-theme="dark"] .dark-w-min { width: min-content; }
[data-theme="dark"] .dark-hover-w-min:hover { width: min-content; }
[data-theme="dark"] .dark-focus-w-min:focus { width: min-content; }
[data-theme="dark"] .dark-active-w-min:active { width: min-content; }
[data-theme="dark"] .dark-disabled-w-min:disabled { width: min-content; }
[data-theme="dark"] .dark-group-hover-w-min { width: min-content; }
[data-theme="dark"] .dark-w-stretch { width: stretch; }
[data-theme="dark"] .dark-hover-w-stretch:hover { width: stretch; }
[data-theme="dark"] .dark-focus-w-stretch:focus { width: stretch; }
[data-theme="dark"] .dark-active-w-stretch:active { width: stretch; }
[data-theme="dark"] .dark-disabled-w-stretch:disabled { width: stretch; }
[data-theme="dark"] .dark-group-hover-w-stretch { width: stretch; }
[data-theme="dark"] .dark-w-10p { width: 10%; }
[data-theme="dark"] .dark-hover-w-10p:hover { width: 10%; }
[data-theme="dark"] .dark-focus-w-10p:focus { width: 10%; }
[data-theme="dark"] .dark-active-w-10p:active { width: 10%; }
[data-theme="dark"] .dark-disabled-w-10p:disabled { width: 10%; }
[data-theme="dark"] .dark-group-hover-w-10p { width: 10%; }
[data-theme="dark"] .dark-w-20p { width: 20%; }
[data-theme="dark"] .dark-hover-w-20p:hover { width: 20%; }
[data-theme="dark"] .dark-focus-w-20p:focus { width: 20%; }
[data-theme="dark"] .dark-active-w-20p:active { width: 20%; }
[data-theme="dark"] .dark-disabled-w-20p:disabled { width: 20%; }
[data-theme="dark"] .dark-group-hover-w-20p { width: 20%; }
[data-theme="dark"] .dark-w-25p { width: 25%; }
[data-theme="dark"] .dark-hover-w-25p:hover { width: 25%; }
[data-theme="dark"] .dark-focus-w-25p:focus { width: 25%; }
[data-theme="dark"] .dark-active-w-25p:active { width: 25%; }
[data-theme="dark"] .dark-disabled-w-25p:disabled { width: 25%; }
[data-theme="dark"] .dark-group-hover-w-25p { width: 25%; }
[data-theme="dark"] .dark-w-30p { width: 30%; }
[data-theme="dark"] .dark-hover-w-30p:hover { width: 30%; }
[data-theme="dark"] .dark-focus-w-30p:focus { width: 30%; }
[data-theme="dark"] .dark-active-w-30p:active { width: 30%; }
[data-theme="dark"] .dark-disabled-w-30p:disabled { width: 30%; }
[data-theme="dark"] .dark-group-hover-w-30p { width: 30%; }
[data-theme="dark"] .dark-w-33p { width: 33.3333%; }
[data-theme="dark"] .dark-hover-w-33p:hover { width: 33.3333%; }
[data-theme="dark"] .dark-focus-w-33p:focus { width: 33.3333%; }
[data-theme="dark"] .dark-active-w-33p:active { width: 33.3333%; }
[data-theme="dark"] .dark-disabled-w-33p:disabled { width: 33.3333%; }
[data-theme="dark"] .dark-group-hover-w-33p { width: 33.3333%; }
[data-theme="dark"] .dark-w-40p { width: 40%; }
[data-theme="dark"] .dark-hover-w-40p:hover { width: 40%; }
[data-theme="dark"] .dark-focus-w-40p:focus { width: 40%; }
[data-theme="dark"] .dark-active-w-40p:active { width: 40%; }
[data-theme="dark"] .dark-disabled-w-40p:disabled { width: 40%; }
[data-theme="dark"] .dark-group-hover-w-40p { width: 40%; }
[data-theme="dark"] .dark-w-50p { width: 50%; }
[data-theme="dark"] .dark-hover-w-50p:hover { width: 50%; }
[data-theme="dark"] .dark-focus-w-50p:focus { width: 50%; }
[data-theme="dark"] .dark-active-w-50p:active { width: 50%; }
[data-theme="dark"] .dark-disabled-w-50p:disabled { width: 50%; }
[data-theme="dark"] .dark-group-hover-w-50p { width: 50%; }
[data-theme="dark"] .dark-w-60p { width: 60%; }
[data-theme="dark"] .dark-hover-w-60p:hover { width: 60%; }
[data-theme="dark"] .dark-focus-w-60p:focus { width: 60%; }
[data-theme="dark"] .dark-active-w-60p:active { width: 60%; }
[data-theme="dark"] .dark-disabled-w-60p:disabled { width: 60%; }
[data-theme="dark"] .dark-group-hover-w-60p { width: 60%; }
[data-theme="dark"] .dark-w-66p { width: 66.6667%; }
[data-theme="dark"] .dark-hover-w-66p:hover { width: 66.6667%; }
[data-theme="dark"] .dark-focus-w-66p:focus { width: 66.6667%; }
[data-theme="dark"] .dark-active-w-66p:active { width: 66.6667%; }
[data-theme="dark"] .dark-disabled-w-66p:disabled { width: 66.6667%; }
[data-theme="dark"] .dark-group-hover-w-66p { width: 66.6667%; }
[data-theme="dark"] .dark-w-70p { width: 70%; }
[data-theme="dark"] .dark-hover-w-70p:hover { width: 70%; }
[data-theme="dark"] .dark-focus-w-70p:focus { width: 70%; }
[data-theme="dark"] .dark-active-w-70p:active { width: 70%; }
[data-theme="dark"] .dark-disabled-w-70p:disabled { width: 70%; }
[data-theme="dark"] .dark-group-hover-w-70p { width: 70%; }
[data-theme="dark"] .dark-w-75p { width: 75%; }
[data-theme="dark"] .dark-hover-w-75p:hover { width: 75%; }
[data-theme="dark"] .dark-focus-w-75p:focus { width: 75%; }
[data-theme="dark"] .dark-active-w-75p:active { width: 75%; }
[data-theme="dark"] .dark-disabled-w-75p:disabled { width: 75%; }
[data-theme="dark"] .dark-group-hover-w-75p { width: 75%; }
[data-theme="dark"] .dark-w-80p { width: 80%; }
[data-theme="dark"] .dark-hover-w-80p:hover { width: 80%; }
[data-theme="dark"] .dark-focus-w-80p:focus { width: 80%; }
[data-theme="dark"] .dark-active-w-80p:active { width: 80%; }
[data-theme="dark"] .dark-disabled-w-80p:disabled { width: 80%; }
[data-theme="dark"] .dark-group-hover-w-80p { width: 80%; }
[data-theme="dark"] .dark-w-90p { width: 90%; }
[data-theme="dark"] .dark-hover-w-90p:hover { width: 90%; }
[data-theme="dark"] .dark-focus-w-90p:focus { width: 90%; }
[data-theme="dark"] .dark-active-w-90p:active { width: 90%; }
[data-theme="dark"] .dark-disabled-w-90p:disabled { width: 90%; }
[data-theme="dark"] .dark-group-hover-w-90p { width: 90%; }
[data-theme="dark"] .dark-w-100p { width: 100%; }
[data-theme="dark"] .dark-hover-w-100p:hover { width: 100%; }
[data-theme="dark"] .dark-focus-w-100p:focus { width: 100%; }
[data-theme="dark"] .dark-active-w-100p:active { width: 100%; }
[data-theme="dark"] .dark-disabled-w-100p:disabled { width: 100%; }
[data-theme="dark"] .dark-group-hover-w-100p { width: 100%; }
[data-theme="dark"] .dark-w-10vw { width: 10vw; }
[data-theme="dark"] .dark-hover-w-10vw:hover { width: 10vw; }
[data-theme="dark"] .dark-focus-w-10vw:focus { width: 10vw; }
[data-theme="dark"] .dark-active-w-10vw:active { width: 10vw; }
[data-theme="dark"] .dark-disabled-w-10vw:disabled { width: 10vw; }
[data-theme="dark"] .dark-group-hover-w-10vw { width: 10vw; }
[data-theme="dark"] .dark-w-20vw { width: 20vw; }
[data-theme="dark"] .dark-hover-w-20vw:hover { width: 20vw; }
[data-theme="dark"] .dark-focus-w-20vw:focus { width: 20vw; }
[data-theme="dark"] .dark-active-w-20vw:active { width: 20vw; }
[data-theme="dark"] .dark-disabled-w-20vw:disabled { width: 20vw; }
[data-theme="dark"] .dark-group-hover-w-20vw { width: 20vw; }
[data-theme="dark"] .dark-w-30vw { width: 30vw; }
[data-theme="dark"] .dark-hover-w-30vw:hover { width: 30vw; }
[data-theme="dark"] .dark-focus-w-30vw:focus { width: 30vw; }
[data-theme="dark"] .dark-active-w-30vw:active { width: 30vw; }
[data-theme="dark"] .dark-disabled-w-30vw:disabled { width: 30vw; }
[data-theme="dark"] .dark-group-hover-w-30vw { width: 30vw; }
[data-theme="dark"] .dark-w-40vw { width: 40vw; }
[data-theme="dark"] .dark-hover-w-40vw:hover { width: 40vw; }
[data-theme="dark"] .dark-focus-w-40vw:focus { width: 40vw; }
[data-theme="dark"] .dark-active-w-40vw:active { width: 40vw; }
[data-theme="dark"] .dark-disabled-w-40vw:disabled { width: 40vw; }
[data-theme="dark"] .dark-group-hover-w-40vw { width: 40vw; }
[data-theme="dark"] .dark-w-50vw { width: 50vw; }
[data-theme="dark"] .dark-hover-w-50vw:hover { width: 50vw; }
[data-theme="dark"] .dark-focus-w-50vw:focus { width: 50vw; }
[data-theme="dark"] .dark-active-w-50vw:active { width: 50vw; }
[data-theme="dark"] .dark-disabled-w-50vw:disabled { width: 50vw; }
[data-theme="dark"] .dark-group-hover-w-50vw { width: 50vw; }
[data-theme="dark"] .dark-w-60vw { width: 60vw; }
[data-theme="dark"] .dark-hover-w-60vw:hover { width: 60vw; }
[data-theme="dark"] .dark-focus-w-60vw:focus { width: 60vw; }
[data-theme="dark"] .dark-active-w-60vw:active { width: 60vw; }
[data-theme="dark"] .dark-disabled-w-60vw:disabled { width: 60vw; }
[data-theme="dark"] .dark-group-hover-w-60vw { width: 60vw; }
[data-theme="dark"] .dark-w-70vw { width: 70vw; }
[data-theme="dark"] .dark-hover-w-70vw:hover { width: 70vw; }
[data-theme="dark"] .dark-focus-w-70vw:focus { width: 70vw; }
[data-theme="dark"] .dark-active-w-70vw:active { width: 70vw; }
[data-theme="dark"] .dark-disabled-w-70vw:disabled { width: 70vw; }
[data-theme="dark"] .dark-group-hover-w-70vw { width: 70vw; }
[data-theme="dark"] .dark-w-80vw { width: 80vw; }
[data-theme="dark"] .dark-hover-w-80vw:hover { width: 80vw; }
[data-theme="dark"] .dark-focus-w-80vw:focus { width: 80vw; }
[data-theme="dark"] .dark-active-w-80vw:active { width: 80vw; }
[data-theme="dark"] .dark-disabled-w-80vw:disabled { width: 80vw; }
[data-theme="dark"] .dark-group-hover-w-80vw { width: 80vw; }
[data-theme="dark"] .dark-w-90vw { width: 90vw; }
[data-theme="dark"] .dark-hover-w-90vw:hover { width: 90vw; }
[data-theme="dark"] .dark-focus-w-90vw:focus { width: 90vw; }
[data-theme="dark"] .dark-active-w-90vw:active { width: 90vw; }
[data-theme="dark"] .dark-disabled-w-90vw:disabled { width: 90vw; }
[data-theme="dark"] .dark-group-hover-w-90vw { width: 90vw; }
[data-theme="dark"] .dark-w-100vw { width: 100vw; }
[data-theme="dark"] .dark-hover-w-100vw:hover { width: 100vw; }
[data-theme="dark"] .dark-focus-w-100vw:focus { width: 100vw; }
[data-theme="dark"] .dark-active-w-100vw:active { width: 100vw; }
[data-theme="dark"] .dark-disabled-w-100vw:disabled { width: 100vw; }
[data-theme="dark"] .dark-group-hover-w-100vw { width: 100vw; }
[data-theme="dark"] .dark-w-lvw { width: 100lvw; }
[data-theme="dark"] .dark-hover-w-lvw:hover { width: 100lvw; }
[data-theme="dark"] .dark-focus-w-lvw:focus { width: 100lvw; }
[data-theme="dark"] .dark-active-w-lvw:active { width: 100lvw; }
[data-theme="dark"] .dark-disabled-w-lvw:disabled { width: 100lvw; }
[data-theme="dark"] .dark-group-hover-w-lvw { width: 100lvw; }
[data-theme="dark"] .dark-w-svw { width: 100svw; }
[data-theme="dark"] .dark-hover-w-svw:hover { width: 100svw; }
[data-theme="dark"] .dark-focus-w-svw:focus { width: 100svw; }
[data-theme="dark"] .dark-active-w-svw:active { width: 100svw; }
[data-theme="dark"] .dark-disabled-w-svw:disabled { width: 100svw; }
[data-theme="dark"] .dark-group-hover-w-svw { width: 100svw; }
[data-theme="dark"] .dark-w-mvw { width: 100mvw; }
[data-theme="dark"] .dark-hover-w-mvw:hover { width: 100mvw; }
[data-theme="dark"] .dark-focus-w-mvw:focus { width: 100mvw; }
[data-theme="dark"] .dark-active-w-mvw:active { width: 100mvw; }
[data-theme="dark"] .dark-disabled-w-mvw:disabled { width: 100mvw; }
[data-theme="dark"] .dark-group-hover-w-mvw { width: 100mvw; }
[data-theme="dark"] .dark-w-vmin { width: 100vmin; }
[data-theme="dark"] .dark-hover-w-vmin:hover { width: 100vmin; }
[data-theme="dark"] .dark-focus-w-vmin:focus { width: 100vmin; }
[data-theme="dark"] .dark-active-w-vmin:active { width: 100vmin; }
[data-theme="dark"] .dark-disabled-w-vmin:disabled { width: 100vmin; }
[data-theme="dark"] .dark-group-hover-w-vmin { width: 100vmin; }
[data-theme="dark"] .dark-w-vmax { width: 100vmax; }
[data-theme="dark"] .dark-hover-w-vmax:hover { width: 100vmax; }
[data-theme="dark"] .dark-focus-w-vmax:focus { width: 100vmax; }
[data-theme="dark"] .dark-active-w-vmax:active { width: 100vmax; }
[data-theme="dark"] .dark-disabled-w-vmax:disabled { width: 100vmax; }
[data-theme="dark"] .dark-group-hover-w-vmax { width: 100vmax; }
[data-theme="dark"] .dark-h-auto { height: auto; }
[data-theme="dark"] .dark-hover-h-auto:hover { height: auto; }
[data-theme="dark"] .dark-focus-h-auto:focus { height: auto; }
[data-theme="dark"] .dark-active-h-auto:active { height: auto; }
[data-theme="dark"] .dark-disabled-h-auto:disabled { height: auto; }
[data-theme="dark"] .dark-group-hover-h-auto { height: auto; }
[data-theme="dark"] .dark-h-full { height: 100%; }
[data-theme="dark"] .dark-hover-h-full:hover { height: 100%; }
[data-theme="dark"] .dark-focus-h-full:focus { height: 100%; }
[data-theme="dark"] .dark-active-h-full:active { height: 100%; }
[data-theme="dark"] .dark-disabled-h-full:disabled { height: 100%; }
[data-theme="dark"] .dark-group-hover-h-full { height: 100%; }
[data-theme="dark"] .dark-h-fit { height: fit-content; }
[data-theme="dark"] .dark-hover-h-fit:hover { height: fit-content; }
[data-theme="dark"] .dark-focus-h-fit:focus { height: fit-content; }
[data-theme="dark"] .dark-active-h-fit:active { height: fit-content; }
[data-theme="dark"] .dark-disabled-h-fit:disabled { height: fit-content; }
[data-theme="dark"] .dark-group-hover-h-fit { height: fit-content; }
[data-theme="dark"] .dark-h-max { height: max-content; }
[data-theme="dark"] .dark-hover-h-max:hover { height: max-content; }
[data-theme="dark"] .dark-focus-h-max:focus { height: max-content; }
[data-theme="dark"] .dark-active-h-max:active { height: max-content; }
[data-theme="dark"] .dark-disabled-h-max:disabled { height: max-content; }
[data-theme="dark"] .dark-group-hover-h-max { height: max-content; }
[data-theme="dark"] .dark-h-min { height: min-content; }
[data-theme="dark"] .dark-hover-h-min:hover { height: min-content; }
[data-theme="dark"] .dark-focus-h-min:focus { height: min-content; }
[data-theme="dark"] .dark-active-h-min:active { height: min-content; }
[data-theme="dark"] .dark-disabled-h-min:disabled { height: min-content; }
[data-theme="dark"] .dark-group-hover-h-min { height: min-content; }
[data-theme="dark"] .dark-h-stretch { height: stretch; }
[data-theme="dark"] .dark-hover-h-stretch:hover { height: stretch; }
[data-theme="dark"] .dark-focus-h-stretch:focus { height: stretch; }
[data-theme="dark"] .dark-active-h-stretch:active { height: stretch; }
[data-theme="dark"] .dark-disabled-h-stretch:disabled { height: stretch; }
[data-theme="dark"] .dark-group-hover-h-stretch { height: stretch; }
[data-theme="dark"] .dark-h-10p { height: 10%; }
[data-theme="dark"] .dark-hover-h-10p:hover { height: 10%; }
[data-theme="dark"] .dark-focus-h-10p:focus { height: 10%; }
[data-theme="dark"] .dark-active-h-10p:active { height: 10%; }
[data-theme="dark"] .dark-disabled-h-10p:disabled { height: 10%; }
[data-theme="dark"] .dark-group-hover-h-10p { height: 10%; }
[data-theme="dark"] .dark-h-20p { height: 20%; }
[data-theme="dark"] .dark-hover-h-20p:hover { height: 20%; }
[data-theme="dark"] .dark-focus-h-20p:focus { height: 20%; }
[data-theme="dark"] .dark-active-h-20p:active { height: 20%; }
[data-theme="dark"] .dark-disabled-h-20p:disabled { height: 20%; }
[data-theme="dark"] .dark-group-hover-h-20p { height: 20%; }
[data-theme="dark"] .dark-h-25p { height: 25%; }
[data-theme="dark"] .dark-hover-h-25p:hover { height: 25%; }
[data-theme="dark"] .dark-focus-h-25p:focus { height: 25%; }
[data-theme="dark"] .dark-active-h-25p:active { height: 25%; }
[data-theme="dark"] .dark-disabled-h-25p:disabled { height: 25%; }
[data-theme="dark"] .dark-group-hover-h-25p { height: 25%; }
[data-theme="dark"] .dark-h-30p { height: 30%; }
[data-theme="dark"] .dark-hover-h-30p:hover { height: 30%; }
[data-theme="dark"] .dark-focus-h-30p:focus { height: 30%; }
[data-theme="dark"] .dark-active-h-30p:active { height: 30%; }
[data-theme="dark"] .dark-disabled-h-30p:disabled { height: 30%; }
[data-theme="dark"] .dark-group-hover-h-30p { height: 30%; }
[data-theme="dark"] .dark-h-33p { height: 33.3333%; }
[data-theme="dark"] .dark-hover-h-33p:hover { height: 33.3333%; }
[data-theme="dark"] .dark-focus-h-33p:focus { height: 33.3333%; }
[data-theme="dark"] .dark-active-h-33p:active { height: 33.3333%; }
[data-theme="dark"] .dark-disabled-h-33p:disabled { height: 33.3333%; }
[data-theme="dark"] .dark-group-hover-h-33p { height: 33.3333%; }
[data-theme="dark"] .dark-h-40p { height: 40%; }
[data-theme="dark"] .dark-hover-h-40p:hover { height: 40%; }
[data-theme="dark"] .dark-focus-h-40p:focus { height: 40%; }
[data-theme="dark"] .dark-active-h-40p:active { height: 40%; }
[data-theme="dark"] .dark-disabled-h-40p:disabled { height: 40%; }
[data-theme="dark"] .dark-group-hover-h-40p { height: 40%; }
[data-theme="dark"] .dark-h-50p { height: 50%; }
[data-theme="dark"] .dark-hover-h-50p:hover { height: 50%; }
[data-theme="dark"] .dark-focus-h-50p:focus { height: 50%; }
[data-theme="dark"] .dark-active-h-50p:active { height: 50%; }
[data-theme="dark"] .dark-disabled-h-50p:disabled { height: 50%; }
[data-theme="dark"] .dark-group-hover-h-50p { height: 50%; }
[data-theme="dark"] .dark-h-60p { height: 60%; }
[data-theme="dark"] .dark-hover-h-60p:hover { height: 60%; }
[data-theme="dark"] .dark-focus-h-60p:focus { height: 60%; }
[data-theme="dark"] .dark-active-h-60p:active { height: 60%; }
[data-theme="dark"] .dark-disabled-h-60p:disabled { height: 60%; }
[data-theme="dark"] .dark-group-hover-h-60p { height: 60%; }
[data-theme="dark"] .dark-h-66p { height: 66.6667%; }
[data-theme="dark"] .dark-hover-h-66p:hover { height: 66.6667%; }
[data-theme="dark"] .dark-focus-h-66p:focus { height: 66.6667%; }
[data-theme="dark"] .dark-active-h-66p:active { height: 66.6667%; }
[data-theme="dark"] .dark-disabled-h-66p:disabled { height: 66.6667%; }
[data-theme="dark"] .dark-group-hover-h-66p { height: 66.6667%; }
[data-theme="dark"] .dark-h-70p { height: 70%; }
[data-theme="dark"] .dark-hover-h-70p:hover { height: 70%; }
[data-theme="dark"] .dark-focus-h-70p:focus { height: 70%; }
[data-theme="dark"] .dark-active-h-70p:active { height: 70%; }
[data-theme="dark"] .dark-disabled-h-70p:disabled { height: 70%; }
[data-theme="dark"] .dark-group-hover-h-70p { height: 70%; }
[data-theme="dark"] .dark-h-75p { height: 75%; }
[data-theme="dark"] .dark-hover-h-75p:hover { height: 75%; }
[data-theme="dark"] .dark-focus-h-75p:focus { height: 75%; }
[data-theme="dark"] .dark-active-h-75p:active { height: 75%; }
[data-theme="dark"] .dark-disabled-h-75p:disabled { height: 75%; }
[data-theme="dark"] .dark-group-hover-h-75p { height: 75%; }
[data-theme="dark"] .dark-h-80p { height: 80%; }
[data-theme="dark"] .dark-hover-h-80p:hover { height: 80%; }
[data-theme="dark"] .dark-focus-h-80p:focus { height: 80%; }
[data-theme="dark"] .dark-active-h-80p:active { height: 80%; }
[data-theme="dark"] .dark-disabled-h-80p:disabled { height: 80%; }
[data-theme="dark"] .dark-group-hover-h-80p { height: 80%; }
[data-theme="dark"] .dark-h-90p { height: 90%; }
[data-theme="dark"] .dark-hover-h-90p:hover { height: 90%; }
[data-theme="dark"] .dark-focus-h-90p:focus { height: 90%; }
[data-theme="dark"] .dark-active-h-90p:active { height: 90%; }
[data-theme="dark"] .dark-disabled-h-90p:disabled { height: 90%; }
[data-theme="dark"] .dark-group-hover-h-90p { height: 90%; }
[data-theme="dark"] .dark-h-100p { height: 100%; }
[data-theme="dark"] .dark-hover-h-100p:hover { height: 100%; }
[data-theme="dark"] .dark-focus-h-100p:focus { height: 100%; }
[data-theme="dark"] .dark-active-h-100p:active { height: 100%; }
[data-theme="dark"] .dark-disabled-h-100p:disabled { height: 100%; }
[data-theme="dark"] .dark-group-hover-h-100p { height: 100%; }
[data-theme="dark"] .dark-h-10vh { height: 10vh; }
[data-theme="dark"] .dark-hover-h-10vh:hover { height: 10vh; }
[data-theme="dark"] .dark-focus-h-10vh:focus { height: 10vh; }
[data-theme="dark"] .dark-active-h-10vh:active { height: 10vh; }
[data-theme="dark"] .dark-disabled-h-10vh:disabled { height: 10vh; }
[data-theme="dark"] .dark-group-hover-h-10vh { height: 10vh; }
[data-theme="dark"] .dark-h-20vh { height: 20vh; }
[data-theme="dark"] .dark-hover-h-20vh:hover { height: 20vh; }
[data-theme="dark"] .dark-focus-h-20vh:focus { height: 20vh; }
[data-theme="dark"] .dark-active-h-20vh:active { height: 20vh; }
[data-theme="dark"] .dark-disabled-h-20vh:disabled { height: 20vh; }
[data-theme="dark"] .dark-group-hover-h-20vh { height: 20vh; }
[data-theme="dark"] .dark-h-30vh { height: 30vh; }
[data-theme="dark"] .dark-hover-h-30vh:hover { height: 30vh; }
[data-theme="dark"] .dark-focus-h-30vh:focus { height: 30vh; }
[data-theme="dark"] .dark-active-h-30vh:active { height: 30vh; }
[data-theme="dark"] .dark-disabled-h-30vh:disabled { height: 30vh; }
[data-theme="dark"] .dark-group-hover-h-30vh { height: 30vh; }
[data-theme="dark"] .dark-h-40vh { height: 40vh; }
[data-theme="dark"] .dark-hover-h-40vh:hover { height: 40vh; }
[data-theme="dark"] .dark-focus-h-40vh:focus { height: 40vh; }
[data-theme="dark"] .dark-active-h-40vh:active { height: 40vh; }
[data-theme="dark"] .dark-disabled-h-40vh:disabled { height: 40vh; }
[data-theme="dark"] .dark-group-hover-h-40vh { height: 40vh; }
[data-theme="dark"] .dark-h-50vh { height: 50vh; }
[data-theme="dark"] .dark-hover-h-50vh:hover { height: 50vh; }
[data-theme="dark"] .dark-focus-h-50vh:focus { height: 50vh; }
[data-theme="dark"] .dark-active-h-50vh:active { height: 50vh; }
[data-theme="dark"] .dark-disabled-h-50vh:disabled { height: 50vh; }
[data-theme="dark"] .dark-group-hover-h-50vh { height: 50vh; }
[data-theme="dark"] .dark-h-60vh { height: 60vh; }
[data-theme="dark"] .dark-hover-h-60vh:hover { height: 60vh; }
[data-theme="dark"] .dark-focus-h-60vh:focus { height: 60vh; }
[data-theme="dark"] .dark-active-h-60vh:active { height: 60vh; }
[data-theme="dark"] .dark-disabled-h-60vh:disabled { height: 60vh; }
[data-theme="dark"] .dark-group-hover-h-60vh { height: 60vh; }
[data-theme="dark"] .dark-h-70vh { height: 70vh; }
[data-theme="dark"] .dark-hover-h-70vh:hover { height: 70vh; }
[data-theme="dark"] .dark-focus-h-70vh:focus { height: 70vh; }
[data-theme="dark"] .dark-active-h-70vh:active { height: 70vh; }
[data-theme="dark"] .dark-disabled-h-70vh:disabled { height: 70vh; }
[data-theme="dark"] .dark-group-hover-h-70vh { height: 70vh; }
[data-theme="dark"] .dark-h-80vh { height: 80vh; }
[data-theme="dark"] .dark-hover-h-80vh:hover { height: 80vh; }
[data-theme="dark"] .dark-focus-h-80vh:focus { height: 80vh; }
[data-theme="dark"] .dark-active-h-80vh:active { height: 80vh; }
[data-theme="dark"] .dark-disabled-h-80vh:disabled { height: 80vh; }
[data-theme="dark"] .dark-group-hover-h-80vh { height: 80vh; }
[data-theme="dark"] .dark-h-90vh { height: 90vh; }
[data-theme="dark"] .dark-hover-h-90vh:hover { height: 90vh; }
[data-theme="dark"] .dark-focus-h-90vh:focus { height: 90vh; }
[data-theme="dark"] .dark-active-h-90vh:active { height: 90vh; }
[data-theme="dark"] .dark-disabled-h-90vh:disabled { height: 90vh; }
[data-theme="dark"] .dark-group-hover-h-90vh { height: 90vh; }
[data-theme="dark"] .dark-h-100vh { height: 100vh; }
[data-theme="dark"] .dark-hover-h-100vh:hover { height: 100vh; }
[data-theme="dark"] .dark-focus-h-100vh:focus { height: 100vh; }
[data-theme="dark"] .dark-active-h-100vh:active { height: 100vh; }
[data-theme="dark"] .dark-disabled-h-100vh:disabled { height: 100vh; }
[data-theme="dark"] .dark-group-hover-h-100vh { height: 100vh; }
[data-theme="dark"] .dark-h-lvh { height: 100lvh; }
[data-theme="dark"] .dark-hover-h-lvh:hover { height: 100lvh; }
[data-theme="dark"] .dark-focus-h-lvh:focus { height: 100lvh; }
[data-theme="dark"] .dark-active-h-lvh:active { height: 100lvh; }
[data-theme="dark"] .dark-disabled-h-lvh:disabled { height: 100lvh; }
[data-theme="dark"] .dark-group-hover-h-lvh { height: 100lvh; }
[data-theme="dark"] .dark-h-svh { height: 100svh; }
[data-theme="dark"] .dark-hover-h-svh:hover { height: 100svh; }
[data-theme="dark"] .dark-focus-h-svh:focus { height: 100svh; }
[data-theme="dark"] .dark-active-h-svh:active { height: 100svh; }
[data-theme="dark"] .dark-disabled-h-svh:disabled { height: 100svh; }
[data-theme="dark"] .dark-group-hover-h-svh { height: 100svh; }
[data-theme="dark"] .dark-h-mvh { height: 100mvh; }
[data-theme="dark"] .dark-hover-h-mvh:hover { height: 100mvh; }
[data-theme="dark"] .dark-focus-h-mvh:focus { height: 100mvh; }
[data-theme="dark"] .dark-active-h-mvh:active { height: 100mvh; }
[data-theme="dark"] .dark-disabled-h-mvh:disabled { height: 100mvh; }
[data-theme="dark"] .dark-group-hover-h-mvh { height: 100mvh; }
[data-theme="dark"] .dark-h-vmin { height: 100vmin; }
[data-theme="dark"] .dark-hover-h-vmin:hover { height: 100vmin; }
[data-theme="dark"] .dark-focus-h-vmin:focus { height: 100vmin; }
[data-theme="dark"] .dark-active-h-vmin:active { height: 100vmin; }
[data-theme="dark"] .dark-disabled-h-vmin:disabled { height: 100vmin; }
[data-theme="dark"] .dark-group-hover-h-vmin { height: 100vmin; }
[data-theme="dark"] .dark-h-vmax { height: 100vmax; }
[data-theme="dark"] .dark-hover-h-vmax:hover { height: 100vmax; }
[data-theme="dark"] .dark-focus-h-vmax:focus { height: 100vmax; }
[data-theme="dark"] .dark-active-h-vmax:active { height: 100vmax; }
[data-theme="dark"] .dark-disabled-h-vmax:disabled { height: 100vmax; }
[data-theme="dark"] .dark-group-hover-h-vmax { height: 100vmax; }
[data-theme="dark"] .dark-min-w-auto { min-width: auto; }
[data-theme="dark"] .dark-hover-min-w-auto:hover { min-width: auto; }
[data-theme="dark"] .dark-focus-min-w-auto:focus { min-width: auto; }
[data-theme="dark"] .dark-active-min-w-auto:active { min-width: auto; }
[data-theme="dark"] .dark-disabled-min-w-auto:disabled { min-width: auto; }
[data-theme="dark"] .dark-group-hover-min-w-auto { min-width: auto; }
[data-theme="dark"] .dark-min-w-full { min-width: 100%; }
[data-theme="dark"] .dark-hover-min-w-full:hover { min-width: 100%; }
[data-theme="dark"] .dark-focus-min-w-full:focus { min-width: 100%; }
[data-theme="dark"] .dark-active-min-w-full:active { min-width: 100%; }
[data-theme="dark"] .dark-disabled-min-w-full:disabled { min-width: 100%; }
[data-theme="dark"] .dark-group-hover-min-w-full { min-width: 100%; }
[data-theme="dark"] .dark-min-w-fit { min-width: fit-content; }
[data-theme="dark"] .dark-hover-min-w-fit:hover { min-width: fit-content; }
[data-theme="dark"] .dark-focus-min-w-fit:focus { min-width: fit-content; }
[data-theme="dark"] .dark-active-min-w-fit:active { min-width: fit-content; }
[data-theme="dark"] .dark-disabled-min-w-fit:disabled { min-width: fit-content; }
[data-theme="dark"] .dark-group-hover-min-w-fit { min-width: fit-content; }
[data-theme="dark"] .dark-min-w-max { min-width: max-content; }
[data-theme="dark"] .dark-hover-min-w-max:hover { min-width: max-content; }
[data-theme="dark"] .dark-focus-min-w-max:focus { min-width: max-content; }
[data-theme="dark"] .dark-active-min-w-max:active { min-width: max-content; }
[data-theme="dark"] .dark-disabled-min-w-max:disabled { min-width: max-content; }
[data-theme="dark"] .dark-group-hover-min-w-max { min-width: max-content; }
[data-theme="dark"] .dark-min-w-min { min-width: min-content; }
[data-theme="dark"] .dark-hover-min-w-min:hover { min-width: min-content; }
[data-theme="dark"] .dark-focus-min-w-min:focus { min-width: min-content; }
[data-theme="dark"] .dark-active-min-w-min:active { min-width: min-content; }
[data-theme="dark"] .dark-disabled-min-w-min:disabled { min-width: min-content; }
[data-theme="dark"] .dark-group-hover-min-w-min { min-width: min-content; }
[data-theme="dark"] .dark-min-w-10vw { min-width: 10vw; }
[data-theme="dark"] .dark-hover-min-w-10vw:hover { min-width: 10vw; }
[data-theme="dark"] .dark-focus-min-w-10vw:focus { min-width: 10vw; }
[data-theme="dark"] .dark-active-min-w-10vw:active { min-width: 10vw; }
[data-theme="dark"] .dark-disabled-min-w-10vw:disabled { min-width: 10vw; }
[data-theme="dark"] .dark-group-hover-min-w-10vw { min-width: 10vw; }
[data-theme="dark"] .dark-min-w-50vw { min-width: 50vw; }
[data-theme="dark"] .dark-hover-min-w-50vw:hover { min-width: 50vw; }
[data-theme="dark"] .dark-focus-min-w-50vw:focus { min-width: 50vw; }
[data-theme="dark"] .dark-active-min-w-50vw:active { min-width: 50vw; }
[data-theme="dark"] .dark-disabled-min-w-50vw:disabled { min-width: 50vw; }
[data-theme="dark"] .dark-group-hover-min-w-50vw { min-width: 50vw; }
[data-theme="dark"] .dark-min-w-100vw { min-width: 100vw; }
[data-theme="dark"] .dark-hover-min-w-100vw:hover { min-width: 100vw; }
[data-theme="dark"] .dark-focus-min-w-100vw:focus { min-width: 100vw; }
[data-theme="dark"] .dark-active-min-w-100vw:active { min-width: 100vw; }
[data-theme="dark"] .dark-disabled-min-w-100vw:disabled { min-width: 100vw; }
[data-theme="dark"] .dark-group-hover-min-w-100vw { min-width: 100vw; }
[data-theme="dark"] .dark-max-w-auto { max-width: auto; }
[data-theme="dark"] .dark-hover-max-w-auto:hover { max-width: auto; }
[data-theme="dark"] .dark-focus-max-w-auto:focus { max-width: auto; }
[data-theme="dark"] .dark-active-max-w-auto:active { max-width: auto; }
[data-theme="dark"] .dark-disabled-max-w-auto:disabled { max-width: auto; }
[data-theme="dark"] .dark-group-hover-max-w-auto { max-width: auto; }
[data-theme="dark"] .dark-max-w-full { max-width: 100%; }
[data-theme="dark"] .dark-hover-max-w-full:hover { max-width: 100%; }
[data-theme="dark"] .dark-focus-max-w-full:focus { max-width: 100%; }
[data-theme="dark"] .dark-active-max-w-full:active { max-width: 100%; }
[data-theme="dark"] .dark-disabled-max-w-full:disabled { max-width: 100%; }
[data-theme="dark"] .dark-group-hover-max-w-full { max-width: 100%; }
[data-theme="dark"] .dark-max-w-fit { max-width: fit-content; }
[data-theme="dark"] .dark-hover-max-w-fit:hover { max-width: fit-content; }
[data-theme="dark"] .dark-focus-max-w-fit:focus { max-width: fit-content; }
[data-theme="dark"] .dark-active-max-w-fit:active { max-width: fit-content; }
[data-theme="dark"] .dark-disabled-max-w-fit:disabled { max-width: fit-content; }
[data-theme="dark"] .dark-group-hover-max-w-fit { max-width: fit-content; }
[data-theme="dark"] .dark-max-w-max { max-width: max-content; }
[data-theme="dark"] .dark-hover-max-w-max:hover { max-width: max-content; }
[data-theme="dark"] .dark-focus-max-w-max:focus { max-width: max-content; }
[data-theme="dark"] .dark-active-max-w-max:active { max-width: max-content; }
[data-theme="dark"] .dark-disabled-max-w-max:disabled { max-width: max-content; }
[data-theme="dark"] .dark-group-hover-max-w-max { max-width: max-content; }
[data-theme="dark"] .dark-max-w-min { max-width: min-content; }
[data-theme="dark"] .dark-hover-max-w-min:hover { max-width: min-content; }
[data-theme="dark"] .dark-focus-max-w-min:focus { max-width: min-content; }
[data-theme="dark"] .dark-active-max-w-min:active { max-width: min-content; }
[data-theme="dark"] .dark-disabled-max-w-min:disabled { max-width: min-content; }
[data-theme="dark"] .dark-group-hover-max-w-min { max-width: min-content; }
[data-theme="dark"] .dark-max-w-10vw { max-width: 10vw; }
[data-theme="dark"] .dark-hover-max-w-10vw:hover { max-width: 10vw; }
[data-theme="dark"] .dark-focus-max-w-10vw:focus { max-width: 10vw; }
[data-theme="dark"] .dark-active-max-w-10vw:active { max-width: 10vw; }
[data-theme="dark"] .dark-disabled-max-w-10vw:disabled { max-width: 10vw; }
[data-theme="dark"] .dark-group-hover-max-w-10vw { max-width: 10vw; }
[data-theme="dark"] .dark-max-w-50vw { max-width: 50vw; }
[data-theme="dark"] .dark-hover-max-w-50vw:hover { max-width: 50vw; }
[data-theme="dark"] .dark-focus-max-w-50vw:focus { max-width: 50vw; }
[data-theme="dark"] .dark-active-max-w-50vw:active { max-width: 50vw; }
[data-theme="dark"] .dark-disabled-max-w-50vw:disabled { max-width: 50vw; }
[data-theme="dark"] .dark-group-hover-max-w-50vw { max-width: 50vw; }
[data-theme="dark"] .dark-max-w-100vw { max-width: 100vw; }
[data-theme="dark"] .dark-hover-max-w-100vw:hover { max-width: 100vw; }
[data-theme="dark"] .dark-focus-max-w-100vw:focus { max-width: 100vw; }
[data-theme="dark"] .dark-active-max-w-100vw:active { max-width: 100vw; }
[data-theme="dark"] .dark-disabled-max-w-100vw:disabled { max-width: 100vw; }
[data-theme="dark"] .dark-group-hover-max-w-100vw { max-width: 100vw; }
[data-theme="dark"] .dark-min-h-auto { min-height: auto; }
[data-theme="dark"] .dark-hover-min-h-auto:hover { min-height: auto; }
[data-theme="dark"] .dark-focus-min-h-auto:focus { min-height: auto; }
[data-theme="dark"] .dark-active-min-h-auto:active { min-height: auto; }
[data-theme="dark"] .dark-disabled-min-h-auto:disabled { min-height: auto; }
[data-theme="dark"] .dark-group-hover-min-h-auto { min-height: auto; }
[data-theme="dark"] .dark-min-h-full { min-height: 100%; }
[data-theme="dark"] .dark-hover-min-h-full:hover { min-height: 100%; }
[data-theme="dark"] .dark-focus-min-h-full:focus { min-height: 100%; }
[data-theme="dark"] .dark-active-min-h-full:active { min-height: 100%; }
[data-theme="dark"] .dark-disabled-min-h-full:disabled { min-height: 100%; }
[data-theme="dark"] .dark-group-hover-min-h-full { min-height: 100%; }
[data-theme="dark"] .dark-min-h-fit { min-height: fit-content; }
[data-theme="dark"] .dark-hover-min-h-fit:hover { min-height: fit-content; }
[data-theme="dark"] .dark-focus-min-h-fit:focus { min-height: fit-content; }
[data-theme="dark"] .dark-active-min-h-fit:active { min-height: fit-content; }
[data-theme="dark"] .dark-disabled-min-h-fit:disabled { min-height: fit-content; }
[data-theme="dark"] .dark-group-hover-min-h-fit { min-height: fit-content; }
[data-theme="dark"] .dark-min-h-max { min-height: max-content; }
[data-theme="dark"] .dark-hover-min-h-max:hover { min-height: max-content; }
[data-theme="dark"] .dark-focus-min-h-max:focus { min-height: max-content; }
[data-theme="dark"] .dark-active-min-h-max:active { min-height: max-content; }
[data-theme="dark"] .dark-disabled-min-h-max:disabled { min-height: max-content; }
[data-theme="dark"] .dark-group-hover-min-h-max { min-height: max-content; }
[data-theme="dark"] .dark-min-h-min { min-height: min-content; }
[data-theme="dark"] .dark-hover-min-h-min:hover { min-height: min-content; }
[data-theme="dark"] .dark-focus-min-h-min:focus { min-height: min-content; }
[data-theme="dark"] .dark-active-min-h-min:active { min-height: min-content; }
[data-theme="dark"] .dark-disabled-min-h-min:disabled { min-height: min-content; }
[data-theme="dark"] .dark-group-hover-min-h-min { min-height: min-content; }
[data-theme="dark"] .dark-min-h-10vh { min-height: 10vh; }
[data-theme="dark"] .dark-hover-min-h-10vh:hover { min-height: 10vh; }
[data-theme="dark"] .dark-focus-min-h-10vh:focus { min-height: 10vh; }
[data-theme="dark"] .dark-active-min-h-10vh:active { min-height: 10vh; }
[data-theme="dark"] .dark-disabled-min-h-10vh:disabled { min-height: 10vh; }
[data-theme="dark"] .dark-group-hover-min-h-10vh { min-height: 10vh; }
[data-theme="dark"] .dark-min-h-50vh { min-height: 50vh; }
[data-theme="dark"] .dark-hover-min-h-50vh:hover { min-height: 50vh; }
[data-theme="dark"] .dark-focus-min-h-50vh:focus { min-height: 50vh; }
[data-theme="dark"] .dark-active-min-h-50vh:active { min-height: 50vh; }
[data-theme="dark"] .dark-disabled-min-h-50vh:disabled { min-height: 50vh; }
[data-theme="dark"] .dark-group-hover-min-h-50vh { min-height: 50vh; }
[data-theme="dark"] .dark-min-h-100vh { min-height: 100vh; }
[data-theme="dark"] .dark-hover-min-h-100vh:hover { min-height: 100vh; }
[data-theme="dark"] .dark-focus-min-h-100vh:focus { min-height: 100vh; }
[data-theme="dark"] .dark-active-min-h-100vh:active { min-height: 100vh; }
[data-theme="dark"] .dark-disabled-min-h-100vh:disabled { min-height: 100vh; }
[data-theme="dark"] .dark-group-hover-min-h-100vh { min-height: 100vh; }
[data-theme="dark"] .dark-max-h-auto { max-height: auto; }
[data-theme="dark"] .dark-hover-max-h-auto:hover { max-height: auto; }
[data-theme="dark"] .dark-focus-max-h-auto:focus { max-height: auto; }
[data-theme="dark"] .dark-active-max-h-auto:active { max-height: auto; }
[data-theme="dark"] .dark-disabled-max-h-auto:disabled { max-height: auto; }
[data-theme="dark"] .dark-group-hover-max-h-auto { max-height: auto; }
[data-theme="dark"] .dark-max-h-full { max-height: 100%; }
[data-theme="dark"] .dark-hover-max-h-full:hover { max-height: 100%; }
[data-theme="dark"] .dark-focus-max-h-full:focus { max-height: 100%; }
[data-theme="dark"] .dark-active-max-h-full:active { max-height: 100%; }
[data-theme="dark"] .dark-disabled-max-h-full:disabled { max-height: 100%; }
[data-theme="dark"] .dark-group-hover-max-h-full { max-height: 100%; }
[data-theme="dark"] .dark-max-h-fit { max-height: fit-content; }
[data-theme="dark"] .dark-hover-max-h-fit:hover { max-height: fit-content; }
[data-theme="dark"] .dark-focus-max-h-fit:focus { max-height: fit-content; }
[data-theme="dark"] .dark-active-max-h-fit:active { max-height: fit-content; }
[data-theme="dark"] .dark-disabled-max-h-fit:disabled { max-height: fit-content; }
[data-theme="dark"] .dark-group-hover-max-h-fit { max-height: fit-content; }
[data-theme="dark"] .dark-max-h-max { max-height: max-content; }
[data-theme="dark"] .dark-hover-max-h-max:hover { max-height: max-content; }
[data-theme="dark"] .dark-focus-max-h-max:focus { max-height: max-content; }
[data-theme="dark"] .dark-active-max-h-max:active { max-height: max-content; }
[data-theme="dark"] .dark-disabled-max-h-max:disabled { max-height: max-content; }
[data-theme="dark"] .dark-group-hover-max-h-max { max-height: max-content; }
[data-theme="dark"] .dark-max-h-min { max-height: min-content; }
[data-theme="dark"] .dark-hover-max-h-min:hover { max-height: min-content; }
[data-theme="dark"] .dark-focus-max-h-min:focus { max-height: min-content; }
[data-theme="dark"] .dark-active-max-h-min:active { max-height: min-content; }
[data-theme="dark"] .dark-disabled-max-h-min:disabled { max-height: min-content; }
[data-theme="dark"] .dark-group-hover-max-h-min { max-height: min-content; }
[data-theme="dark"] .dark-max-h-10vh { max-height: 10vh; }
[data-theme="dark"] .dark-hover-max-h-10vh:hover { max-height: 10vh; }
[data-theme="dark"] .dark-focus-max-h-10vh:focus { max-height: 10vh; }
[data-theme="dark"] .dark-active-max-h-10vh:active { max-height: 10vh; }
[data-theme="dark"] .dark-disabled-max-h-10vh:disabled { max-height: 10vh; }
[data-theme="dark"] .dark-group-hover-max-h-10vh { max-height: 10vh; }
[data-theme="dark"] .dark-max-h-50vh { max-height: 50vh; }
[data-theme="dark"] .dark-hover-max-h-50vh:hover { max-height: 50vh; }
[data-theme="dark"] .dark-focus-max-h-50vh:focus { max-height: 50vh; }
[data-theme="dark"] .dark-active-max-h-50vh:active { max-height: 50vh; }
[data-theme="dark"] .dark-disabled-max-h-50vh:disabled { max-height: 50vh; }
[data-theme="dark"] .dark-group-hover-max-h-50vh { max-height: 50vh; }
[data-theme="dark"] .dark-max-h-100vh { max-height: 100vh; }
[data-theme="dark"] .dark-hover-max-h-100vh:hover { max-height: 100vh; }
[data-theme="dark"] .dark-focus-max-h-100vh:focus { max-height: 100vh; }
[data-theme="dark"] .dark-active-max-h-100vh:active { max-height: 100vh; }
[data-theme="dark"] .dark-disabled-max-h-100vh:disabled { max-height: 100vh; }
[data-theme="dark"] .dark-group-hover-max-h-100vh { max-height: 100vh; }
[data-theme="dark"] .dark-font-size-auto { font-size: auto; }
[data-theme="dark"] .dark-hover-font-size-auto:hover { font-size: auto; }
[data-theme="dark"] .dark-focus-font-size-auto:focus { font-size: auto; }
[data-theme="dark"] .dark-active-font-size-auto:active { font-size: auto; }
[data-theme="dark"] .dark-disabled-font-size-auto:disabled { font-size: auto; }
[data-theme="dark"] .dark-group-hover-font-size-auto { font-size: auto; }
[data-theme="dark"] .dark-font-size-0 { font-size: 0; }
[data-theme="dark"] .dark-hover-font-size-0:hover { font-size: 0; }
[data-theme="dark"] .dark-focus-font-size-0:focus { font-size: 0; }
[data-theme="dark"] .dark-active-font-size-0:active { font-size: 0; }
[data-theme="dark"] .dark-disabled-font-size-0:disabled { font-size: 0; }
[data-theme="dark"] .dark-group-hover-font-size-0 { font-size: 0; }
[data-theme="dark"] .dark-font-size-1 { font-size: 0.25rem; }
[data-theme="dark"] .dark-hover-font-size-1:hover { font-size: 0.25rem; }
[data-theme="dark"] .dark-focus-font-size-1:focus { font-size: 0.25rem; }
[data-theme="dark"] .dark-active-font-size-1:active { font-size: 0.25rem; }
[data-theme="dark"] .dark-disabled-font-size-1:disabled { font-size: 0.25rem; }
[data-theme="dark"] .dark-group-hover-font-size-1 { font-size: 0.25rem; }
[data-theme="dark"] .dark-font-size-2 { font-size: 0.5rem; }
[data-theme="dark"] .dark-hover-font-size-2:hover { font-size: 0.5rem; }
[data-theme="dark"] .dark-focus-font-size-2:focus { font-size: 0.5rem; }
[data-theme="dark"] .dark-active-font-size-2:active { font-size: 0.5rem; }
[data-theme="dark"] .dark-disabled-font-size-2:disabled { font-size: 0.5rem; }
[data-theme="dark"] .dark-group-hover-font-size-2 { font-size: 0.5rem; }
[data-theme="dark"] .dark-font-size-3 { font-size: 0.75rem; }
[data-theme="dark"] .dark-hover-font-size-3:hover { font-size: 0.75rem; }
[data-theme="dark"] .dark-focus-font-size-3:focus { font-size: 0.75rem; }
[data-theme="dark"] .dark-active-font-size-3:active { font-size: 0.75rem; }
[data-theme="dark"] .dark-disabled-font-size-3:disabled { font-size: 0.75rem; }
[data-theme="dark"] .dark-group-hover-font-size-3 { font-size: 0.75rem; }
[data-theme="dark"] .dark-font-size-4 { font-size: 1rem; }
[data-theme="dark"] .dark-hover-font-size-4:hover { font-size: 1rem; }
[data-theme="dark"] .dark-focus-font-size-4:focus { font-size: 1rem; }
[data-theme="dark"] .dark-active-font-size-4:active { font-size: 1rem; }
[data-theme="dark"] .dark-disabled-font-size-4:disabled { font-size: 1rem; }
[data-theme="dark"] .dark-group-hover-font-size-4 { font-size: 1rem; }
[data-theme="dark"] .dark-font-size-5 { font-size: 1.25rem; }
[data-theme="dark"] .dark-hover-font-size-5:hover { font-size: 1.25rem; }
[data-theme="dark"] .dark-focus-font-size-5:focus { font-size: 1.25rem; }
[data-theme="dark"] .dark-active-font-size-5:active { font-size: 1.25rem; }
[data-theme="dark"] .dark-disabled-font-size-5:disabled { font-size: 1.25rem; }
[data-theme="dark"] .dark-group-hover-font-size-5 { font-size: 1.25rem; }
[data-theme="dark"] .dark-font-size-6 { font-size: 1.5rem; }
[data-theme="dark"] .dark-hover-font-size-6:hover { font-size: 1.5rem; }
[data-theme="dark"] .dark-focus-font-size-6:focus { font-size: 1.5rem; }
[data-theme="dark"] .dark-active-font-size-6:active { font-size: 1.5rem; }
[data-theme="dark"] .dark-disabled-font-size-6:disabled { font-size: 1.5rem; }
[data-theme="dark"] .dark-group-hover-font-size-6 { font-size: 1.5rem; }
[data-theme="dark"] .dark-font-size-7 { font-size: 1.75rem; }
[data-theme="dark"] .dark-hover-font-size-7:hover { font-size: 1.75rem; }
[data-theme="dark"] .dark-focus-font-size-7:focus { font-size: 1.75rem; }
[data-theme="dark"] .dark-active-font-size-7:active { font-size: 1.75rem; }
[data-theme="dark"] .dark-disabled-font-size-7:disabled { font-size: 1.75rem; }
[data-theme="dark"] .dark-group-hover-font-size-7 { font-size: 1.75rem; }
[data-theme="dark"] .dark-font-size-8 { font-size: 2rem; }
[data-theme="dark"] .dark-hover-font-size-8:hover { font-size: 2rem; }
[data-theme="dark"] .dark-focus-font-size-8:focus { font-size: 2rem; }
[data-theme="dark"] .dark-active-font-size-8:active { font-size: 2rem; }
[data-theme="dark"] .dark-disabled-font-size-8:disabled { font-size: 2rem; }
[data-theme="dark"] .dark-group-hover-font-size-8 { font-size: 2rem; }
[data-theme="dark"] .dark-font-size-9 { font-size: 2.25rem; }
[data-theme="dark"] .dark-hover-font-size-9:hover { font-size: 2.25rem; }
[data-theme="dark"] .dark-focus-font-size-9:focus { font-size: 2.25rem; }
[data-theme="dark"] .dark-active-font-size-9:active { font-size: 2.25rem; }
[data-theme="dark"] .dark-disabled-font-size-9:disabled { font-size: 2.25rem; }
[data-theme="dark"] .dark-group-hover-font-size-9 { font-size: 2.25rem; }
[data-theme="dark"] .dark-font-size-10 { font-size: 2.5rem; }
[data-theme="dark"] .dark-hover-font-size-10:hover { font-size: 2.5rem; }
[data-theme="dark"] .dark-focus-font-size-10:focus { font-size: 2.5rem; }
[data-theme="dark"] .dark-active-font-size-10:active { font-size: 2.5rem; }
[data-theme="dark"] .dark-disabled-font-size-10:disabled { font-size: 2.5rem; }
[data-theme="dark"] .dark-group-hover-font-size-10 { font-size: 2.5rem; }
[data-theme="dark"] .dark-font-size-12 { font-size: 3rem; }
[data-theme="dark"] .dark-hover-font-size-12:hover { font-size: 3rem; }
[data-theme="dark"] .dark-focus-font-size-12:focus { font-size: 3rem; }
[data-theme="dark"] .dark-active-font-size-12:active { font-size: 3rem; }
[data-theme="dark"] .dark-disabled-font-size-12:disabled { font-size: 3rem; }
[data-theme="dark"] .dark-group-hover-font-size-12 { font-size: 3rem; }
[data-theme="dark"] .dark-font-size-14 { font-size: 3.5rem; }
[data-theme="dark"] .dark-hover-font-size-14:hover { font-size: 3.5rem; }
[data-theme="dark"] .dark-focus-font-size-14:focus { font-size: 3.5rem; }
[data-theme="dark"] .dark-active-font-size-14:active { font-size: 3.5rem; }
[data-theme="dark"] .dark-disabled-font-size-14:disabled { font-size: 3.5rem; }
[data-theme="dark"] .dark-group-hover-font-size-14 { font-size: 3.5rem; }
[data-theme="dark"] .dark-font-size-16 { font-size: 4rem; }
[data-theme="dark"] .dark-hover-font-size-16:hover { font-size: 4rem; }
[data-theme="dark"] .dark-focus-font-size-16:focus { font-size: 4rem; }
[data-theme="dark"] .dark-active-font-size-16:active { font-size: 4rem; }
[data-theme="dark"] .dark-disabled-font-size-16:disabled { font-size: 4rem; }
[data-theme="dark"] .dark-group-hover-font-size-16 { font-size: 4rem; }
[data-theme="dark"] .dark-font-size-18 { font-size: 4.5rem; }
[data-theme="dark"] .dark-hover-font-size-18:hover { font-size: 4.5rem; }
[data-theme="dark"] .dark-focus-font-size-18:focus { font-size: 4.5rem; }
[data-theme="dark"] .dark-active-font-size-18:active { font-size: 4.5rem; }
[data-theme="dark"] .dark-disabled-font-size-18:disabled { font-size: 4.5rem; }
[data-theme="dark"] .dark-group-hover-font-size-18 { font-size: 4.5rem; }
[data-theme="dark"] .dark-font-size-20 { font-size: 5rem; }
[data-theme="dark"] .dark-hover-font-size-20:hover { font-size: 5rem; }
[data-theme="dark"] .dark-focus-font-size-20:focus { font-size: 5rem; }
[data-theme="dark"] .dark-active-font-size-20:active { font-size: 5rem; }
[data-theme="dark"] .dark-disabled-font-size-20:disabled { font-size: 5rem; }
[data-theme="dark"] .dark-group-hover-font-size-20 { font-size: 5rem; }
[data-theme="dark"] .dark-font-size-24 { font-size: 6rem; }
[data-theme="dark"] .dark-hover-font-size-24:hover { font-size: 6rem; }
[data-theme="dark"] .dark-focus-font-size-24:focus { font-size: 6rem; }
[data-theme="dark"] .dark-active-font-size-24:active { font-size: 6rem; }
[data-theme="dark"] .dark-disabled-font-size-24:disabled { font-size: 6rem; }
[data-theme="dark"] .dark-group-hover-font-size-24 { font-size: 6rem; }
[data-theme="dark"] .dark-font-size-28 { font-size: 7rem; }
[data-theme="dark"] .dark-hover-font-size-28:hover { font-size: 7rem; }
[data-theme="dark"] .dark-focus-font-size-28:focus { font-size: 7rem; }
[data-theme="dark"] .dark-active-font-size-28:active { font-size: 7rem; }
[data-theme="dark"] .dark-disabled-font-size-28:disabled { font-size: 7rem; }
[data-theme="dark"] .dark-group-hover-font-size-28 { font-size: 7rem; }
[data-theme="dark"] .dark-font-size-32 { font-size: 8rem; }
[data-theme="dark"] .dark-hover-font-size-32:hover { font-size: 8rem; }
[data-theme="dark"] .dark-focus-font-size-32:focus { font-size: 8rem; }
[data-theme="dark"] .dark-active-font-size-32:active { font-size: 8rem; }
[data-theme="dark"] .dark-disabled-font-size-32:disabled { font-size: 8rem; }
[data-theme="dark"] .dark-group-hover-font-size-32 { font-size: 8rem; }
[data-theme="dark"] .dark-font-weight-normal { font-weight: normal; }
[data-theme="dark"] .dark-hover-font-weight-normal:hover { font-weight: normal; }
[data-theme="dark"] .dark-focus-font-weight-normal:focus { font-weight: normal; }
[data-theme="dark"] .dark-active-font-weight-normal:active { font-weight: normal; }
[data-theme="dark"] .dark-disabled-font-weight-normal:disabled { font-weight: normal; }
[data-theme="dark"] .dark-group-hover-font-weight-normal { font-weight: normal; }
[data-theme="dark"] .dark-font-weight-light { font-weight: 300; }
[data-theme="dark"] .dark-hover-font-weight-light:hover { font-weight: 300; }
[data-theme="dark"] .dark-focus-font-weight-light:focus { font-weight: 300; }
[data-theme="dark"] .dark-active-font-weight-light:active { font-weight: 300; }
[data-theme="dark"] .dark-disabled-font-weight-light:disabled { font-weight: 300; }
[data-theme="dark"] .dark-group-hover-font-weight-light { font-weight: 300; }
[data-theme="dark"] .dark-font-weight-medium { font-weight: 500; }
[data-theme="dark"] .dark-hover-font-weight-medium:hover { font-weight: 500; }
[data-theme="dark"] .dark-focus-font-weight-medium:focus { font-weight: 500; }
[data-theme="dark"] .dark-active-font-weight-medium:active { font-weight: 500; }
[data-theme="dark"] .dark-disabled-font-weight-medium:disabled { font-weight: 500; }
[data-theme="dark"] .dark-group-hover-font-weight-medium { font-weight: 500; }
[data-theme="dark"] .dark-font-weight-bold { font-weight: 700; }
[data-theme="dark"] .dark-hover-font-weight-bold:hover { font-weight: 700; }
[data-theme="dark"] .dark-focus-font-weight-bold:focus { font-weight: 700; }
[data-theme="dark"] .dark-active-font-weight-bold:active { font-weight: 700; }
[data-theme="dark"] .dark-disabled-font-weight-bold:disabled { font-weight: 700; }
[data-theme="dark"] .dark-group-hover-font-weight-bold { font-weight: 700; }
[data-theme="dark"] .dark-font-weight-bolder { font-weight: bolder; }
[data-theme="dark"] .dark-hover-font-weight-bolder:hover { font-weight: bolder; }
[data-theme="dark"] .dark-focus-font-weight-bolder:focus { font-weight: bolder; }
[data-theme="dark"] .dark-active-font-weight-bolder:active { font-weight: bolder; }
[data-theme="dark"] .dark-disabled-font-weight-bolder:disabled { font-weight: bolder; }
[data-theme="dark"] .dark-group-hover-font-weight-bolder { font-weight: bolder; }
[data-theme="dark"] .dark-line-height-1 { line-height: 1; }
[data-theme="dark"] .dark-hover-line-height-1:hover { line-height: 1; }
[data-theme="dark"] .dark-focus-line-height-1:focus { line-height: 1; }
[data-theme="dark"] .dark-active-line-height-1:active { line-height: 1; }
[data-theme="dark"] .dark-disabled-line-height-1:disabled { line-height: 1; }
[data-theme="dark"] .dark-group-hover-line-height-1 { line-height: 1; }
[data-theme="dark"] .dark-line-height-2 { line-height: 1.25; }
[data-theme="dark"] .dark-hover-line-height-2:hover { line-height: 1.25; }
[data-theme="dark"] .dark-focus-line-height-2:focus { line-height: 1.25; }
[data-theme="dark"] .dark-active-line-height-2:active { line-height: 1.25; }
[data-theme="dark"] .dark-disabled-line-height-2:disabled { line-height: 1.25; }
[data-theme="dark"] .dark-group-hover-line-height-2 { line-height: 1.25; }
[data-theme="dark"] .dark-line-height-3 { line-height: 1.375; }
[data-theme="dark"] .dark-hover-line-height-3:hover { line-height: 1.375; }
[data-theme="dark"] .dark-focus-line-height-3:focus { line-height: 1.375; }
[data-theme="dark"] .dark-active-line-height-3:active { line-height: 1.375; }
[data-theme="dark"] .dark-disabled-line-height-3:disabled { line-height: 1.375; }
[data-theme="dark"] .dark-group-hover-line-height-3 { line-height: 1.375; }
[data-theme="dark"] .dark-line-height-4 { line-height: 1.5; }
[data-theme="dark"] .dark-hover-line-height-4:hover { line-height: 1.5; }
[data-theme="dark"] .dark-focus-line-height-4:focus { line-height: 1.5; }
[data-theme="dark"] .dark-active-line-height-4:active { line-height: 1.5; }
[data-theme="dark"] .dark-disabled-line-height-4:disabled { line-height: 1.5; }
[data-theme="dark"] .dark-group-hover-line-height-4 { line-height: 1.5; }
[data-theme="dark"] .dark-line-height-5 { line-height: 1.625; }
[data-theme="dark"] .dark-hover-line-height-5:hover { line-height: 1.625; }
[data-theme="dark"] .dark-focus-line-height-5:focus { line-height: 1.625; }
[data-theme="dark"] .dark-active-line-height-5:active { line-height: 1.625; }
[data-theme="dark"] .dark-disabled-line-height-5:disabled { line-height: 1.625; }
[data-theme="dark"] .dark-group-hover-line-height-5 { line-height: 1.625; }
[data-theme="dark"] .dark-line-height-6 { line-height: 1.75; }
[data-theme="dark"] .dark-hover-line-height-6:hover { line-height: 1.75; }
[data-theme="dark"] .dark-focus-line-height-6:focus { line-height: 1.75; }
[data-theme="dark"] .dark-active-line-height-6:active { line-height: 1.75; }
[data-theme="dark"] .dark-disabled-line-height-6:disabled { line-height: 1.75; }
[data-theme="dark"] .dark-group-hover-line-height-6 { line-height: 1.75; }
[data-theme="dark"] .dark-line-height-7 { line-height: 2; }
[data-theme="dark"] .dark-hover-line-height-7:hover { line-height: 2; }
[data-theme="dark"] .dark-focus-line-height-7:focus { line-height: 2; }
[data-theme="dark"] .dark-active-line-height-7:active { line-height: 2; }
[data-theme="dark"] .dark-disabled-line-height-7:disabled { line-height: 2; }
[data-theme="dark"] .dark-group-hover-line-height-7 { line-height: 2; }
[data-theme="dark"] .dark-text-left { text-align: left; }
[data-theme="dark"] .dark-hover-text-left:hover { text-align: left; }
[data-theme="dark"] .dark-focus-text-left:focus { text-align: left; }
[data-theme="dark"] .dark-active-text-left:active { text-align: left; }
[data-theme="dark"] .dark-disabled-text-left:disabled { text-align: left; }
[data-theme="dark"] .dark-group-hover-text-left { text-align: left; }
[data-theme="dark"] .dark-text-center { text-align: center; }
[data-theme="dark"] .dark-hover-text-center:hover { text-align: center; }
[data-theme="dark"] .dark-focus-text-center:focus { text-align: center; }
[data-theme="dark"] .dark-active-text-center:active { text-align: center; }
[data-theme="dark"] .dark-disabled-text-center:disabled { text-align: center; }
[data-theme="dark"] .dark-group-hover-text-center { text-align: center; }
[data-theme="dark"] .dark-text-right { text-align: right; }
[data-theme="dark"] .dark-hover-text-right:hover { text-align: right; }
[data-theme="dark"] .dark-focus-text-right:focus { text-align: right; }
[data-theme="dark"] .dark-active-text-right:active { text-align: right; }
[data-theme="dark"] .dark-disabled-text-right:disabled { text-align: right; }
[data-theme="dark"] .dark-group-hover-text-right { text-align: right; }
[data-theme="dark"] .dark-text-justify { text-align: justify; }
[data-theme="dark"] .dark-hover-text-justify:hover { text-align: justify; }
[data-theme="dark"] .dark-focus-text-justify:focus { text-align: justify; }
[data-theme="dark"] .dark-active-text-justify:active { text-align: justify; }
[data-theme="dark"] .dark-disabled-text-justify:disabled { text-align: justify; }
[data-theme="dark"] .dark-group-hover-text-justify { text-align: justify; }
[data-theme="dark"] .dark-justify-start { justify-content: flex-start; }
[data-theme="dark"] .dark-hover-justify-start:hover { justify-content: flex-start; }
[data-theme="dark"] .dark-focus-justify-start:focus { justify-content: flex-start; }
[data-theme="dark"] .dark-active-justify-start:active { justify-content: flex-start; }
[data-theme="dark"] .dark-disabled-justify-start:disabled { justify-content: flex-start; }
[data-theme="dark"] .dark-group-hover-justify-start { justify-content: flex-start; }
[data-theme="dark"] .dark-justify-center { justify-content: center; }
[data-theme="dark"] .dark-hover-justify-center:hover { justify-content: center; }
[data-theme="dark"] .dark-focus-justify-center:focus { justify-content: center; }
[data-theme="dark"] .dark-active-justify-center:active { justify-content: center; }
[data-theme="dark"] .dark-disabled-justify-center:disabled { justify-content: center; }
[data-theme="dark"] .dark-group-hover-justify-center { justify-content: center; }
[data-theme="dark"] .dark-justify-end { justify-content: flex-end; }
[data-theme="dark"] .dark-hover-justify-end:hover { justify-content: flex-end; }
[data-theme="dark"] .dark-focus-justify-end:focus { justify-content: flex-end; }
[data-theme="dark"] .dark-active-justify-end:active { justify-content: flex-end; }
[data-theme="dark"] .dark-disabled-justify-end:disabled { justify-content: flex-end; }
[data-theme="dark"] .dark-group-hover-justify-end { justify-content: flex-end; }
[data-theme="dark"] .dark-justify-between { justify-content: space-between; }
[data-theme="dark"] .dark-hover-justify-between:hover { justify-content: space-between; }
[data-theme="dark"] .dark-focus-justify-between:focus { justify-content: space-between; }
[data-theme="dark"] .dark-active-justify-between:active { justify-content: space-between; }
[data-theme="dark"] .dark-disabled-justify-between:disabled { justify-content: space-between; }
[data-theme="dark"] .dark-group-hover-justify-between { justify-content: space-between; }
[data-theme="dark"] .dark-justify-around { justify-content: space-around; }
[data-theme="dark"] .dark-hover-justify-around:hover { justify-content: space-around; }
[data-theme="dark"] .dark-focus-justify-around:focus { justify-content: space-around; }
[data-theme="dark"] .dark-active-justify-around:active { justify-content: space-around; }
[data-theme="dark"] .dark-disabled-justify-around:disabled { justify-content: space-around; }
[data-theme="dark"] .dark-group-hover-justify-around { justify-content: space-around; }
[data-theme="dark"] .dark-justify-evenly { justify-content: space-evenly; }
[data-theme="dark"] .dark-hover-justify-evenly:hover { justify-content: space-evenly; }
[data-theme="dark"] .dark-focus-justify-evenly:focus { justify-content: space-evenly; }
[data-theme="dark"] .dark-active-justify-evenly:active { justify-content: space-evenly; }
[data-theme="dark"] .dark-disabled-justify-evenly:disabled { justify-content: space-evenly; }
[data-theme="dark"] .dark-group-hover-justify-evenly { justify-content: space-evenly; }
[data-theme="dark"] .dark-items-start { align-items: flex-start; }
[data-theme="dark"] .dark-hover-items-start:hover { align-items: flex-start; }
[data-theme="dark"] .dark-focus-items-start:focus { align-items: flex-start; }
[data-theme="dark"] .dark-active-items-start:active { align-items: flex-start; }
[data-theme="dark"] .dark-disabled-items-start:disabled { align-items: flex-start; }
[data-theme="dark"] .dark-group-hover-items-start { align-items: flex-start; }
[data-theme="dark"] .dark-items-center { align-items: center; }
[data-theme="dark"] .dark-hover-items-center:hover { align-items: center; }
[data-theme="dark"] .dark-focus-items-center:focus { align-items: center; }
[data-theme="dark"] .dark-active-items-center:active { align-items: center; }
[data-theme="dark"] .dark-disabled-items-center:disabled { align-items: center; }
[data-theme="dark"] .dark-group-hover-items-center { align-items: center; }
[data-theme="dark"] .dark-items-end { align-items: flex-end; }
[data-theme="dark"] .dark-hover-items-end:hover { align-items: flex-end; }
[data-theme="dark"] .dark-focus-items-end:focus { align-items: flex-end; }
[data-theme="dark"] .dark-active-items-end:active { align-items: flex-end; }
[data-theme="dark"] .dark-disabled-items-end:disabled { align-items: flex-end; }
[data-theme="dark"] .dark-group-hover-items-end { align-items: flex-end; }
[data-theme="dark"] .dark-items-baseline { align-items: baseline; }
[data-theme="dark"] .dark-hover-items-baseline:hover { align-items: baseline; }
[data-theme="dark"] .dark-focus-items-baseline:focus { align-items: baseline; }
[data-theme="dark"] .dark-active-items-baseline:active { align-items: baseline; }
[data-theme="dark"] .dark-disabled-items-baseline:disabled { align-items: baseline; }
[data-theme="dark"] .dark-group-hover-items-baseline { align-items: baseline; }
[data-theme="dark"] .dark-items-stretch { align-items: stretch; }
[data-theme="dark"] .dark-hover-items-stretch:hover { align-items: stretch; }
[data-theme="dark"] .dark-focus-items-stretch:focus { align-items: stretch; }
[data-theme="dark"] .dark-active-items-stretch:active { align-items: stretch; }
[data-theme="dark"] .dark-disabled-items-stretch:disabled { align-items: stretch; }
[data-theme="dark"] .dark-group-hover-items-stretch { align-items: stretch; }
[data-theme="dark"] .dark-content-start { align-content: flex-start; }
[data-theme="dark"] .dark-hover-content-start:hover { align-content: flex-start; }
[data-theme="dark"] .dark-focus-content-start:focus { align-content: flex-start; }
[data-theme="dark"] .dark-active-content-start:active { align-content: flex-start; }
[data-theme="dark"] .dark-disabled-content-start:disabled { align-content: flex-start; }
[data-theme="dark"] .dark-group-hover-content-start { align-content: flex-start; }
[data-theme="dark"] .dark-content-center { align-content: center; }
[data-theme="dark"] .dark-hover-content-center:hover { align-content: center; }
[data-theme="dark"] .dark-focus-content-center:focus { align-content: center; }
[data-theme="dark"] .dark-active-content-center:active { align-content: center; }
[data-theme="dark"] .dark-disabled-content-center:disabled { align-content: center; }
[data-theme="dark"] .dark-group-hover-content-center { align-content: center; }
[data-theme="dark"] .dark-content-end { align-content: flex-end; }
[data-theme="dark"] .dark-hover-content-end:hover { align-content: flex-end; }
[data-theme="dark"] .dark-focus-content-end:focus { align-content: flex-end; }
[data-theme="dark"] .dark-active-content-end:active { align-content: flex-end; }
[data-theme="dark"] .dark-disabled-content-end:disabled { align-content: flex-end; }
[data-theme="dark"] .dark-group-hover-content-end { align-content: flex-end; }
[data-theme="dark"] .dark-content-between { align-content: space-between; }
[data-theme="dark"] .dark-hover-content-between:hover { align-content: space-between; }
[data-theme="dark"] .dark-focus-content-between:focus { align-content: space-between; }
[data-theme="dark"] .dark-active-content-between:active { align-content: space-between; }
[data-theme="dark"] .dark-disabled-content-between:disabled { align-content: space-between; }
[data-theme="dark"] .dark-group-hover-content-between { align-content: space-between; }
[data-theme="dark"] .dark-content-around { align-content: space-around; }
[data-theme="dark"] .dark-hover-content-around:hover { align-content: space-around; }
[data-theme="dark"] .dark-focus-content-around:focus { align-content: space-around; }
[data-theme="dark"] .dark-active-content-around:active { align-content: space-around; }
[data-theme="dark"] .dark-disabled-content-around:disabled { align-content: space-around; }
[data-theme="dark"] .dark-group-hover-content-around { align-content: space-around; }
[data-theme="dark"] .dark-content-evenly { align-content: space-evenly; }
[data-theme="dark"] .dark-hover-content-evenly:hover { align-content: space-evenly; }
[data-theme="dark"] .dark-focus-content-evenly:focus { align-content: space-evenly; }
[data-theme="dark"] .dark-active-content-evenly:active { align-content: space-evenly; }
[data-theme="dark"] .dark-disabled-content-evenly:disabled { align-content: space-evenly; }
[data-theme="dark"] .dark-group-hover-content-evenly { align-content: space-evenly; }
[data-theme="dark"] .dark-self-auto { align-self: auto; }
[data-theme="dark"] .dark-hover-self-auto:hover { align-self: auto; }
[data-theme="dark"] .dark-focus-self-auto:focus { align-self: auto; }
[data-theme="dark"] .dark-active-self-auto:active { align-self: auto; }
[data-theme="dark"] .dark-disabled-self-auto:disabled { align-self: auto; }
[data-theme="dark"] .dark-group-hover-self-auto { align-self: auto; }
[data-theme="dark"] .dark-self-start { align-self: flex-start; }
[data-theme="dark"] .dark-hover-self-start:hover { align-self: flex-start; }
[data-theme="dark"] .dark-focus-self-start:focus { align-self: flex-start; }
[data-theme="dark"] .dark-active-self-start:active { align-self: flex-start; }
[data-theme="dark"] .dark-disabled-self-start:disabled { align-self: flex-start; }
[data-theme="dark"] .dark-group-hover-self-start { align-self: flex-start; }
[data-theme="dark"] .dark-self-center { align-self: center; }
[data-theme="dark"] .dark-hover-self-center:hover { align-self: center; }
[data-theme="dark"] .dark-focus-self-center:focus { align-self: center; }
[data-theme="dark"] .dark-active-self-center:active { align-self: center; }
[data-theme="dark"] .dark-disabled-self-center:disabled { align-self: center; }
[data-theme="dark"] .dark-group-hover-self-center { align-self: center; }
[data-theme="dark"] .dark-self-end { align-self: flex-end; }
[data-theme="dark"] .dark-hover-self-end:hover { align-self: flex-end; }
[data-theme="dark"] .dark-focus-self-end:focus { align-self: flex-end; }
[data-theme="dark"] .dark-active-self-end:active { align-self: flex-end; }
[data-theme="dark"] .dark-disabled-self-end:disabled { align-self: flex-end; }
[data-theme="dark"] .dark-group-hover-self-end { align-self: flex-end; }
[data-theme="dark"] .dark-self-stretch { align-self: stretch; }
[data-theme="dark"] .dark-hover-self-stretch:hover { align-self: stretch; }
[data-theme="dark"] .dark-focus-self-stretch:focus { align-self: stretch; }
[data-theme="dark"] .dark-active-self-stretch:active { align-self: stretch; }
[data-theme="dark"] .dark-disabled-self-stretch:disabled { align-self: stretch; }
[data-theme="dark"] .dark-group-hover-self-stretch { align-self: stretch; }
[data-theme="dark"] .dark-place-items-start { place-items: start; }
[data-theme="dark"] .dark-hover-place-items-start:hover { place-items: start; }
[data-theme="dark"] .dark-focus-place-items-start:focus { place-items: start; }
[data-theme="dark"] .dark-active-place-items-start:active { place-items: start; }
[data-theme="dark"] .dark-disabled-place-items-start:disabled { place-items: start; }
[data-theme="dark"] .dark-group-hover-place-items-start { place-items: start; }
[data-theme="dark"] .dark-place-items-center { place-items: center; }
[data-theme="dark"] .dark-hover-place-items-center:hover { place-items: center; }
[data-theme="dark"] .dark-focus-place-items-center:focus { place-items: center; }
[data-theme="dark"] .dark-active-place-items-center:active { place-items: center; }
[data-theme="dark"] .dark-disabled-place-items-center:disabled { place-items: center; }
[data-theme="dark"] .dark-group-hover-place-items-center { place-items: center; }
[data-theme="dark"] .dark-place-items-end { place-items: end; }
[data-theme="dark"] .dark-hover-place-items-end:hover { place-items: end; }
[data-theme="dark"] .dark-focus-place-items-end:focus { place-items: end; }
[data-theme="dark"] .dark-active-place-items-end:active { place-items: end; }
[data-theme="dark"] .dark-disabled-place-items-end:disabled { place-items: end; }
[data-theme="dark"] .dark-group-hover-place-items-end { place-items: end; }
[data-theme="dark"] .dark-place-items-stretch { place-items: stretch; }
[data-theme="dark"] .dark-hover-place-items-stretch:hover { place-items: stretch; }
[data-theme="dark"] .dark-focus-place-items-stretch:focus { place-items: stretch; }
[data-theme="dark"] .dark-active-place-items-stretch:active { place-items: stretch; }
[data-theme="dark"] .dark-disabled-place-items-stretch:disabled { place-items: stretch; }
[data-theme="dark"] .dark-group-hover-place-items-stretch { place-items: stretch; }
[data-theme="dark"] .dark-place-content-start { place-content: start; }
[data-theme="dark"] .dark-hover-place-content-start:hover { place-content: start; }
[data-theme="dark"] .dark-focus-place-content-start:focus { place-content: start; }
[data-theme="dark"] .dark-active-place-content-start:active { place-content: start; }
[data-theme="dark"] .dark-disabled-place-content-start:disabled { place-content: start; }
[data-theme="dark"] .dark-group-hover-place-content-start { place-content: start; }
[data-theme="dark"] .dark-place-content-center { place-content: center; }
[data-theme="dark"] .dark-hover-place-content-center:hover { place-content: center; }
[data-theme="dark"] .dark-focus-place-content-center:focus { place-content: center; }
[data-theme="dark"] .dark-active-place-content-center:active { place-content: center; }
[data-theme="dark"] .dark-disabled-place-content-center:disabled { place-content: center; }
[data-theme="dark"] .dark-group-hover-place-content-center { place-content: center; }
[data-theme="dark"] .dark-place-content-end { place-content: end; }
[data-theme="dark"] .dark-hover-place-content-end:hover { place-content: end; }
[data-theme="dark"] .dark-focus-place-content-end:focus { place-content: end; }
[data-theme="dark"] .dark-active-place-content-end:active { place-content: end; }
[data-theme="dark"] .dark-disabled-place-content-end:disabled { place-content: end; }
[data-theme="dark"] .dark-group-hover-place-content-end { place-content: end; }
[data-theme="dark"] .dark-place-content-between { place-content: space-between; }
[data-theme="dark"] .dark-hover-place-content-between:hover { place-content: space-between; }
[data-theme="dark"] .dark-focus-place-content-between:focus { place-content: space-between; }
[data-theme="dark"] .dark-active-place-content-between:active { place-content: space-between; }
[data-theme="dark"] .dark-disabled-place-content-between:disabled { place-content: space-between; }
[data-theme="dark"] .dark-group-hover-place-content-between { place-content: space-between; }
[data-theme="dark"] .dark-place-content-around { place-content: space-around; }
[data-theme="dark"] .dark-hover-place-content-around:hover { place-content: space-around; }
[data-theme="dark"] .dark-focus-place-content-around:focus { place-content: space-around; }
[data-theme="dark"] .dark-active-place-content-around:active { place-content: space-around; }
[data-theme="dark"] .dark-disabled-place-content-around:disabled { place-content: space-around; }
[data-theme="dark"] .dark-group-hover-place-content-around { place-content: space-around; }
[data-theme="dark"] .dark-place-self-auto { place-self: auto; }
[data-theme="dark"] .dark-hover-place-self-auto:hover { place-self: auto; }
[data-theme="dark"] .dark-focus-place-self-auto:focus { place-self: auto; }
[data-theme="dark"] .dark-active-place-self-auto:active { place-self: auto; }
[data-theme="dark"] .dark-disabled-place-self-auto:disabled { place-self: auto; }
[data-theme="dark"] .dark-group-hover-place-self-auto { place-self: auto; }
[data-theme="dark"] .dark-place-self-start { place-self: start; }
[data-theme="dark"] .dark-hover-place-self-start:hover { place-self: start; }
[data-theme="dark"] .dark-focus-place-self-start:focus { place-self: start; }
[data-theme="dark"] .dark-active-place-self-start:active { place-self: start; }
[data-theme="dark"] .dark-disabled-place-self-start:disabled { place-self: start; }
[data-theme="dark"] .dark-group-hover-place-self-start { place-self: start; }
[data-theme="dark"] .dark-place-self-center { place-self: center; }
[data-theme="dark"] .dark-hover-place-self-center:hover { place-self: center; }
[data-theme="dark"] .dark-focus-place-self-center:focus { place-self: center; }
[data-theme="dark"] .dark-active-place-self-center:active { place-self: center; }
[data-theme="dark"] .dark-disabled-place-self-center:disabled { place-self: center; }
[data-theme="dark"] .dark-group-hover-place-self-center { place-self: center; }
[data-theme="dark"] .dark-place-self-end { place-self: end; }
[data-theme="dark"] .dark-hover-place-self-end:hover { place-self: end; }
[data-theme="dark"] .dark-focus-place-self-end:focus { place-self: end; }
[data-theme="dark"] .dark-active-place-self-end:active { place-self: end; }
[data-theme="dark"] .dark-disabled-place-self-end:disabled { place-self: end; }
[data-theme="dark"] .dark-group-hover-place-self-end { place-self: end; }
[data-theme="dark"] .dark-text-uppercase { text-transform: uppercase; }
[data-theme="dark"] .dark-hover-text-uppercase:hover { text-transform: uppercase; }
[data-theme="dark"] .dark-focus-text-uppercase:focus { text-transform: uppercase; }
[data-theme="dark"] .dark-active-text-uppercase:active { text-transform: uppercase; }
[data-theme="dark"] .dark-disabled-text-uppercase:disabled { text-transform: uppercase; }
[data-theme="dark"] .dark-group-hover-text-uppercase { text-transform: uppercase; }
[data-theme="dark"] .dark-text-lowercase { text-transform: lowercase; }
[data-theme="dark"] .dark-hover-text-lowercase:hover { text-transform: lowercase; }
[data-theme="dark"] .dark-focus-text-lowercase:focus { text-transform: lowercase; }
[data-theme="dark"] .dark-active-text-lowercase:active { text-transform: lowercase; }
[data-theme="dark"] .dark-disabled-text-lowercase:disabled { text-transform: lowercase; }
[data-theme="dark"] .dark-group-hover-text-lowercase { text-transform: lowercase; }
[data-theme="dark"] .dark-text-capitalize { text-transform: capitalize; }
[data-theme="dark"] .dark-hover-text-capitalize:hover { text-transform: capitalize; }
[data-theme="dark"] .dark-focus-text-capitalize:focus { text-transform: capitalize; }
[data-theme="dark"] .dark-active-text-capitalize:active { text-transform: capitalize; }
[data-theme="dark"] .dark-disabled-text-capitalize:disabled { text-transform: capitalize; }
[data-theme="dark"] .dark-group-hover-text-capitalize { text-transform: capitalize; }
[data-theme="dark"] .dark-tracking-tight { letter-spacing: -0.05em; }
[data-theme="dark"] .dark-hover-tracking-tight:hover { letter-spacing: -0.05em; }
[data-theme="dark"] .dark-focus-tracking-tight:focus { letter-spacing: -0.05em; }
[data-theme="dark"] .dark-active-tracking-tight:active { letter-spacing: -0.05em; }
[data-theme="dark"] .dark-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
[data-theme="dark"] .dark-group-hover-tracking-tight { letter-spacing: -0.05em; }
[data-theme="dark"] .dark-tracking-normal { letter-spacing: 0; }
[data-theme="dark"] .dark-hover-tracking-normal:hover { letter-spacing: 0; }
[data-theme="dark"] .dark-focus-tracking-normal:focus { letter-spacing: 0; }
[data-theme="dark"] .dark-active-tracking-normal:active { letter-spacing: 0; }
[data-theme="dark"] .dark-disabled-tracking-normal:disabled { letter-spacing: 0; }
[data-theme="dark"] .dark-group-hover-tracking-normal { letter-spacing: 0; }
[data-theme="dark"] .dark-tracking-wide { letter-spacing: 0.05em; }
[data-theme="dark"] .dark-hover-tracking-wide:hover { letter-spacing: 0.05em; }
[data-theme="dark"] .dark-focus-tracking-wide:focus { letter-spacing: 0.05em; }
[data-theme="dark"] .dark-active-tracking-wide:active { letter-spacing: 0.05em; }
[data-theme="dark"] .dark-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
[data-theme="dark"] .dark-group-hover-tracking-wide { letter-spacing: 0.05em; }
[data-theme="dark"] .dark-underline { text-decoration: underline; }
[data-theme="dark"] .dark-hover-underline:hover { text-decoration: underline; }
[data-theme="dark"] .dark-focus-underline:focus { text-decoration: underline; }
[data-theme="dark"] .dark-active-underline:active { text-decoration: underline; }
[data-theme="dark"] .dark-disabled-underline:disabled { text-decoration: underline; }
[data-theme="dark"] .dark-group-hover-underline { text-decoration: underline; }
[data-theme="dark"] .dark-line-through { text-decoration: line-through; }
[data-theme="dark"] .dark-hover-line-through:hover { text-decoration: line-through; }
[data-theme="dark"] .dark-focus-line-through:focus { text-decoration: line-through; }
[data-theme="dark"] .dark-active-line-through:active { text-decoration: line-through; }
[data-theme="dark"] .dark-disabled-line-through:disabled { text-decoration: line-through; }
[data-theme="dark"] .dark-group-hover-line-through { text-decoration: line-through; }
[data-theme="dark"] .dark-no-underline { text-decoration: none; }
[data-theme="dark"] .dark-hover-no-underline:hover { text-decoration: none; }
[data-theme="dark"] .dark-focus-no-underline:focus { text-decoration: none; }
[data-theme="dark"] .dark-active-no-underline:active { text-decoration: none; }
[data-theme="dark"] .dark-disabled-no-underline:disabled { text-decoration: none; }
[data-theme="dark"] .dark-group-hover-no-underline { text-decoration: none; }
[data-theme="dark"] .dark-text-black { color: var(--black); }
[data-theme="dark"] .dark-hover-text-black:hover { color: var(--black); }
[data-theme="dark"] .dark-focus-text-black:focus { color: var(--black); }
[data-theme="dark"] .dark-active-text-black:active { color: var(--black); }
[data-theme="dark"] .dark-disabled-text-black:disabled { color: var(--black); }
[data-theme="dark"] .dark-group-hover-text-black { color: var(--black); }
[data-theme="dark"] .dark-text-white { color: var(--white); }
[data-theme="dark"] .dark-hover-text-white:hover { color: var(--white); }
[data-theme="dark"] .dark-focus-text-white:focus { color: var(--white); }
[data-theme="dark"] .dark-active-text-white:active { color: var(--white); }
[data-theme="dark"] .dark-disabled-text-white:disabled { color: var(--white); }
[data-theme="dark"] .dark-group-hover-text-white { color: var(--white); }
[data-theme="dark"] .dark-text-red-50 { color: var(--quanta-red-50); }
[data-theme="dark"] .dark-hover-text-red-50:hover { color: var(--quanta-red-50); }
[data-theme="dark"] .dark-focus-text-red-50:focus { color: var(--quanta-red-50); }
[data-theme="dark"] .dark-active-text-red-50:active { color: var(--quanta-red-50); }
[data-theme="dark"] .dark-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
[data-theme="dark"] .dark-group-hover-text-red-50 { color: var(--quanta-red-50); }
[data-theme="dark"] .dark-text-red-100 { color: var(--quanta-red-100); }
[data-theme="dark"] .dark-hover-text-red-100:hover { color: var(--quanta-red-100); }
[data-theme="dark"] .dark-focus-text-red-100:focus { color: var(--quanta-red-100); }
[data-theme="dark"] .dark-active-text-red-100:active { color: var(--quanta-red-100); }
[data-theme="dark"] .dark-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
[data-theme="dark"] .dark-group-hover-text-red-100 { color: var(--quanta-red-100); }
[data-theme="dark"] .dark-text-red-200 { color: var(--quanta-red-200); }
[data-theme="dark"] .dark-hover-text-red-200:hover { color: var(--quanta-red-200); }
[data-theme="dark"] .dark-focus-text-red-200:focus { color: var(--quanta-red-200); }
[data-theme="dark"] .dark-active-text-red-200:active { color: var(--quanta-red-200); }
[data-theme="dark"] .dark-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
[data-theme="dark"] .dark-group-hover-text-red-200 { color: var(--quanta-red-200); }
[data-theme="dark"] .dark-text-red-300 { color: var(--quanta-red-300); }
[data-theme="dark"] .dark-hover-text-red-300:hover { color: var(--quanta-red-300); }
[data-theme="dark"] .dark-focus-text-red-300:focus { color: var(--quanta-red-300); }
[data-theme="dark"] .dark-active-text-red-300:active { color: var(--quanta-red-300); }
[data-theme="dark"] .dark-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
[data-theme="dark"] .dark-group-hover-text-red-300 { color: var(--quanta-red-300); }
[data-theme="dark"] .dark-text-red-400 { color: var(--quanta-red-400); }
[data-theme="dark"] .dark-hover-text-red-400:hover { color: var(--quanta-red-400); }
[data-theme="dark"] .dark-focus-text-red-400:focus { color: var(--quanta-red-400); }
[data-theme="dark"] .dark-active-text-red-400:active { color: var(--quanta-red-400); }
[data-theme="dark"] .dark-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
[data-theme="dark"] .dark-group-hover-text-red-400 { color: var(--quanta-red-400); }
[data-theme="dark"] .dark-text-red-500 { color: var(--quanta-red-500); }
[data-theme="dark"] .dark-hover-text-red-500:hover { color: var(--quanta-red-500); }
[data-theme="dark"] .dark-focus-text-red-500:focus { color: var(--quanta-red-500); }
[data-theme="dark"] .dark-active-text-red-500:active { color: var(--quanta-red-500); }
[data-theme="dark"] .dark-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
[data-theme="dark"] .dark-group-hover-text-red-500 { color: var(--quanta-red-500); }
[data-theme="dark"] .dark-text-red-600 { color: var(--quanta-red-600); }
[data-theme="dark"] .dark-hover-text-red-600:hover { color: var(--quanta-red-600); }
[data-theme="dark"] .dark-focus-text-red-600:focus { color: var(--quanta-red-600); }
[data-theme="dark"] .dark-active-text-red-600:active { color: var(--quanta-red-600); }
[data-theme="dark"] .dark-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
[data-theme="dark"] .dark-group-hover-text-red-600 { color: var(--quanta-red-600); }
[data-theme="dark"] .dark-text-red-700 { color: var(--quanta-red-700); }
[data-theme="dark"] .dark-hover-text-red-700:hover { color: var(--quanta-red-700); }
[data-theme="dark"] .dark-focus-text-red-700:focus { color: var(--quanta-red-700); }
[data-theme="dark"] .dark-active-text-red-700:active { color: var(--quanta-red-700); }
[data-theme="dark"] .dark-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
[data-theme="dark"] .dark-group-hover-text-red-700 { color: var(--quanta-red-700); }
[data-theme="dark"] .dark-text-red-800 { color: var(--quanta-red-800); }
[data-theme="dark"] .dark-hover-text-red-800:hover { color: var(--quanta-red-800); }
[data-theme="dark"] .dark-focus-text-red-800:focus { color: var(--quanta-red-800); }
[data-theme="dark"] .dark-active-text-red-800:active { color: var(--quanta-red-800); }
[data-theme="dark"] .dark-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
[data-theme="dark"] .dark-group-hover-text-red-800 { color: var(--quanta-red-800); }
[data-theme="dark"] .dark-text-red-900 { color: var(--quanta-red-900); }
[data-theme="dark"] .dark-hover-text-red-900:hover { color: var(--quanta-red-900); }
[data-theme="dark"] .dark-focus-text-red-900:focus { color: var(--quanta-red-900); }
[data-theme="dark"] .dark-active-text-red-900:active { color: var(--quanta-red-900); }
[data-theme="dark"] .dark-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
[data-theme="dark"] .dark-group-hover-text-red-900 { color: var(--quanta-red-900); }
[data-theme="dark"] .dark-text-orange-50 { color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-active-text-orange-50:active { color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-group-hover-text-orange-50 { color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-text-orange-100 { color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-active-text-orange-100:active { color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-group-hover-text-orange-100 { color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-text-orange-200 { color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-active-text-orange-200:active { color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-group-hover-text-orange-200 { color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-text-orange-300 { color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-active-text-orange-300:active { color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-group-hover-text-orange-300 { color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-text-orange-400 { color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-active-text-orange-400:active { color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-group-hover-text-orange-400 { color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-text-orange-500 { color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-active-text-orange-500:active { color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-group-hover-text-orange-500 { color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-text-orange-600 { color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-active-text-orange-600:active { color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-group-hover-text-orange-600 { color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-text-orange-700 { color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-active-text-orange-700:active { color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-group-hover-text-orange-700 { color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-text-orange-800 { color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-active-text-orange-800:active { color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-group-hover-text-orange-800 { color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-text-orange-900 { color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-active-text-orange-900:active { color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-group-hover-text-orange-900 { color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-text-teal-50 { color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-active-text-teal-50:active { color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-group-hover-text-teal-50 { color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-text-teal-100 { color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-active-text-teal-100:active { color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-group-hover-text-teal-100 { color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-text-teal-200 { color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-active-text-teal-200:active { color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-group-hover-text-teal-200 { color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-text-teal-300 { color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-active-text-teal-300:active { color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-group-hover-text-teal-300 { color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-text-teal-400 { color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-active-text-teal-400:active { color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-group-hover-text-teal-400 { color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-text-teal-500 { color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-active-text-teal-500:active { color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-group-hover-text-teal-500 { color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-text-teal-600 { color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-active-text-teal-600:active { color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-group-hover-text-teal-600 { color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-text-teal-700 { color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-active-text-teal-700:active { color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-group-hover-text-teal-700 { color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-text-teal-800 { color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-active-text-teal-800:active { color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-group-hover-text-teal-800 { color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-text-teal-900 { color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-active-text-teal-900:active { color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-group-hover-text-teal-900 { color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-text-purple-50 { color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-active-text-purple-50:active { color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-group-hover-text-purple-50 { color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-text-purple-100 { color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-active-text-purple-100:active { color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-group-hover-text-purple-100 { color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-text-purple-200 { color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-active-text-purple-200:active { color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-group-hover-text-purple-200 { color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-text-purple-300 { color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-active-text-purple-300:active { color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-group-hover-text-purple-300 { color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-text-purple-400 { color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-active-text-purple-400:active { color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-group-hover-text-purple-400 { color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-text-purple-500 { color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-active-text-purple-500:active { color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-group-hover-text-purple-500 { color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-text-purple-600 { color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-active-text-purple-600:active { color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-group-hover-text-purple-600 { color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-text-purple-700 { color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-active-text-purple-700:active { color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-group-hover-text-purple-700 { color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-text-purple-800 { color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-active-text-purple-800:active { color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-group-hover-text-purple-800 { color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-text-purple-900 { color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-active-text-purple-900:active { color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-group-hover-text-purple-900 { color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-text-indigo-50 { color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-group-hover-text-indigo-50 { color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-text-indigo-100 { color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-group-hover-text-indigo-100 { color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-text-indigo-200 { color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-group-hover-text-indigo-200 { color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-text-indigo-300 { color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-group-hover-text-indigo-300 { color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-text-indigo-400 { color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-group-hover-text-indigo-400 { color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-text-indigo-500 { color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-group-hover-text-indigo-500 { color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-text-indigo-600 { color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-group-hover-text-indigo-600 { color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-text-indigo-700 { color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-group-hover-text-indigo-700 { color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-text-indigo-800 { color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-group-hover-text-indigo-800 { color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-text-indigo-900 { color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-group-hover-text-indigo-900 { color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-text-yellow-50 { color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-group-hover-text-yellow-50 { color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-text-yellow-100 { color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-group-hover-text-yellow-100 { color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-text-yellow-200 { color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-group-hover-text-yellow-200 { color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-text-yellow-300 { color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-group-hover-text-yellow-300 { color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-text-yellow-400 { color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-group-hover-text-yellow-400 { color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-text-yellow-500 { color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-group-hover-text-yellow-500 { color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-text-yellow-600 { color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-group-hover-text-yellow-600 { color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-text-yellow-700 { color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-group-hover-text-yellow-700 { color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-text-yellow-800 { color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-group-hover-text-yellow-800 { color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-text-yellow-900 { color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-group-hover-text-yellow-900 { color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-text-pink-50 { color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-active-text-pink-50:active { color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-group-hover-text-pink-50 { color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-text-pink-100 { color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-active-text-pink-100:active { color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-group-hover-text-pink-100 { color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-text-pink-200 { color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-active-text-pink-200:active { color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-group-hover-text-pink-200 { color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-text-pink-300 { color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-active-text-pink-300:active { color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-group-hover-text-pink-300 { color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-text-pink-400 { color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-active-text-pink-400:active { color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-group-hover-text-pink-400 { color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-text-pink-500 { color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-active-text-pink-500:active { color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-group-hover-text-pink-500 { color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-text-pink-600 { color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-active-text-pink-600:active { color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-group-hover-text-pink-600 { color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-text-pink-700 { color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-active-text-pink-700:active { color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-group-hover-text-pink-700 { color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-text-pink-800 { color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-active-text-pink-800:active { color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-group-hover-text-pink-800 { color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-text-pink-900 { color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-active-text-pink-900:active { color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-group-hover-text-pink-900 { color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-text-grey-50 { color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-active-text-grey-50:active { color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-group-hover-text-grey-50 { color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-text-grey-100 { color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-active-text-grey-100:active { color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-group-hover-text-grey-100 { color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-text-grey-200 { color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-active-text-grey-200:active { color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-group-hover-text-grey-200 { color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-text-grey-300 { color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-active-text-grey-300:active { color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-group-hover-text-grey-300 { color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-text-grey-400 { color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-active-text-grey-400:active { color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-group-hover-text-grey-400 { color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-text-grey-500 { color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-active-text-grey-500:active { color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-group-hover-text-grey-500 { color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-text-grey-600 { color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-active-text-grey-600:active { color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-group-hover-text-grey-600 { color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-text-grey-700 { color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-active-text-grey-700:active { color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-group-hover-text-grey-700 { color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-text-grey-800 { color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-active-text-grey-800:active { color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-group-hover-text-grey-800 { color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-text-grey-900 { color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-active-text-grey-900:active { color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-group-hover-text-grey-900 { color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-text-lime-50 { color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-active-text-lime-50:active { color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-group-hover-text-lime-50 { color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-text-lime-100 { color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-active-text-lime-100:active { color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-group-hover-text-lime-100 { color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-text-lime-200 { color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-active-text-lime-200:active { color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-group-hover-text-lime-200 { color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-text-lime-300 { color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-active-text-lime-300:active { color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-group-hover-text-lime-300 { color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-text-lime-400 { color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-active-text-lime-400:active { color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-group-hover-text-lime-400 { color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-text-lime-500 { color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-active-text-lime-500:active { color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-group-hover-text-lime-500 { color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-text-lime-600 { color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-active-text-lime-600:active { color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-group-hover-text-lime-600 { color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-text-lime-700 { color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-active-text-lime-700:active { color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-group-hover-text-lime-700 { color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-text-lime-800 { color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-active-text-lime-800:active { color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-group-hover-text-lime-800 { color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-text-lime-900 { color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-active-text-lime-900:active { color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-group-hover-text-lime-900 { color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-text-cyan-50 { color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-group-hover-text-cyan-50 { color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-text-cyan-100 { color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-group-hover-text-cyan-100 { color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-text-cyan-200 { color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-group-hover-text-cyan-200 { color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-text-cyan-300 { color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-group-hover-text-cyan-300 { color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-text-cyan-400 { color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-group-hover-text-cyan-400 { color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-text-cyan-500 { color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-group-hover-text-cyan-500 { color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-text-cyan-600 { color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-group-hover-text-cyan-600 { color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-text-cyan-700 { color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-group-hover-text-cyan-700 { color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-text-cyan-800 { color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-group-hover-text-cyan-800 { color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-text-cyan-900 { color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-group-hover-text-cyan-900 { color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-text-sky-50 { color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-active-text-sky-50:active { color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-group-hover-text-sky-50 { color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-text-sky-100 { color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-active-text-sky-100:active { color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-group-hover-text-sky-100 { color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-text-sky-200 { color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-active-text-sky-200:active { color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-group-hover-text-sky-200 { color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-text-sky-300 { color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-active-text-sky-300:active { color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-group-hover-text-sky-300 { color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-text-sky-400 { color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-active-text-sky-400:active { color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-group-hover-text-sky-400 { color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-text-sky-500 { color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-active-text-sky-500:active { color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-group-hover-text-sky-500 { color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-text-sky-600 { color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-active-text-sky-600:active { color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-group-hover-text-sky-600 { color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-text-sky-700 { color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-active-text-sky-700:active { color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-group-hover-text-sky-700 { color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-text-sky-800 { color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-active-text-sky-800:active { color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-group-hover-text-sky-800 { color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-text-sky-900 { color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-active-text-sky-900:active { color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-group-hover-text-sky-900 { color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-text-violet-50 { color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-active-text-violet-50:active { color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-group-hover-text-violet-50 { color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-text-violet-100 { color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-active-text-violet-100:active { color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-group-hover-text-violet-100 { color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-text-violet-200 { color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-active-text-violet-200:active { color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-group-hover-text-violet-200 { color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-text-violet-300 { color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-active-text-violet-300:active { color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-group-hover-text-violet-300 { color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-text-violet-400 { color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-active-text-violet-400:active { color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-group-hover-text-violet-400 { color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-text-violet-500 { color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-active-text-violet-500:active { color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-group-hover-text-violet-500 { color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-text-violet-600 { color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-active-text-violet-600:active { color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-group-hover-text-violet-600 { color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-text-violet-700 { color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-active-text-violet-700:active { color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-group-hover-text-violet-700 { color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-text-violet-800 { color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-active-text-violet-800:active { color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-group-hover-text-violet-800 { color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-text-violet-900 { color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-active-text-violet-900:active { color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-group-hover-text-violet-900 { color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-text-rose-50 { color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-active-text-rose-50:active { color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-group-hover-text-rose-50 { color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-text-rose-100 { color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-active-text-rose-100:active { color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-group-hover-text-rose-100 { color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-text-rose-200 { color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-active-text-rose-200:active { color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-group-hover-text-rose-200 { color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-text-rose-300 { color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-active-text-rose-300:active { color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-group-hover-text-rose-300 { color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-text-rose-400 { color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-active-text-rose-400:active { color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-group-hover-text-rose-400 { color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-text-rose-500 { color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-active-text-rose-500:active { color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-group-hover-text-rose-500 { color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-text-rose-600 { color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-active-text-rose-600:active { color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-group-hover-text-rose-600 { color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-text-rose-700 { color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-active-text-rose-700:active { color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-group-hover-text-rose-700 { color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-text-rose-800 { color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-active-text-rose-800:active { color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-group-hover-text-rose-800 { color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-text-rose-900 { color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-active-text-rose-900:active { color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-group-hover-text-rose-900 { color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-text-slate-50 { color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-active-text-slate-50:active { color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-group-hover-text-slate-50 { color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-text-slate-100 { color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-active-text-slate-100:active { color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-group-hover-text-slate-100 { color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-text-slate-200 { color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-active-text-slate-200:active { color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-group-hover-text-slate-200 { color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-text-slate-300 { color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-active-text-slate-300:active { color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-group-hover-text-slate-300 { color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-text-slate-400 { color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-active-text-slate-400:active { color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-group-hover-text-slate-400 { color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-text-slate-500 { color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-active-text-slate-500:active { color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-group-hover-text-slate-500 { color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-text-slate-600 { color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-active-text-slate-600:active { color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-group-hover-text-slate-600 { color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-text-slate-700 { color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-active-text-slate-700:active { color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-group-hover-text-slate-700 { color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-text-slate-800 { color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-active-text-slate-800:active { color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-group-hover-text-slate-800 { color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-text-slate-900 { color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-active-text-slate-900:active { color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-group-hover-text-slate-900 { color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-text-blue-50 { color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-active-text-blue-50:active { color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-group-hover-text-blue-50 { color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-text-blue-100 { color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-active-text-blue-100:active { color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-group-hover-text-blue-100 { color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-text-blue-200 { color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-active-text-blue-200:active { color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-group-hover-text-blue-200 { color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-text-blue-300 { color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-active-text-blue-300:active { color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-group-hover-text-blue-300 { color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-text-blue-400 { color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-active-text-blue-400:active { color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-group-hover-text-blue-400 { color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-text-blue-500 { color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-text-blue-500:active { color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-text-blue-500 { color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-text-blue-600 { color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-active-text-blue-600:active { color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-group-hover-text-blue-600 { color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-text-blue-700 { color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-active-text-blue-700:active { color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-group-hover-text-blue-700 { color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-text-blue-800 { color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-active-text-blue-800:active { color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-group-hover-text-blue-800 { color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-text-blue-900 { color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-active-text-blue-900:active { color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-group-hover-text-blue-900 { color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-text-green-50 { color: var(--quanta-green-50); }
[data-theme="dark"] .dark-hover-text-green-50:hover { color: var(--quanta-green-50); }
[data-theme="dark"] .dark-focus-text-green-50:focus { color: var(--quanta-green-50); }
[data-theme="dark"] .dark-active-text-green-50:active { color: var(--quanta-green-50); }
[data-theme="dark"] .dark-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
[data-theme="dark"] .dark-group-hover-text-green-50 { color: var(--quanta-green-50); }
[data-theme="dark"] .dark-text-green-100 { color: var(--quanta-green-100); }
[data-theme="dark"] .dark-hover-text-green-100:hover { color: var(--quanta-green-100); }
[data-theme="dark"] .dark-focus-text-green-100:focus { color: var(--quanta-green-100); }
[data-theme="dark"] .dark-active-text-green-100:active { color: var(--quanta-green-100); }
[data-theme="dark"] .dark-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
[data-theme="dark"] .dark-group-hover-text-green-100 { color: var(--quanta-green-100); }
[data-theme="dark"] .dark-text-green-200 { color: var(--quanta-green-200); }
[data-theme="dark"] .dark-hover-text-green-200:hover { color: var(--quanta-green-200); }
[data-theme="dark"] .dark-focus-text-green-200:focus { color: var(--quanta-green-200); }
[data-theme="dark"] .dark-active-text-green-200:active { color: var(--quanta-green-200); }
[data-theme="dark"] .dark-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
[data-theme="dark"] .dark-group-hover-text-green-200 { color: var(--quanta-green-200); }
[data-theme="dark"] .dark-text-green-300 { color: var(--quanta-green-300); }
[data-theme="dark"] .dark-hover-text-green-300:hover { color: var(--quanta-green-300); }
[data-theme="dark"] .dark-focus-text-green-300:focus { color: var(--quanta-green-300); }
[data-theme="dark"] .dark-active-text-green-300:active { color: var(--quanta-green-300); }
[data-theme="dark"] .dark-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
[data-theme="dark"] .dark-group-hover-text-green-300 { color: var(--quanta-green-300); }
[data-theme="dark"] .dark-text-green-400 { color: var(--quanta-green-400); }
[data-theme="dark"] .dark-hover-text-green-400:hover { color: var(--quanta-green-400); }
[data-theme="dark"] .dark-focus-text-green-400:focus { color: var(--quanta-green-400); }
[data-theme="dark"] .dark-active-text-green-400:active { color: var(--quanta-green-400); }
[data-theme="dark"] .dark-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
[data-theme="dark"] .dark-group-hover-text-green-400 { color: var(--quanta-green-400); }
[data-theme="dark"] .dark-text-green-500 { color: var(--quanta-green-500); }
[data-theme="dark"] .dark-hover-text-green-500:hover { color: var(--quanta-green-500); }
[data-theme="dark"] .dark-focus-text-green-500:focus { color: var(--quanta-green-500); }
[data-theme="dark"] .dark-active-text-green-500:active { color: var(--quanta-green-500); }
[data-theme="dark"] .dark-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
[data-theme="dark"] .dark-group-hover-text-green-500 { color: var(--quanta-green-500); }
[data-theme="dark"] .dark-text-green-600 { color: var(--quanta-green-600); }
[data-theme="dark"] .dark-hover-text-green-600:hover { color: var(--quanta-green-600); }
[data-theme="dark"] .dark-focus-text-green-600:focus { color: var(--quanta-green-600); }
[data-theme="dark"] .dark-active-text-green-600:active { color: var(--quanta-green-600); }
[data-theme="dark"] .dark-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
[data-theme="dark"] .dark-group-hover-text-green-600 { color: var(--quanta-green-600); }
[data-theme="dark"] .dark-text-green-700 { color: var(--quanta-green-700); }
[data-theme="dark"] .dark-hover-text-green-700:hover { color: var(--quanta-green-700); }
[data-theme="dark"] .dark-focus-text-green-700:focus { color: var(--quanta-green-700); }
[data-theme="dark"] .dark-active-text-green-700:active { color: var(--quanta-green-700); }
[data-theme="dark"] .dark-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
[data-theme="dark"] .dark-group-hover-text-green-700 { color: var(--quanta-green-700); }
[data-theme="dark"] .dark-text-green-800 { color: var(--quanta-green-800); }
[data-theme="dark"] .dark-hover-text-green-800:hover { color: var(--quanta-green-800); }
[data-theme="dark"] .dark-focus-text-green-800:focus { color: var(--quanta-green-800); }
[data-theme="dark"] .dark-active-text-green-800:active { color: var(--quanta-green-800); }
[data-theme="dark"] .dark-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
[data-theme="dark"] .dark-group-hover-text-green-800 { color: var(--quanta-green-800); }
[data-theme="dark"] .dark-text-green-900 { color: var(--quanta-green-900); }
[data-theme="dark"] .dark-hover-text-green-900:hover { color: var(--quanta-green-900); }
[data-theme="dark"] .dark-focus-text-green-900:focus { color: var(--quanta-green-900); }
[data-theme="dark"] .dark-active-text-green-900:active { color: var(--quanta-green-900); }
[data-theme="dark"] .dark-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
[data-theme="dark"] .dark-group-hover-text-green-900 { color: var(--quanta-green-900); }
[data-theme="dark"] .dark-bg-red-50 { background-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-active-bg-red-50:active { background-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-group-hover-bg-red-50 { background-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-bg-red-100 { background-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-active-bg-red-100:active { background-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-group-hover-bg-red-100 { background-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-bg-red-200 { background-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-active-bg-red-200:active { background-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-group-hover-bg-red-200 { background-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-bg-red-300 { background-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-active-bg-red-300:active { background-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-group-hover-bg-red-300 { background-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-bg-red-400 { background-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-active-bg-red-400:active { background-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-group-hover-bg-red-400 { background-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-bg-red-500 { background-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-active-bg-red-500:active { background-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-group-hover-bg-red-500 { background-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-bg-red-600 { background-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-active-bg-red-600:active { background-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-group-hover-bg-red-600 { background-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-bg-red-700 { background-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-active-bg-red-700:active { background-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-group-hover-bg-red-700 { background-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-bg-red-800 { background-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-active-bg-red-800:active { background-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-group-hover-bg-red-800 { background-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-bg-red-900 { background-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-active-bg-red-900:active { background-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-group-hover-bg-red-900 { background-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-bg-orange-50 { background-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-group-hover-bg-orange-50 { background-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-bg-orange-100 { background-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-group-hover-bg-orange-100 { background-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-bg-orange-200 { background-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-group-hover-bg-orange-200 { background-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-bg-orange-300 { background-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-group-hover-bg-orange-300 { background-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-bg-orange-400 { background-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-group-hover-bg-orange-400 { background-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-bg-orange-500 { background-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-group-hover-bg-orange-500 { background-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-bg-orange-600 { background-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-group-hover-bg-orange-600 { background-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-bg-orange-700 { background-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-group-hover-bg-orange-700 { background-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-bg-orange-800 { background-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-group-hover-bg-orange-800 { background-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-bg-orange-900 { background-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-group-hover-bg-orange-900 { background-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-bg-teal-50 { background-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-group-hover-bg-teal-50 { background-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-bg-teal-100 { background-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-group-hover-bg-teal-100 { background-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-bg-teal-200 { background-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-group-hover-bg-teal-200 { background-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-bg-teal-300 { background-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-group-hover-bg-teal-300 { background-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-bg-teal-400 { background-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-group-hover-bg-teal-400 { background-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-bg-teal-500 { background-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-group-hover-bg-teal-500 { background-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-bg-teal-600 { background-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-group-hover-bg-teal-600 { background-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-bg-teal-700 { background-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-group-hover-bg-teal-700 { background-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-bg-teal-800 { background-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-group-hover-bg-teal-800 { background-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-bg-teal-900 { background-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-group-hover-bg-teal-900 { background-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-bg-purple-50 { background-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-group-hover-bg-purple-50 { background-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-bg-purple-100 { background-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-group-hover-bg-purple-100 { background-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-bg-purple-200 { background-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-group-hover-bg-purple-200 { background-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-bg-purple-300 { background-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-group-hover-bg-purple-300 { background-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-bg-purple-400 { background-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-group-hover-bg-purple-400 { background-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-bg-purple-500 { background-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-group-hover-bg-purple-500 { background-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-bg-purple-600 { background-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-group-hover-bg-purple-600 { background-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-bg-purple-700 { background-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-group-hover-bg-purple-700 { background-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-bg-purple-800 { background-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-group-hover-bg-purple-800 { background-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-bg-purple-900 { background-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-group-hover-bg-purple-900 { background-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-group-hover-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-group-hover-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-group-hover-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-group-hover-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-group-hover-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-group-hover-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-group-hover-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-group-hover-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-group-hover-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-group-hover-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-group-hover-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-group-hover-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-group-hover-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-group-hover-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-group-hover-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-group-hover-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-group-hover-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-group-hover-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-group-hover-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-group-hover-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-bg-pink-50 { background-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-group-hover-bg-pink-50 { background-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-bg-pink-100 { background-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-group-hover-bg-pink-100 { background-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-bg-pink-200 { background-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-group-hover-bg-pink-200 { background-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-bg-pink-300 { background-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-group-hover-bg-pink-300 { background-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-bg-pink-400 { background-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-group-hover-bg-pink-400 { background-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-bg-pink-500 { background-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-group-hover-bg-pink-500 { background-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-bg-pink-600 { background-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-group-hover-bg-pink-600 { background-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-bg-pink-700 { background-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-group-hover-bg-pink-700 { background-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-bg-pink-800 { background-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-group-hover-bg-pink-800 { background-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-bg-pink-900 { background-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-group-hover-bg-pink-900 { background-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-bg-grey-50 { background-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-group-hover-bg-grey-50 { background-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-bg-grey-100 { background-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-group-hover-bg-grey-100 { background-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-bg-grey-200 { background-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-group-hover-bg-grey-200 { background-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-bg-grey-300 { background-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-group-hover-bg-grey-300 { background-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-bg-grey-400 { background-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-group-hover-bg-grey-400 { background-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-bg-grey-500 { background-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-group-hover-bg-grey-500 { background-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-bg-grey-600 { background-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-group-hover-bg-grey-600 { background-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-bg-grey-700 { background-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-group-hover-bg-grey-700 { background-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-bg-grey-800 { background-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-group-hover-bg-grey-800 { background-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-bg-grey-900 { background-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-group-hover-bg-grey-900 { background-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-bg-lime-50 { background-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-group-hover-bg-lime-50 { background-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-bg-lime-100 { background-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-group-hover-bg-lime-100 { background-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-bg-lime-200 { background-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-group-hover-bg-lime-200 { background-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-bg-lime-300 { background-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-group-hover-bg-lime-300 { background-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-bg-lime-400 { background-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-group-hover-bg-lime-400 { background-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-bg-lime-500 { background-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-group-hover-bg-lime-500 { background-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-bg-lime-600 { background-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-group-hover-bg-lime-600 { background-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-bg-lime-700 { background-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-group-hover-bg-lime-700 { background-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-bg-lime-800 { background-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-group-hover-bg-lime-800 { background-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-bg-lime-900 { background-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-group-hover-bg-lime-900 { background-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-group-hover-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-group-hover-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-group-hover-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-group-hover-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-group-hover-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-group-hover-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-group-hover-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-group-hover-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-group-hover-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-group-hover-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-bg-sky-50 { background-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-group-hover-bg-sky-50 { background-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-bg-sky-100 { background-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-group-hover-bg-sky-100 { background-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-bg-sky-200 { background-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-group-hover-bg-sky-200 { background-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-bg-sky-300 { background-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-group-hover-bg-sky-300 { background-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-bg-sky-400 { background-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-group-hover-bg-sky-400 { background-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-bg-sky-500 { background-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-group-hover-bg-sky-500 { background-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-bg-sky-600 { background-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-group-hover-bg-sky-600 { background-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-bg-sky-700 { background-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-group-hover-bg-sky-700 { background-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-bg-sky-800 { background-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-group-hover-bg-sky-800 { background-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-bg-sky-900 { background-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-group-hover-bg-sky-900 { background-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-bg-violet-50 { background-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-group-hover-bg-violet-50 { background-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-bg-violet-100 { background-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-group-hover-bg-violet-100 { background-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-bg-violet-200 { background-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-group-hover-bg-violet-200 { background-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-bg-violet-300 { background-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-group-hover-bg-violet-300 { background-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-bg-violet-400 { background-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-group-hover-bg-violet-400 { background-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-bg-violet-500 { background-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-group-hover-bg-violet-500 { background-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-bg-violet-600 { background-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-group-hover-bg-violet-600 { background-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-bg-violet-700 { background-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-group-hover-bg-violet-700 { background-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-bg-violet-800 { background-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-group-hover-bg-violet-800 { background-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-bg-violet-900 { background-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-group-hover-bg-violet-900 { background-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-bg-rose-50 { background-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-group-hover-bg-rose-50 { background-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-bg-rose-100 { background-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-group-hover-bg-rose-100 { background-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-bg-rose-200 { background-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-group-hover-bg-rose-200 { background-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-bg-rose-300 { background-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-group-hover-bg-rose-300 { background-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-bg-rose-400 { background-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-group-hover-bg-rose-400 { background-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-bg-rose-500 { background-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-group-hover-bg-rose-500 { background-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-bg-rose-600 { background-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-group-hover-bg-rose-600 { background-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-bg-rose-700 { background-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-group-hover-bg-rose-700 { background-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-bg-rose-800 { background-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-group-hover-bg-rose-800 { background-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-bg-rose-900 { background-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-group-hover-bg-rose-900 { background-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-bg-slate-50 { background-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-group-hover-bg-slate-50 { background-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-bg-slate-100 { background-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-group-hover-bg-slate-100 { background-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-bg-slate-200 { background-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-group-hover-bg-slate-200 { background-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-bg-slate-300 { background-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-group-hover-bg-slate-300 { background-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-bg-slate-400 { background-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-group-hover-bg-slate-400 { background-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-bg-slate-500 { background-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-group-hover-bg-slate-500 { background-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-bg-slate-600 { background-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-group-hover-bg-slate-600 { background-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-bg-slate-700 { background-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-group-hover-bg-slate-700 { background-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-bg-slate-800 { background-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-group-hover-bg-slate-800 { background-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-bg-slate-900 { background-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-group-hover-bg-slate-900 { background-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-bg-blue-50 { background-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-group-hover-bg-blue-50 { background-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-bg-blue-100 { background-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-group-hover-bg-blue-100 { background-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-bg-blue-200 { background-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-group-hover-bg-blue-200 { background-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-bg-blue-300 { background-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-group-hover-bg-blue-300 { background-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-bg-blue-400 { background-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-group-hover-bg-blue-400 { background-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-bg-blue-500 { background-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-bg-blue-500 { background-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-bg-blue-600 { background-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-group-hover-bg-blue-600 { background-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-bg-blue-700 { background-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-group-hover-bg-blue-700 { background-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-bg-blue-800 { background-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-group-hover-bg-blue-800 { background-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-bg-blue-900 { background-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-group-hover-bg-blue-900 { background-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-bg-green-50 { background-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-active-bg-green-50:active { background-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-group-hover-bg-green-50 { background-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-bg-green-100 { background-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-active-bg-green-100:active { background-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-group-hover-bg-green-100 { background-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-bg-green-200 { background-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-active-bg-green-200:active { background-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-group-hover-bg-green-200 { background-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-bg-green-300 { background-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-active-bg-green-300:active { background-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-group-hover-bg-green-300 { background-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-bg-green-400 { background-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-active-bg-green-400:active { background-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-group-hover-bg-green-400 { background-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-bg-green-500 { background-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-active-bg-green-500:active { background-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-group-hover-bg-green-500 { background-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-bg-green-600 { background-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-active-bg-green-600:active { background-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-group-hover-bg-green-600 { background-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-bg-green-700 { background-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-active-bg-green-700:active { background-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-group-hover-bg-green-700 { background-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-bg-green-800 { background-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-active-bg-green-800:active { background-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-group-hover-bg-green-800 { background-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-bg-green-900 { background-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-active-bg-green-900:active { background-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-group-hover-bg-green-900 { background-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-bg-black { background-color: var(--black); }
[data-theme="dark"] .dark-hover-bg-black:hover { background-color: var(--black); }
[data-theme="dark"] .dark-focus-bg-black:focus { background-color: var(--black); }
[data-theme="dark"] .dark-active-bg-black:active { background-color: var(--black); }
[data-theme="dark"] .dark-disabled-bg-black:disabled { background-color: var(--black); }
[data-theme="dark"] .dark-group-hover-bg-black { background-color: var(--black); }
[data-theme="dark"] .dark-bg-white { background-color: var(--white); }
[data-theme="dark"] .dark-hover-bg-white:hover { background-color: var(--white); }
[data-theme="dark"] .dark-focus-bg-white:focus { background-color: var(--white); }
[data-theme="dark"] .dark-active-bg-white:active { background-color: var(--white); }
[data-theme="dark"] .dark-disabled-bg-white:disabled { background-color: var(--white); }
[data-theme="dark"] .dark-group-hover-bg-white { background-color: var(--white); }
[data-theme="dark"] .dark-border-red-50 { border-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-active-border-red-50:active { border-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-group-hover-border-red-50 { border-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-border-red-100 { border-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-active-border-red-100:active { border-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-group-hover-border-red-100 { border-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-border-red-200 { border-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-active-border-red-200:active { border-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-group-hover-border-red-200 { border-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-border-red-300 { border-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-active-border-red-300:active { border-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-group-hover-border-red-300 { border-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-border-red-400 { border-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-active-border-red-400:active { border-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-group-hover-border-red-400 { border-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-border-red-500 { border-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-active-border-red-500:active { border-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-group-hover-border-red-500 { border-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-border-red-600 { border-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-active-border-red-600:active { border-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-group-hover-border-red-600 { border-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-border-red-700 { border-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-active-border-red-700:active { border-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-group-hover-border-red-700 { border-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-border-red-800 { border-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-active-border-red-800:active { border-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-group-hover-border-red-800 { border-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-border-red-900 { border-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-active-border-red-900:active { border-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-group-hover-border-red-900 { border-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-border-orange-50 { border-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-group-hover-border-orange-50 { border-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-border-orange-100 { border-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-group-hover-border-orange-100 { border-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-border-orange-200 { border-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-group-hover-border-orange-200 { border-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-border-orange-300 { border-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-group-hover-border-orange-300 { border-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-border-orange-400 { border-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-group-hover-border-orange-400 { border-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-border-orange-500 { border-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-group-hover-border-orange-500 { border-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-border-orange-600 { border-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-group-hover-border-orange-600 { border-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-border-orange-700 { border-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-group-hover-border-orange-700 { border-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-border-orange-800 { border-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-group-hover-border-orange-800 { border-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-border-orange-900 { border-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-group-hover-border-orange-900 { border-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-border-teal-50 { border-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-group-hover-border-teal-50 { border-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-border-teal-100 { border-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-group-hover-border-teal-100 { border-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-border-teal-200 { border-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-group-hover-border-teal-200 { border-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-border-teal-300 { border-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-group-hover-border-teal-300 { border-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-border-teal-400 { border-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-group-hover-border-teal-400 { border-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-border-teal-500 { border-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-group-hover-border-teal-500 { border-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-border-teal-600 { border-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-group-hover-border-teal-600 { border-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-border-teal-700 { border-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-group-hover-border-teal-700 { border-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-border-teal-800 { border-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-group-hover-border-teal-800 { border-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-border-teal-900 { border-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-group-hover-border-teal-900 { border-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-border-purple-50 { border-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-group-hover-border-purple-50 { border-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-border-purple-100 { border-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-group-hover-border-purple-100 { border-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-border-purple-200 { border-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-group-hover-border-purple-200 { border-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-border-purple-300 { border-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-group-hover-border-purple-300 { border-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-border-purple-400 { border-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-group-hover-border-purple-400 { border-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-border-purple-500 { border-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-group-hover-border-purple-500 { border-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-border-purple-600 { border-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-group-hover-border-purple-600 { border-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-border-purple-700 { border-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-group-hover-border-purple-700 { border-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-border-purple-800 { border-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-group-hover-border-purple-800 { border-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-border-purple-900 { border-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-group-hover-border-purple-900 { border-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-border-indigo-50 { border-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-group-hover-border-indigo-50 { border-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-border-indigo-100 { border-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-group-hover-border-indigo-100 { border-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-border-indigo-200 { border-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-group-hover-border-indigo-200 { border-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-border-indigo-300 { border-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-group-hover-border-indigo-300 { border-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-border-indigo-400 { border-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-group-hover-border-indigo-400 { border-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-border-indigo-500 { border-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-group-hover-border-indigo-500 { border-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-border-indigo-600 { border-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-group-hover-border-indigo-600 { border-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-border-indigo-700 { border-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-group-hover-border-indigo-700 { border-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-border-indigo-800 { border-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-group-hover-border-indigo-800 { border-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-border-indigo-900 { border-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-group-hover-border-indigo-900 { border-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-border-yellow-50 { border-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-group-hover-border-yellow-50 { border-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-border-yellow-100 { border-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-group-hover-border-yellow-100 { border-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-border-yellow-200 { border-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-group-hover-border-yellow-200 { border-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-border-yellow-300 { border-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-group-hover-border-yellow-300 { border-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-border-yellow-400 { border-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-group-hover-border-yellow-400 { border-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-border-yellow-500 { border-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-group-hover-border-yellow-500 { border-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-border-yellow-600 { border-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-group-hover-border-yellow-600 { border-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-border-yellow-700 { border-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-group-hover-border-yellow-700 { border-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-border-yellow-800 { border-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-group-hover-border-yellow-800 { border-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-border-yellow-900 { border-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-group-hover-border-yellow-900 { border-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-border-pink-50 { border-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-group-hover-border-pink-50 { border-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-border-pink-100 { border-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-group-hover-border-pink-100 { border-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-border-pink-200 { border-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-group-hover-border-pink-200 { border-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-border-pink-300 { border-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-group-hover-border-pink-300 { border-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-border-pink-400 { border-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-group-hover-border-pink-400 { border-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-border-pink-500 { border-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-group-hover-border-pink-500 { border-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-border-pink-600 { border-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-group-hover-border-pink-600 { border-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-border-pink-700 { border-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-group-hover-border-pink-700 { border-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-border-pink-800 { border-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-group-hover-border-pink-800 { border-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-border-pink-900 { border-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-group-hover-border-pink-900 { border-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-border-grey-50 { border-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-group-hover-border-grey-50 { border-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-border-grey-100 { border-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-group-hover-border-grey-100 { border-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-border-grey-200 { border-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-group-hover-border-grey-200 { border-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-border-grey-300 { border-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-group-hover-border-grey-300 { border-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-border-grey-400 { border-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-group-hover-border-grey-400 { border-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-border-grey-500 { border-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-group-hover-border-grey-500 { border-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-border-grey-600 { border-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-group-hover-border-grey-600 { border-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-border-grey-700 { border-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-group-hover-border-grey-700 { border-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-border-grey-800 { border-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-group-hover-border-grey-800 { border-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-border-grey-900 { border-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-group-hover-border-grey-900 { border-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-border-lime-50 { border-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-group-hover-border-lime-50 { border-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-border-lime-100 { border-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-group-hover-border-lime-100 { border-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-border-lime-200 { border-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-group-hover-border-lime-200 { border-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-border-lime-300 { border-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-group-hover-border-lime-300 { border-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-border-lime-400 { border-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-group-hover-border-lime-400 { border-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-border-lime-500 { border-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-group-hover-border-lime-500 { border-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-border-lime-600 { border-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-group-hover-border-lime-600 { border-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-border-lime-700 { border-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-group-hover-border-lime-700 { border-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-border-lime-800 { border-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-group-hover-border-lime-800 { border-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-border-lime-900 { border-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-group-hover-border-lime-900 { border-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-border-cyan-50 { border-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-group-hover-border-cyan-50 { border-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-border-cyan-100 { border-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-group-hover-border-cyan-100 { border-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-border-cyan-200 { border-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-group-hover-border-cyan-200 { border-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-border-cyan-300 { border-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-group-hover-border-cyan-300 { border-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-border-cyan-400 { border-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-group-hover-border-cyan-400 { border-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-border-cyan-500 { border-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-group-hover-border-cyan-500 { border-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-border-cyan-600 { border-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-group-hover-border-cyan-600 { border-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-border-cyan-700 { border-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-group-hover-border-cyan-700 { border-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-border-cyan-800 { border-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-group-hover-border-cyan-800 { border-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-border-cyan-900 { border-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-group-hover-border-cyan-900 { border-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-border-sky-50 { border-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-group-hover-border-sky-50 { border-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-border-sky-100 { border-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-group-hover-border-sky-100 { border-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-border-sky-200 { border-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-group-hover-border-sky-200 { border-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-border-sky-300 { border-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-group-hover-border-sky-300 { border-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-border-sky-400 { border-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-group-hover-border-sky-400 { border-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-border-sky-500 { border-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-group-hover-border-sky-500 { border-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-border-sky-600 { border-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-group-hover-border-sky-600 { border-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-border-sky-700 { border-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-group-hover-border-sky-700 { border-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-border-sky-800 { border-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-group-hover-border-sky-800 { border-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-border-sky-900 { border-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-group-hover-border-sky-900 { border-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-border-violet-50 { border-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-group-hover-border-violet-50 { border-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-border-violet-100 { border-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-group-hover-border-violet-100 { border-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-border-violet-200 { border-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-group-hover-border-violet-200 { border-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-border-violet-300 { border-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-group-hover-border-violet-300 { border-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-border-violet-400 { border-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-group-hover-border-violet-400 { border-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-border-violet-500 { border-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-group-hover-border-violet-500 { border-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-border-violet-600 { border-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-group-hover-border-violet-600 { border-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-border-violet-700 { border-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-group-hover-border-violet-700 { border-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-border-violet-800 { border-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-group-hover-border-violet-800 { border-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-border-violet-900 { border-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-group-hover-border-violet-900 { border-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-border-rose-50 { border-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-group-hover-border-rose-50 { border-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-border-rose-100 { border-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-group-hover-border-rose-100 { border-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-border-rose-200 { border-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-group-hover-border-rose-200 { border-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-border-rose-300 { border-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-group-hover-border-rose-300 { border-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-border-rose-400 { border-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-group-hover-border-rose-400 { border-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-border-rose-500 { border-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-group-hover-border-rose-500 { border-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-border-rose-600 { border-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-group-hover-border-rose-600 { border-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-border-rose-700 { border-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-group-hover-border-rose-700 { border-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-border-rose-800 { border-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-group-hover-border-rose-800 { border-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-border-rose-900 { border-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-group-hover-border-rose-900 { border-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-border-slate-50 { border-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-group-hover-border-slate-50 { border-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-border-slate-100 { border-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-group-hover-border-slate-100 { border-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-border-slate-200 { border-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-group-hover-border-slate-200 { border-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-border-slate-300 { border-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-group-hover-border-slate-300 { border-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-border-slate-400 { border-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-group-hover-border-slate-400 { border-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-border-slate-500 { border-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-group-hover-border-slate-500 { border-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-border-slate-600 { border-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-group-hover-border-slate-600 { border-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-border-slate-700 { border-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-group-hover-border-slate-700 { border-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-border-slate-800 { border-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-group-hover-border-slate-800 { border-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-border-slate-900 { border-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-group-hover-border-slate-900 { border-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-border-blue-50 { border-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-group-hover-border-blue-50 { border-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-border-blue-100 { border-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-group-hover-border-blue-100 { border-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-border-blue-200 { border-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-group-hover-border-blue-200 { border-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-border-blue-300 { border-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-group-hover-border-blue-300 { border-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-border-blue-400 { border-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-group-hover-border-blue-400 { border-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-border-blue-500 { border-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-border-blue-500 { border-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-border-blue-600 { border-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-group-hover-border-blue-600 { border-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-border-blue-700 { border-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-group-hover-border-blue-700 { border-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-border-blue-800 { border-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-group-hover-border-blue-800 { border-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-border-blue-900 { border-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-group-hover-border-blue-900 { border-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-border-green-50 { border-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-active-border-green-50:active { border-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-group-hover-border-green-50 { border-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-border-green-100 { border-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-active-border-green-100:active { border-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-group-hover-border-green-100 { border-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-border-green-200 { border-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-active-border-green-200:active { border-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-group-hover-border-green-200 { border-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-border-green-300 { border-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-active-border-green-300:active { border-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-group-hover-border-green-300 { border-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-border-green-400 { border-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-active-border-green-400:active { border-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-group-hover-border-green-400 { border-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-border-green-500 { border-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-active-border-green-500:active { border-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-group-hover-border-green-500 { border-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-border-green-600 { border-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-active-border-green-600:active { border-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-group-hover-border-green-600 { border-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-border-green-700 { border-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-active-border-green-700:active { border-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-group-hover-border-green-700 { border-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-border-green-800 { border-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-active-border-green-800:active { border-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-group-hover-border-green-800 { border-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-border-green-900 { border-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-active-border-green-900:active { border-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-group-hover-border-green-900 { border-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-border-black { border-color: var(--black); }
[data-theme="dark"] .dark-hover-border-black:hover { border-color: var(--black); }
[data-theme="dark"] .dark-focus-border-black:focus { border-color: var(--black); }
[data-theme="dark"] .dark-active-border-black:active { border-color: var(--black); }
[data-theme="dark"] .dark-disabled-border-black:disabled { border-color: var(--black); }
[data-theme="dark"] .dark-group-hover-border-black { border-color: var(--black); }
[data-theme="dark"] .dark-border-white { border-color: var(--white); }
[data-theme="dark"] .dark-hover-border-white:hover { border-color: var(--white); }
[data-theme="dark"] .dark-focus-border-white:focus { border-color: var(--white); }
[data-theme="dark"] .dark-active-border-white:active { border-color: var(--white); }
[data-theme="dark"] .dark-disabled-border-white:disabled { border-color: var(--white); }
[data-theme="dark"] .dark-group-hover-border-white { border-color: var(--white); }
[data-theme="dark"] .dark-border-0 { border-width: 0.0rem; }
[data-theme="dark"] .dark-hover-border-0:hover { border-width: 0.0rem; }
[data-theme="dark"] .dark-focus-border-0:focus { border-width: 0.0rem; }
[data-theme="dark"] .dark-active-border-0:active { border-width: 0.0rem; }
[data-theme="dark"] .dark-disabled-border-0:disabled { border-width: 0.0rem; }
[data-theme="dark"] .dark-group-hover-border-0 { border-width: 0.0rem; }
[data-theme="dark"] .dark-border-0 { border-width: 0.0rem; }
[data-theme="dark"] .dark-hover-border-0:hover { border-width: 0.0rem; }
[data-theme="dark"] .dark-focus-border-0:focus { border-width: 0.0rem; }
[data-theme="dark"] .dark-active-border-0:active { border-width: 0.0rem; }
[data-theme="dark"] .dark-disabled-border-0:disabled { border-width: 0.0rem; }
[data-theme="dark"] .dark-group-hover-border-0 { border-width: 0.0rem; }
[data-theme="dark"] .dark-border-t-0 { border-top-width: 0.0rem; }
[data-theme="dark"] .dark-hover-border-t-0:hover { border-top-width: 0.0rem; }
[data-theme="dark"] .dark-focus-border-t-0:focus { border-top-width: 0.0rem; }
[data-theme="dark"] .dark-active-border-t-0:active { border-top-width: 0.0rem; }
[data-theme="dark"] .dark-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
[data-theme="dark"] .dark-group-hover-border-t-0 { border-top-width: 0.0rem; }
[data-theme="dark"] .dark-border-r-0 { border-right-width: 0.0rem; }
[data-theme="dark"] .dark-hover-border-r-0:hover { border-right-width: 0.0rem; }
[data-theme="dark"] .dark-focus-border-r-0:focus { border-right-width: 0.0rem; }
[data-theme="dark"] .dark-active-border-r-0:active { border-right-width: 0.0rem; }
[data-theme="dark"] .dark-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
[data-theme="dark"] .dark-group-hover-border-r-0 { border-right-width: 0.0rem; }
[data-theme="dark"] .dark-border-b-0 { border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-active-border-b-0:active { border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-group-hover-border-b-0 { border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-border-l-0 { border-left-width: 0.0rem; }
[data-theme="dark"] .dark-hover-border-l-0:hover { border-left-width: 0.0rem; }
[data-theme="dark"] .dark-focus-border-l-0:focus { border-left-width: 0.0rem; }
[data-theme="dark"] .dark-active-border-l-0:active { border-left-width: 0.0rem; }
[data-theme="dark"] .dark-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
[data-theme="dark"] .dark-group-hover-border-l-0 { border-left-width: 0.0rem; }
[data-theme="dark"] .dark-border-1 { border-width: 0.0625rem; }
[data-theme="dark"] .dark-hover-border-1:hover { border-width: 0.0625rem; }
[data-theme="dark"] .dark-focus-border-1:focus { border-width: 0.0625rem; }
[data-theme="dark"] .dark-active-border-1:active { border-width: 0.0625rem; }
[data-theme="dark"] .dark-disabled-border-1:disabled { border-width: 0.0625rem; }
[data-theme="dark"] .dark-group-hover-border-1 { border-width: 0.0625rem; }
[data-theme="dark"] .dark-border-1 { border-width: 0.0625rem; }
[data-theme="dark"] .dark-hover-border-1:hover { border-width: 0.0625rem; }
[data-theme="dark"] .dark-focus-border-1:focus { border-width: 0.0625rem; }
[data-theme="dark"] .dark-active-border-1:active { border-width: 0.0625rem; }
[data-theme="dark"] .dark-disabled-border-1:disabled { border-width: 0.0625rem; }
[data-theme="dark"] .dark-group-hover-border-1 { border-width: 0.0625rem; }
[data-theme="dark"] .dark-border-t-1 { border-top-width: 0.0625rem; }
[data-theme="dark"] .dark-hover-border-t-1:hover { border-top-width: 0.0625rem; }
[data-theme="dark"] .dark-focus-border-t-1:focus { border-top-width: 0.0625rem; }
[data-theme="dark"] .dark-active-border-t-1:active { border-top-width: 0.0625rem; }
[data-theme="dark"] .dark-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
[data-theme="dark"] .dark-group-hover-border-t-1 { border-top-width: 0.0625rem; }
[data-theme="dark"] .dark-border-r-1 { border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-hover-border-r-1:hover { border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-focus-border-r-1:focus { border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-active-border-r-1:active { border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-group-hover-border-r-1 { border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-border-b-1 { border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-active-border-b-1:active { border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-group-hover-border-b-1 { border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-border-l-1 { border-left-width: 0.0625rem; }
[data-theme="dark"] .dark-hover-border-l-1:hover { border-left-width: 0.0625rem; }
[data-theme="dark"] .dark-focus-border-l-1:focus { border-left-width: 0.0625rem; }
[data-theme="dark"] .dark-active-border-l-1:active { border-left-width: 0.0625rem; }
[data-theme="dark"] .dark-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
[data-theme="dark"] .dark-group-hover-border-l-1 { border-left-width: 0.0625rem; }
[data-theme="dark"] .dark-border-2 { border-width: 0.125rem; }
[data-theme="dark"] .dark-hover-border-2:hover { border-width: 0.125rem; }
[data-theme="dark"] .dark-focus-border-2:focus { border-width: 0.125rem; }
[data-theme="dark"] .dark-active-border-2:active { border-width: 0.125rem; }
[data-theme="dark"] .dark-disabled-border-2:disabled { border-width: 0.125rem; }
[data-theme="dark"] .dark-group-hover-border-2 { border-width: 0.125rem; }
[data-theme="dark"] .dark-border-2 { border-width: 0.125rem; }
[data-theme="dark"] .dark-hover-border-2:hover { border-width: 0.125rem; }
[data-theme="dark"] .dark-focus-border-2:focus { border-width: 0.125rem; }
[data-theme="dark"] .dark-active-border-2:active { border-width: 0.125rem; }
[data-theme="dark"] .dark-disabled-border-2:disabled { border-width: 0.125rem; }
[data-theme="dark"] .dark-group-hover-border-2 { border-width: 0.125rem; }
[data-theme="dark"] .dark-border-t-2 { border-top-width: 0.125rem; }
[data-theme="dark"] .dark-hover-border-t-2:hover { border-top-width: 0.125rem; }
[data-theme="dark"] .dark-focus-border-t-2:focus { border-top-width: 0.125rem; }
[data-theme="dark"] .dark-active-border-t-2:active { border-top-width: 0.125rem; }
[data-theme="dark"] .dark-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
[data-theme="dark"] .dark-group-hover-border-t-2 { border-top-width: 0.125rem; }
[data-theme="dark"] .dark-border-r-2 { border-right-width: 0.125rem; }
[data-theme="dark"] .dark-hover-border-r-2:hover { border-right-width: 0.125rem; }
[data-theme="dark"] .dark-focus-border-r-2:focus { border-right-width: 0.125rem; }
[data-theme="dark"] .dark-active-border-r-2:active { border-right-width: 0.125rem; }
[data-theme="dark"] .dark-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
[data-theme="dark"] .dark-group-hover-border-r-2 { border-right-width: 0.125rem; }
[data-theme="dark"] .dark-border-b-2 { border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-active-border-b-2:active { border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-group-hover-border-b-2 { border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-border-l-2 { border-left-width: 0.125rem; }
[data-theme="dark"] .dark-hover-border-l-2:hover { border-left-width: 0.125rem; }
[data-theme="dark"] .dark-focus-border-l-2:focus { border-left-width: 0.125rem; }
[data-theme="dark"] .dark-active-border-l-2:active { border-left-width: 0.125rem; }
[data-theme="dark"] .dark-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
[data-theme="dark"] .dark-group-hover-border-l-2 { border-left-width: 0.125rem; }
[data-theme="dark"] .dark-border-3 { border-width: 0.1875rem; }
[data-theme="dark"] .dark-hover-border-3:hover { border-width: 0.1875rem; }
[data-theme="dark"] .dark-focus-border-3:focus { border-width: 0.1875rem; }
[data-theme="dark"] .dark-active-border-3:active { border-width: 0.1875rem; }
[data-theme="dark"] .dark-disabled-border-3:disabled { border-width: 0.1875rem; }
[data-theme="dark"] .dark-group-hover-border-3 { border-width: 0.1875rem; }
[data-theme="dark"] .dark-border-3 { border-width: 0.1875rem; }
[data-theme="dark"] .dark-hover-border-3:hover { border-width: 0.1875rem; }
[data-theme="dark"] .dark-focus-border-3:focus { border-width: 0.1875rem; }
[data-theme="dark"] .dark-active-border-3:active { border-width: 0.1875rem; }
[data-theme="dark"] .dark-disabled-border-3:disabled { border-width: 0.1875rem; }
[data-theme="dark"] .dark-group-hover-border-3 { border-width: 0.1875rem; }
[data-theme="dark"] .dark-border-t-3 { border-top-width: 0.1875rem; }
[data-theme="dark"] .dark-hover-border-t-3:hover { border-top-width: 0.1875rem; }
[data-theme="dark"] .dark-focus-border-t-3:focus { border-top-width: 0.1875rem; }
[data-theme="dark"] .dark-active-border-t-3:active { border-top-width: 0.1875rem; }
[data-theme="dark"] .dark-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
[data-theme="dark"] .dark-group-hover-border-t-3 { border-top-width: 0.1875rem; }
[data-theme="dark"] .dark-border-r-3 { border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-hover-border-r-3:hover { border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-focus-border-r-3:focus { border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-active-border-r-3:active { border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-group-hover-border-r-3 { border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-border-b-3 { border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-active-border-b-3:active { border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-group-hover-border-b-3 { border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-border-l-3 { border-left-width: 0.1875rem; }
[data-theme="dark"] .dark-hover-border-l-3:hover { border-left-width: 0.1875rem; }
[data-theme="dark"] .dark-focus-border-l-3:focus { border-left-width: 0.1875rem; }
[data-theme="dark"] .dark-active-border-l-3:active { border-left-width: 0.1875rem; }
[data-theme="dark"] .dark-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
[data-theme="dark"] .dark-group-hover-border-l-3 { border-left-width: 0.1875rem; }
[data-theme="dark"] .dark-border-4 { border-width: 0.25rem; }
[data-theme="dark"] .dark-hover-border-4:hover { border-width: 0.25rem; }
[data-theme="dark"] .dark-focus-border-4:focus { border-width: 0.25rem; }
[data-theme="dark"] .dark-active-border-4:active { border-width: 0.25rem; }
[data-theme="dark"] .dark-disabled-border-4:disabled { border-width: 0.25rem; }
[data-theme="dark"] .dark-group-hover-border-4 { border-width: 0.25rem; }
[data-theme="dark"] .dark-border-4 { border-width: 0.25rem; }
[data-theme="dark"] .dark-hover-border-4:hover { border-width: 0.25rem; }
[data-theme="dark"] .dark-focus-border-4:focus { border-width: 0.25rem; }
[data-theme="dark"] .dark-active-border-4:active { border-width: 0.25rem; }
[data-theme="dark"] .dark-disabled-border-4:disabled { border-width: 0.25rem; }
[data-theme="dark"] .dark-group-hover-border-4 { border-width: 0.25rem; }
[data-theme="dark"] .dark-border-t-4 { border-top-width: 0.25rem; }
[data-theme="dark"] .dark-hover-border-t-4:hover { border-top-width: 0.25rem; }
[data-theme="dark"] .dark-focus-border-t-4:focus { border-top-width: 0.25rem; }
[data-theme="dark"] .dark-active-border-t-4:active { border-top-width: 0.25rem; }
[data-theme="dark"] .dark-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
[data-theme="dark"] .dark-group-hover-border-t-4 { border-top-width: 0.25rem; }
[data-theme="dark"] .dark-border-r-4 { border-right-width: 0.25rem; }
[data-theme="dark"] .dark-hover-border-r-4:hover { border-right-width: 0.25rem; }
[data-theme="dark"] .dark-focus-border-r-4:focus { border-right-width: 0.25rem; }
[data-theme="dark"] .dark-active-border-r-4:active { border-right-width: 0.25rem; }
[data-theme="dark"] .dark-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
[data-theme="dark"] .dark-group-hover-border-r-4 { border-right-width: 0.25rem; }
[data-theme="dark"] .dark-border-b-4 { border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-active-border-b-4:active { border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-group-hover-border-b-4 { border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-border-l-4 { border-left-width: 0.25rem; }
[data-theme="dark"] .dark-hover-border-l-4:hover { border-left-width: 0.25rem; }
[data-theme="dark"] .dark-focus-border-l-4:focus { border-left-width: 0.25rem; }
[data-theme="dark"] .dark-active-border-l-4:active { border-left-width: 0.25rem; }
[data-theme="dark"] .dark-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
[data-theme="dark"] .dark-group-hover-border-l-4 { border-left-width: 0.25rem; }
[data-theme="dark"] .dark-border-5 { border-width: 0.3125rem; }
[data-theme="dark"] .dark-hover-border-5:hover { border-width: 0.3125rem; }
[data-theme="dark"] .dark-focus-border-5:focus { border-width: 0.3125rem; }
[data-theme="dark"] .dark-active-border-5:active { border-width: 0.3125rem; }
[data-theme="dark"] .dark-disabled-border-5:disabled { border-width: 0.3125rem; }
[data-theme="dark"] .dark-group-hover-border-5 { border-width: 0.3125rem; }
[data-theme="dark"] .dark-border-5 { border-width: 0.3125rem; }
[data-theme="dark"] .dark-hover-border-5:hover { border-width: 0.3125rem; }
[data-theme="dark"] .dark-focus-border-5:focus { border-width: 0.3125rem; }
[data-theme="dark"] .dark-active-border-5:active { border-width: 0.3125rem; }
[data-theme="dark"] .dark-disabled-border-5:disabled { border-width: 0.3125rem; }
[data-theme="dark"] .dark-group-hover-border-5 { border-width: 0.3125rem; }
[data-theme="dark"] .dark-border-t-5 { border-top-width: 0.3125rem; }
[data-theme="dark"] .dark-hover-border-t-5:hover { border-top-width: 0.3125rem; }
[data-theme="dark"] .dark-focus-border-t-5:focus { border-top-width: 0.3125rem; }
[data-theme="dark"] .dark-active-border-t-5:active { border-top-width: 0.3125rem; }
[data-theme="dark"] .dark-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
[data-theme="dark"] .dark-group-hover-border-t-5 { border-top-width: 0.3125rem; }
[data-theme="dark"] .dark-border-r-5 { border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-hover-border-r-5:hover { border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-focus-border-r-5:focus { border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-active-border-r-5:active { border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-group-hover-border-r-5 { border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-border-b-5 { border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-active-border-b-5:active { border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-group-hover-border-b-5 { border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-border-l-5 { border-left-width: 0.3125rem; }
[data-theme="dark"] .dark-hover-border-l-5:hover { border-left-width: 0.3125rem; }
[data-theme="dark"] .dark-focus-border-l-5:focus { border-left-width: 0.3125rem; }
[data-theme="dark"] .dark-active-border-l-5:active { border-left-width: 0.3125rem; }
[data-theme="dark"] .dark-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
[data-theme="dark"] .dark-group-hover-border-l-5 { border-left-width: 0.3125rem; }
[data-theme="dark"] .dark-border-6 { border-width: 0.375rem; }
[data-theme="dark"] .dark-hover-border-6:hover { border-width: 0.375rem; }
[data-theme="dark"] .dark-focus-border-6:focus { border-width: 0.375rem; }
[data-theme="dark"] .dark-active-border-6:active { border-width: 0.375rem; }
[data-theme="dark"] .dark-disabled-border-6:disabled { border-width: 0.375rem; }
[data-theme="dark"] .dark-group-hover-border-6 { border-width: 0.375rem; }
[data-theme="dark"] .dark-border-6 { border-width: 0.375rem; }
[data-theme="dark"] .dark-hover-border-6:hover { border-width: 0.375rem; }
[data-theme="dark"] .dark-focus-border-6:focus { border-width: 0.375rem; }
[data-theme="dark"] .dark-active-border-6:active { border-width: 0.375rem; }
[data-theme="dark"] .dark-disabled-border-6:disabled { border-width: 0.375rem; }
[data-theme="dark"] .dark-group-hover-border-6 { border-width: 0.375rem; }
[data-theme="dark"] .dark-border-t-6 { border-top-width: 0.375rem; }
[data-theme="dark"] .dark-hover-border-t-6:hover { border-top-width: 0.375rem; }
[data-theme="dark"] .dark-focus-border-t-6:focus { border-top-width: 0.375rem; }
[data-theme="dark"] .dark-active-border-t-6:active { border-top-width: 0.375rem; }
[data-theme="dark"] .dark-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
[data-theme="dark"] .dark-group-hover-border-t-6 { border-top-width: 0.375rem; }
[data-theme="dark"] .dark-border-r-6 { border-right-width: 0.375rem; }
[data-theme="dark"] .dark-hover-border-r-6:hover { border-right-width: 0.375rem; }
[data-theme="dark"] .dark-focus-border-r-6:focus { border-right-width: 0.375rem; }
[data-theme="dark"] .dark-active-border-r-6:active { border-right-width: 0.375rem; }
[data-theme="dark"] .dark-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
[data-theme="dark"] .dark-group-hover-border-r-6 { border-right-width: 0.375rem; }
[data-theme="dark"] .dark-border-b-6 { border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-active-border-b-6:active { border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-group-hover-border-b-6 { border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-border-l-6 { border-left-width: 0.375rem; }
[data-theme="dark"] .dark-hover-border-l-6:hover { border-left-width: 0.375rem; }
[data-theme="dark"] .dark-focus-border-l-6:focus { border-left-width: 0.375rem; }
[data-theme="dark"] .dark-active-border-l-6:active { border-left-width: 0.375rem; }
[data-theme="dark"] .dark-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
[data-theme="dark"] .dark-group-hover-border-l-6 { border-left-width: 0.375rem; }
[data-theme="dark"] .dark-border-7 { border-width: 0.4375rem; }
[data-theme="dark"] .dark-hover-border-7:hover { border-width: 0.4375rem; }
[data-theme="dark"] .dark-focus-border-7:focus { border-width: 0.4375rem; }
[data-theme="dark"] .dark-active-border-7:active { border-width: 0.4375rem; }
[data-theme="dark"] .dark-disabled-border-7:disabled { border-width: 0.4375rem; }
[data-theme="dark"] .dark-group-hover-border-7 { border-width: 0.4375rem; }
[data-theme="dark"] .dark-border-7 { border-width: 0.4375rem; }
[data-theme="dark"] .dark-hover-border-7:hover { border-width: 0.4375rem; }
[data-theme="dark"] .dark-focus-border-7:focus { border-width: 0.4375rem; }
[data-theme="dark"] .dark-active-border-7:active { border-width: 0.4375rem; }
[data-theme="dark"] .dark-disabled-border-7:disabled { border-width: 0.4375rem; }
[data-theme="dark"] .dark-group-hover-border-7 { border-width: 0.4375rem; }
[data-theme="dark"] .dark-border-t-7 { border-top-width: 0.4375rem; }
[data-theme="dark"] .dark-hover-border-t-7:hover { border-top-width: 0.4375rem; }
[data-theme="dark"] .dark-focus-border-t-7:focus { border-top-width: 0.4375rem; }
[data-theme="dark"] .dark-active-border-t-7:active { border-top-width: 0.4375rem; }
[data-theme="dark"] .dark-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
[data-theme="dark"] .dark-group-hover-border-t-7 { border-top-width: 0.4375rem; }
[data-theme="dark"] .dark-border-r-7 { border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-hover-border-r-7:hover { border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-focus-border-r-7:focus { border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-active-border-r-7:active { border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-group-hover-border-r-7 { border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-border-b-7 { border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-active-border-b-7:active { border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-group-hover-border-b-7 { border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-border-l-7 { border-left-width: 0.4375rem; }
[data-theme="dark"] .dark-hover-border-l-7:hover { border-left-width: 0.4375rem; }
[data-theme="dark"] .dark-focus-border-l-7:focus { border-left-width: 0.4375rem; }
[data-theme="dark"] .dark-active-border-l-7:active { border-left-width: 0.4375rem; }
[data-theme="dark"] .dark-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
[data-theme="dark"] .dark-group-hover-border-l-7 { border-left-width: 0.4375rem; }
[data-theme="dark"] .dark-border-8 { border-width: 0.5rem; }
[data-theme="dark"] .dark-hover-border-8:hover { border-width: 0.5rem; }
[data-theme="dark"] .dark-focus-border-8:focus { border-width: 0.5rem; }
[data-theme="dark"] .dark-active-border-8:active { border-width: 0.5rem; }
[data-theme="dark"] .dark-disabled-border-8:disabled { border-width: 0.5rem; }
[data-theme="dark"] .dark-group-hover-border-8 { border-width: 0.5rem; }
[data-theme="dark"] .dark-border-8 { border-width: 0.5rem; }
[data-theme="dark"] .dark-hover-border-8:hover { border-width: 0.5rem; }
[data-theme="dark"] .dark-focus-border-8:focus { border-width: 0.5rem; }
[data-theme="dark"] .dark-active-border-8:active { border-width: 0.5rem; }
[data-theme="dark"] .dark-disabled-border-8:disabled { border-width: 0.5rem; }
[data-theme="dark"] .dark-group-hover-border-8 { border-width: 0.5rem; }
[data-theme="dark"] .dark-border-t-8 { border-top-width: 0.5rem; }
[data-theme="dark"] .dark-hover-border-t-8:hover { border-top-width: 0.5rem; }
[data-theme="dark"] .dark-focus-border-t-8:focus { border-top-width: 0.5rem; }
[data-theme="dark"] .dark-active-border-t-8:active { border-top-width: 0.5rem; }
[data-theme="dark"] .dark-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
[data-theme="dark"] .dark-group-hover-border-t-8 { border-top-width: 0.5rem; }
[data-theme="dark"] .dark-border-r-8 { border-right-width: 0.5rem; }
[data-theme="dark"] .dark-hover-border-r-8:hover { border-right-width: 0.5rem; }
[data-theme="dark"] .dark-focus-border-r-8:focus { border-right-width: 0.5rem; }
[data-theme="dark"] .dark-active-border-r-8:active { border-right-width: 0.5rem; }
[data-theme="dark"] .dark-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
[data-theme="dark"] .dark-group-hover-border-r-8 { border-right-width: 0.5rem; }
[data-theme="dark"] .dark-border-b-8 { border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-active-border-b-8:active { border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-group-hover-border-b-8 { border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-border-l-8 { border-left-width: 0.5rem; }
[data-theme="dark"] .dark-hover-border-l-8:hover { border-left-width: 0.5rem; }
[data-theme="dark"] .dark-focus-border-l-8:focus { border-left-width: 0.5rem; }
[data-theme="dark"] .dark-active-border-l-8:active { border-left-width: 0.5rem; }
[data-theme="dark"] .dark-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
[data-theme="dark"] .dark-group-hover-border-l-8 { border-left-width: 0.5rem; }
[data-theme="dark"] .dark-border-9 { border-width: 0.5625rem; }
[data-theme="dark"] .dark-hover-border-9:hover { border-width: 0.5625rem; }
[data-theme="dark"] .dark-focus-border-9:focus { border-width: 0.5625rem; }
[data-theme="dark"] .dark-active-border-9:active { border-width: 0.5625rem; }
[data-theme="dark"] .dark-disabled-border-9:disabled { border-width: 0.5625rem; }
[data-theme="dark"] .dark-group-hover-border-9 { border-width: 0.5625rem; }
[data-theme="dark"] .dark-border-9 { border-width: 0.5625rem; }
[data-theme="dark"] .dark-hover-border-9:hover { border-width: 0.5625rem; }
[data-theme="dark"] .dark-focus-border-9:focus { border-width: 0.5625rem; }
[data-theme="dark"] .dark-active-border-9:active { border-width: 0.5625rem; }
[data-theme="dark"] .dark-disabled-border-9:disabled { border-width: 0.5625rem; }
[data-theme="dark"] .dark-group-hover-border-9 { border-width: 0.5625rem; }
[data-theme="dark"] .dark-border-t-9 { border-top-width: 0.5625rem; }
[data-theme="dark"] .dark-hover-border-t-9:hover { border-top-width: 0.5625rem; }
[data-theme="dark"] .dark-focus-border-t-9:focus { border-top-width: 0.5625rem; }
[data-theme="dark"] .dark-active-border-t-9:active { border-top-width: 0.5625rem; }
[data-theme="dark"] .dark-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
[data-theme="dark"] .dark-group-hover-border-t-9 { border-top-width: 0.5625rem; }
[data-theme="dark"] .dark-border-r-9 { border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-hover-border-r-9:hover { border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-focus-border-r-9:focus { border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-active-border-r-9:active { border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-group-hover-border-r-9 { border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-border-b-9 { border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-active-border-b-9:active { border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-group-hover-border-b-9 { border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-border-l-9 { border-left-width: 0.5625rem; }
[data-theme="dark"] .dark-hover-border-l-9:hover { border-left-width: 0.5625rem; }
[data-theme="dark"] .dark-focus-border-l-9:focus { border-left-width: 0.5625rem; }
[data-theme="dark"] .dark-active-border-l-9:active { border-left-width: 0.5625rem; }
[data-theme="dark"] .dark-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
[data-theme="dark"] .dark-group-hover-border-l-9 { border-left-width: 0.5625rem; }
[data-theme="dark"] .dark-border-10 { border-width: 0.625rem; }
[data-theme="dark"] .dark-hover-border-10:hover { border-width: 0.625rem; }
[data-theme="dark"] .dark-focus-border-10:focus { border-width: 0.625rem; }
[data-theme="dark"] .dark-active-border-10:active { border-width: 0.625rem; }
[data-theme="dark"] .dark-disabled-border-10:disabled { border-width: 0.625rem; }
[data-theme="dark"] .dark-group-hover-border-10 { border-width: 0.625rem; }
[data-theme="dark"] .dark-border-10 { border-width: 0.625rem; }
[data-theme="dark"] .dark-hover-border-10:hover { border-width: 0.625rem; }
[data-theme="dark"] .dark-focus-border-10:focus { border-width: 0.625rem; }
[data-theme="dark"] .dark-active-border-10:active { border-width: 0.625rem; }
[data-theme="dark"] .dark-disabled-border-10:disabled { border-width: 0.625rem; }
[data-theme="dark"] .dark-group-hover-border-10 { border-width: 0.625rem; }
[data-theme="dark"] .dark-border-t-10 { border-top-width: 0.625rem; }
[data-theme="dark"] .dark-hover-border-t-10:hover { border-top-width: 0.625rem; }
[data-theme="dark"] .dark-focus-border-t-10:focus { border-top-width: 0.625rem; }
[data-theme="dark"] .dark-active-border-t-10:active { border-top-width: 0.625rem; }
[data-theme="dark"] .dark-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
[data-theme="dark"] .dark-group-hover-border-t-10 { border-top-width: 0.625rem; }
[data-theme="dark"] .dark-border-r-10 { border-right-width: 0.625rem; }
[data-theme="dark"] .dark-hover-border-r-10:hover { border-right-width: 0.625rem; }
[data-theme="dark"] .dark-focus-border-r-10:focus { border-right-width: 0.625rem; }
[data-theme="dark"] .dark-active-border-r-10:active { border-right-width: 0.625rem; }
[data-theme="dark"] .dark-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
[data-theme="dark"] .dark-group-hover-border-r-10 { border-right-width: 0.625rem; }
[data-theme="dark"] .dark-border-b-10 { border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-active-border-b-10:active { border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-group-hover-border-b-10 { border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-border-l-10 { border-left-width: 0.625rem; }
[data-theme="dark"] .dark-hover-border-l-10:hover { border-left-width: 0.625rem; }
[data-theme="dark"] .dark-focus-border-l-10:focus { border-left-width: 0.625rem; }
[data-theme="dark"] .dark-active-border-l-10:active { border-left-width: 0.625rem; }
[data-theme="dark"] .dark-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
[data-theme="dark"] .dark-group-hover-border-l-10 { border-left-width: 0.625rem; }
[data-theme="dark"] .dark-border-11 { border-width: 0.6875rem; }
[data-theme="dark"] .dark-hover-border-11:hover { border-width: 0.6875rem; }
[data-theme="dark"] .dark-focus-border-11:focus { border-width: 0.6875rem; }
[data-theme="dark"] .dark-active-border-11:active { border-width: 0.6875rem; }
[data-theme="dark"] .dark-disabled-border-11:disabled { border-width: 0.6875rem; }
[data-theme="dark"] .dark-group-hover-border-11 { border-width: 0.6875rem; }
[data-theme="dark"] .dark-border-11 { border-width: 0.6875rem; }
[data-theme="dark"] .dark-hover-border-11:hover { border-width: 0.6875rem; }
[data-theme="dark"] .dark-focus-border-11:focus { border-width: 0.6875rem; }
[data-theme="dark"] .dark-active-border-11:active { border-width: 0.6875rem; }
[data-theme="dark"] .dark-disabled-border-11:disabled { border-width: 0.6875rem; }
[data-theme="dark"] .dark-group-hover-border-11 { border-width: 0.6875rem; }
[data-theme="dark"] .dark-border-t-11 { border-top-width: 0.6875rem; }
[data-theme="dark"] .dark-hover-border-t-11:hover { border-top-width: 0.6875rem; }
[data-theme="dark"] .dark-focus-border-t-11:focus { border-top-width: 0.6875rem; }
[data-theme="dark"] .dark-active-border-t-11:active { border-top-width: 0.6875rem; }
[data-theme="dark"] .dark-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
[data-theme="dark"] .dark-group-hover-border-t-11 { border-top-width: 0.6875rem; }
[data-theme="dark"] .dark-border-r-11 { border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-hover-border-r-11:hover { border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-focus-border-r-11:focus { border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-active-border-r-11:active { border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-group-hover-border-r-11 { border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-border-b-11 { border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-active-border-b-11:active { border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-group-hover-border-b-11 { border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-border-l-11 { border-left-width: 0.6875rem; }
[data-theme="dark"] .dark-hover-border-l-11:hover { border-left-width: 0.6875rem; }
[data-theme="dark"] .dark-focus-border-l-11:focus { border-left-width: 0.6875rem; }
[data-theme="dark"] .dark-active-border-l-11:active { border-left-width: 0.6875rem; }
[data-theme="dark"] .dark-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
[data-theme="dark"] .dark-group-hover-border-l-11 { border-left-width: 0.6875rem; }
[data-theme="dark"] .dark-border-12 { border-width: 0.75rem; }
[data-theme="dark"] .dark-hover-border-12:hover { border-width: 0.75rem; }
[data-theme="dark"] .dark-focus-border-12:focus { border-width: 0.75rem; }
[data-theme="dark"] .dark-active-border-12:active { border-width: 0.75rem; }
[data-theme="dark"] .dark-disabled-border-12:disabled { border-width: 0.75rem; }
[data-theme="dark"] .dark-group-hover-border-12 { border-width: 0.75rem; }
[data-theme="dark"] .dark-border-12 { border-width: 0.75rem; }
[data-theme="dark"] .dark-hover-border-12:hover { border-width: 0.75rem; }
[data-theme="dark"] .dark-focus-border-12:focus { border-width: 0.75rem; }
[data-theme="dark"] .dark-active-border-12:active { border-width: 0.75rem; }
[data-theme="dark"] .dark-disabled-border-12:disabled { border-width: 0.75rem; }
[data-theme="dark"] .dark-group-hover-border-12 { border-width: 0.75rem; }
[data-theme="dark"] .dark-border-t-12 { border-top-width: 0.75rem; }
[data-theme="dark"] .dark-hover-border-t-12:hover { border-top-width: 0.75rem; }
[data-theme="dark"] .dark-focus-border-t-12:focus { border-top-width: 0.75rem; }
[data-theme="dark"] .dark-active-border-t-12:active { border-top-width: 0.75rem; }
[data-theme="dark"] .dark-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
[data-theme="dark"] .dark-group-hover-border-t-12 { border-top-width: 0.75rem; }
[data-theme="dark"] .dark-border-r-12 { border-right-width: 0.75rem; }
[data-theme="dark"] .dark-hover-border-r-12:hover { border-right-width: 0.75rem; }
[data-theme="dark"] .dark-focus-border-r-12:focus { border-right-width: 0.75rem; }
[data-theme="dark"] .dark-active-border-r-12:active { border-right-width: 0.75rem; }
[data-theme="dark"] .dark-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
[data-theme="dark"] .dark-group-hover-border-r-12 { border-right-width: 0.75rem; }
[data-theme="dark"] .dark-border-b-12 { border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-active-border-b-12:active { border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-group-hover-border-b-12 { border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-border-l-12 { border-left-width: 0.75rem; }
[data-theme="dark"] .dark-hover-border-l-12:hover { border-left-width: 0.75rem; }
[data-theme="dark"] .dark-focus-border-l-12:focus { border-left-width: 0.75rem; }
[data-theme="dark"] .dark-active-border-l-12:active { border-left-width: 0.75rem; }
[data-theme="dark"] .dark-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
[data-theme="dark"] .dark-group-hover-border-l-12 { border-left-width: 0.75rem; }
[data-theme="dark"] .dark-border-13 { border-width: 0.8125rem; }
[data-theme="dark"] .dark-hover-border-13:hover { border-width: 0.8125rem; }
[data-theme="dark"] .dark-focus-border-13:focus { border-width: 0.8125rem; }
[data-theme="dark"] .dark-active-border-13:active { border-width: 0.8125rem; }
[data-theme="dark"] .dark-disabled-border-13:disabled { border-width: 0.8125rem; }
[data-theme="dark"] .dark-group-hover-border-13 { border-width: 0.8125rem; }
[data-theme="dark"] .dark-border-13 { border-width: 0.8125rem; }
[data-theme="dark"] .dark-hover-border-13:hover { border-width: 0.8125rem; }
[data-theme="dark"] .dark-focus-border-13:focus { border-width: 0.8125rem; }
[data-theme="dark"] .dark-active-border-13:active { border-width: 0.8125rem; }
[data-theme="dark"] .dark-disabled-border-13:disabled { border-width: 0.8125rem; }
[data-theme="dark"] .dark-group-hover-border-13 { border-width: 0.8125rem; }
[data-theme="dark"] .dark-border-t-13 { border-top-width: 0.8125rem; }
[data-theme="dark"] .dark-hover-border-t-13:hover { border-top-width: 0.8125rem; }
[data-theme="dark"] .dark-focus-border-t-13:focus { border-top-width: 0.8125rem; }
[data-theme="dark"] .dark-active-border-t-13:active { border-top-width: 0.8125rem; }
[data-theme="dark"] .dark-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
[data-theme="dark"] .dark-group-hover-border-t-13 { border-top-width: 0.8125rem; }
[data-theme="dark"] .dark-border-r-13 { border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-hover-border-r-13:hover { border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-focus-border-r-13:focus { border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-active-border-r-13:active { border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-group-hover-border-r-13 { border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-border-b-13 { border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-active-border-b-13:active { border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-group-hover-border-b-13 { border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-border-l-13 { border-left-width: 0.8125rem; }
[data-theme="dark"] .dark-hover-border-l-13:hover { border-left-width: 0.8125rem; }
[data-theme="dark"] .dark-focus-border-l-13:focus { border-left-width: 0.8125rem; }
[data-theme="dark"] .dark-active-border-l-13:active { border-left-width: 0.8125rem; }
[data-theme="dark"] .dark-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
[data-theme="dark"] .dark-group-hover-border-l-13 { border-left-width: 0.8125rem; }
[data-theme="dark"] .dark-border-14 { border-width: 0.875rem; }
[data-theme="dark"] .dark-hover-border-14:hover { border-width: 0.875rem; }
[data-theme="dark"] .dark-focus-border-14:focus { border-width: 0.875rem; }
[data-theme="dark"] .dark-active-border-14:active { border-width: 0.875rem; }
[data-theme="dark"] .dark-disabled-border-14:disabled { border-width: 0.875rem; }
[data-theme="dark"] .dark-group-hover-border-14 { border-width: 0.875rem; }
[data-theme="dark"] .dark-border-14 { border-width: 0.875rem; }
[data-theme="dark"] .dark-hover-border-14:hover { border-width: 0.875rem; }
[data-theme="dark"] .dark-focus-border-14:focus { border-width: 0.875rem; }
[data-theme="dark"] .dark-active-border-14:active { border-width: 0.875rem; }
[data-theme="dark"] .dark-disabled-border-14:disabled { border-width: 0.875rem; }
[data-theme="dark"] .dark-group-hover-border-14 { border-width: 0.875rem; }
[data-theme="dark"] .dark-border-t-14 { border-top-width: 0.875rem; }
[data-theme="dark"] .dark-hover-border-t-14:hover { border-top-width: 0.875rem; }
[data-theme="dark"] .dark-focus-border-t-14:focus { border-top-width: 0.875rem; }
[data-theme="dark"] .dark-active-border-t-14:active { border-top-width: 0.875rem; }
[data-theme="dark"] .dark-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
[data-theme="dark"] .dark-group-hover-border-t-14 { border-top-width: 0.875rem; }
[data-theme="dark"] .dark-border-r-14 { border-right-width: 0.875rem; }
[data-theme="dark"] .dark-hover-border-r-14:hover { border-right-width: 0.875rem; }
[data-theme="dark"] .dark-focus-border-r-14:focus { border-right-width: 0.875rem; }
[data-theme="dark"] .dark-active-border-r-14:active { border-right-width: 0.875rem; }
[data-theme="dark"] .dark-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
[data-theme="dark"] .dark-group-hover-border-r-14 { border-right-width: 0.875rem; }
[data-theme="dark"] .dark-border-b-14 { border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-active-border-b-14:active { border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-group-hover-border-b-14 { border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-border-l-14 { border-left-width: 0.875rem; }
[data-theme="dark"] .dark-hover-border-l-14:hover { border-left-width: 0.875rem; }
[data-theme="dark"] .dark-focus-border-l-14:focus { border-left-width: 0.875rem; }
[data-theme="dark"] .dark-active-border-l-14:active { border-left-width: 0.875rem; }
[data-theme="dark"] .dark-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
[data-theme="dark"] .dark-group-hover-border-l-14 { border-left-width: 0.875rem; }
[data-theme="dark"] .dark-border-15 { border-width: 0.9375rem; }
[data-theme="dark"] .dark-hover-border-15:hover { border-width: 0.9375rem; }
[data-theme="dark"] .dark-focus-border-15:focus { border-width: 0.9375rem; }
[data-theme="dark"] .dark-active-border-15:active { border-width: 0.9375rem; }
[data-theme="dark"] .dark-disabled-border-15:disabled { border-width: 0.9375rem; }
[data-theme="dark"] .dark-group-hover-border-15 { border-width: 0.9375rem; }
[data-theme="dark"] .dark-border-15 { border-width: 0.9375rem; }
[data-theme="dark"] .dark-hover-border-15:hover { border-width: 0.9375rem; }
[data-theme="dark"] .dark-focus-border-15:focus { border-width: 0.9375rem; }
[data-theme="dark"] .dark-active-border-15:active { border-width: 0.9375rem; }
[data-theme="dark"] .dark-disabled-border-15:disabled { border-width: 0.9375rem; }
[data-theme="dark"] .dark-group-hover-border-15 { border-width: 0.9375rem; }
[data-theme="dark"] .dark-border-t-15 { border-top-width: 0.9375rem; }
[data-theme="dark"] .dark-hover-border-t-15:hover { border-top-width: 0.9375rem; }
[data-theme="dark"] .dark-focus-border-t-15:focus { border-top-width: 0.9375rem; }
[data-theme="dark"] .dark-active-border-t-15:active { border-top-width: 0.9375rem; }
[data-theme="dark"] .dark-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
[data-theme="dark"] .dark-group-hover-border-t-15 { border-top-width: 0.9375rem; }
[data-theme="dark"] .dark-border-r-15 { border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-hover-border-r-15:hover { border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-focus-border-r-15:focus { border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-active-border-r-15:active { border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-group-hover-border-r-15 { border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-border-b-15 { border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-active-border-b-15:active { border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-group-hover-border-b-15 { border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-border-l-15 { border-left-width: 0.9375rem; }
[data-theme="dark"] .dark-hover-border-l-15:hover { border-left-width: 0.9375rem; }
[data-theme="dark"] .dark-focus-border-l-15:focus { border-left-width: 0.9375rem; }
[data-theme="dark"] .dark-active-border-l-15:active { border-left-width: 0.9375rem; }
[data-theme="dark"] .dark-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
[data-theme="dark"] .dark-group-hover-border-l-15 { border-left-width: 0.9375rem; }
[data-theme="dark"] .dark-border-16 { border-width: 1.0rem; }
[data-theme="dark"] .dark-hover-border-16:hover { border-width: 1.0rem; }
[data-theme="dark"] .dark-focus-border-16:focus { border-width: 1.0rem; }
[data-theme="dark"] .dark-active-border-16:active { border-width: 1.0rem; }
[data-theme="dark"] .dark-disabled-border-16:disabled { border-width: 1.0rem; }
[data-theme="dark"] .dark-group-hover-border-16 { border-width: 1.0rem; }
[data-theme="dark"] .dark-border-16 { border-width: 1.0rem; }
[data-theme="dark"] .dark-hover-border-16:hover { border-width: 1.0rem; }
[data-theme="dark"] .dark-focus-border-16:focus { border-width: 1.0rem; }
[data-theme="dark"] .dark-active-border-16:active { border-width: 1.0rem; }
[data-theme="dark"] .dark-disabled-border-16:disabled { border-width: 1.0rem; }
[data-theme="dark"] .dark-group-hover-border-16 { border-width: 1.0rem; }
[data-theme="dark"] .dark-border-t-16 { border-top-width: 1.0rem; }
[data-theme="dark"] .dark-hover-border-t-16:hover { border-top-width: 1.0rem; }
[data-theme="dark"] .dark-focus-border-t-16:focus { border-top-width: 1.0rem; }
[data-theme="dark"] .dark-active-border-t-16:active { border-top-width: 1.0rem; }
[data-theme="dark"] .dark-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
[data-theme="dark"] .dark-group-hover-border-t-16 { border-top-width: 1.0rem; }
[data-theme="dark"] .dark-border-r-16 { border-right-width: 1.0rem; }
[data-theme="dark"] .dark-hover-border-r-16:hover { border-right-width: 1.0rem; }
[data-theme="dark"] .dark-focus-border-r-16:focus { border-right-width: 1.0rem; }
[data-theme="dark"] .dark-active-border-r-16:active { border-right-width: 1.0rem; }
[data-theme="dark"] .dark-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
[data-theme="dark"] .dark-group-hover-border-r-16 { border-right-width: 1.0rem; }
[data-theme="dark"] .dark-border-b-16 { border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-active-border-b-16:active { border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-group-hover-border-b-16 { border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-border-l-16 { border-left-width: 1.0rem; }
[data-theme="dark"] .dark-hover-border-l-16:hover { border-left-width: 1.0rem; }
[data-theme="dark"] .dark-focus-border-l-16:focus { border-left-width: 1.0rem; }
[data-theme="dark"] .dark-active-border-l-16:active { border-left-width: 1.0rem; }
[data-theme="dark"] .dark-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
[data-theme="dark"] .dark-group-hover-border-l-16 { border-left-width: 1.0rem; }
[data-theme="dark"] .dark-border-17 { border-width: 1.0625rem; }
[data-theme="dark"] .dark-hover-border-17:hover { border-width: 1.0625rem; }
[data-theme="dark"] .dark-focus-border-17:focus { border-width: 1.0625rem; }
[data-theme="dark"] .dark-active-border-17:active { border-width: 1.0625rem; }
[data-theme="dark"] .dark-disabled-border-17:disabled { border-width: 1.0625rem; }
[data-theme="dark"] .dark-group-hover-border-17 { border-width: 1.0625rem; }
[data-theme="dark"] .dark-border-17 { border-width: 1.0625rem; }
[data-theme="dark"] .dark-hover-border-17:hover { border-width: 1.0625rem; }
[data-theme="dark"] .dark-focus-border-17:focus { border-width: 1.0625rem; }
[data-theme="dark"] .dark-active-border-17:active { border-width: 1.0625rem; }
[data-theme="dark"] .dark-disabled-border-17:disabled { border-width: 1.0625rem; }
[data-theme="dark"] .dark-group-hover-border-17 { border-width: 1.0625rem; }
[data-theme="dark"] .dark-border-t-17 { border-top-width: 1.0625rem; }
[data-theme="dark"] .dark-hover-border-t-17:hover { border-top-width: 1.0625rem; }
[data-theme="dark"] .dark-focus-border-t-17:focus { border-top-width: 1.0625rem; }
[data-theme="dark"] .dark-active-border-t-17:active { border-top-width: 1.0625rem; }
[data-theme="dark"] .dark-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
[data-theme="dark"] .dark-group-hover-border-t-17 { border-top-width: 1.0625rem; }
[data-theme="dark"] .dark-border-r-17 { border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-hover-border-r-17:hover { border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-focus-border-r-17:focus { border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-active-border-r-17:active { border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-group-hover-border-r-17 { border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-border-b-17 { border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-active-border-b-17:active { border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-group-hover-border-b-17 { border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-border-l-17 { border-left-width: 1.0625rem; }
[data-theme="dark"] .dark-hover-border-l-17:hover { border-left-width: 1.0625rem; }
[data-theme="dark"] .dark-focus-border-l-17:focus { border-left-width: 1.0625rem; }
[data-theme="dark"] .dark-active-border-l-17:active { border-left-width: 1.0625rem; }
[data-theme="dark"] .dark-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
[data-theme="dark"] .dark-group-hover-border-l-17 { border-left-width: 1.0625rem; }
[data-theme="dark"] .dark-border-18 { border-width: 1.125rem; }
[data-theme="dark"] .dark-hover-border-18:hover { border-width: 1.125rem; }
[data-theme="dark"] .dark-focus-border-18:focus { border-width: 1.125rem; }
[data-theme="dark"] .dark-active-border-18:active { border-width: 1.125rem; }
[data-theme="dark"] .dark-disabled-border-18:disabled { border-width: 1.125rem; }
[data-theme="dark"] .dark-group-hover-border-18 { border-width: 1.125rem; }
[data-theme="dark"] .dark-border-18 { border-width: 1.125rem; }
[data-theme="dark"] .dark-hover-border-18:hover { border-width: 1.125rem; }
[data-theme="dark"] .dark-focus-border-18:focus { border-width: 1.125rem; }
[data-theme="dark"] .dark-active-border-18:active { border-width: 1.125rem; }
[data-theme="dark"] .dark-disabled-border-18:disabled { border-width: 1.125rem; }
[data-theme="dark"] .dark-group-hover-border-18 { border-width: 1.125rem; }
[data-theme="dark"] .dark-border-t-18 { border-top-width: 1.125rem; }
[data-theme="dark"] .dark-hover-border-t-18:hover { border-top-width: 1.125rem; }
[data-theme="dark"] .dark-focus-border-t-18:focus { border-top-width: 1.125rem; }
[data-theme="dark"] .dark-active-border-t-18:active { border-top-width: 1.125rem; }
[data-theme="dark"] .dark-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
[data-theme="dark"] .dark-group-hover-border-t-18 { border-top-width: 1.125rem; }
[data-theme="dark"] .dark-border-r-18 { border-right-width: 1.125rem; }
[data-theme="dark"] .dark-hover-border-r-18:hover { border-right-width: 1.125rem; }
[data-theme="dark"] .dark-focus-border-r-18:focus { border-right-width: 1.125rem; }
[data-theme="dark"] .dark-active-border-r-18:active { border-right-width: 1.125rem; }
[data-theme="dark"] .dark-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
[data-theme="dark"] .dark-group-hover-border-r-18 { border-right-width: 1.125rem; }
[data-theme="dark"] .dark-border-b-18 { border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-active-border-b-18:active { border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-group-hover-border-b-18 { border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-border-l-18 { border-left-width: 1.125rem; }
[data-theme="dark"] .dark-hover-border-l-18:hover { border-left-width: 1.125rem; }
[data-theme="dark"] .dark-focus-border-l-18:focus { border-left-width: 1.125rem; }
[data-theme="dark"] .dark-active-border-l-18:active { border-left-width: 1.125rem; }
[data-theme="dark"] .dark-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
[data-theme="dark"] .dark-group-hover-border-l-18 { border-left-width: 1.125rem; }
[data-theme="dark"] .dark-border-19 { border-width: 1.1875rem; }
[data-theme="dark"] .dark-hover-border-19:hover { border-width: 1.1875rem; }
[data-theme="dark"] .dark-focus-border-19:focus { border-width: 1.1875rem; }
[data-theme="dark"] .dark-active-border-19:active { border-width: 1.1875rem; }
[data-theme="dark"] .dark-disabled-border-19:disabled { border-width: 1.1875rem; }
[data-theme="dark"] .dark-group-hover-border-19 { border-width: 1.1875rem; }
[data-theme="dark"] .dark-border-19 { border-width: 1.1875rem; }
[data-theme="dark"] .dark-hover-border-19:hover { border-width: 1.1875rem; }
[data-theme="dark"] .dark-focus-border-19:focus { border-width: 1.1875rem; }
[data-theme="dark"] .dark-active-border-19:active { border-width: 1.1875rem; }
[data-theme="dark"] .dark-disabled-border-19:disabled { border-width: 1.1875rem; }
[data-theme="dark"] .dark-group-hover-border-19 { border-width: 1.1875rem; }
[data-theme="dark"] .dark-border-t-19 { border-top-width: 1.1875rem; }
[data-theme="dark"] .dark-hover-border-t-19:hover { border-top-width: 1.1875rem; }
[data-theme="dark"] .dark-focus-border-t-19:focus { border-top-width: 1.1875rem; }
[data-theme="dark"] .dark-active-border-t-19:active { border-top-width: 1.1875rem; }
[data-theme="dark"] .dark-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
[data-theme="dark"] .dark-group-hover-border-t-19 { border-top-width: 1.1875rem; }
[data-theme="dark"] .dark-border-r-19 { border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-hover-border-r-19:hover { border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-focus-border-r-19:focus { border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-active-border-r-19:active { border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-group-hover-border-r-19 { border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-border-b-19 { border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-active-border-b-19:active { border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-group-hover-border-b-19 { border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-border-l-19 { border-left-width: 1.1875rem; }
[data-theme="dark"] .dark-hover-border-l-19:hover { border-left-width: 1.1875rem; }
[data-theme="dark"] .dark-focus-border-l-19:focus { border-left-width: 1.1875rem; }
[data-theme="dark"] .dark-active-border-l-19:active { border-left-width: 1.1875rem; }
[data-theme="dark"] .dark-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
[data-theme="dark"] .dark-group-hover-border-l-19 { border-left-width: 1.1875rem; }
[data-theme="dark"] .dark-border-20 { border-width: 1.25rem; }
[data-theme="dark"] .dark-hover-border-20:hover { border-width: 1.25rem; }
[data-theme="dark"] .dark-focus-border-20:focus { border-width: 1.25rem; }
[data-theme="dark"] .dark-active-border-20:active { border-width: 1.25rem; }
[data-theme="dark"] .dark-disabled-border-20:disabled { border-width: 1.25rem; }
[data-theme="dark"] .dark-group-hover-border-20 { border-width: 1.25rem; }
[data-theme="dark"] .dark-border-20 { border-width: 1.25rem; }
[data-theme="dark"] .dark-hover-border-20:hover { border-width: 1.25rem; }
[data-theme="dark"] .dark-focus-border-20:focus { border-width: 1.25rem; }
[data-theme="dark"] .dark-active-border-20:active { border-width: 1.25rem; }
[data-theme="dark"] .dark-disabled-border-20:disabled { border-width: 1.25rem; }
[data-theme="dark"] .dark-group-hover-border-20 { border-width: 1.25rem; }
[data-theme="dark"] .dark-border-t-20 { border-top-width: 1.25rem; }
[data-theme="dark"] .dark-hover-border-t-20:hover { border-top-width: 1.25rem; }
[data-theme="dark"] .dark-focus-border-t-20:focus { border-top-width: 1.25rem; }
[data-theme="dark"] .dark-active-border-t-20:active { border-top-width: 1.25rem; }
[data-theme="dark"] .dark-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
[data-theme="dark"] .dark-group-hover-border-t-20 { border-top-width: 1.25rem; }
[data-theme="dark"] .dark-border-r-20 { border-right-width: 1.25rem; }
[data-theme="dark"] .dark-hover-border-r-20:hover { border-right-width: 1.25rem; }
[data-theme="dark"] .dark-focus-border-r-20:focus { border-right-width: 1.25rem; }
[data-theme="dark"] .dark-active-border-r-20:active { border-right-width: 1.25rem; }
[data-theme="dark"] .dark-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
[data-theme="dark"] .dark-group-hover-border-r-20 { border-right-width: 1.25rem; }
[data-theme="dark"] .dark-border-b-20 { border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-active-border-b-20:active { border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-group-hover-border-b-20 { border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-border-l-20 { border-left-width: 1.25rem; }
[data-theme="dark"] .dark-hover-border-l-20:hover { border-left-width: 1.25rem; }
[data-theme="dark"] .dark-focus-border-l-20:focus { border-left-width: 1.25rem; }
[data-theme="dark"] .dark-active-border-l-20:active { border-left-width: 1.25rem; }
[data-theme="dark"] .dark-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
[data-theme="dark"] .dark-group-hover-border-l-20 { border-left-width: 1.25rem; }
[data-theme="dark"] .dark-border-21 { border-width: 1.3125rem; }
[data-theme="dark"] .dark-hover-border-21:hover { border-width: 1.3125rem; }
[data-theme="dark"] .dark-focus-border-21:focus { border-width: 1.3125rem; }
[data-theme="dark"] .dark-active-border-21:active { border-width: 1.3125rem; }
[data-theme="dark"] .dark-disabled-border-21:disabled { border-width: 1.3125rem; }
[data-theme="dark"] .dark-group-hover-border-21 { border-width: 1.3125rem; }
[data-theme="dark"] .dark-border-21 { border-width: 1.3125rem; }
[data-theme="dark"] .dark-hover-border-21:hover { border-width: 1.3125rem; }
[data-theme="dark"] .dark-focus-border-21:focus { border-width: 1.3125rem; }
[data-theme="dark"] .dark-active-border-21:active { border-width: 1.3125rem; }
[data-theme="dark"] .dark-disabled-border-21:disabled { border-width: 1.3125rem; }
[data-theme="dark"] .dark-group-hover-border-21 { border-width: 1.3125rem; }
[data-theme="dark"] .dark-border-t-21 { border-top-width: 1.3125rem; }
[data-theme="dark"] .dark-hover-border-t-21:hover { border-top-width: 1.3125rem; }
[data-theme="dark"] .dark-focus-border-t-21:focus { border-top-width: 1.3125rem; }
[data-theme="dark"] .dark-active-border-t-21:active { border-top-width: 1.3125rem; }
[data-theme="dark"] .dark-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
[data-theme="dark"] .dark-group-hover-border-t-21 { border-top-width: 1.3125rem; }
[data-theme="dark"] .dark-border-r-21 { border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-hover-border-r-21:hover { border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-focus-border-r-21:focus { border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-active-border-r-21:active { border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-group-hover-border-r-21 { border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-border-b-21 { border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-active-border-b-21:active { border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-group-hover-border-b-21 { border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-border-l-21 { border-left-width: 1.3125rem; }
[data-theme="dark"] .dark-hover-border-l-21:hover { border-left-width: 1.3125rem; }
[data-theme="dark"] .dark-focus-border-l-21:focus { border-left-width: 1.3125rem; }
[data-theme="dark"] .dark-active-border-l-21:active { border-left-width: 1.3125rem; }
[data-theme="dark"] .dark-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
[data-theme="dark"] .dark-group-hover-border-l-21 { border-left-width: 1.3125rem; }
[data-theme="dark"] .dark-border-22 { border-width: 1.375rem; }
[data-theme="dark"] .dark-hover-border-22:hover { border-width: 1.375rem; }
[data-theme="dark"] .dark-focus-border-22:focus { border-width: 1.375rem; }
[data-theme="dark"] .dark-active-border-22:active { border-width: 1.375rem; }
[data-theme="dark"] .dark-disabled-border-22:disabled { border-width: 1.375rem; }
[data-theme="dark"] .dark-group-hover-border-22 { border-width: 1.375rem; }
[data-theme="dark"] .dark-border-22 { border-width: 1.375rem; }
[data-theme="dark"] .dark-hover-border-22:hover { border-width: 1.375rem; }
[data-theme="dark"] .dark-focus-border-22:focus { border-width: 1.375rem; }
[data-theme="dark"] .dark-active-border-22:active { border-width: 1.375rem; }
[data-theme="dark"] .dark-disabled-border-22:disabled { border-width: 1.375rem; }
[data-theme="dark"] .dark-group-hover-border-22 { border-width: 1.375rem; }
[data-theme="dark"] .dark-border-t-22 { border-top-width: 1.375rem; }
[data-theme="dark"] .dark-hover-border-t-22:hover { border-top-width: 1.375rem; }
[data-theme="dark"] .dark-focus-border-t-22:focus { border-top-width: 1.375rem; }
[data-theme="dark"] .dark-active-border-t-22:active { border-top-width: 1.375rem; }
[data-theme="dark"] .dark-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
[data-theme="dark"] .dark-group-hover-border-t-22 { border-top-width: 1.375rem; }
[data-theme="dark"] .dark-border-r-22 { border-right-width: 1.375rem; }
[data-theme="dark"] .dark-hover-border-r-22:hover { border-right-width: 1.375rem; }
[data-theme="dark"] .dark-focus-border-r-22:focus { border-right-width: 1.375rem; }
[data-theme="dark"] .dark-active-border-r-22:active { border-right-width: 1.375rem; }
[data-theme="dark"] .dark-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
[data-theme="dark"] .dark-group-hover-border-r-22 { border-right-width: 1.375rem; }
[data-theme="dark"] .dark-border-b-22 { border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-active-border-b-22:active { border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-group-hover-border-b-22 { border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-border-l-22 { border-left-width: 1.375rem; }
[data-theme="dark"] .dark-hover-border-l-22:hover { border-left-width: 1.375rem; }
[data-theme="dark"] .dark-focus-border-l-22:focus { border-left-width: 1.375rem; }
[data-theme="dark"] .dark-active-border-l-22:active { border-left-width: 1.375rem; }
[data-theme="dark"] .dark-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
[data-theme="dark"] .dark-group-hover-border-l-22 { border-left-width: 1.375rem; }
[data-theme="dark"] .dark-border-23 { border-width: 1.4375rem; }
[data-theme="dark"] .dark-hover-border-23:hover { border-width: 1.4375rem; }
[data-theme="dark"] .dark-focus-border-23:focus { border-width: 1.4375rem; }
[data-theme="dark"] .dark-active-border-23:active { border-width: 1.4375rem; }
[data-theme="dark"] .dark-disabled-border-23:disabled { border-width: 1.4375rem; }
[data-theme="dark"] .dark-group-hover-border-23 { border-width: 1.4375rem; }
[data-theme="dark"] .dark-border-23 { border-width: 1.4375rem; }
[data-theme="dark"] .dark-hover-border-23:hover { border-width: 1.4375rem; }
[data-theme="dark"] .dark-focus-border-23:focus { border-width: 1.4375rem; }
[data-theme="dark"] .dark-active-border-23:active { border-width: 1.4375rem; }
[data-theme="dark"] .dark-disabled-border-23:disabled { border-width: 1.4375rem; }
[data-theme="dark"] .dark-group-hover-border-23 { border-width: 1.4375rem; }
[data-theme="dark"] .dark-border-t-23 { border-top-width: 1.4375rem; }
[data-theme="dark"] .dark-hover-border-t-23:hover { border-top-width: 1.4375rem; }
[data-theme="dark"] .dark-focus-border-t-23:focus { border-top-width: 1.4375rem; }
[data-theme="dark"] .dark-active-border-t-23:active { border-top-width: 1.4375rem; }
[data-theme="dark"] .dark-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
[data-theme="dark"] .dark-group-hover-border-t-23 { border-top-width: 1.4375rem; }
[data-theme="dark"] .dark-border-r-23 { border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-hover-border-r-23:hover { border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-focus-border-r-23:focus { border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-active-border-r-23:active { border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-group-hover-border-r-23 { border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-border-b-23 { border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-active-border-b-23:active { border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-group-hover-border-b-23 { border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-border-l-23 { border-left-width: 1.4375rem; }
[data-theme="dark"] .dark-hover-border-l-23:hover { border-left-width: 1.4375rem; }
[data-theme="dark"] .dark-focus-border-l-23:focus { border-left-width: 1.4375rem; }
[data-theme="dark"] .dark-active-border-l-23:active { border-left-width: 1.4375rem; }
[data-theme="dark"] .dark-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
[data-theme="dark"] .dark-group-hover-border-l-23 { border-left-width: 1.4375rem; }
[data-theme="dark"] .dark-border-24 { border-width: 1.5rem; }
[data-theme="dark"] .dark-hover-border-24:hover { border-width: 1.5rem; }
[data-theme="dark"] .dark-focus-border-24:focus { border-width: 1.5rem; }
[data-theme="dark"] .dark-active-border-24:active { border-width: 1.5rem; }
[data-theme="dark"] .dark-disabled-border-24:disabled { border-width: 1.5rem; }
[data-theme="dark"] .dark-group-hover-border-24 { border-width: 1.5rem; }
[data-theme="dark"] .dark-border-24 { border-width: 1.5rem; }
[data-theme="dark"] .dark-hover-border-24:hover { border-width: 1.5rem; }
[data-theme="dark"] .dark-focus-border-24:focus { border-width: 1.5rem; }
[data-theme="dark"] .dark-active-border-24:active { border-width: 1.5rem; }
[data-theme="dark"] .dark-disabled-border-24:disabled { border-width: 1.5rem; }
[data-theme="dark"] .dark-group-hover-border-24 { border-width: 1.5rem; }
[data-theme="dark"] .dark-border-t-24 { border-top-width: 1.5rem; }
[data-theme="dark"] .dark-hover-border-t-24:hover { border-top-width: 1.5rem; }
[data-theme="dark"] .dark-focus-border-t-24:focus { border-top-width: 1.5rem; }
[data-theme="dark"] .dark-active-border-t-24:active { border-top-width: 1.5rem; }
[data-theme="dark"] .dark-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
[data-theme="dark"] .dark-group-hover-border-t-24 { border-top-width: 1.5rem; }
[data-theme="dark"] .dark-border-r-24 { border-right-width: 1.5rem; }
[data-theme="dark"] .dark-hover-border-r-24:hover { border-right-width: 1.5rem; }
[data-theme="dark"] .dark-focus-border-r-24:focus { border-right-width: 1.5rem; }
[data-theme="dark"] .dark-active-border-r-24:active { border-right-width: 1.5rem; }
[data-theme="dark"] .dark-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
[data-theme="dark"] .dark-group-hover-border-r-24 { border-right-width: 1.5rem; }
[data-theme="dark"] .dark-border-b-24 { border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-active-border-b-24:active { border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-group-hover-border-b-24 { border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-border-l-24 { border-left-width: 1.5rem; }
[data-theme="dark"] .dark-hover-border-l-24:hover { border-left-width: 1.5rem; }
[data-theme="dark"] .dark-focus-border-l-24:focus { border-left-width: 1.5rem; }
[data-theme="dark"] .dark-active-border-l-24:active { border-left-width: 1.5rem; }
[data-theme="dark"] .dark-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
[data-theme="dark"] .dark-group-hover-border-l-24 { border-left-width: 1.5rem; }
[data-theme="dark"] .dark-border-25 { border-width: 1.5625rem; }
[data-theme="dark"] .dark-hover-border-25:hover { border-width: 1.5625rem; }
[data-theme="dark"] .dark-focus-border-25:focus { border-width: 1.5625rem; }
[data-theme="dark"] .dark-active-border-25:active { border-width: 1.5625rem; }
[data-theme="dark"] .dark-disabled-border-25:disabled { border-width: 1.5625rem; }
[data-theme="dark"] .dark-group-hover-border-25 { border-width: 1.5625rem; }
[data-theme="dark"] .dark-border-25 { border-width: 1.5625rem; }
[data-theme="dark"] .dark-hover-border-25:hover { border-width: 1.5625rem; }
[data-theme="dark"] .dark-focus-border-25:focus { border-width: 1.5625rem; }
[data-theme="dark"] .dark-active-border-25:active { border-width: 1.5625rem; }
[data-theme="dark"] .dark-disabled-border-25:disabled { border-width: 1.5625rem; }
[data-theme="dark"] .dark-group-hover-border-25 { border-width: 1.5625rem; }
[data-theme="dark"] .dark-border-t-25 { border-top-width: 1.5625rem; }
[data-theme="dark"] .dark-hover-border-t-25:hover { border-top-width: 1.5625rem; }
[data-theme="dark"] .dark-focus-border-t-25:focus { border-top-width: 1.5625rem; }
[data-theme="dark"] .dark-active-border-t-25:active { border-top-width: 1.5625rem; }
[data-theme="dark"] .dark-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
[data-theme="dark"] .dark-group-hover-border-t-25 { border-top-width: 1.5625rem; }
[data-theme="dark"] .dark-border-r-25 { border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-hover-border-r-25:hover { border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-focus-border-r-25:focus { border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-active-border-r-25:active { border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-group-hover-border-r-25 { border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-border-b-25 { border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-active-border-b-25:active { border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-group-hover-border-b-25 { border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-border-l-25 { border-left-width: 1.5625rem; }
[data-theme="dark"] .dark-hover-border-l-25:hover { border-left-width: 1.5625rem; }
[data-theme="dark"] .dark-focus-border-l-25:focus { border-left-width: 1.5625rem; }
[data-theme="dark"] .dark-active-border-l-25:active { border-left-width: 1.5625rem; }
[data-theme="dark"] .dark-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
[data-theme="dark"] .dark-group-hover-border-l-25 { border-left-width: 1.5625rem; }
[data-theme="dark"] .dark-border-26 { border-width: 1.625rem; }
[data-theme="dark"] .dark-hover-border-26:hover { border-width: 1.625rem; }
[data-theme="dark"] .dark-focus-border-26:focus { border-width: 1.625rem; }
[data-theme="dark"] .dark-active-border-26:active { border-width: 1.625rem; }
[data-theme="dark"] .dark-disabled-border-26:disabled { border-width: 1.625rem; }
[data-theme="dark"] .dark-group-hover-border-26 { border-width: 1.625rem; }
[data-theme="dark"] .dark-border-26 { border-width: 1.625rem; }
[data-theme="dark"] .dark-hover-border-26:hover { border-width: 1.625rem; }
[data-theme="dark"] .dark-focus-border-26:focus { border-width: 1.625rem; }
[data-theme="dark"] .dark-active-border-26:active { border-width: 1.625rem; }
[data-theme="dark"] .dark-disabled-border-26:disabled { border-width: 1.625rem; }
[data-theme="dark"] .dark-group-hover-border-26 { border-width: 1.625rem; }
[data-theme="dark"] .dark-border-t-26 { border-top-width: 1.625rem; }
[data-theme="dark"] .dark-hover-border-t-26:hover { border-top-width: 1.625rem; }
[data-theme="dark"] .dark-focus-border-t-26:focus { border-top-width: 1.625rem; }
[data-theme="dark"] .dark-active-border-t-26:active { border-top-width: 1.625rem; }
[data-theme="dark"] .dark-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
[data-theme="dark"] .dark-group-hover-border-t-26 { border-top-width: 1.625rem; }
[data-theme="dark"] .dark-border-r-26 { border-right-width: 1.625rem; }
[data-theme="dark"] .dark-hover-border-r-26:hover { border-right-width: 1.625rem; }
[data-theme="dark"] .dark-focus-border-r-26:focus { border-right-width: 1.625rem; }
[data-theme="dark"] .dark-active-border-r-26:active { border-right-width: 1.625rem; }
[data-theme="dark"] .dark-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
[data-theme="dark"] .dark-group-hover-border-r-26 { border-right-width: 1.625rem; }
[data-theme="dark"] .dark-border-b-26 { border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-active-border-b-26:active { border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-group-hover-border-b-26 { border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-border-l-26 { border-left-width: 1.625rem; }
[data-theme="dark"] .dark-hover-border-l-26:hover { border-left-width: 1.625rem; }
[data-theme="dark"] .dark-focus-border-l-26:focus { border-left-width: 1.625rem; }
[data-theme="dark"] .dark-active-border-l-26:active { border-left-width: 1.625rem; }
[data-theme="dark"] .dark-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
[data-theme="dark"] .dark-group-hover-border-l-26 { border-left-width: 1.625rem; }
[data-theme="dark"] .dark-border-27 { border-width: 1.6875rem; }
[data-theme="dark"] .dark-hover-border-27:hover { border-width: 1.6875rem; }
[data-theme="dark"] .dark-focus-border-27:focus { border-width: 1.6875rem; }
[data-theme="dark"] .dark-active-border-27:active { border-width: 1.6875rem; }
[data-theme="dark"] .dark-disabled-border-27:disabled { border-width: 1.6875rem; }
[data-theme="dark"] .dark-group-hover-border-27 { border-width: 1.6875rem; }
[data-theme="dark"] .dark-border-27 { border-width: 1.6875rem; }
[data-theme="dark"] .dark-hover-border-27:hover { border-width: 1.6875rem; }
[data-theme="dark"] .dark-focus-border-27:focus { border-width: 1.6875rem; }
[data-theme="dark"] .dark-active-border-27:active { border-width: 1.6875rem; }
[data-theme="dark"] .dark-disabled-border-27:disabled { border-width: 1.6875rem; }
[data-theme="dark"] .dark-group-hover-border-27 { border-width: 1.6875rem; }
[data-theme="dark"] .dark-border-t-27 { border-top-width: 1.6875rem; }
[data-theme="dark"] .dark-hover-border-t-27:hover { border-top-width: 1.6875rem; }
[data-theme="dark"] .dark-focus-border-t-27:focus { border-top-width: 1.6875rem; }
[data-theme="dark"] .dark-active-border-t-27:active { border-top-width: 1.6875rem; }
[data-theme="dark"] .dark-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
[data-theme="dark"] .dark-group-hover-border-t-27 { border-top-width: 1.6875rem; }
[data-theme="dark"] .dark-border-r-27 { border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-hover-border-r-27:hover { border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-focus-border-r-27:focus { border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-active-border-r-27:active { border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-group-hover-border-r-27 { border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-border-b-27 { border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-active-border-b-27:active { border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-group-hover-border-b-27 { border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-border-l-27 { border-left-width: 1.6875rem; }
[data-theme="dark"] .dark-hover-border-l-27:hover { border-left-width: 1.6875rem; }
[data-theme="dark"] .dark-focus-border-l-27:focus { border-left-width: 1.6875rem; }
[data-theme="dark"] .dark-active-border-l-27:active { border-left-width: 1.6875rem; }
[data-theme="dark"] .dark-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
[data-theme="dark"] .dark-group-hover-border-l-27 { border-left-width: 1.6875rem; }
[data-theme="dark"] .dark-border-28 { border-width: 1.75rem; }
[data-theme="dark"] .dark-hover-border-28:hover { border-width: 1.75rem; }
[data-theme="dark"] .dark-focus-border-28:focus { border-width: 1.75rem; }
[data-theme="dark"] .dark-active-border-28:active { border-width: 1.75rem; }
[data-theme="dark"] .dark-disabled-border-28:disabled { border-width: 1.75rem; }
[data-theme="dark"] .dark-group-hover-border-28 { border-width: 1.75rem; }
[data-theme="dark"] .dark-border-28 { border-width: 1.75rem; }
[data-theme="dark"] .dark-hover-border-28:hover { border-width: 1.75rem; }
[data-theme="dark"] .dark-focus-border-28:focus { border-width: 1.75rem; }
[data-theme="dark"] .dark-active-border-28:active { border-width: 1.75rem; }
[data-theme="dark"] .dark-disabled-border-28:disabled { border-width: 1.75rem; }
[data-theme="dark"] .dark-group-hover-border-28 { border-width: 1.75rem; }
[data-theme="dark"] .dark-border-t-28 { border-top-width: 1.75rem; }
[data-theme="dark"] .dark-hover-border-t-28:hover { border-top-width: 1.75rem; }
[data-theme="dark"] .dark-focus-border-t-28:focus { border-top-width: 1.75rem; }
[data-theme="dark"] .dark-active-border-t-28:active { border-top-width: 1.75rem; }
[data-theme="dark"] .dark-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
[data-theme="dark"] .dark-group-hover-border-t-28 { border-top-width: 1.75rem; }
[data-theme="dark"] .dark-border-r-28 { border-right-width: 1.75rem; }
[data-theme="dark"] .dark-hover-border-r-28:hover { border-right-width: 1.75rem; }
[data-theme="dark"] .dark-focus-border-r-28:focus { border-right-width: 1.75rem; }
[data-theme="dark"] .dark-active-border-r-28:active { border-right-width: 1.75rem; }
[data-theme="dark"] .dark-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
[data-theme="dark"] .dark-group-hover-border-r-28 { border-right-width: 1.75rem; }
[data-theme="dark"] .dark-border-b-28 { border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-active-border-b-28:active { border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-group-hover-border-b-28 { border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-border-l-28 { border-left-width: 1.75rem; }
[data-theme="dark"] .dark-hover-border-l-28:hover { border-left-width: 1.75rem; }
[data-theme="dark"] .dark-focus-border-l-28:focus { border-left-width: 1.75rem; }
[data-theme="dark"] .dark-active-border-l-28:active { border-left-width: 1.75rem; }
[data-theme="dark"] .dark-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
[data-theme="dark"] .dark-group-hover-border-l-28 { border-left-width: 1.75rem; }
[data-theme="dark"] .dark-border-29 { border-width: 1.8125rem; }
[data-theme="dark"] .dark-hover-border-29:hover { border-width: 1.8125rem; }
[data-theme="dark"] .dark-focus-border-29:focus { border-width: 1.8125rem; }
[data-theme="dark"] .dark-active-border-29:active { border-width: 1.8125rem; }
[data-theme="dark"] .dark-disabled-border-29:disabled { border-width: 1.8125rem; }
[data-theme="dark"] .dark-group-hover-border-29 { border-width: 1.8125rem; }
[data-theme="dark"] .dark-border-29 { border-width: 1.8125rem; }
[data-theme="dark"] .dark-hover-border-29:hover { border-width: 1.8125rem; }
[data-theme="dark"] .dark-focus-border-29:focus { border-width: 1.8125rem; }
[data-theme="dark"] .dark-active-border-29:active { border-width: 1.8125rem; }
[data-theme="dark"] .dark-disabled-border-29:disabled { border-width: 1.8125rem; }
[data-theme="dark"] .dark-group-hover-border-29 { border-width: 1.8125rem; }
[data-theme="dark"] .dark-border-t-29 { border-top-width: 1.8125rem; }
[data-theme="dark"] .dark-hover-border-t-29:hover { border-top-width: 1.8125rem; }
[data-theme="dark"] .dark-focus-border-t-29:focus { border-top-width: 1.8125rem; }
[data-theme="dark"] .dark-active-border-t-29:active { border-top-width: 1.8125rem; }
[data-theme="dark"] .dark-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
[data-theme="dark"] .dark-group-hover-border-t-29 { border-top-width: 1.8125rem; }
[data-theme="dark"] .dark-border-r-29 { border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-hover-border-r-29:hover { border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-focus-border-r-29:focus { border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-active-border-r-29:active { border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-group-hover-border-r-29 { border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-border-b-29 { border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-active-border-b-29:active { border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-group-hover-border-b-29 { border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-border-l-29 { border-left-width: 1.8125rem; }
[data-theme="dark"] .dark-hover-border-l-29:hover { border-left-width: 1.8125rem; }
[data-theme="dark"] .dark-focus-border-l-29:focus { border-left-width: 1.8125rem; }
[data-theme="dark"] .dark-active-border-l-29:active { border-left-width: 1.8125rem; }
[data-theme="dark"] .dark-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
[data-theme="dark"] .dark-group-hover-border-l-29 { border-left-width: 1.8125rem; }
[data-theme="dark"] .dark-border-30 { border-width: 1.875rem; }
[data-theme="dark"] .dark-hover-border-30:hover { border-width: 1.875rem; }
[data-theme="dark"] .dark-focus-border-30:focus { border-width: 1.875rem; }
[data-theme="dark"] .dark-active-border-30:active { border-width: 1.875rem; }
[data-theme="dark"] .dark-disabled-border-30:disabled { border-width: 1.875rem; }
[data-theme="dark"] .dark-group-hover-border-30 { border-width: 1.875rem; }
[data-theme="dark"] .dark-border-30 { border-width: 1.875rem; }
[data-theme="dark"] .dark-hover-border-30:hover { border-width: 1.875rem; }
[data-theme="dark"] .dark-focus-border-30:focus { border-width: 1.875rem; }
[data-theme="dark"] .dark-active-border-30:active { border-width: 1.875rem; }
[data-theme="dark"] .dark-disabled-border-30:disabled { border-width: 1.875rem; }
[data-theme="dark"] .dark-group-hover-border-30 { border-width: 1.875rem; }
[data-theme="dark"] .dark-border-t-30 { border-top-width: 1.875rem; }
[data-theme="dark"] .dark-hover-border-t-30:hover { border-top-width: 1.875rem; }
[data-theme="dark"] .dark-focus-border-t-30:focus { border-top-width: 1.875rem; }
[data-theme="dark"] .dark-active-border-t-30:active { border-top-width: 1.875rem; }
[data-theme="dark"] .dark-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
[data-theme="dark"] .dark-group-hover-border-t-30 { border-top-width: 1.875rem; }
[data-theme="dark"] .dark-border-r-30 { border-right-width: 1.875rem; }
[data-theme="dark"] .dark-hover-border-r-30:hover { border-right-width: 1.875rem; }
[data-theme="dark"] .dark-focus-border-r-30:focus { border-right-width: 1.875rem; }
[data-theme="dark"] .dark-active-border-r-30:active { border-right-width: 1.875rem; }
[data-theme="dark"] .dark-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
[data-theme="dark"] .dark-group-hover-border-r-30 { border-right-width: 1.875rem; }
[data-theme="dark"] .dark-border-b-30 { border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-active-border-b-30:active { border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-group-hover-border-b-30 { border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-border-l-30 { border-left-width: 1.875rem; }
[data-theme="dark"] .dark-hover-border-l-30:hover { border-left-width: 1.875rem; }
[data-theme="dark"] .dark-focus-border-l-30:focus { border-left-width: 1.875rem; }
[data-theme="dark"] .dark-active-border-l-30:active { border-left-width: 1.875rem; }
[data-theme="dark"] .dark-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
[data-theme="dark"] .dark-group-hover-border-l-30 { border-left-width: 1.875rem; }
[data-theme="dark"] .dark-border-31 { border-width: 1.9375rem; }
[data-theme="dark"] .dark-hover-border-31:hover { border-width: 1.9375rem; }
[data-theme="dark"] .dark-focus-border-31:focus { border-width: 1.9375rem; }
[data-theme="dark"] .dark-active-border-31:active { border-width: 1.9375rem; }
[data-theme="dark"] .dark-disabled-border-31:disabled { border-width: 1.9375rem; }
[data-theme="dark"] .dark-group-hover-border-31 { border-width: 1.9375rem; }
[data-theme="dark"] .dark-border-31 { border-width: 1.9375rem; }
[data-theme="dark"] .dark-hover-border-31:hover { border-width: 1.9375rem; }
[data-theme="dark"] .dark-focus-border-31:focus { border-width: 1.9375rem; }
[data-theme="dark"] .dark-active-border-31:active { border-width: 1.9375rem; }
[data-theme="dark"] .dark-disabled-border-31:disabled { border-width: 1.9375rem; }
[data-theme="dark"] .dark-group-hover-border-31 { border-width: 1.9375rem; }
[data-theme="dark"] .dark-border-t-31 { border-top-width: 1.9375rem; }
[data-theme="dark"] .dark-hover-border-t-31:hover { border-top-width: 1.9375rem; }
[data-theme="dark"] .dark-focus-border-t-31:focus { border-top-width: 1.9375rem; }
[data-theme="dark"] .dark-active-border-t-31:active { border-top-width: 1.9375rem; }
[data-theme="dark"] .dark-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
[data-theme="dark"] .dark-group-hover-border-t-31 { border-top-width: 1.9375rem; }
[data-theme="dark"] .dark-border-r-31 { border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-hover-border-r-31:hover { border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-focus-border-r-31:focus { border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-active-border-r-31:active { border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-group-hover-border-r-31 { border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-border-b-31 { border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-active-border-b-31:active { border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-group-hover-border-b-31 { border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-border-l-31 { border-left-width: 1.9375rem; }
[data-theme="dark"] .dark-hover-border-l-31:hover { border-left-width: 1.9375rem; }
[data-theme="dark"] .dark-focus-border-l-31:focus { border-left-width: 1.9375rem; }
[data-theme="dark"] .dark-active-border-l-31:active { border-left-width: 1.9375rem; }
[data-theme="dark"] .dark-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
[data-theme="dark"] .dark-group-hover-border-l-31 { border-left-width: 1.9375rem; }
[data-theme="dark"] .dark-border-32 { border-width: 2.0rem; }
[data-theme="dark"] .dark-hover-border-32:hover { border-width: 2.0rem; }
[data-theme="dark"] .dark-focus-border-32:focus { border-width: 2.0rem; }
[data-theme="dark"] .dark-active-border-32:active { border-width: 2.0rem; }
[data-theme="dark"] .dark-disabled-border-32:disabled { border-width: 2.0rem; }
[data-theme="dark"] .dark-group-hover-border-32 { border-width: 2.0rem; }
[data-theme="dark"] .dark-border-32 { border-width: 2.0rem; }
[data-theme="dark"] .dark-hover-border-32:hover { border-width: 2.0rem; }
[data-theme="dark"] .dark-focus-border-32:focus { border-width: 2.0rem; }
[data-theme="dark"] .dark-active-border-32:active { border-width: 2.0rem; }
[data-theme="dark"] .dark-disabled-border-32:disabled { border-width: 2.0rem; }
[data-theme="dark"] .dark-group-hover-border-32 { border-width: 2.0rem; }
[data-theme="dark"] .dark-border-t-32 { border-top-width: 2.0rem; }
[data-theme="dark"] .dark-hover-border-t-32:hover { border-top-width: 2.0rem; }
[data-theme="dark"] .dark-focus-border-t-32:focus { border-top-width: 2.0rem; }
[data-theme="dark"] .dark-active-border-t-32:active { border-top-width: 2.0rem; }
[data-theme="dark"] .dark-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
[data-theme="dark"] .dark-group-hover-border-t-32 { border-top-width: 2.0rem; }
[data-theme="dark"] .dark-border-r-32 { border-right-width: 2.0rem; }
[data-theme="dark"] .dark-hover-border-r-32:hover { border-right-width: 2.0rem; }
[data-theme="dark"] .dark-focus-border-r-32:focus { border-right-width: 2.0rem; }
[data-theme="dark"] .dark-active-border-r-32:active { border-right-width: 2.0rem; }
[data-theme="dark"] .dark-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
[data-theme="dark"] .dark-group-hover-border-r-32 { border-right-width: 2.0rem; }
[data-theme="dark"] .dark-border-b-32 { border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-active-border-b-32:active { border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-group-hover-border-b-32 { border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-border-l-32 { border-left-width: 2.0rem; }
[data-theme="dark"] .dark-hover-border-l-32:hover { border-left-width: 2.0rem; }
[data-theme="dark"] .dark-focus-border-l-32:focus { border-left-width: 2.0rem; }
[data-theme="dark"] .dark-active-border-l-32:active { border-left-width: 2.0rem; }
[data-theme="dark"] .dark-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
[data-theme="dark"] .dark-group-hover-border-l-32 { border-left-width: 2.0rem; }
[data-theme="dark"] .dark-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
[data-theme="dark"] .dark-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
[data-theme="dark"] .dark-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
[data-theme="dark"] .dark-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
[data-theme="dark"] .dark-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
[data-theme="dark"] .dark-group-hover-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
[data-theme="dark"] .dark-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-group-hover-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
[data-theme="dark"] .dark-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-group-hover-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
[data-theme="dark"] .dark-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-group-hover-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
[data-theme="dark"] .dark-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
[data-theme="dark"] .dark-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
[data-theme="dark"] .dark-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
[data-theme="dark"] .dark-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
[data-theme="dark"] .dark-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
[data-theme="dark"] .dark-group-hover-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
[data-theme="dark"] .dark-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-group-hover-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
[data-theme="dark"] .dark-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-group-hover-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
[data-theme="dark"] .dark-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-group-hover-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
[data-theme="dark"] .dark-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
[data-theme="dark"] .dark-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
[data-theme="dark"] .dark-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
[data-theme="dark"] .dark-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
[data-theme="dark"] .dark-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
[data-theme="dark"] .dark-group-hover-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
[data-theme="dark"] .dark-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-group-hover-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
[data-theme="dark"] .dark-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-group-hover-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
[data-theme="dark"] .dark-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-group-hover-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
[data-theme="dark"] .dark-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
[data-theme="dark"] .dark-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
[data-theme="dark"] .dark-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
[data-theme="dark"] .dark-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
[data-theme="dark"] .dark-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
[data-theme="dark"] .dark-group-hover-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
[data-theme="dark"] .dark-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-group-hover-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
[data-theme="dark"] .dark-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-group-hover-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
[data-theme="dark"] .dark-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-group-hover-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
[data-theme="dark"] .dark-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
[data-theme="dark"] .dark-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
[data-theme="dark"] .dark-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
[data-theme="dark"] .dark-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
[data-theme="dark"] .dark-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
[data-theme="dark"] .dark-group-hover-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
[data-theme="dark"] .dark-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-group-hover-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
[data-theme="dark"] .dark-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-group-hover-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
[data-theme="dark"] .dark-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-group-hover-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
[data-theme="dark"] .dark-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
[data-theme="dark"] .dark-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
[data-theme="dark"] .dark-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
[data-theme="dark"] .dark-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
[data-theme="dark"] .dark-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
[data-theme="dark"] .dark-group-hover-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
[data-theme="dark"] .dark-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-group-hover-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
[data-theme="dark"] .dark-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-group-hover-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
[data-theme="dark"] .dark-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-group-hover-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
[data-theme="dark"] .dark-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
[data-theme="dark"] .dark-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
[data-theme="dark"] .dark-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
[data-theme="dark"] .dark-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
[data-theme="dark"] .dark-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
[data-theme="dark"] .dark-group-hover-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
[data-theme="dark"] .dark-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-group-hover-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
[data-theme="dark"] .dark-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-group-hover-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
[data-theme="dark"] .dark-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-group-hover-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
[data-theme="dark"] .dark-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
[data-theme="dark"] .dark-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
[data-theme="dark"] .dark-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
[data-theme="dark"] .dark-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
[data-theme="dark"] .dark-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
[data-theme="dark"] .dark-group-hover-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
[data-theme="dark"] .dark-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-group-hover-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
[data-theme="dark"] .dark-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-group-hover-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
[data-theme="dark"] .dark-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-group-hover-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
[data-theme="dark"] .dark-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
[data-theme="dark"] .dark-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
[data-theme="dark"] .dark-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
[data-theme="dark"] .dark-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
[data-theme="dark"] .dark-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
[data-theme="dark"] .dark-group-hover-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
[data-theme="dark"] .dark-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-group-hover-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
[data-theme="dark"] .dark-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-group-hover-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
[data-theme="dark"] .dark-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-group-hover-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
[data-theme="dark"] .dark-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
[data-theme="dark"] .dark-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
[data-theme="dark"] .dark-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
[data-theme="dark"] .dark-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
[data-theme="dark"] .dark-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
[data-theme="dark"] .dark-group-hover-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
[data-theme="dark"] .dark-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-group-hover-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
[data-theme="dark"] .dark-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-group-hover-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
[data-theme="dark"] .dark-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-group-hover-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
[data-theme="dark"] .dark-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
[data-theme="dark"] .dark-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
[data-theme="dark"] .dark-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
[data-theme="dark"] .dark-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
[data-theme="dark"] .dark-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
[data-theme="dark"] .dark-group-hover-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
[data-theme="dark"] .dark-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-group-hover-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
[data-theme="dark"] .dark-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-group-hover-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
[data-theme="dark"] .dark-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-group-hover-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
[data-theme="dark"] .dark-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
[data-theme="dark"] .dark-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
[data-theme="dark"] .dark-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
[data-theme="dark"] .dark-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
[data-theme="dark"] .dark-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
[data-theme="dark"] .dark-group-hover-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
[data-theme="dark"] .dark-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-group-hover-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
[data-theme="dark"] .dark-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-group-hover-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
[data-theme="dark"] .dark-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-group-hover-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
[data-theme="dark"] .dark-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
[data-theme="dark"] .dark-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
[data-theme="dark"] .dark-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
[data-theme="dark"] .dark-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
[data-theme="dark"] .dark-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
[data-theme="dark"] .dark-group-hover-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
[data-theme="dark"] .dark-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-group-hover-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
[data-theme="dark"] .dark-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-group-hover-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
[data-theme="dark"] .dark-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-group-hover-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
[data-theme="dark"] .dark-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
[data-theme="dark"] .dark-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
[data-theme="dark"] .dark-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
[data-theme="dark"] .dark-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
[data-theme="dark"] .dark-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
[data-theme="dark"] .dark-group-hover-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
[data-theme="dark"] .dark-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-group-hover-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
[data-theme="dark"] .dark-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-group-hover-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
[data-theme="dark"] .dark-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-group-hover-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
[data-theme="dark"] .dark-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
[data-theme="dark"] .dark-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
[data-theme="dark"] .dark-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
[data-theme="dark"] .dark-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
[data-theme="dark"] .dark-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
[data-theme="dark"] .dark-group-hover-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
[data-theme="dark"] .dark-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-group-hover-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
[data-theme="dark"] .dark-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-group-hover-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
[data-theme="dark"] .dark-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-group-hover-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
[data-theme="dark"] .dark-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
[data-theme="dark"] .dark-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
[data-theme="dark"] .dark-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
[data-theme="dark"] .dark-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
[data-theme="dark"] .dark-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
[data-theme="dark"] .dark-group-hover-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
[data-theme="dark"] .dark-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-group-hover-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
[data-theme="dark"] .dark-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-group-hover-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
[data-theme="dark"] .dark-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-group-hover-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
[data-theme="dark"] .dark-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
[data-theme="dark"] .dark-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
[data-theme="dark"] .dark-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
[data-theme="dark"] .dark-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
[data-theme="dark"] .dark-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
[data-theme="dark"] .dark-group-hover-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
[data-theme="dark"] .dark-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-group-hover-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
[data-theme="dark"] .dark-border-transparent { border-color: transparent; }
[data-theme="dark"] .dark-hover-border-transparent:hover { border-color: transparent; }
[data-theme="dark"] .dark-focus-border-transparent:focus { border-color: transparent; }
[data-theme="dark"] .dark-active-border-transparent:active { border-color: transparent; }
[data-theme="dark"] .dark-disabled-border-transparent:disabled { border-color: transparent; }
[data-theme="dark"] .dark-group-hover-border-transparent { border-color: transparent; }
[data-theme="dark"] .dark-border-inherit { border-color: inherit; }
[data-theme="dark"] .dark-hover-border-inherit:hover { border-color: inherit; }
[data-theme="dark"] .dark-focus-border-inherit:focus { border-color: inherit; }
[data-theme="dark"] .dark-active-border-inherit:active { border-color: inherit; }
[data-theme="dark"] .dark-disabled-border-inherit:disabled { border-color: inherit; }
[data-theme="dark"] .dark-group-hover-border-inherit { border-color: inherit; }
[data-theme="dark"] .dark-bg-transparent { background-color: transparent; }
[data-theme="dark"] .dark-hover-bg-transparent:hover { background-color: transparent; }
[data-theme="dark"] .dark-focus-bg-transparent:focus { background-color: transparent; }
[data-theme="dark"] .dark-active-bg-transparent:active { background-color: transparent; }
[data-theme="dark"] .dark-disabled-bg-transparent:disabled { background-color: transparent; }
[data-theme="dark"] .dark-group-hover-bg-transparent { background-color: transparent; }
[data-theme="dark"] .dark-bg-inherit { background-color: inherit; }
[data-theme="dark"] .dark-hover-bg-inherit:hover { background-color: inherit; }
[data-theme="dark"] .dark-focus-bg-inherit:focus { background-color: inherit; }
[data-theme="dark"] .dark-active-bg-inherit:active { background-color: inherit; }
[data-theme="dark"] .dark-disabled-bg-inherit:disabled { background-color: inherit; }
[data-theme="dark"] .dark-group-hover-bg-inherit { background-color: inherit; }
[data-theme="dark"] .dark-text-transparent { color: transparent; }
[data-theme="dark"] .dark-hover-text-transparent:hover { color: transparent; }
[data-theme="dark"] .dark-focus-text-transparent:focus { color: transparent; }
[data-theme="dark"] .dark-active-text-transparent:active { color: transparent; }
[data-theme="dark"] .dark-disabled-text-transparent:disabled { color: transparent; }
[data-theme="dark"] .dark-group-hover-text-transparent { color: transparent; }
[data-theme="dark"] .dark-text-inherit { color: inherit; }
[data-theme="dark"] .dark-hover-text-inherit:hover { color: inherit; }
[data-theme="dark"] .dark-focus-text-inherit:focus { color: inherit; }
[data-theme="dark"] .dark-active-text-inherit:active { color: inherit; }
[data-theme="dark"] .dark-disabled-text-inherit:disabled { color: inherit; }
[data-theme="dark"] .dark-group-hover-text-inherit { color: inherit; }
[data-theme="dark"] .dark-border-solid { border-style: solid; }
[data-theme="dark"] .dark-hover-border-solid:hover { border-style: solid; }
[data-theme="dark"] .dark-focus-border-solid:focus { border-style: solid; }
[data-theme="dark"] .dark-active-border-solid:active { border-style: solid; }
[data-theme="dark"] .dark-disabled-border-solid:disabled { border-style: solid; }
[data-theme="dark"] .dark-group-hover-border-solid { border-style: solid; }
[data-theme="dark"] .dark-border-dashed { border-style: dashed; }
[data-theme="dark"] .dark-hover-border-dashed:hover { border-style: dashed; }
[data-theme="dark"] .dark-focus-border-dashed:focus { border-style: dashed; }
[data-theme="dark"] .dark-active-border-dashed:active { border-style: dashed; }
[data-theme="dark"] .dark-disabled-border-dashed:disabled { border-style: dashed; }
[data-theme="dark"] .dark-group-hover-border-dashed { border-style: dashed; }
[data-theme="dark"] .dark-border-dotted { border-style: dotted; }
[data-theme="dark"] .dark-hover-border-dotted:hover { border-style: dotted; }
[data-theme="dark"] .dark-focus-border-dotted:focus { border-style: dotted; }
[data-theme="dark"] .dark-active-border-dotted:active { border-style: dotted; }
[data-theme="dark"] .dark-disabled-border-dotted:disabled { border-style: dotted; }
[data-theme="dark"] .dark-group-hover-border-dotted { border-style: dotted; }
[data-theme="dark"] .dark-border-double { border-style: double; }
[data-theme="dark"] .dark-hover-border-double:hover { border-style: double; }
[data-theme="dark"] .dark-focus-border-double:focus { border-style: double; }
[data-theme="dark"] .dark-active-border-double:active { border-style: double; }
[data-theme="dark"] .dark-disabled-border-double:disabled { border-style: double; }
[data-theme="dark"] .dark-group-hover-border-double { border-style: double; }
[data-theme="dark"] .dark-border-none { border-style: none; }
[data-theme="dark"] .dark-hover-border-none:hover { border-style: none; }
[data-theme="dark"] .dark-focus-border-none:focus { border-style: none; }
[data-theme="dark"] .dark-active-border-none:active { border-style: none; }
[data-theme="dark"] .dark-disabled-border-none:disabled { border-style: none; }
[data-theme="dark"] .dark-group-hover-border-none { border-style: none; }
[data-theme="dark"] .dark-z-auto { z-index: auto; }
[data-theme="dark"] .dark-hover-z-auto:hover { z-index: auto; }
[data-theme="dark"] .dark-focus-z-auto:focus { z-index: auto; }
[data-theme="dark"] .dark-active-z-auto:active { z-index: auto; }
[data-theme="dark"] .dark-disabled-z-auto:disabled { z-index: auto; }
[data-theme="dark"] .dark-group-hover-z-auto { z-index: auto; }
[data-theme="dark"] .dark-z-0 { z-index: 0; }
[data-theme="dark"] .dark-hover-z-0:hover { z-index: 0; }
[data-theme="dark"] .dark-focus-z-0:focus { z-index: 0; }
[data-theme="dark"] .dark-active-z-0:active { z-index: 0; }
[data-theme="dark"] .dark-disabled-z-0:disabled { z-index: 0; }
[data-theme="dark"] .dark-group-hover-z-0 { z-index: 0; }
[data-theme="dark"] .dark-z-10 { z-index: 10; }
[data-theme="dark"] .dark-hover-z-10:hover { z-index: 10; }
[data-theme="dark"] .dark-focus-z-10:focus { z-index: 10; }
[data-theme="dark"] .dark-active-z-10:active { z-index: 10; }
[data-theme="dark"] .dark-disabled-z-10:disabled { z-index: 10; }
[data-theme="dark"] .dark-group-hover-z-10 { z-index: 10; }
[data-theme="dark"] .dark-z-20 { z-index: 20; }
[data-theme="dark"] .dark-hover-z-20:hover { z-index: 20; }
[data-theme="dark"] .dark-focus-z-20:focus { z-index: 20; }
[data-theme="dark"] .dark-active-z-20:active { z-index: 20; }
[data-theme="dark"] .dark-disabled-z-20:disabled { z-index: 20; }
[data-theme="dark"] .dark-group-hover-z-20 { z-index: 20; }
[data-theme="dark"] .dark-z-30 { z-index: 30; }
[data-theme="dark"] .dark-hover-z-30:hover { z-index: 30; }
[data-theme="dark"] .dark-focus-z-30:focus { z-index: 30; }
[data-theme="dark"] .dark-active-z-30:active { z-index: 30; }
[data-theme="dark"] .dark-disabled-z-30:disabled { z-index: 30; }
[data-theme="dark"] .dark-group-hover-z-30 { z-index: 30; }
[data-theme="dark"] .dark-z-40 { z-index: 40; }
[data-theme="dark"] .dark-hover-z-40:hover { z-index: 40; }
[data-theme="dark"] .dark-focus-z-40:focus { z-index: 40; }
[data-theme="dark"] .dark-active-z-40:active { z-index: 40; }
[data-theme="dark"] .dark-disabled-z-40:disabled { z-index: 40; }
[data-theme="dark"] .dark-group-hover-z-40 { z-index: 40; }
[data-theme="dark"] .dark-z-50 { z-index: 50; }
[data-theme="dark"] .dark-hover-z-50:hover { z-index: 50; }
[data-theme="dark"] .dark-focus-z-50:focus { z-index: 50; }
[data-theme="dark"] .dark-active-z-50:active { z-index: 50; }
[data-theme="dark"] .dark-disabled-z-50:disabled { z-index: 50; }
[data-theme="dark"] .dark-group-hover-z-50 { z-index: 50; }
[data-theme="dark"] .dark-z-100 { z-index: 100; }
[data-theme="dark"] .dark-hover-z-100:hover { z-index: 100; }
[data-theme="dark"] .dark-focus-z-100:focus { z-index: 100; }
[data-theme="dark"] .dark-active-z-100:active { z-index: 100; }
[data-theme="dark"] .dark-disabled-z-100:disabled { z-index: 100; }
[data-theme="dark"] .dark-group-hover-z-100 { z-index: 100; }
[data-theme="dark"] .dark-z-9999 { z-index: 9999; }
[data-theme="dark"] .dark-hover-z-9999:hover { z-index: 9999; }
[data-theme="dark"] .dark-focus-z-9999:focus { z-index: 9999; }
[data-theme="dark"] .dark-active-z-9999:active { z-index: 9999; }
[data-theme="dark"] .dark-disabled-z-9999:disabled { z-index: 9999; }
[data-theme="dark"] .dark-group-hover-z-9999 { z-index: 9999; }
[data-theme="dark"] .dark--z-10 { z-index: -10; }
[data-theme="dark"] .dark-hover--z-10:hover { z-index: -10; }
[data-theme="dark"] .dark-focus--z-10:focus { z-index: -10; }
[data-theme="dark"] .dark-active--z-10:active { z-index: -10; }
[data-theme="dark"] .dark-disabled--z-10:disabled { z-index: -10; }
[data-theme="dark"] .dark-group-hover--z-10 { z-index: -10; }
[data-theme="dark"] .dark--z-20 { z-index: -20; }
[data-theme="dark"] .dark-hover--z-20:hover { z-index: -20; }
[data-theme="dark"] .dark-focus--z-20:focus { z-index: -20; }
[data-theme="dark"] .dark-active--z-20:active { z-index: -20; }
[data-theme="dark"] .dark-disabled--z-20:disabled { z-index: -20; }
[data-theme="dark"] .dark-group-hover--z-20 { z-index: -20; }
[data-theme="dark"] .dark--z-40 { z-index: -40; }
[data-theme="dark"] .dark-hover--z-40:hover { z-index: -40; }
[data-theme="dark"] .dark-focus--z-40:focus { z-index: -40; }
[data-theme="dark"] .dark-active--z-40:active { z-index: -40; }
[data-theme="dark"] .dark-disabled--z-40:disabled { z-index: -40; }
[data-theme="dark"] .dark-group-hover--z-40 { z-index: -40; }
[data-theme="dark"] .dark--z-50 { z-index: -50; }
[data-theme="dark"] .dark-hover--z-50:hover { z-index: -50; }
[data-theme="dark"] .dark-focus--z-50:focus { z-index: -50; }
[data-theme="dark"] .dark-active--z-50:active { z-index: -50; }
[data-theme="dark"] .dark-disabled--z-50:disabled { z-index: -50; }
[data-theme="dark"] .dark-group-hover--z-50 { z-index: -50; }
[data-theme="dark"] .dark--z-100 { z-index: -100; }
[data-theme="dark"] .dark-hover--z-100:hover { z-index: -100; }
[data-theme="dark"] .dark-focus--z-100:focus { z-index: -100; }
[data-theme="dark"] .dark-active--z-100:active { z-index: -100; }
[data-theme="dark"] .dark-disabled--z-100:disabled { z-index: -100; }
[data-theme="dark"] .dark-group-hover--z-100 { z-index: -100; }
[data-theme="dark"] .dark-opacity-0 { opacity: 0; }
[data-theme="dark"] .dark-hover-opacity-0:hover { opacity: 0; }
[data-theme="dark"] .dark-focus-opacity-0:focus { opacity: 0; }
[data-theme="dark"] .dark-active-opacity-0:active { opacity: 0; }
[data-theme="dark"] .dark-disabled-opacity-0:disabled { opacity: 0; }
[data-theme="dark"] .dark-group-hover-opacity-0 { opacity: 0; }
[data-theme="dark"] .dark-opacity-10 { opacity: 0.1; }
[data-theme="dark"] .dark-hover-opacity-10:hover { opacity: 0.1; }
[data-theme="dark"] .dark-focus-opacity-10:focus { opacity: 0.1; }
[data-theme="dark"] .dark-active-opacity-10:active { opacity: 0.1; }
[data-theme="dark"] .dark-disabled-opacity-10:disabled { opacity: 0.1; }
[data-theme="dark"] .dark-group-hover-opacity-10 { opacity: 0.1; }
[data-theme="dark"] .dark-opacity-20 { opacity: 0.2; }
[data-theme="dark"] .dark-hover-opacity-20:hover { opacity: 0.2; }
[data-theme="dark"] .dark-focus-opacity-20:focus { opacity: 0.2; }
[data-theme="dark"] .dark-active-opacity-20:active { opacity: 0.2; }
[data-theme="dark"] .dark-disabled-opacity-20:disabled { opacity: 0.2; }
[data-theme="dark"] .dark-group-hover-opacity-20 { opacity: 0.2; }
[data-theme="dark"] .dark-opacity-25 { opacity: 0.25; }
[data-theme="dark"] .dark-hover-opacity-25:hover { opacity: 0.25; }
[data-theme="dark"] .dark-focus-opacity-25:focus { opacity: 0.25; }
[data-theme="dark"] .dark-active-opacity-25:active { opacity: 0.25; }
[data-theme="dark"] .dark-disabled-opacity-25:disabled { opacity: 0.25; }
[data-theme="dark"] .dark-group-hover-opacity-25 { opacity: 0.25; }
[data-theme="dark"] .dark-opacity-30 { opacity: 0.3; }
[data-theme="dark"] .dark-hover-opacity-30:hover { opacity: 0.3; }
[data-theme="dark"] .dark-focus-opacity-30:focus { opacity: 0.3; }
[data-theme="dark"] .dark-active-opacity-30:active { opacity: 0.3; }
[data-theme="dark"] .dark-disabled-opacity-30:disabled { opacity: 0.3; }
[data-theme="dark"] .dark-group-hover-opacity-30 { opacity: 0.3; }
[data-theme="dark"] .dark-opacity-40 { opacity: 0.4; }
[data-theme="dark"] .dark-hover-opacity-40:hover { opacity: 0.4; }
[data-theme="dark"] .dark-focus-opacity-40:focus { opacity: 0.4; }
[data-theme="dark"] .dark-active-opacity-40:active { opacity: 0.4; }
[data-theme="dark"] .dark-disabled-opacity-40:disabled { opacity: 0.4; }
[data-theme="dark"] .dark-group-hover-opacity-40 { opacity: 0.4; }
[data-theme="dark"] .dark-opacity-50 { opacity: 0.5; }
[data-theme="dark"] .dark-hover-opacity-50:hover { opacity: 0.5; }
[data-theme="dark"] .dark-focus-opacity-50:focus { opacity: 0.5; }
[data-theme="dark"] .dark-active-opacity-50:active { opacity: 0.5; }
[data-theme="dark"] .dark-disabled-opacity-50:disabled { opacity: 0.5; }
[data-theme="dark"] .dark-group-hover-opacity-50 { opacity: 0.5; }
[data-theme="dark"] .dark-opacity-60 { opacity: 0.6; }
[data-theme="dark"] .dark-hover-opacity-60:hover { opacity: 0.6; }
[data-theme="dark"] .dark-focus-opacity-60:focus { opacity: 0.6; }
[data-theme="dark"] .dark-active-opacity-60:active { opacity: 0.6; }
[data-theme="dark"] .dark-disabled-opacity-60:disabled { opacity: 0.6; }
[data-theme="dark"] .dark-group-hover-opacity-60 { opacity: 0.6; }
[data-theme="dark"] .dark-opacity-70 { opacity: 0.7; }
[data-theme="dark"] .dark-hover-opacity-70:hover { opacity: 0.7; }
[data-theme="dark"] .dark-focus-opacity-70:focus { opacity: 0.7; }
[data-theme="dark"] .dark-active-opacity-70:active { opacity: 0.7; }
[data-theme="dark"] .dark-disabled-opacity-70:disabled { opacity: 0.7; }
[data-theme="dark"] .dark-group-hover-opacity-70 { opacity: 0.7; }
[data-theme="dark"] .dark-opacity-75 { opacity: 0.75; }
[data-theme="dark"] .dark-hover-opacity-75:hover { opacity: 0.75; }
[data-theme="dark"] .dark-focus-opacity-75:focus { opacity: 0.75; }
[data-theme="dark"] .dark-active-opacity-75:active { opacity: 0.75; }
[data-theme="dark"] .dark-disabled-opacity-75:disabled { opacity: 0.75; }
[data-theme="dark"] .dark-group-hover-opacity-75 { opacity: 0.75; }
[data-theme="dark"] .dark-opacity-80 { opacity: 0.8; }
[data-theme="dark"] .dark-hover-opacity-80:hover { opacity: 0.8; }
[data-theme="dark"] .dark-focus-opacity-80:focus { opacity: 0.8; }
[data-theme="dark"] .dark-active-opacity-80:active { opacity: 0.8; }
[data-theme="dark"] .dark-disabled-opacity-80:disabled { opacity: 0.8; }
[data-theme="dark"] .dark-group-hover-opacity-80 { opacity: 0.8; }
[data-theme="dark"] .dark-opacity-90 { opacity: 0.9; }
[data-theme="dark"] .dark-hover-opacity-90:hover { opacity: 0.9; }
[data-theme="dark"] .dark-focus-opacity-90:focus { opacity: 0.9; }
[data-theme="dark"] .dark-active-opacity-90:active { opacity: 0.9; }
[data-theme="dark"] .dark-disabled-opacity-90:disabled { opacity: 0.9; }
[data-theme="dark"] .dark-group-hover-opacity-90 { opacity: 0.9; }
[data-theme="dark"] .dark-opacity-100 { opacity: 1; }
[data-theme="dark"] .dark-hover-opacity-100:hover { opacity: 1; }
[data-theme="dark"] .dark-focus-opacity-100:focus { opacity: 1; }
[data-theme="dark"] .dark-active-opacity-100:active { opacity: 1; }
[data-theme="dark"] .dark-disabled-opacity-100:disabled { opacity: 1; }
[data-theme="dark"] .dark-group-hover-opacity-100 { opacity: 1; }
[data-theme="dark"] .dark-bg-gradient-l { --quanta-gradient-direction: to left; }
[data-theme="dark"] .dark-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
[data-theme="dark"] .dark-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
[data-theme="dark"] .dark-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
[data-theme="dark"] .dark-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
[data-theme="dark"] .dark-group-hover-bg-gradient-l { --quanta-gradient-direction: to left; }
[data-theme="dark"] .dark-bg-gradient-r { --quanta-gradient-direction: to right; }
[data-theme="dark"] .dark-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
[data-theme="dark"] .dark-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
[data-theme="dark"] .dark-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
[data-theme="dark"] .dark-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
[data-theme="dark"] .dark-group-hover-bg-gradient-r { --quanta-gradient-direction: to right; }
[data-theme="dark"] .dark-bg-gradient-t { --quanta-gradient-direction: to top; }
[data-theme="dark"] .dark-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
[data-theme="dark"] .dark-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
[data-theme="dark"] .dark-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
[data-theme="dark"] .dark-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
[data-theme="dark"] .dark-group-hover-bg-gradient-t { --quanta-gradient-direction: to top; }
[data-theme="dark"] .dark-bg-gradient-b { --quanta-gradient-direction: to bottom; }
[data-theme="dark"] .dark-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
[data-theme="dark"] .dark-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
[data-theme="dark"] .dark-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
[data-theme="dark"] .dark-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
[data-theme="dark"] .dark-group-hover-bg-gradient-b { --quanta-gradient-direction: to bottom; }
[data-theme="dark"] .dark-bg-gradient-tl { --quanta-gradient-direction: to top left; }
[data-theme="dark"] .dark-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
[data-theme="dark"] .dark-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
[data-theme="dark"] .dark-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
[data-theme="dark"] .dark-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
[data-theme="dark"] .dark-group-hover-bg-gradient-tl { --quanta-gradient-direction: to top left; }
[data-theme="dark"] .dark-bg-gradient-tr { --quanta-gradient-direction: to top right; }
[data-theme="dark"] .dark-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
[data-theme="dark"] .dark-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
[data-theme="dark"] .dark-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
[data-theme="dark"] .dark-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
[data-theme="dark"] .dark-group-hover-bg-gradient-tr { --quanta-gradient-direction: to top right; }
[data-theme="dark"] .dark-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
[data-theme="dark"] .dark-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
[data-theme="dark"] .dark-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
[data-theme="dark"] .dark-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
[data-theme="dark"] .dark-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
[data-theme="dark"] .dark-group-hover-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
[data-theme="dark"] .dark-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
[data-theme="dark"] .dark-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
[data-theme="dark"] .dark-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
[data-theme="dark"] .dark-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
[data-theme="dark"] .dark-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
[data-theme="dark"] .dark-group-hover-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
[data-theme="dark"] .dark-rounded-0 { border-radius: 0; }
[data-theme="dark"] .dark-hover-rounded-0:hover { border-radius: 0; }
[data-theme="dark"] .dark-focus-rounded-0:focus { border-radius: 0; }
[data-theme="dark"] .dark-active-rounded-0:active { border-radius: 0; }
[data-theme="dark"] .dark-disabled-rounded-0:disabled { border-radius: 0; }
[data-theme="dark"] .dark-group-hover-rounded-0 { border-radius: 0; }
[data-theme="dark"] .dark-rounded-xs { border-radius: 0.125rem; }
[data-theme="dark"] .dark-hover-rounded-xs:hover { border-radius: 0.125rem; }
[data-theme="dark"] .dark-focus-rounded-xs:focus { border-radius: 0.125rem; }
[data-theme="dark"] .dark-active-rounded-xs:active { border-radius: 0.125rem; }
[data-theme="dark"] .dark-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
[data-theme="dark"] .dark-group-hover-rounded-xs { border-radius: 0.125rem; }
[data-theme="dark"] .dark-rounded-sm { border-radius: 0.25rem; }
[data-theme="dark"] .dark-hover-rounded-sm:hover { border-radius: 0.25rem; }
[data-theme="dark"] .dark-focus-rounded-sm:focus { border-radius: 0.25rem; }
[data-theme="dark"] .dark-active-rounded-sm:active { border-radius: 0.25rem; }
[data-theme="dark"] .dark-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
[data-theme="dark"] .dark-group-hover-rounded-sm { border-radius: 0.25rem; }
[data-theme="dark"] .dark-rounded { border-radius: 0.5rem; }
[data-theme="dark"] .dark-hover-rounded:hover { border-radius: 0.5rem; }
[data-theme="dark"] .dark-focus-rounded:focus { border-radius: 0.5rem; }
[data-theme="dark"] .dark-active-rounded:active { border-radius: 0.5rem; }
[data-theme="dark"] .dark-disabled-rounded:disabled { border-radius: 0.5rem; }
[data-theme="dark"] .dark-group-hover-rounded { border-radius: 0.5rem; }
[data-theme="dark"] .dark-rounded-md { border-radius: 0.75rem; }
[data-theme="dark"] .dark-hover-rounded-md:hover { border-radius: 0.75rem; }
[data-theme="dark"] .dark-focus-rounded-md:focus { border-radius: 0.75rem; }
[data-theme="dark"] .dark-active-rounded-md:active { border-radius: 0.75rem; }
[data-theme="dark"] .dark-disabled-rounded-md:disabled { border-radius: 0.75rem; }
[data-theme="dark"] .dark-group-hover-rounded-md { border-radius: 0.75rem; }
[data-theme="dark"] .dark-rounded-lg { border-radius: 1rem; }
[data-theme="dark"] .dark-hover-rounded-lg:hover { border-radius: 1rem; }
[data-theme="dark"] .dark-focus-rounded-lg:focus { border-radius: 1rem; }
[data-theme="dark"] .dark-active-rounded-lg:active { border-radius: 1rem; }
[data-theme="dark"] .dark-disabled-rounded-lg:disabled { border-radius: 1rem; }
[data-theme="dark"] .dark-group-hover-rounded-lg { border-radius: 1rem; }
[data-theme="dark"] .dark-rounded-xl { border-radius: 1.5rem; }
[data-theme="dark"] .dark-hover-rounded-xl:hover { border-radius: 1.5rem; }
[data-theme="dark"] .dark-focus-rounded-xl:focus { border-radius: 1.5rem; }
[data-theme="dark"] .dark-active-rounded-xl:active { border-radius: 1.5rem; }
[data-theme="dark"] .dark-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
[data-theme="dark"] .dark-group-hover-rounded-xl { border-radius: 1.5rem; }
[data-theme="dark"] .dark-rounded-2xl { border-radius: 2rem; }
[data-theme="dark"] .dark-hover-rounded-2xl:hover { border-radius: 2rem; }
[data-theme="dark"] .dark-focus-rounded-2xl:focus { border-radius: 2rem; }
[data-theme="dark"] .dark-active-rounded-2xl:active { border-radius: 2rem; }
[data-theme="dark"] .dark-disabled-rounded-2xl:disabled { border-radius: 2rem; }
[data-theme="dark"] .dark-group-hover-rounded-2xl { border-radius: 2rem; }
[data-theme="dark"] .dark-rounded-full { border-radius: 9999px; }
[data-theme="dark"] .dark-hover-rounded-full:hover { border-radius: 9999px; }
[data-theme="dark"] .dark-focus-rounded-full:focus { border-radius: 9999px; }
[data-theme="dark"] .dark-active-rounded-full:active { border-radius: 9999px; }
[data-theme="dark"] .dark-disabled-rounded-full:disabled { border-radius: 9999px; }
[data-theme="dark"] .dark-group-hover-rounded-full { border-radius: 9999px; }
[data-theme="dark"] .dark-rounded-pill { border-radius: 50px; }
[data-theme="dark"] .dark-hover-rounded-pill:hover { border-radius: 50px; }
[data-theme="dark"] .dark-focus-rounded-pill:focus { border-radius: 50px; }
[data-theme="dark"] .dark-active-rounded-pill:active { border-radius: 50px; }
[data-theme="dark"] .dark-disabled-rounded-pill:disabled { border-radius: 50px; }
[data-theme="dark"] .dark-group-hover-rounded-pill { border-radius: 50px; }
[data-theme="dark"] .dark-outline-none { outline: none; }
[data-theme="dark"] .dark-hover-outline-none:hover { outline: none; }
[data-theme="dark"] .dark-focus-outline-none:focus { outline: none; }
[data-theme="dark"] .dark-active-outline-none:active { outline: none; }
[data-theme="dark"] .dark-disabled-outline-none:disabled { outline: none; }
[data-theme="dark"] .dark-group-hover-outline-none { outline: none; }
[data-theme="dark"] .dark-outline { outline: 1px solid currentColor; }
[data-theme="dark"] .dark-hover-outline:hover { outline: 1px solid currentColor; }
[data-theme="dark"] .dark-focus-outline:focus { outline: 1px solid currentColor; }
[data-theme="dark"] .dark-active-outline:active { outline: 1px solid currentColor; }
[data-theme="dark"] .dark-disabled-outline:disabled { outline: 1px solid currentColor; }
[data-theme="dark"] .dark-group-hover-outline { outline: 1px solid currentColor; }
[data-theme="dark"] .dark-outline-offset-0 { outline-offset: 0rem; }
[data-theme="dark"] .dark-hover-outline-offset-0:hover { outline-offset: 0rem; }
[data-theme="dark"] .dark-focus-outline-offset-0:focus { outline-offset: 0rem; }
[data-theme="dark"] .dark-active-outline-offset-0:active { outline-offset: 0rem; }
[data-theme="dark"] .dark-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
[data-theme="dark"] .dark-group-hover-outline-offset-0 { outline-offset: 0rem; }
[data-theme="dark"] .dark-outline-offset-1 { outline-offset: 0.25rem; }
[data-theme="dark"] .dark-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
[data-theme="dark"] .dark-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
[data-theme="dark"] .dark-active-outline-offset-1:active { outline-offset: 0.25rem; }
[data-theme="dark"] .dark-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
[data-theme="dark"] .dark-group-hover-outline-offset-1 { outline-offset: 0.25rem; }
[data-theme="dark"] .dark-outline-offset-2 { outline-offset: 0.5rem; }
[data-theme="dark"] .dark-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
[data-theme="dark"] .dark-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
[data-theme="dark"] .dark-active-outline-offset-2:active { outline-offset: 0.5rem; }
[data-theme="dark"] .dark-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
[data-theme="dark"] .dark-group-hover-outline-offset-2 { outline-offset: 0.5rem; }
[data-theme="dark"] .dark-outline-offset-3 { outline-offset: 0.75rem; }
[data-theme="dark"] .dark-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
[data-theme="dark"] .dark-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
[data-theme="dark"] .dark-active-outline-offset-3:active { outline-offset: 0.75rem; }
[data-theme="dark"] .dark-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
[data-theme="dark"] .dark-group-hover-outline-offset-3 { outline-offset: 0.75rem; }
[data-theme="dark"] .dark-outline-offset-4 { outline-offset: 1rem; }
[data-theme="dark"] .dark-hover-outline-offset-4:hover { outline-offset: 1rem; }
[data-theme="dark"] .dark-focus-outline-offset-4:focus { outline-offset: 1rem; }
[data-theme="dark"] .dark-active-outline-offset-4:active { outline-offset: 1rem; }
[data-theme="dark"] .dark-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
[data-theme="dark"] .dark-group-hover-outline-offset-4 { outline-offset: 1rem; }
[data-theme="dark"] .dark-outline-offset-8 { outline-offset: 2rem; }
[data-theme="dark"] .dark-hover-outline-offset-8:hover { outline-offset: 2rem; }
[data-theme="dark"] .dark-focus-outline-offset-8:focus { outline-offset: 2rem; }
[data-theme="dark"] .dark-active-outline-offset-8:active { outline-offset: 2rem; }
[data-theme="dark"] .dark-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
[data-theme="dark"] .dark-group-hover-outline-offset-8 { outline-offset: 2rem; }
[data-theme="dark"] .dark-outline-red-50 { outline-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-group-hover-outline-red-50 { outline-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-outline-red-100 { outline-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-group-hover-outline-red-100 { outline-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-outline-red-200 { outline-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-group-hover-outline-red-200 { outline-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-outline-red-300 { outline-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-group-hover-outline-red-300 { outline-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-outline-red-400 { outline-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-group-hover-outline-red-400 { outline-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-outline-red-500 { outline-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-group-hover-outline-red-500 { outline-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-outline-red-600 { outline-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-group-hover-outline-red-600 { outline-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-outline-red-700 { outline-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-group-hover-outline-red-700 { outline-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-outline-red-800 { outline-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-group-hover-outline-red-800 { outline-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-outline-red-900 { outline-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-group-hover-outline-red-900 { outline-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-outline-orange-50 { outline-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-group-hover-outline-orange-50 { outline-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-outline-orange-100 { outline-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-group-hover-outline-orange-100 { outline-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-outline-orange-200 { outline-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-group-hover-outline-orange-200 { outline-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-outline-orange-300 { outline-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-group-hover-outline-orange-300 { outline-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-outline-orange-400 { outline-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-group-hover-outline-orange-400 { outline-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-outline-orange-500 { outline-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-group-hover-outline-orange-500 { outline-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-outline-orange-600 { outline-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-group-hover-outline-orange-600 { outline-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-outline-orange-700 { outline-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-group-hover-outline-orange-700 { outline-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-outline-orange-800 { outline-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-group-hover-outline-orange-800 { outline-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-outline-orange-900 { outline-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-group-hover-outline-orange-900 { outline-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-outline-teal-50 { outline-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-group-hover-outline-teal-50 { outline-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-outline-teal-100 { outline-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-group-hover-outline-teal-100 { outline-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-outline-teal-200 { outline-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-group-hover-outline-teal-200 { outline-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-outline-teal-300 { outline-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-group-hover-outline-teal-300 { outline-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-outline-teal-400 { outline-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-group-hover-outline-teal-400 { outline-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-outline-teal-500 { outline-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-group-hover-outline-teal-500 { outline-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-outline-teal-600 { outline-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-group-hover-outline-teal-600 { outline-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-outline-teal-700 { outline-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-group-hover-outline-teal-700 { outline-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-outline-teal-800 { outline-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-group-hover-outline-teal-800 { outline-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-outline-teal-900 { outline-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-group-hover-outline-teal-900 { outline-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-outline-purple-50 { outline-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-group-hover-outline-purple-50 { outline-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-outline-purple-100 { outline-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-group-hover-outline-purple-100 { outline-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-outline-purple-200 { outline-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-group-hover-outline-purple-200 { outline-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-outline-purple-300 { outline-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-group-hover-outline-purple-300 { outline-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-outline-purple-400 { outline-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-group-hover-outline-purple-400 { outline-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-outline-purple-500 { outline-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-group-hover-outline-purple-500 { outline-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-outline-purple-600 { outline-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-group-hover-outline-purple-600 { outline-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-outline-purple-700 { outline-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-group-hover-outline-purple-700 { outline-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-outline-purple-800 { outline-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-group-hover-outline-purple-800 { outline-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-outline-purple-900 { outline-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-group-hover-outline-purple-900 { outline-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-group-hover-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-group-hover-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-group-hover-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-group-hover-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-group-hover-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-group-hover-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-group-hover-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-group-hover-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-group-hover-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-group-hover-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-group-hover-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-group-hover-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-group-hover-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-group-hover-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-group-hover-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-group-hover-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-group-hover-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-group-hover-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-group-hover-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-group-hover-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-outline-pink-50 { outline-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-group-hover-outline-pink-50 { outline-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-outline-pink-100 { outline-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-group-hover-outline-pink-100 { outline-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-outline-pink-200 { outline-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-group-hover-outline-pink-200 { outline-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-outline-pink-300 { outline-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-group-hover-outline-pink-300 { outline-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-outline-pink-400 { outline-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-group-hover-outline-pink-400 { outline-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-outline-pink-500 { outline-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-group-hover-outline-pink-500 { outline-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-outline-pink-600 { outline-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-group-hover-outline-pink-600 { outline-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-outline-pink-700 { outline-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-group-hover-outline-pink-700 { outline-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-outline-pink-800 { outline-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-group-hover-outline-pink-800 { outline-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-outline-pink-900 { outline-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-group-hover-outline-pink-900 { outline-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-outline-grey-50 { outline-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-group-hover-outline-grey-50 { outline-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-outline-grey-100 { outline-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-group-hover-outline-grey-100 { outline-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-outline-grey-200 { outline-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-group-hover-outline-grey-200 { outline-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-outline-grey-300 { outline-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-group-hover-outline-grey-300 { outline-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-outline-grey-400 { outline-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-group-hover-outline-grey-400 { outline-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-outline-grey-500 { outline-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-group-hover-outline-grey-500 { outline-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-outline-grey-600 { outline-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-group-hover-outline-grey-600 { outline-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-outline-grey-700 { outline-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-group-hover-outline-grey-700 { outline-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-outline-grey-800 { outline-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-group-hover-outline-grey-800 { outline-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-outline-grey-900 { outline-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-group-hover-outline-grey-900 { outline-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-outline-lime-50 { outline-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-group-hover-outline-lime-50 { outline-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-outline-lime-100 { outline-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-group-hover-outline-lime-100 { outline-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-outline-lime-200 { outline-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-group-hover-outline-lime-200 { outline-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-outline-lime-300 { outline-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-group-hover-outline-lime-300 { outline-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-outline-lime-400 { outline-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-group-hover-outline-lime-400 { outline-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-outline-lime-500 { outline-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-group-hover-outline-lime-500 { outline-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-outline-lime-600 { outline-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-group-hover-outline-lime-600 { outline-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-outline-lime-700 { outline-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-group-hover-outline-lime-700 { outline-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-outline-lime-800 { outline-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-group-hover-outline-lime-800 { outline-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-outline-lime-900 { outline-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-group-hover-outline-lime-900 { outline-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-group-hover-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-group-hover-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-group-hover-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-group-hover-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-group-hover-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-group-hover-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-group-hover-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-group-hover-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-group-hover-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-group-hover-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-outline-sky-50 { outline-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-group-hover-outline-sky-50 { outline-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-outline-sky-100 { outline-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-group-hover-outline-sky-100 { outline-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-outline-sky-200 { outline-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-group-hover-outline-sky-200 { outline-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-outline-sky-300 { outline-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-group-hover-outline-sky-300 { outline-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-outline-sky-400 { outline-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-group-hover-outline-sky-400 { outline-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-outline-sky-500 { outline-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-group-hover-outline-sky-500 { outline-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-outline-sky-600 { outline-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-group-hover-outline-sky-600 { outline-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-outline-sky-700 { outline-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-group-hover-outline-sky-700 { outline-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-outline-sky-800 { outline-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-group-hover-outline-sky-800 { outline-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-outline-sky-900 { outline-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-group-hover-outline-sky-900 { outline-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-outline-violet-50 { outline-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-group-hover-outline-violet-50 { outline-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-outline-violet-100 { outline-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-group-hover-outline-violet-100 { outline-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-outline-violet-200 { outline-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-group-hover-outline-violet-200 { outline-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-outline-violet-300 { outline-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-group-hover-outline-violet-300 { outline-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-outline-violet-400 { outline-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-group-hover-outline-violet-400 { outline-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-outline-violet-500 { outline-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-group-hover-outline-violet-500 { outline-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-outline-violet-600 { outline-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-group-hover-outline-violet-600 { outline-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-outline-violet-700 { outline-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-group-hover-outline-violet-700 { outline-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-outline-violet-800 { outline-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-group-hover-outline-violet-800 { outline-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-outline-violet-900 { outline-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-group-hover-outline-violet-900 { outline-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-outline-rose-50 { outline-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-group-hover-outline-rose-50 { outline-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-outline-rose-100 { outline-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-group-hover-outline-rose-100 { outline-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-outline-rose-200 { outline-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-group-hover-outline-rose-200 { outline-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-outline-rose-300 { outline-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-group-hover-outline-rose-300 { outline-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-outline-rose-400 { outline-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-group-hover-outline-rose-400 { outline-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-outline-rose-500 { outline-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-group-hover-outline-rose-500 { outline-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-outline-rose-600 { outline-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-group-hover-outline-rose-600 { outline-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-outline-rose-700 { outline-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-group-hover-outline-rose-700 { outline-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-outline-rose-800 { outline-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-group-hover-outline-rose-800 { outline-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-outline-rose-900 { outline-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-group-hover-outline-rose-900 { outline-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-outline-slate-50 { outline-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-group-hover-outline-slate-50 { outline-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-outline-slate-100 { outline-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-group-hover-outline-slate-100 { outline-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-outline-slate-200 { outline-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-group-hover-outline-slate-200 { outline-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-outline-slate-300 { outline-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-group-hover-outline-slate-300 { outline-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-outline-slate-400 { outline-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-group-hover-outline-slate-400 { outline-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-outline-slate-500 { outline-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-group-hover-outline-slate-500 { outline-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-outline-slate-600 { outline-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-group-hover-outline-slate-600 { outline-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-outline-slate-700 { outline-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-group-hover-outline-slate-700 { outline-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-outline-slate-800 { outline-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-group-hover-outline-slate-800 { outline-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-outline-slate-900 { outline-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-group-hover-outline-slate-900 { outline-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-outline-blue-50 { outline-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-group-hover-outline-blue-50 { outline-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-outline-blue-100 { outline-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-group-hover-outline-blue-100 { outline-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-outline-blue-200 { outline-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-group-hover-outline-blue-200 { outline-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-outline-blue-300 { outline-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-group-hover-outline-blue-300 { outline-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-outline-blue-400 { outline-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-group-hover-outline-blue-400 { outline-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-outline-blue-500 { outline-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-outline-blue-500 { outline-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-outline-blue-600 { outline-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-group-hover-outline-blue-600 { outline-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-outline-blue-700 { outline-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-group-hover-outline-blue-700 { outline-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-outline-blue-800 { outline-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-group-hover-outline-blue-800 { outline-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-outline-blue-900 { outline-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-group-hover-outline-blue-900 { outline-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-outline-green-50 { outline-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-group-hover-outline-green-50 { outline-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-outline-green-100 { outline-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-group-hover-outline-green-100 { outline-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-outline-green-200 { outline-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-group-hover-outline-green-200 { outline-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-outline-green-300 { outline-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-group-hover-outline-green-300 { outline-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-outline-green-400 { outline-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-group-hover-outline-green-400 { outline-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-outline-green-500 { outline-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-group-hover-outline-green-500 { outline-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-outline-green-600 { outline-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-group-hover-outline-green-600 { outline-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-outline-green-700 { outline-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-group-hover-outline-green-700 { outline-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-outline-green-800 { outline-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-group-hover-outline-green-800 { outline-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-outline-green-900 { outline-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-group-hover-outline-green-900 { outline-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-outline-black { outline-color: var(--black); }
[data-theme="dark"] .dark-hover-outline-black:hover { outline-color: var(--black); }
[data-theme="dark"] .dark-focus-outline-black:focus { outline-color: var(--black); }
[data-theme="dark"] .dark-active-outline-black:active { outline-color: var(--black); }
[data-theme="dark"] .dark-disabled-outline-black:disabled { outline-color: var(--black); }
[data-theme="dark"] .dark-group-hover-outline-black { outline-color: var(--black); }
[data-theme="dark"] .dark-outline-white { outline-color: var(--white); }
[data-theme="dark"] .dark-hover-outline-white:hover { outline-color: var(--white); }
[data-theme="dark"] .dark-focus-outline-white:focus { outline-color: var(--white); }
[data-theme="dark"] .dark-active-outline-white:active { outline-color: var(--white); }
[data-theme="dark"] .dark-disabled-outline-white:disabled { outline-color: var(--white); }
[data-theme="dark"] .dark-group-hover-outline-white { outline-color: var(--white); }
[data-theme="dark"] .dark-ring-sm { --ring-width: 0.125rem; }
[data-theme="dark"] .dark-hover-ring-sm:hover { --ring-width: 0.125rem; }
[data-theme="dark"] .dark-focus-ring-sm:focus { --ring-width: 0.125rem; }
[data-theme="dark"] .dark-active-ring-sm:active { --ring-width: 0.125rem; }
[data-theme="dark"] .dark-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
[data-theme="dark"] .dark-group-hover-ring-sm { --ring-width: 0.125rem; }
[data-theme="dark"] .dark-ring-md { --ring-width: 0.5rem; }
[data-theme="dark"] .dark-hover-ring-md:hover { --ring-width: 0.5rem; }
[data-theme="dark"] .dark-focus-ring-md:focus { --ring-width: 0.5rem; }
[data-theme="dark"] .dark-active-ring-md:active { --ring-width: 0.5rem; }
[data-theme="dark"] .dark-disabled-ring-md:disabled { --ring-width: 0.5rem; }
[data-theme="dark"] .dark-group-hover-ring-md { --ring-width: 0.5rem; }
[data-theme="dark"] .dark-ring-lg { --ring-width: 1rem; }
[data-theme="dark"] .dark-hover-ring-lg:hover { --ring-width: 1rem; }
[data-theme="dark"] .dark-focus-ring-lg:focus { --ring-width: 1rem; }
[data-theme="dark"] .dark-active-ring-lg:active { --ring-width: 1rem; }
[data-theme="dark"] .dark-disabled-ring-lg:disabled { --ring-width: 1rem; }
[data-theme="dark"] .dark-group-hover-ring-lg { --ring-width: 1rem; }
[data-theme="dark"] .dark-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
[data-theme="dark"] .dark-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
[data-theme="dark"] .dark-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
[data-theme="dark"] .dark-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
[data-theme="dark"] .dark-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
[data-theme="dark"] .dark-group-hover-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
[data-theme="dark"] .dark-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-group-hover-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-group-hover-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-group-hover-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-group-hover-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-group-hover-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-group-hover-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-group-hover-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-group-hover-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-group-hover-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-group-hover-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-group-hover-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-group-hover-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-group-hover-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-group-hover-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-group-hover-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-group-hover-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-group-hover-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-group-hover-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-group-hover-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-group-hover-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-group-hover-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-group-hover-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-group-hover-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-group-hover-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-group-hover-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-group-hover-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-group-hover-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-group-hover-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-group-hover-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-group-hover-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-group-hover-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-group-hover-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-group-hover-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-group-hover-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-group-hover-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-group-hover-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-group-hover-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-group-hover-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-group-hover-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-group-hover-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-group-hover-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-group-hover-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-group-hover-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-group-hover-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-group-hover-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-group-hover-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-group-hover-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-group-hover-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-group-hover-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-group-hover-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-group-hover-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-group-hover-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-group-hover-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-group-hover-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-group-hover-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-group-hover-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-group-hover-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-group-hover-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-group-hover-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-group-hover-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-group-hover-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-group-hover-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-group-hover-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-group-hover-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-group-hover-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-group-hover-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-group-hover-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-group-hover-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-group-hover-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-group-hover-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-group-hover-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-group-hover-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-group-hover-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-group-hover-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-group-hover-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-group-hover-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-group-hover-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-group-hover-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-group-hover-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-group-hover-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-group-hover-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-group-hover-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-group-hover-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-group-hover-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-group-hover-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-group-hover-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-group-hover-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-group-hover-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-group-hover-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-group-hover-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-group-hover-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-group-hover-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-group-hover-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-group-hover-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-group-hover-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-group-hover-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-group-hover-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-group-hover-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-group-hover-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-group-hover-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-group-hover-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-group-hover-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-group-hover-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-group-hover-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-group-hover-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-group-hover-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-group-hover-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-group-hover-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-group-hover-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-group-hover-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-group-hover-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-group-hover-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-group-hover-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-group-hover-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-group-hover-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-group-hover-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-group-hover-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-group-hover-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-group-hover-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-group-hover-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-group-hover-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-group-hover-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-group-hover-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-group-hover-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-group-hover-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-group-hover-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-group-hover-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-group-hover-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-group-hover-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-group-hover-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-group-hover-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-group-hover-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-group-hover-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-group-hover-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-group-hover-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-group-hover-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-group-hover-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-group-hover-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-group-hover-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-group-hover-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-group-hover-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-group-hover-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-group-hover-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-group-hover-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-group-hover-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-group-hover-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-group-hover-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-group-hover-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-group-hover-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-group-hover-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-group-hover-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-group-hover-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-group-hover-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-group-hover-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-group-hover-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-group-hover-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-group-hover-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-group-hover-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-group-hover-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-ring-black { --quanta-ring-color: var(--black); }
[data-theme="dark"] .dark-hover-ring-black:hover { --quanta-ring-color: var(--black); }
[data-theme="dark"] .dark-focus-ring-black:focus { --quanta-ring-color: var(--black); }
[data-theme="dark"] .dark-active-ring-black:active { --quanta-ring-color: var(--black); }
[data-theme="dark"] .dark-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
[data-theme="dark"] .dark-group-hover-ring-black { --quanta-ring-color: var(--black); }
[data-theme="dark"] .dark-ring-white { --quanta-ring-color: var(--white); }
[data-theme="dark"] .dark-hover-ring-white:hover { --quanta-ring-color: var(--white); }
[data-theme="dark"] .dark-focus-ring-white:focus { --quanta-ring-color: var(--white); }
[data-theme="dark"] .dark-active-ring-white:active { --quanta-ring-color: var(--white); }
[data-theme="dark"] .dark-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
[data-theme="dark"] .dark-group-hover-ring-white { --quanta-ring-color: var(--white); }
[data-theme="dark"] .dark-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-group-hover-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-group-hover-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-group-hover-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-group-hover-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-group-hover-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-group-hover-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-group-hover-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-group-hover-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-group-hover-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-group-hover-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-shadow-color-black { --shadow-color: var(--black); }
[data-theme="dark"] .dark-hover-shadow-color-black:hover { --shadow-color: var(--black); }
[data-theme="dark"] .dark-focus-shadow-color-black:focus { --shadow-color: var(--black); }
[data-theme="dark"] .dark-active-shadow-color-black:active { --shadow-color: var(--black); }
[data-theme="dark"] .dark-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
[data-theme="dark"] .dark-group-hover-shadow-color-black { --shadow-color: var(--black); }
[data-theme="dark"] .dark-shadow-color-white { --shadow-color: var(--white); }
[data-theme="dark"] .dark-hover-shadow-color-white:hover { --shadow-color: var(--white); }
[data-theme="dark"] .dark-focus-shadow-color-white:focus { --shadow-color: var(--white); }
[data-theme="dark"] .dark-active-shadow-color-white:active { --shadow-color: var(--white); }
[data-theme="dark"] .dark-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
[data-theme="dark"] .dark-group-hover-shadow-color-white { --shadow-color: var(--white); }
[data-theme="dark"] .dark-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-group-hover-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-group-hover-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-group-hover-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-group-hover-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-group-hover-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-group-hover-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-group-hover-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-group-hover-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-group-hover-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-group-hover-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-gradient-from-black { --quanta-from-color: var(--black); }
[data-theme="dark"] .dark-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
[data-theme="dark"] .dark-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
[data-theme="dark"] .dark-active-gradient-from-black:active { --quanta-from-color: var(--black); }
[data-theme="dark"] .dark-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
[data-theme="dark"] .dark-group-hover-gradient-from-black { --quanta-from-color: var(--black); }
[data-theme="dark"] .dark-gradient-from-white { --quanta-from-color: var(--white); }
[data-theme="dark"] .dark-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
[data-theme="dark"] .dark-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
[data-theme="dark"] .dark-active-gradient-from-white:active { --quanta-from-color: var(--white); }
[data-theme="dark"] .dark-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
[data-theme="dark"] .dark-group-hover-gradient-from-white { --quanta-from-color: var(--white); }
[data-theme="dark"] .dark-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-group-hover-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-group-hover-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-group-hover-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-group-hover-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-group-hover-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-group-hover-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-group-hover-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-group-hover-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-group-hover-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-group-hover-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-gradient-to-black { --quanta-to-color: var(--black); }
[data-theme="dark"] .dark-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
[data-theme="dark"] .dark-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
[data-theme="dark"] .dark-active-gradient-to-black:active { --quanta-to-color: var(--black); }
[data-theme="dark"] .dark-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
[data-theme="dark"] .dark-group-hover-gradient-to-black { --quanta-to-color: var(--black); }
[data-theme="dark"] .dark-gradient-to-white { --quanta-to-color: var(--white); }
[data-theme="dark"] .dark-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
[data-theme="dark"] .dark-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
[data-theme="dark"] .dark-active-gradient-to-white:active { --quanta-to-color: var(--white); }
[data-theme="dark"] .dark-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
[data-theme="dark"] .dark-group-hover-gradient-to-white { --quanta-to-color: var(--white); }
[data-theme="dark"] .dark-transition-all { transition-property: all; }
[data-theme="dark"] .dark-hover-transition-all:hover { transition-property: all; }
[data-theme="dark"] .dark-focus-transition-all:focus { transition-property: all; }
[data-theme="dark"] .dark-active-transition-all:active { transition-property: all; }
[data-theme="dark"] .dark-disabled-transition-all:disabled { transition-property: all; }
[data-theme="dark"] .dark-group-hover-transition-all { transition-property: all; }
[data-theme="dark"] .dark-transition-bg { transition-property: background-color; }
[data-theme="dark"] .dark-hover-transition-bg:hover { transition-property: background-color; }
[data-theme="dark"] .dark-focus-transition-bg:focus { transition-property: background-color; }
[data-theme="dark"] .dark-active-transition-bg:active { transition-property: background-color; }
[data-theme="dark"] .dark-disabled-transition-bg:disabled { transition-property: background-color; }
[data-theme="dark"] .dark-group-hover-transition-bg { transition-property: background-color; }
[data-theme="dark"] .dark-transition-color { transition-property: color; }
[data-theme="dark"] .dark-hover-transition-color:hover { transition-property: color; }
[data-theme="dark"] .dark-focus-transition-color:focus { transition-property: color; }
[data-theme="dark"] .dark-active-transition-color:active { transition-property: color; }
[data-theme="dark"] .dark-disabled-transition-color:disabled { transition-property: color; }
[data-theme="dark"] .dark-group-hover-transition-color { transition-property: color; }
[data-theme="dark"] .dark-transition-opacity { transition-property: opacity; }
[data-theme="dark"] .dark-hover-transition-opacity:hover { transition-property: opacity; }
[data-theme="dark"] .dark-focus-transition-opacity:focus { transition-property: opacity; }
[data-theme="dark"] .dark-active-transition-opacity:active { transition-property: opacity; }
[data-theme="dark"] .dark-disabled-transition-opacity:disabled { transition-property: opacity; }
[data-theme="dark"] .dark-group-hover-transition-opacity { transition-property: opacity; }
[data-theme="dark"] .dark-transition-transform { transition-property: transform; }
[data-theme="dark"] .dark-hover-transition-transform:hover { transition-property: transform; }
[data-theme="dark"] .dark-focus-transition-transform:focus { transition-property: transform; }
[data-theme="dark"] .dark-active-transition-transform:active { transition-property: transform; }
[data-theme="dark"] .dark-disabled-transition-transform:disabled { transition-property: transform; }
[data-theme="dark"] .dark-group-hover-transition-transform { transition-property: transform; }
[data-theme="dark"] .dark-transition-shadow { transition-property: shadow; }
[data-theme="dark"] .dark-hover-transition-shadow:hover { transition-property: shadow; }
[data-theme="dark"] .dark-focus-transition-shadow:focus { transition-property: shadow; }
[data-theme="dark"] .dark-active-transition-shadow:active { transition-property: shadow; }
[data-theme="dark"] .dark-disabled-transition-shadow:disabled { transition-property: shadow; }
[data-theme="dark"] .dark-group-hover-transition-shadow { transition-property: shadow; }
[data-theme="dark"] .dark-transition-border { transition-property: border; }
[data-theme="dark"] .dark-hover-transition-border:hover { transition-property: border; }
[data-theme="dark"] .dark-focus-transition-border:focus { transition-property: border; }
[data-theme="dark"] .dark-active-transition-border:active { transition-property: border; }
[data-theme="dark"] .dark-disabled-transition-border:disabled { transition-property: border; }
[data-theme="dark"] .dark-group-hover-transition-border { transition-property: border; }
[data-theme="dark"] .dark-duration-75 { transition-duration: 75ms; }
[data-theme="dark"] .dark-hover-duration-75:hover { transition-duration: 75ms; }
[data-theme="dark"] .dark-focus-duration-75:focus { transition-duration: 75ms; }
[data-theme="dark"] .dark-active-duration-75:active { transition-duration: 75ms; }
[data-theme="dark"] .dark-disabled-duration-75:disabled { transition-duration: 75ms; }
[data-theme="dark"] .dark-group-hover-duration-75 { transition-duration: 75ms; }
[data-theme="dark"] .dark-duration-100 { transition-duration: 100ms; }
[data-theme="dark"] .dark-hover-duration-100:hover { transition-duration: 100ms; }
[data-theme="dark"] .dark-focus-duration-100:focus { transition-duration: 100ms; }
[data-theme="dark"] .dark-active-duration-100:active { transition-duration: 100ms; }
[data-theme="dark"] .dark-disabled-duration-100:disabled { transition-duration: 100ms; }
[data-theme="dark"] .dark-group-hover-duration-100 { transition-duration: 100ms; }
[data-theme="dark"] .dark-duration-150 { transition-duration: 150ms; }
[data-theme="dark"] .dark-hover-duration-150:hover { transition-duration: 150ms; }
[data-theme="dark"] .dark-focus-duration-150:focus { transition-duration: 150ms; }
[data-theme="dark"] .dark-active-duration-150:active { transition-duration: 150ms; }
[data-theme="dark"] .dark-disabled-duration-150:disabled { transition-duration: 150ms; }
[data-theme="dark"] .dark-group-hover-duration-150 { transition-duration: 150ms; }
[data-theme="dark"] .dark-duration-200 { transition-duration: 200ms; }
[data-theme="dark"] .dark-hover-duration-200:hover { transition-duration: 200ms; }
[data-theme="dark"] .dark-focus-duration-200:focus { transition-duration: 200ms; }
[data-theme="dark"] .dark-active-duration-200:active { transition-duration: 200ms; }
[data-theme="dark"] .dark-disabled-duration-200:disabled { transition-duration: 200ms; }
[data-theme="dark"] .dark-group-hover-duration-200 { transition-duration: 200ms; }
[data-theme="dark"] .dark-duration-300 { transition-duration: 300ms; }
[data-theme="dark"] .dark-hover-duration-300:hover { transition-duration: 300ms; }
[data-theme="dark"] .dark-focus-duration-300:focus { transition-duration: 300ms; }
[data-theme="dark"] .dark-active-duration-300:active { transition-duration: 300ms; }
[data-theme="dark"] .dark-disabled-duration-300:disabled { transition-duration: 300ms; }
[data-theme="dark"] .dark-group-hover-duration-300 { transition-duration: 300ms; }
[data-theme="dark"] .dark-duration-500 { transition-duration: 500ms; }
[data-theme="dark"] .dark-hover-duration-500:hover { transition-duration: 500ms; }
[data-theme="dark"] .dark-focus-duration-500:focus { transition-duration: 500ms; }
[data-theme="dark"] .dark-active-duration-500:active { transition-duration: 500ms; }
[data-theme="dark"] .dark-disabled-duration-500:disabled { transition-duration: 500ms; }
[data-theme="dark"] .dark-group-hover-duration-500 { transition-duration: 500ms; }
[data-theme="dark"] .dark-duration-700 { transition-duration: 700ms; }
[data-theme="dark"] .dark-hover-duration-700:hover { transition-duration: 700ms; }
[data-theme="dark"] .dark-focus-duration-700:focus { transition-duration: 700ms; }
[data-theme="dark"] .dark-active-duration-700:active { transition-duration: 700ms; }
[data-theme="dark"] .dark-disabled-duration-700:disabled { transition-duration: 700ms; }
[data-theme="dark"] .dark-group-hover-duration-700 { transition-duration: 700ms; }
[data-theme="dark"] .dark-duration-1000 { transition-duration: 1000ms; }
[data-theme="dark"] .dark-hover-duration-1000:hover { transition-duration: 1000ms; }
[data-theme="dark"] .dark-focus-duration-1000:focus { transition-duration: 1000ms; }
[data-theme="dark"] .dark-active-duration-1000:active { transition-duration: 1000ms; }
[data-theme="dark"] .dark-disabled-duration-1000:disabled { transition-duration: 1000ms; }
[data-theme="dark"] .dark-group-hover-duration-1000 { transition-duration: 1000ms; }
[data-theme="dark"] .dark-ease-linear { transition-timing-function: ease-linear; }
[data-theme="dark"] .dark-hover-ease-linear:hover { transition-timing-function: ease-linear; }
[data-theme="dark"] .dark-focus-ease-linear:focus { transition-timing-function: ease-linear; }
[data-theme="dark"] .dark-active-ease-linear:active { transition-timing-function: ease-linear; }
[data-theme="dark"] .dark-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
[data-theme="dark"] .dark-group-hover-ease-linear { transition-timing-function: ease-linear; }
[data-theme="dark"] .dark-ease-in { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-hover-ease-in:hover { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-focus-ease-in:focus { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-active-ease-in:active { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-disabled-ease-in:disabled { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-group-hover-ease-in { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-ease-out { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-hover-ease-out:hover { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-focus-ease-out:focus { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-active-ease-out:active { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-disabled-ease-out:disabled { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-group-hover-ease-out { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-ease-in-out { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-active-ease-in-out:active { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-translate-x-0 { transform: translateX(0rem); }
[data-theme="dark"] .dark-hover-translate-x-0:hover { transform: translateX(0rem); }
[data-theme="dark"] .dark-focus-translate-x-0:focus { transform: translateX(0rem); }
[data-theme="dark"] .dark-active-translate-x-0:active { transform: translateX(0rem); }
[data-theme="dark"] .dark-disabled-translate-x-0:disabled { transform: translateX(0rem); }
[data-theme="dark"] .dark-group-hover-translate-x-0 { transform: translateX(0rem); }
[data-theme="dark"] .dark-translate-y-0 { transform: translateY(0rem); }
[data-theme="dark"] .dark-hover-translate-y-0:hover { transform: translateY(0rem); }
[data-theme="dark"] .dark-focus-translate-y-0:focus { transform: translateY(0rem); }
[data-theme="dark"] .dark-active-translate-y-0:active { transform: translateY(0rem); }
[data-theme="dark"] .dark-disabled-translate-y-0:disabled { transform: translateY(0rem); }
[data-theme="dark"] .dark-group-hover-translate-y-0 { transform: translateY(0rem); }
[data-theme="dark"] .dark-translate-x-0_25 { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-active-translate-x-0_25:active { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-translate-y-0_25 { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-active-translate-y-0_25:active { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-translate-x-0_5 { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-active-translate-x-0_5:active { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-translate-y-0_5 { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-active-translate-y-0_5:active { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-translate-x-1 { transform: translateX(1rem); }
[data-theme="dark"] .dark-hover-translate-x-1:hover { transform: translateX(1rem); }
[data-theme="dark"] .dark-focus-translate-x-1:focus { transform: translateX(1rem); }
[data-theme="dark"] .dark-active-translate-x-1:active { transform: translateX(1rem); }
[data-theme="dark"] .dark-disabled-translate-x-1:disabled { transform: translateX(1rem); }
[data-theme="dark"] .dark-group-hover-translate-x-1 { transform: translateX(1rem); }
[data-theme="dark"] .dark-translate-y-1 { transform: translateY(1rem); }
[data-theme="dark"] .dark-hover-translate-y-1:hover { transform: translateY(1rem); }
[data-theme="dark"] .dark-focus-translate-y-1:focus { transform: translateY(1rem); }
[data-theme="dark"] .dark-active-translate-y-1:active { transform: translateY(1rem); }
[data-theme="dark"] .dark-disabled-translate-y-1:disabled { transform: translateY(1rem); }
[data-theme="dark"] .dark-group-hover-translate-y-1 { transform: translateY(1rem); }
[data-theme="dark"] .dark-translate-x-1_5 { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-active-translate-x-1_5:active { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-translate-y-1_5 { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-active-translate-y-1_5:active { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-translate-x-2 { transform: translateX(2rem); }
[data-theme="dark"] .dark-hover-translate-x-2:hover { transform: translateX(2rem); }
[data-theme="dark"] .dark-focus-translate-x-2:focus { transform: translateX(2rem); }
[data-theme="dark"] .dark-active-translate-x-2:active { transform: translateX(2rem); }
[data-theme="dark"] .dark-disabled-translate-x-2:disabled { transform: translateX(2rem); }
[data-theme="dark"] .dark-group-hover-translate-x-2 { transform: translateX(2rem); }
[data-theme="dark"] .dark-translate-y-2 { transform: translateY(2rem); }
[data-theme="dark"] .dark-hover-translate-y-2:hover { transform: translateY(2rem); }
[data-theme="dark"] .dark-focus-translate-y-2:focus { transform: translateY(2rem); }
[data-theme="dark"] .dark-active-translate-y-2:active { transform: translateY(2rem); }
[data-theme="dark"] .dark-disabled-translate-y-2:disabled { transform: translateY(2rem); }
[data-theme="dark"] .dark-group-hover-translate-y-2 { transform: translateY(2rem); }
[data-theme="dark"] .dark-translate-x-3 { transform: translateX(3rem); }
[data-theme="dark"] .dark-hover-translate-x-3:hover { transform: translateX(3rem); }
[data-theme="dark"] .dark-focus-translate-x-3:focus { transform: translateX(3rem); }
[data-theme="dark"] .dark-active-translate-x-3:active { transform: translateX(3rem); }
[data-theme="dark"] .dark-disabled-translate-x-3:disabled { transform: translateX(3rem); }
[data-theme="dark"] .dark-group-hover-translate-x-3 { transform: translateX(3rem); }
[data-theme="dark"] .dark-translate-y-3 { transform: translateY(3rem); }
[data-theme="dark"] .dark-hover-translate-y-3:hover { transform: translateY(3rem); }
[data-theme="dark"] .dark-focus-translate-y-3:focus { transform: translateY(3rem); }
[data-theme="dark"] .dark-active-translate-y-3:active { transform: translateY(3rem); }
[data-theme="dark"] .dark-disabled-translate-y-3:disabled { transform: translateY(3rem); }
[data-theme="dark"] .dark-group-hover-translate-y-3 { transform: translateY(3rem); }
[data-theme="dark"] .dark-translate-x-4 { transform: translateX(4rem); }
[data-theme="dark"] .dark-hover-translate-x-4:hover { transform: translateX(4rem); }
[data-theme="dark"] .dark-focus-translate-x-4:focus { transform: translateX(4rem); }
[data-theme="dark"] .dark-active-translate-x-4:active { transform: translateX(4rem); }
[data-theme="dark"] .dark-disabled-translate-x-4:disabled { transform: translateX(4rem); }
[data-theme="dark"] .dark-group-hover-translate-x-4 { transform: translateX(4rem); }
[data-theme="dark"] .dark-translate-y-4 { transform: translateY(4rem); }
[data-theme="dark"] .dark-hover-translate-y-4:hover { transform: translateY(4rem); }
[data-theme="dark"] .dark-focus-translate-y-4:focus { transform: translateY(4rem); }
[data-theme="dark"] .dark-active-translate-y-4:active { transform: translateY(4rem); }
[data-theme="dark"] .dark-disabled-translate-y-4:disabled { transform: translateY(4rem); }
[data-theme="dark"] .dark-group-hover-translate-y-4 { transform: translateY(4rem); }
[data-theme="dark"] .dark-translate-x-5 { transform: translateX(5rem); }
[data-theme="dark"] .dark-hover-translate-x-5:hover { transform: translateX(5rem); }
[data-theme="dark"] .dark-focus-translate-x-5:focus { transform: translateX(5rem); }
[data-theme="dark"] .dark-active-translate-x-5:active { transform: translateX(5rem); }
[data-theme="dark"] .dark-disabled-translate-x-5:disabled { transform: translateX(5rem); }
[data-theme="dark"] .dark-group-hover-translate-x-5 { transform: translateX(5rem); }
[data-theme="dark"] .dark-translate-y-5 { transform: translateY(5rem); }
[data-theme="dark"] .dark-hover-translate-y-5:hover { transform: translateY(5rem); }
[data-theme="dark"] .dark-focus-translate-y-5:focus { transform: translateY(5rem); }
[data-theme="dark"] .dark-active-translate-y-5:active { transform: translateY(5rem); }
[data-theme="dark"] .dark-disabled-translate-y-5:disabled { transform: translateY(5rem); }
[data-theme="dark"] .dark-group-hover-translate-y-5 { transform: translateY(5rem); }
[data-theme="dark"] .dark-translate-x-6 { transform: translateX(6rem); }
[data-theme="dark"] .dark-hover-translate-x-6:hover { transform: translateX(6rem); }
[data-theme="dark"] .dark-focus-translate-x-6:focus { transform: translateX(6rem); }
[data-theme="dark"] .dark-active-translate-x-6:active { transform: translateX(6rem); }
[data-theme="dark"] .dark-disabled-translate-x-6:disabled { transform: translateX(6rem); }
[data-theme="dark"] .dark-group-hover-translate-x-6 { transform: translateX(6rem); }
[data-theme="dark"] .dark-translate-y-6 { transform: translateY(6rem); }
[data-theme="dark"] .dark-hover-translate-y-6:hover { transform: translateY(6rem); }
[data-theme="dark"] .dark-focus-translate-y-6:focus { transform: translateY(6rem); }
[data-theme="dark"] .dark-active-translate-y-6:active { transform: translateY(6rem); }
[data-theme="dark"] .dark-disabled-translate-y-6:disabled { transform: translateY(6rem); }
[data-theme="dark"] .dark-group-hover-translate-y-6 { transform: translateY(6rem); }
[data-theme="dark"] .dark-translate-x-8 { transform: translateX(8rem); }
[data-theme="dark"] .dark-hover-translate-x-8:hover { transform: translateX(8rem); }
[data-theme="dark"] .dark-focus-translate-x-8:focus { transform: translateX(8rem); }
[data-theme="dark"] .dark-active-translate-x-8:active { transform: translateX(8rem); }
[data-theme="dark"] .dark-disabled-translate-x-8:disabled { transform: translateX(8rem); }
[data-theme="dark"] .dark-group-hover-translate-x-8 { transform: translateX(8rem); }
[data-theme="dark"] .dark-translate-y-8 { transform: translateY(8rem); }
[data-theme="dark"] .dark-hover-translate-y-8:hover { transform: translateY(8rem); }
[data-theme="dark"] .dark-focus-translate-y-8:focus { transform: translateY(8rem); }
[data-theme="dark"] .dark-active-translate-y-8:active { transform: translateY(8rem); }
[data-theme="dark"] .dark-disabled-translate-y-8:disabled { transform: translateY(8rem); }
[data-theme="dark"] .dark-group-hover-translate-y-8 { transform: translateY(8rem); }
[data-theme="dark"] .dark-translate-x-10 { transform: translateX(10rem); }
[data-theme="dark"] .dark-hover-translate-x-10:hover { transform: translateX(10rem); }
[data-theme="dark"] .dark-focus-translate-x-10:focus { transform: translateX(10rem); }
[data-theme="dark"] .dark-active-translate-x-10:active { transform: translateX(10rem); }
[data-theme="dark"] .dark-disabled-translate-x-10:disabled { transform: translateX(10rem); }
[data-theme="dark"] .dark-group-hover-translate-x-10 { transform: translateX(10rem); }
[data-theme="dark"] .dark-translate-y-10 { transform: translateY(10rem); }
[data-theme="dark"] .dark-hover-translate-y-10:hover { transform: translateY(10rem); }
[data-theme="dark"] .dark-focus-translate-y-10:focus { transform: translateY(10rem); }
[data-theme="dark"] .dark-active-translate-y-10:active { transform: translateY(10rem); }
[data-theme="dark"] .dark-disabled-translate-y-10:disabled { transform: translateY(10rem); }
[data-theme="dark"] .dark-group-hover-translate-y-10 { transform: translateY(10rem); }
[data-theme="dark"] .dark-translate-x-12 { transform: translateX(12rem); }
[data-theme="dark"] .dark-hover-translate-x-12:hover { transform: translateX(12rem); }
[data-theme="dark"] .dark-focus-translate-x-12:focus { transform: translateX(12rem); }
[data-theme="dark"] .dark-active-translate-x-12:active { transform: translateX(12rem); }
[data-theme="dark"] .dark-disabled-translate-x-12:disabled { transform: translateX(12rem); }
[data-theme="dark"] .dark-group-hover-translate-x-12 { transform: translateX(12rem); }
[data-theme="dark"] .dark-translate-y-12 { transform: translateY(12rem); }
[data-theme="dark"] .dark-hover-translate-y-12:hover { transform: translateY(12rem); }
[data-theme="dark"] .dark-focus-translate-y-12:focus { transform: translateY(12rem); }
[data-theme="dark"] .dark-active-translate-y-12:active { transform: translateY(12rem); }
[data-theme="dark"] .dark-disabled-translate-y-12:disabled { transform: translateY(12rem); }
[data-theme="dark"] .dark-group-hover-translate-y-12 { transform: translateY(12rem); }
[data-theme="dark"] .dark-translate-x-16 { transform: translateX(16rem); }
[data-theme="dark"] .dark-hover-translate-x-16:hover { transform: translateX(16rem); }
[data-theme="dark"] .dark-focus-translate-x-16:focus { transform: translateX(16rem); }
[data-theme="dark"] .dark-active-translate-x-16:active { transform: translateX(16rem); }
[data-theme="dark"] .dark-disabled-translate-x-16:disabled { transform: translateX(16rem); }
[data-theme="dark"] .dark-group-hover-translate-x-16 { transform: translateX(16rem); }
[data-theme="dark"] .dark-translate-y-16 { transform: translateY(16rem); }
[data-theme="dark"] .dark-hover-translate-y-16:hover { transform: translateY(16rem); }
[data-theme="dark"] .dark-focus-translate-y-16:focus { transform: translateY(16rem); }
[data-theme="dark"] .dark-active-translate-y-16:active { transform: translateY(16rem); }
[data-theme="dark"] .dark-disabled-translate-y-16:disabled { transform: translateY(16rem); }
[data-theme="dark"] .dark-group-hover-translate-y-16 { transform: translateY(16rem); }
[data-theme="dark"] .dark-translate-x-20 { transform: translateX(20rem); }
[data-theme="dark"] .dark-hover-translate-x-20:hover { transform: translateX(20rem); }
[data-theme="dark"] .dark-focus-translate-x-20:focus { transform: translateX(20rem); }
[data-theme="dark"] .dark-active-translate-x-20:active { transform: translateX(20rem); }
[data-theme="dark"] .dark-disabled-translate-x-20:disabled { transform: translateX(20rem); }
[data-theme="dark"] .dark-group-hover-translate-x-20 { transform: translateX(20rem); }
[data-theme="dark"] .dark-translate-y-20 { transform: translateY(20rem); }
[data-theme="dark"] .dark-hover-translate-y-20:hover { transform: translateY(20rem); }
[data-theme="dark"] .dark-focus-translate-y-20:focus { transform: translateY(20rem); }
[data-theme="dark"] .dark-active-translate-y-20:active { transform: translateY(20rem); }
[data-theme="dark"] .dark-disabled-translate-y-20:disabled { transform: translateY(20rem); }
[data-theme="dark"] .dark-group-hover-translate-y-20 { transform: translateY(20rem); }
[data-theme="dark"] .dark-translate-x-24 { transform: translateX(24rem); }
[data-theme="dark"] .dark-hover-translate-x-24:hover { transform: translateX(24rem); }
[data-theme="dark"] .dark-focus-translate-x-24:focus { transform: translateX(24rem); }
[data-theme="dark"] .dark-active-translate-x-24:active { transform: translateX(24rem); }
[data-theme="dark"] .dark-disabled-translate-x-24:disabled { transform: translateX(24rem); }
[data-theme="dark"] .dark-group-hover-translate-x-24 { transform: translateX(24rem); }
[data-theme="dark"] .dark-translate-y-24 { transform: translateY(24rem); }
[data-theme="dark"] .dark-hover-translate-y-24:hover { transform: translateY(24rem); }
[data-theme="dark"] .dark-focus-translate-y-24:focus { transform: translateY(24rem); }
[data-theme="dark"] .dark-active-translate-y-24:active { transform: translateY(24rem); }
[data-theme="dark"] .dark-disabled-translate-y-24:disabled { transform: translateY(24rem); }
[data-theme="dark"] .dark-group-hover-translate-y-24 { transform: translateY(24rem); }
[data-theme="dark"] .dark-translate-x-32 { transform: translateX(32rem); }
[data-theme="dark"] .dark-hover-translate-x-32:hover { transform: translateX(32rem); }
[data-theme="dark"] .dark-focus-translate-x-32:focus { transform: translateX(32rem); }
[data-theme="dark"] .dark-active-translate-x-32:active { transform: translateX(32rem); }
[data-theme="dark"] .dark-disabled-translate-x-32:disabled { transform: translateX(32rem); }
[data-theme="dark"] .dark-group-hover-translate-x-32 { transform: translateX(32rem); }
[data-theme="dark"] .dark-translate-y-32 { transform: translateY(32rem); }
[data-theme="dark"] .dark-hover-translate-y-32:hover { transform: translateY(32rem); }
[data-theme="dark"] .dark-focus-translate-y-32:focus { transform: translateY(32rem); }
[data-theme="dark"] .dark-active-translate-y-32:active { transform: translateY(32rem); }
[data-theme="dark"] .dark-disabled-translate-y-32:disabled { transform: translateY(32rem); }
[data-theme="dark"] .dark-group-hover-translate-y-32 { transform: translateY(32rem); }
[data-theme="dark"] .dark-scale-0 { transform: scale(0.0); }
[data-theme="dark"] .dark-hover-scale-0:hover { transform: scale(0.0); }
[data-theme="dark"] .dark-focus-scale-0:focus { transform: scale(0.0); }
[data-theme="dark"] .dark-active-scale-0:active { transform: scale(0.0); }
[data-theme="dark"] .dark-disabled-scale-0:disabled { transform: scale(0.0); }
[data-theme="dark"] .dark-group-hover-scale-0 { transform: scale(0.0); }
[data-theme="dark"] .dark-scale-50 { transform: scale(0.5); }
[data-theme="dark"] .dark-hover-scale-50:hover { transform: scale(0.5); }
[data-theme="dark"] .dark-focus-scale-50:focus { transform: scale(0.5); }
[data-theme="dark"] .dark-active-scale-50:active { transform: scale(0.5); }
[data-theme="dark"] .dark-disabled-scale-50:disabled { transform: scale(0.5); }
[data-theme="dark"] .dark-group-hover-scale-50 { transform: scale(0.5); }
[data-theme="dark"] .dark-scale-75 { transform: scale(0.75); }
[data-theme="dark"] .dark-hover-scale-75:hover { transform: scale(0.75); }
[data-theme="dark"] .dark-focus-scale-75:focus { transform: scale(0.75); }
[data-theme="dark"] .dark-active-scale-75:active { transform: scale(0.75); }
[data-theme="dark"] .dark-disabled-scale-75:disabled { transform: scale(0.75); }
[data-theme="dark"] .dark-group-hover-scale-75 { transform: scale(0.75); }
[data-theme="dark"] .dark-scale-90 { transform: scale(0.9); }
[data-theme="dark"] .dark-hover-scale-90:hover { transform: scale(0.9); }
[data-theme="dark"] .dark-focus-scale-90:focus { transform: scale(0.9); }
[data-theme="dark"] .dark-active-scale-90:active { transform: scale(0.9); }
[data-theme="dark"] .dark-disabled-scale-90:disabled { transform: scale(0.9); }
[data-theme="dark"] .dark-group-hover-scale-90 { transform: scale(0.9); }
[data-theme="dark"] .dark-scale-95 { transform: scale(0.95); }
[data-theme="dark"] .dark-hover-scale-95:hover { transform: scale(0.95); }
[data-theme="dark"] .dark-focus-scale-95:focus { transform: scale(0.95); }
[data-theme="dark"] .dark-active-scale-95:active { transform: scale(0.95); }
[data-theme="dark"] .dark-disabled-scale-95:disabled { transform: scale(0.95); }
[data-theme="dark"] .dark-group-hover-scale-95 { transform: scale(0.95); }
[data-theme="dark"] .dark-scale-100 { transform: scale(1.0); }
[data-theme="dark"] .dark-hover-scale-100:hover { transform: scale(1.0); }
[data-theme="dark"] .dark-focus-scale-100:focus { transform: scale(1.0); }
[data-theme="dark"] .dark-active-scale-100:active { transform: scale(1.0); }
[data-theme="dark"] .dark-disabled-scale-100:disabled { transform: scale(1.0); }
[data-theme="dark"] .dark-group-hover-scale-100 { transform: scale(1.0); }
[data-theme="dark"] .dark-scale-105 { transform: scale(1.05); }
[data-theme="dark"] .dark-hover-scale-105:hover { transform: scale(1.05); }
[data-theme="dark"] .dark-focus-scale-105:focus { transform: scale(1.05); }
[data-theme="dark"] .dark-active-scale-105:active { transform: scale(1.05); }
[data-theme="dark"] .dark-disabled-scale-105:disabled { transform: scale(1.05); }
[data-theme="dark"] .dark-group-hover-scale-105 { transform: scale(1.05); }
[data-theme="dark"] .dark-scale-110 { transform: scale(1.1); }
[data-theme="dark"] .dark-hover-scale-110:hover { transform: scale(1.1); }
[data-theme="dark"] .dark-focus-scale-110:focus { transform: scale(1.1); }
[data-theme="dark"] .dark-active-scale-110:active { transform: scale(1.1); }
[data-theme="dark"] .dark-disabled-scale-110:disabled { transform: scale(1.1); }
[data-theme="dark"] .dark-group-hover-scale-110 { transform: scale(1.1); }
[data-theme="dark"] .dark-scale-125 { transform: scale(1.25); }
[data-theme="dark"] .dark-hover-scale-125:hover { transform: scale(1.25); }
[data-theme="dark"] .dark-focus-scale-125:focus { transform: scale(1.25); }
[data-theme="dark"] .dark-active-scale-125:active { transform: scale(1.25); }
[data-theme="dark"] .dark-disabled-scale-125:disabled { transform: scale(1.25); }
[data-theme="dark"] .dark-group-hover-scale-125 { transform: scale(1.25); }
[data-theme="dark"] .dark-scale-150 { transform: scale(1.5); }
[data-theme="dark"] .dark-hover-scale-150:hover { transform: scale(1.5); }
[data-theme="dark"] .dark-focus-scale-150:focus { transform: scale(1.5); }
[data-theme="dark"] .dark-active-scale-150:active { transform: scale(1.5); }
[data-theme="dark"] .dark-disabled-scale-150:disabled { transform: scale(1.5); }
[data-theme="dark"] .dark-group-hover-scale-150 { transform: scale(1.5); }
[data-theme="dark"] .dark-rotate--180 { transform: rotate(-180deg); }
[data-theme="dark"] .dark-hover-rotate--180:hover { transform: rotate(-180deg); }
[data-theme="dark"] .dark-focus-rotate--180:focus { transform: rotate(-180deg); }
[data-theme="dark"] .dark-active-rotate--180:active { transform: rotate(-180deg); }
[data-theme="dark"] .dark-disabled-rotate--180:disabled { transform: rotate(-180deg); }
[data-theme="dark"] .dark-group-hover-rotate--180 { transform: rotate(-180deg); }
[data-theme="dark"] .dark-rotate--90 { transform: rotate(-90deg); }
[data-theme="dark"] .dark-hover-rotate--90:hover { transform: rotate(-90deg); }
[data-theme="dark"] .dark-focus-rotate--90:focus { transform: rotate(-90deg); }
[data-theme="dark"] .dark-active-rotate--90:active { transform: rotate(-90deg); }
[data-theme="dark"] .dark-disabled-rotate--90:disabled { transform: rotate(-90deg); }
[data-theme="dark"] .dark-group-hover-rotate--90 { transform: rotate(-90deg); }
[data-theme="dark"] .dark-rotate--45 { transform: rotate(-45deg); }
[data-theme="dark"] .dark-hover-rotate--45:hover { transform: rotate(-45deg); }
[data-theme="dark"] .dark-focus-rotate--45:focus { transform: rotate(-45deg); }
[data-theme="dark"] .dark-active-rotate--45:active { transform: rotate(-45deg); }
[data-theme="dark"] .dark-disabled-rotate--45:disabled { transform: rotate(-45deg); }
[data-theme="dark"] .dark-group-hover-rotate--45 { transform: rotate(-45deg); }
[data-theme="dark"] .dark-rotate-0 { transform: rotate(0deg); }
[data-theme="dark"] .dark-hover-rotate-0:hover { transform: rotate(0deg); }
[data-theme="dark"] .dark-focus-rotate-0:focus { transform: rotate(0deg); }
[data-theme="dark"] .dark-active-rotate-0:active { transform: rotate(0deg); }
[data-theme="dark"] .dark-disabled-rotate-0:disabled { transform: rotate(0deg); }
[data-theme="dark"] .dark-group-hover-rotate-0 { transform: rotate(0deg); }
[data-theme="dark"] .dark-rotate-45 { transform: rotate(45deg); }
[data-theme="dark"] .dark-hover-rotate-45:hover { transform: rotate(45deg); }
[data-theme="dark"] .dark-focus-rotate-45:focus { transform: rotate(45deg); }
[data-theme="dark"] .dark-active-rotate-45:active { transform: rotate(45deg); }
[data-theme="dark"] .dark-disabled-rotate-45:disabled { transform: rotate(45deg); }
[data-theme="dark"] .dark-group-hover-rotate-45 { transform: rotate(45deg); }
[data-theme="dark"] .dark-rotate-90 { transform: rotate(90deg); }
[data-theme="dark"] .dark-hover-rotate-90:hover { transform: rotate(90deg); }
[data-theme="dark"] .dark-focus-rotate-90:focus { transform: rotate(90deg); }
[data-theme="dark"] .dark-active-rotate-90:active { transform: rotate(90deg); }
[data-theme="dark"] .dark-disabled-rotate-90:disabled { transform: rotate(90deg); }
[data-theme="dark"] .dark-group-hover-rotate-90 { transform: rotate(90deg); }
[data-theme="dark"] .dark-rotate-180 { transform: rotate(180deg); }
[data-theme="dark"] .dark-hover-rotate-180:hover { transform: rotate(180deg); }
[data-theme="dark"] .dark-focus-rotate-180:focus { transform: rotate(180deg); }
[data-theme="dark"] .dark-active-rotate-180:active { transform: rotate(180deg); }
[data-theme="dark"] .dark-disabled-rotate-180:disabled { transform: rotate(180deg); }
[data-theme="dark"] .dark-group-hover-rotate-180 { transform: rotate(180deg); }
[data-theme="dark"] .dark-skew-x--45 { transform: skewX(-45deg); }
[data-theme="dark"] .dark-hover-skew-x--45:hover { transform: skewX(-45deg); }
[data-theme="dark"] .dark-focus-skew-x--45:focus { transform: skewX(-45deg); }
[data-theme="dark"] .dark-active-skew-x--45:active { transform: skewX(-45deg); }
[data-theme="dark"] .dark-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
[data-theme="dark"] .dark-group-hover-skew-x--45 { transform: skewX(-45deg); }
[data-theme="dark"] .dark-skew-y--45 { transform: skewY(-45deg); }
[data-theme="dark"] .dark-hover-skew-y--45:hover { transform: skewY(-45deg); }
[data-theme="dark"] .dark-focus-skew-y--45:focus { transform: skewY(-45deg); }
[data-theme="dark"] .dark-active-skew-y--45:active { transform: skewY(-45deg); }
[data-theme="dark"] .dark-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
[data-theme="dark"] .dark-group-hover-skew-y--45 { transform: skewY(-45deg); }
[data-theme="dark"] .dark-skew-x--30 { transform: skewX(-30deg); }
[data-theme="dark"] .dark-hover-skew-x--30:hover { transform: skewX(-30deg); }
[data-theme="dark"] .dark-focus-skew-x--30:focus { transform: skewX(-30deg); }
[data-theme="dark"] .dark-active-skew-x--30:active { transform: skewX(-30deg); }
[data-theme="dark"] .dark-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
[data-theme="dark"] .dark-group-hover-skew-x--30 { transform: skewX(-30deg); }
[data-theme="dark"] .dark-skew-y--30 { transform: skewY(-30deg); }
[data-theme="dark"] .dark-hover-skew-y--30:hover { transform: skewY(-30deg); }
[data-theme="dark"] .dark-focus-skew-y--30:focus { transform: skewY(-30deg); }
[data-theme="dark"] .dark-active-skew-y--30:active { transform: skewY(-30deg); }
[data-theme="dark"] .dark-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
[data-theme="dark"] .dark-group-hover-skew-y--30 { transform: skewY(-30deg); }
[data-theme="dark"] .dark-skew-x--15 { transform: skewX(-15deg); }
[data-theme="dark"] .dark-hover-skew-x--15:hover { transform: skewX(-15deg); }
[data-theme="dark"] .dark-focus-skew-x--15:focus { transform: skewX(-15deg); }
[data-theme="dark"] .dark-active-skew-x--15:active { transform: skewX(-15deg); }
[data-theme="dark"] .dark-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
[data-theme="dark"] .dark-group-hover-skew-x--15 { transform: skewX(-15deg); }
[data-theme="dark"] .dark-skew-y--15 { transform: skewY(-15deg); }
[data-theme="dark"] .dark-hover-skew-y--15:hover { transform: skewY(-15deg); }
[data-theme="dark"] .dark-focus-skew-y--15:focus { transform: skewY(-15deg); }
[data-theme="dark"] .dark-active-skew-y--15:active { transform: skewY(-15deg); }
[data-theme="dark"] .dark-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
[data-theme="dark"] .dark-group-hover-skew-y--15 { transform: skewY(-15deg); }
[data-theme="dark"] .dark-skew-x-0 { transform: skewX(0deg); }
[data-theme="dark"] .dark-hover-skew-x-0:hover { transform: skewX(0deg); }
[data-theme="dark"] .dark-focus-skew-x-0:focus { transform: skewX(0deg); }
[data-theme="dark"] .dark-active-skew-x-0:active { transform: skewX(0deg); }
[data-theme="dark"] .dark-disabled-skew-x-0:disabled { transform: skewX(0deg); }
[data-theme="dark"] .dark-group-hover-skew-x-0 { transform: skewX(0deg); }
[data-theme="dark"] .dark-skew-y-0 { transform: skewY(0deg); }
[data-theme="dark"] .dark-hover-skew-y-0:hover { transform: skewY(0deg); }
[data-theme="dark"] .dark-focus-skew-y-0:focus { transform: skewY(0deg); }
[data-theme="dark"] .dark-active-skew-y-0:active { transform: skewY(0deg); }
[data-theme="dark"] .dark-disabled-skew-y-0:disabled { transform: skewY(0deg); }
[data-theme="dark"] .dark-group-hover-skew-y-0 { transform: skewY(0deg); }
[data-theme="dark"] .dark-skew-x-15 { transform: skewX(15deg); }
[data-theme="dark"] .dark-hover-skew-x-15:hover { transform: skewX(15deg); }
[data-theme="dark"] .dark-focus-skew-x-15:focus { transform: skewX(15deg); }
[data-theme="dark"] .dark-active-skew-x-15:active { transform: skewX(15deg); }
[data-theme="dark"] .dark-disabled-skew-x-15:disabled { transform: skewX(15deg); }
[data-theme="dark"] .dark-group-hover-skew-x-15 { transform: skewX(15deg); }
[data-theme="dark"] .dark-skew-y-15 { transform: skewY(15deg); }
[data-theme="dark"] .dark-hover-skew-y-15:hover { transform: skewY(15deg); }
[data-theme="dark"] .dark-focus-skew-y-15:focus { transform: skewY(15deg); }
[data-theme="dark"] .dark-active-skew-y-15:active { transform: skewY(15deg); }
[data-theme="dark"] .dark-disabled-skew-y-15:disabled { transform: skewY(15deg); }
[data-theme="dark"] .dark-group-hover-skew-y-15 { transform: skewY(15deg); }
[data-theme="dark"] .dark-skew-x-30 { transform: skewX(30deg); }
[data-theme="dark"] .dark-hover-skew-x-30:hover { transform: skewX(30deg); }
[data-theme="dark"] .dark-focus-skew-x-30:focus { transform: skewX(30deg); }
[data-theme="dark"] .dark-active-skew-x-30:active { transform: skewX(30deg); }
[data-theme="dark"] .dark-disabled-skew-x-30:disabled { transform: skewX(30deg); }
[data-theme="dark"] .dark-group-hover-skew-x-30 { transform: skewX(30deg); }
[data-theme="dark"] .dark-skew-y-30 { transform: skewY(30deg); }
[data-theme="dark"] .dark-hover-skew-y-30:hover { transform: skewY(30deg); }
[data-theme="dark"] .dark-focus-skew-y-30:focus { transform: skewY(30deg); }
[data-theme="dark"] .dark-active-skew-y-30:active { transform: skewY(30deg); }
[data-theme="dark"] .dark-disabled-skew-y-30:disabled { transform: skewY(30deg); }
[data-theme="dark"] .dark-group-hover-skew-y-30 { transform: skewY(30deg); }
[data-theme="dark"] .dark-skew-x-45 { transform: skewX(45deg); }
[data-theme="dark"] .dark-hover-skew-x-45:hover { transform: skewX(45deg); }
[data-theme="dark"] .dark-focus-skew-x-45:focus { transform: skewX(45deg); }
[data-theme="dark"] .dark-active-skew-x-45:active { transform: skewX(45deg); }
[data-theme="dark"] .dark-disabled-skew-x-45:disabled { transform: skewX(45deg); }
[data-theme="dark"] .dark-group-hover-skew-x-45 { transform: skewX(45deg); }
[data-theme="dark"] .dark-skew-y-45 { transform: skewY(45deg); }
[data-theme="dark"] .dark-hover-skew-y-45:hover { transform: skewY(45deg); }
[data-theme="dark"] .dark-focus-skew-y-45:focus { transform: skewY(45deg); }
[data-theme="dark"] .dark-active-skew-y-45:active { transform: skewY(45deg); }
[data-theme="dark"] .dark-disabled-skew-y-45:disabled { transform: skewY(45deg); }
[data-theme="dark"] .dark-group-hover-skew-y-45 { transform: skewY(45deg); }
[data-theme="dark"] .dark-blur-none { filter: blur(0); }
[data-theme="dark"] .dark-hover-blur-none:hover { filter: blur(0); }
[data-theme="dark"] .dark-focus-blur-none:focus { filter: blur(0); }
[data-theme="dark"] .dark-active-blur-none:active { filter: blur(0); }
[data-theme="dark"] .dark-disabled-blur-none:disabled { filter: blur(0); }
[data-theme="dark"] .dark-group-hover-blur-none { filter: blur(0); }
[data-theme="dark"] .dark-blur-sm { filter: blur(2px); }
[data-theme="dark"] .dark-hover-blur-sm:hover { filter: blur(2px); }
[data-theme="dark"] .dark-focus-blur-sm:focus { filter: blur(2px); }
[data-theme="dark"] .dark-active-blur-sm:active { filter: blur(2px); }
[data-theme="dark"] .dark-disabled-blur-sm:disabled { filter: blur(2px); }
[data-theme="dark"] .dark-group-hover-blur-sm { filter: blur(2px); }
[data-theme="dark"] .dark-blur { filter: blur(4px); }
[data-theme="dark"] .dark-hover-blur:hover { filter: blur(4px); }
[data-theme="dark"] .dark-focus-blur:focus { filter: blur(4px); }
[data-theme="dark"] .dark-active-blur:active { filter: blur(4px); }
[data-theme="dark"] .dark-disabled-blur:disabled { filter: blur(4px); }
[data-theme="dark"] .dark-group-hover-blur { filter: blur(4px); }
[data-theme="dark"] .dark-blur-md { filter: blur(8px); }
[data-theme="dark"] .dark-hover-blur-md:hover { filter: blur(8px); }
[data-theme="dark"] .dark-focus-blur-md:focus { filter: blur(8px); }
[data-theme="dark"] .dark-active-blur-md:active { filter: blur(8px); }
[data-theme="dark"] .dark-disabled-blur-md:disabled { filter: blur(8px); }
[data-theme="dark"] .dark-group-hover-blur-md { filter: blur(8px); }
[data-theme="dark"] .dark-blur-lg { filter: blur(12px); }
[data-theme="dark"] .dark-hover-blur-lg:hover { filter: blur(12px); }
[data-theme="dark"] .dark-focus-blur-lg:focus { filter: blur(12px); }
[data-theme="dark"] .dark-active-blur-lg:active { filter: blur(12px); }
[data-theme="dark"] .dark-disabled-blur-lg:disabled { filter: blur(12px); }
[data-theme="dark"] .dark-group-hover-blur-lg { filter: blur(12px); }
[data-theme="dark"] .dark-blur-xl { filter: blur(20px); }
[data-theme="dark"] .dark-hover-blur-xl:hover { filter: blur(20px); }
[data-theme="dark"] .dark-focus-blur-xl:focus { filter: blur(20px); }
[data-theme="dark"] .dark-active-blur-xl:active { filter: blur(20px); }
[data-theme="dark"] .dark-disabled-blur-xl:disabled { filter: blur(20px); }
[data-theme="dark"] .dark-group-hover-blur-xl { filter: blur(20px); }
[data-theme="dark"] .dark-brightness-0 { filter: brightness(0); }
[data-theme="dark"] .dark-hover-brightness-0:hover { filter: brightness(0); }
[data-theme="dark"] .dark-focus-brightness-0:focus { filter: brightness(0); }
[data-theme="dark"] .dark-active-brightness-0:active { filter: brightness(0); }
[data-theme="dark"] .dark-disabled-brightness-0:disabled { filter: brightness(0); }
[data-theme="dark"] .dark-group-hover-brightness-0 { filter: brightness(0); }
[data-theme="dark"] .dark-brightness-50 { filter: brightness(0.5); }
[data-theme="dark"] .dark-hover-brightness-50:hover { filter: brightness(0.5); }
[data-theme="dark"] .dark-focus-brightness-50:focus { filter: brightness(0.5); }
[data-theme="dark"] .dark-active-brightness-50:active { filter: brightness(0.5); }
[data-theme="dark"] .dark-disabled-brightness-50:disabled { filter: brightness(0.5); }
[data-theme="dark"] .dark-group-hover-brightness-50 { filter: brightness(0.5); }
[data-theme="dark"] .dark-brightness-75 { filter: brightness(0.75); }
[data-theme="dark"] .dark-hover-brightness-75:hover { filter: brightness(0.75); }
[data-theme="dark"] .dark-focus-brightness-75:focus { filter: brightness(0.75); }
[data-theme="dark"] .dark-active-brightness-75:active { filter: brightness(0.75); }
[data-theme="dark"] .dark-disabled-brightness-75:disabled { filter: brightness(0.75); }
[data-theme="dark"] .dark-group-hover-brightness-75 { filter: brightness(0.75); }
[data-theme="dark"] .dark-brightness-90 { filter: brightness(0.9); }
[data-theme="dark"] .dark-hover-brightness-90:hover { filter: brightness(0.9); }
[data-theme="dark"] .dark-focus-brightness-90:focus { filter: brightness(0.9); }
[data-theme="dark"] .dark-active-brightness-90:active { filter: brightness(0.9); }
[data-theme="dark"] .dark-disabled-brightness-90:disabled { filter: brightness(0.9); }
[data-theme="dark"] .dark-group-hover-brightness-90 { filter: brightness(0.9); }
[data-theme="dark"] .dark-brightness-100 { filter: brightness(1); }
[data-theme="dark"] .dark-hover-brightness-100:hover { filter: brightness(1); }
[data-theme="dark"] .dark-focus-brightness-100:focus { filter: brightness(1); }
[data-theme="dark"] .dark-active-brightness-100:active { filter: brightness(1); }
[data-theme="dark"] .dark-disabled-brightness-100:disabled { filter: brightness(1); }
[data-theme="dark"] .dark-group-hover-brightness-100 { filter: brightness(1); }
[data-theme="dark"] .dark-brightness-125 { filter: brightness(1.25); }
[data-theme="dark"] .dark-hover-brightness-125:hover { filter: brightness(1.25); }
[data-theme="dark"] .dark-focus-brightness-125:focus { filter: brightness(1.25); }
[data-theme="dark"] .dark-active-brightness-125:active { filter: brightness(1.25); }
[data-theme="dark"] .dark-disabled-brightness-125:disabled { filter: brightness(1.25); }
[data-theme="dark"] .dark-group-hover-brightness-125 { filter: brightness(1.25); }
[data-theme="dark"] .dark-brightness-150 { filter: brightness(1.5); }
[data-theme="dark"] .dark-hover-brightness-150:hover { filter: brightness(1.5); }
[data-theme="dark"] .dark-focus-brightness-150:focus { filter: brightness(1.5); }
[data-theme="dark"] .dark-active-brightness-150:active { filter: brightness(1.5); }
[data-theme="dark"] .dark-disabled-brightness-150:disabled { filter: brightness(1.5); }
[data-theme="dark"] .dark-group-hover-brightness-150 { filter: brightness(1.5); }
[data-theme="dark"] .dark-brightness-200 { filter: brightness(2); }
[data-theme="dark"] .dark-hover-brightness-200:hover { filter: brightness(2); }
[data-theme="dark"] .dark-focus-brightness-200:focus { filter: brightness(2); }
[data-theme="dark"] .dark-active-brightness-200:active { filter: brightness(2); }
[data-theme="dark"] .dark-disabled-brightness-200:disabled { filter: brightness(2); }
[data-theme="dark"] .dark-group-hover-brightness-200 { filter: brightness(2); }
[data-theme="dark"] .dark-contrast-0 { filter: contrast(0); }
[data-theme="dark"] .dark-hover-contrast-0:hover { filter: contrast(0); }
[data-theme="dark"] .dark-focus-contrast-0:focus { filter: contrast(0); }
[data-theme="dark"] .dark-active-contrast-0:active { filter: contrast(0); }
[data-theme="dark"] .dark-disabled-contrast-0:disabled { filter: contrast(0); }
[data-theme="dark"] .dark-group-hover-contrast-0 { filter: contrast(0); }
[data-theme="dark"] .dark-contrast-50 { filter: contrast(0.5); }
[data-theme="dark"] .dark-hover-contrast-50:hover { filter: contrast(0.5); }
[data-theme="dark"] .dark-focus-contrast-50:focus { filter: contrast(0.5); }
[data-theme="dark"] .dark-active-contrast-50:active { filter: contrast(0.5); }
[data-theme="dark"] .dark-disabled-contrast-50:disabled { filter: contrast(0.5); }
[data-theme="dark"] .dark-group-hover-contrast-50 { filter: contrast(0.5); }
[data-theme="dark"] .dark-contrast-75 { filter: contrast(0.75); }
[data-theme="dark"] .dark-hover-contrast-75:hover { filter: contrast(0.75); }
[data-theme="dark"] .dark-focus-contrast-75:focus { filter: contrast(0.75); }
[data-theme="dark"] .dark-active-contrast-75:active { filter: contrast(0.75); }
[data-theme="dark"] .dark-disabled-contrast-75:disabled { filter: contrast(0.75); }
[data-theme="dark"] .dark-group-hover-contrast-75 { filter: contrast(0.75); }
[data-theme="dark"] .dark-contrast-100 { filter: contrast(1); }
[data-theme="dark"] .dark-hover-contrast-100:hover { filter: contrast(1); }
[data-theme="dark"] .dark-focus-contrast-100:focus { filter: contrast(1); }
[data-theme="dark"] .dark-active-contrast-100:active { filter: contrast(1); }
[data-theme="dark"] .dark-disabled-contrast-100:disabled { filter: contrast(1); }
[data-theme="dark"] .dark-group-hover-contrast-100 { filter: contrast(1); }
[data-theme="dark"] .dark-contrast-125 { filter: contrast(1.25); }
[data-theme="dark"] .dark-hover-contrast-125:hover { filter: contrast(1.25); }
[data-theme="dark"] .dark-focus-contrast-125:focus { filter: contrast(1.25); }
[data-theme="dark"] .dark-active-contrast-125:active { filter: contrast(1.25); }
[data-theme="dark"] .dark-disabled-contrast-125:disabled { filter: contrast(1.25); }
[data-theme="dark"] .dark-group-hover-contrast-125 { filter: contrast(1.25); }
[data-theme="dark"] .dark-contrast-150 { filter: contrast(1.5); }
[data-theme="dark"] .dark-hover-contrast-150:hover { filter: contrast(1.5); }
[data-theme="dark"] .dark-focus-contrast-150:focus { filter: contrast(1.5); }
[data-theme="dark"] .dark-active-contrast-150:active { filter: contrast(1.5); }
[data-theme="dark"] .dark-disabled-contrast-150:disabled { filter: contrast(1.5); }
[data-theme="dark"] .dark-group-hover-contrast-150 { filter: contrast(1.5); }
[data-theme="dark"] .dark-contrast-200 { filter: contrast(2); }
[data-theme="dark"] .dark-hover-contrast-200:hover { filter: contrast(2); }
[data-theme="dark"] .dark-focus-contrast-200:focus { filter: contrast(2); }
[data-theme="dark"] .dark-active-contrast-200:active { filter: contrast(2); }
[data-theme="dark"] .dark-disabled-contrast-200:disabled { filter: contrast(2); }
[data-theme="dark"] .dark-group-hover-contrast-200 { filter: contrast(2); }
[data-theme="dark"] .dark-grayscale-0 { filter: grayscale(0); }
[data-theme="dark"] .dark-hover-grayscale-0:hover { filter: grayscale(0); }
[data-theme="dark"] .dark-focus-grayscale-0:focus { filter: grayscale(0); }
[data-theme="dark"] .dark-active-grayscale-0:active { filter: grayscale(0); }
[data-theme="dark"] .dark-disabled-grayscale-0:disabled { filter: grayscale(0); }
[data-theme="dark"] .dark-group-hover-grayscale-0 { filter: grayscale(0); }
[data-theme="dark"] .dark-grayscale-100 { filter: grayscale(1); }
[data-theme="dark"] .dark-hover-grayscale-100:hover { filter: grayscale(1); }
[data-theme="dark"] .dark-focus-grayscale-100:focus { filter: grayscale(1); }
[data-theme="dark"] .dark-active-grayscale-100:active { filter: grayscale(1); }
[data-theme="dark"] .dark-disabled-grayscale-100:disabled { filter: grayscale(1); }
[data-theme="dark"] .dark-group-hover-grayscale-100 { filter: grayscale(1); }
[data-theme="dark"] .dark-hue-rotate-0 { filter: hue-rotate(0deg); }
[data-theme="dark"] .dark-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
[data-theme="dark"] .dark-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
[data-theme="dark"] .dark-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
[data-theme="dark"] .dark-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
[data-theme="dark"] .dark-group-hover-hue-rotate-0 { filter: hue-rotate(0deg); }
[data-theme="dark"] .dark-hue-rotate-45 { filter: hue-rotate(45deg); }
[data-theme="dark"] .dark-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
[data-theme="dark"] .dark-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
[data-theme="dark"] .dark-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
[data-theme="dark"] .dark-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
[data-theme="dark"] .dark-group-hover-hue-rotate-45 { filter: hue-rotate(45deg); }
[data-theme="dark"] .dark-hue-rotate-90 { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-hue-rotate-180 { filter: hue-rotate(180deg); }
[data-theme="dark"] .dark-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
[data-theme="dark"] .dark-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
[data-theme="dark"] .dark-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
[data-theme="dark"] .dark-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
[data-theme="dark"] .dark-group-hover-hue-rotate-180 { filter: hue-rotate(180deg); }
[data-theme="dark"] .dark-invert-0 { filter: invert(0); }
[data-theme="dark"] .dark-hover-invert-0:hover { filter: invert(0); }
[data-theme="dark"] .dark-focus-invert-0:focus { filter: invert(0); }
[data-theme="dark"] .dark-active-invert-0:active { filter: invert(0); }
[data-theme="dark"] .dark-disabled-invert-0:disabled { filter: invert(0); }
[data-theme="dark"] .dark-group-hover-invert-0 { filter: invert(0); }
[data-theme="dark"] .dark-invert-100 { filter: invert(1); }
[data-theme="dark"] .dark-hover-invert-100:hover { filter: invert(1); }
[data-theme="dark"] .dark-focus-invert-100:focus { filter: invert(1); }
[data-theme="dark"] .dark-active-invert-100:active { filter: invert(1); }
[data-theme="dark"] .dark-disabled-invert-100:disabled { filter: invert(1); }
[data-theme="dark"] .dark-group-hover-invert-100 { filter: invert(1); }
[data-theme="dark"] .dark-saturate-0 { filter: saturate(0); }
[data-theme="dark"] .dark-hover-saturate-0:hover { filter: saturate(0); }
[data-theme="dark"] .dark-focus-saturate-0:focus { filter: saturate(0); }
[data-theme="dark"] .dark-active-saturate-0:active { filter: saturate(0); }
[data-theme="dark"] .dark-disabled-saturate-0:disabled { filter: saturate(0); }
[data-theme="dark"] .dark-group-hover-saturate-0 { filter: saturate(0); }
[data-theme="dark"] .dark-saturate-50 { filter: saturate(0.5); }
[data-theme="dark"] .dark-hover-saturate-50:hover { filter: saturate(0.5); }
[data-theme="dark"] .dark-focus-saturate-50:focus { filter: saturate(0.5); }
[data-theme="dark"] .dark-active-saturate-50:active { filter: saturate(0.5); }
[data-theme="dark"] .dark-disabled-saturate-50:disabled { filter: saturate(0.5); }
[data-theme="dark"] .dark-group-hover-saturate-50 { filter: saturate(0.5); }
[data-theme="dark"] .dark-saturate-100 { filter: saturate(1); }
[data-theme="dark"] .dark-hover-saturate-100:hover { filter: saturate(1); }
[data-theme="dark"] .dark-focus-saturate-100:focus { filter: saturate(1); }
[data-theme="dark"] .dark-active-saturate-100:active { filter: saturate(1); }
[data-theme="dark"] .dark-disabled-saturate-100:disabled { filter: saturate(1); }
[data-theme="dark"] .dark-group-hover-saturate-100 { filter: saturate(1); }
[data-theme="dark"] .dark-saturate-150 { filter: saturate(1.5); }
[data-theme="dark"] .dark-hover-saturate-150:hover { filter: saturate(1.5); }
[data-theme="dark"] .dark-focus-saturate-150:focus { filter: saturate(1.5); }
[data-theme="dark"] .dark-active-saturate-150:active { filter: saturate(1.5); }
[data-theme="dark"] .dark-disabled-saturate-150:disabled { filter: saturate(1.5); }
[data-theme="dark"] .dark-group-hover-saturate-150 { filter: saturate(1.5); }
[data-theme="dark"] .dark-saturate-200 { filter: saturate(2); }
[data-theme="dark"] .dark-hover-saturate-200:hover { filter: saturate(2); }
[data-theme="dark"] .dark-focus-saturate-200:focus { filter: saturate(2); }
[data-theme="dark"] .dark-active-saturate-200:active { filter: saturate(2); }
[data-theme="dark"] .dark-disabled-saturate-200:disabled { filter: saturate(2); }
[data-theme="dark"] .dark-group-hover-saturate-200 { filter: saturate(2); }
[data-theme="dark"] .dark-sepia-0 { filter: sepia(0); }
[data-theme="dark"] .dark-hover-sepia-0:hover { filter: sepia(0); }
[data-theme="dark"] .dark-focus-sepia-0:focus { filter: sepia(0); }
[data-theme="dark"] .dark-active-sepia-0:active { filter: sepia(0); }
[data-theme="dark"] .dark-disabled-sepia-0:disabled { filter: sepia(0); }
[data-theme="dark"] .dark-group-hover-sepia-0 { filter: sepia(0); }
[data-theme="dark"] .dark-sepia-100 { filter: sepia(1); }
[data-theme="dark"] .dark-hover-sepia-100:hover { filter: sepia(1); }
[data-theme="dark"] .dark-focus-sepia-100:focus { filter: sepia(1); }
[data-theme="dark"] .dark-active-sepia-100:active { filter: sepia(1); }
[data-theme="dark"] .dark-disabled-sepia-100:disabled { filter: sepia(1); }
[data-theme="dark"] .dark-group-hover-sepia-100 { filter: sepia(1); }
[data-theme="dark"] .dark-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
[data-theme="dark"] .dark-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
[data-theme="dark"] .dark-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
[data-theme="dark"] .dark-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
[data-theme="dark"] .dark-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
[data-theme="dark"] .dark-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
[data-theme="dark"] .dark-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
[data-theme="dark"] .dark-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
[data-theme="dark"] .dark-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
[data-theme="dark"] .dark-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
[data-theme="dark"] .dark-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
[data-theme="dark"] .dark-group-hover-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
[data-theme="dark"] .dark-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
[data-theme="dark"] .dark-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
[data-theme="dark"] .dark-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
[data-theme="dark"] .dark-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
[data-theme="dark"] .dark-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
[data-theme="dark"] .dark-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
[data-theme="dark"] .dark-mix-normal { mix-blend-mode: normal; }
[data-theme="dark"] .dark-hover-mix-normal:hover { mix-blend-mode: normal; }
[data-theme="dark"] .dark-focus-mix-normal:focus { mix-blend-mode: normal; }
[data-theme="dark"] .dark-active-mix-normal:active { mix-blend-mode: normal; }
[data-theme="dark"] .dark-disabled-mix-normal:disabled { mix-blend-mode: normal; }
[data-theme="dark"] .dark-group-hover-mix-normal { mix-blend-mode: normal; }
[data-theme="dark"] .dark-mix-multiply { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-hover-mix-multiply:hover { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-focus-mix-multiply:focus { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-active-mix-multiply:active { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-group-hover-mix-multiply { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-mix-screen { mix-blend-mode: screen; }
[data-theme="dark"] .dark-hover-mix-screen:hover { mix-blend-mode: screen; }
[data-theme="dark"] .dark-focus-mix-screen:focus { mix-blend-mode: screen; }
[data-theme="dark"] .dark-active-mix-screen:active { mix-blend-mode: screen; }
[data-theme="dark"] .dark-disabled-mix-screen:disabled { mix-blend-mode: screen; }
[data-theme="dark"] .dark-group-hover-mix-screen { mix-blend-mode: screen; }
[data-theme="dark"] .dark-mix-overlay { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-hover-mix-overlay:hover { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-focus-mix-overlay:focus { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-active-mix-overlay:active { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-group-hover-mix-overlay { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-mix-darken { mix-blend-mode: darken; }
[data-theme="dark"] .dark-hover-mix-darken:hover { mix-blend-mode: darken; }
[data-theme="dark"] .dark-focus-mix-darken:focus { mix-blend-mode: darken; }
[data-theme="dark"] .dark-active-mix-darken:active { mix-blend-mode: darken; }
[data-theme="dark"] .dark-disabled-mix-darken:disabled { mix-blend-mode: darken; }
[data-theme="dark"] .dark-group-hover-mix-darken { mix-blend-mode: darken; }
[data-theme="dark"] .dark-mix-lighten { mix-blend-mode: lighten; }
[data-theme="dark"] .dark-hover-mix-lighten:hover { mix-blend-mode: lighten; }
[data-theme="dark"] .dark-focus-mix-lighten:focus { mix-blend-mode: lighten; }
[data-theme="dark"] .dark-active-mix-lighten:active { mix-blend-mode: lighten; }
[data-theme="dark"] .dark-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
[data-theme="dark"] .dark-group-hover-mix-lighten { mix-blend-mode: lighten; }
[data-theme="dark"] .dark-mix-color-dodge { mix-blend-mode: color-dodge; }
[data-theme="dark"] .dark-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
[data-theme="dark"] .dark-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
[data-theme="dark"] .dark-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
[data-theme="dark"] .dark-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
[data-theme="dark"] .dark-group-hover-mix-color-dodge { mix-blend-mode: color-dodge; }
[data-theme="dark"] .dark-mix-color-burn { mix-blend-mode: color-burn; }
[data-theme="dark"] .dark-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
[data-theme="dark"] .dark-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
[data-theme="dark"] .dark-active-mix-color-burn:active { mix-blend-mode: color-burn; }
[data-theme="dark"] .dark-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
[data-theme="dark"] .dark-group-hover-mix-color-burn { mix-blend-mode: color-burn; }
[data-theme="dark"] .dark-mix-hard-light { mix-blend-mode: hard-light; }
[data-theme="dark"] .dark-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
[data-theme="dark"] .dark-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
[data-theme="dark"] .dark-active-mix-hard-light:active { mix-blend-mode: hard-light; }
[data-theme="dark"] .dark-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
[data-theme="dark"] .dark-group-hover-mix-hard-light { mix-blend-mode: hard-light; }
[data-theme="dark"] .dark-mix-soft-light { mix-blend-mode: soft-light; }
[data-theme="dark"] .dark-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
[data-theme="dark"] .dark-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
[data-theme="dark"] .dark-active-mix-soft-light:active { mix-blend-mode: soft-light; }
[data-theme="dark"] .dark-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
[data-theme="dark"] .dark-group-hover-mix-soft-light { mix-blend-mode: soft-light; }
[data-theme="dark"] .dark-mix-difference { mix-blend-mode: difference; }
[data-theme="dark"] .dark-hover-mix-difference:hover { mix-blend-mode: difference; }
[data-theme="dark"] .dark-focus-mix-difference:focus { mix-blend-mode: difference; }
[data-theme="dark"] .dark-active-mix-difference:active { mix-blend-mode: difference; }
[data-theme="dark"] .dark-disabled-mix-difference:disabled { mix-blend-mode: difference; }
[data-theme="dark"] .dark-group-hover-mix-difference { mix-blend-mode: difference; }
[data-theme="dark"] .dark-mix-exclusion { mix-blend-mode: exclusion; }
[data-theme="dark"] .dark-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
[data-theme="dark"] .dark-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
[data-theme="dark"] .dark-active-mix-exclusion:active { mix-blend-mode: exclusion; }
[data-theme="dark"] .dark-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
[data-theme="dark"] .dark-group-hover-mix-exclusion { mix-blend-mode: exclusion; }
[data-theme="dark"] .dark-mix-hue { mix-blend-mode: hue; }
[data-theme="dark"] .dark-hover-mix-hue:hover { mix-blend-mode: hue; }
[data-theme="dark"] .dark-focus-mix-hue:focus { mix-blend-mode: hue; }
[data-theme="dark"] .dark-active-mix-hue:active { mix-blend-mode: hue; }
[data-theme="dark"] .dark-disabled-mix-hue:disabled { mix-blend-mode: hue; }
[data-theme="dark"] .dark-group-hover-mix-hue { mix-blend-mode: hue; }
[data-theme="dark"] .dark-mix-saturation { mix-blend-mode: saturation; }
[data-theme="dark"] .dark-hover-mix-saturation:hover { mix-blend-mode: saturation; }
[data-theme="dark"] .dark-focus-mix-saturation:focus { mix-blend-mode: saturation; }
[data-theme="dark"] .dark-active-mix-saturation:active { mix-blend-mode: saturation; }
[data-theme="dark"] .dark-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
[data-theme="dark"] .dark-group-hover-mix-saturation { mix-blend-mode: saturation; }
[data-theme="dark"] .dark-mix-color { mix-blend-mode: color; }
[data-theme="dark"] .dark-hover-mix-color:hover { mix-blend-mode: color; }
[data-theme="dark"] .dark-focus-mix-color:focus { mix-blend-mode: color; }
[data-theme="dark"] .dark-active-mix-color:active { mix-blend-mode: color; }
[data-theme="dark"] .dark-disabled-mix-color:disabled { mix-blend-mode: color; }
[data-theme="dark"] .dark-group-hover-mix-color { mix-blend-mode: color; }
[data-theme="dark"] .dark-mix-luminosity { mix-blend-mode: luminosity; }
[data-theme="dark"] .dark-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
[data-theme="dark"] .dark-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
[data-theme="dark"] .dark-active-mix-luminosity:active { mix-blend-mode: luminosity; }
[data-theme="dark"] .dark-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
[data-theme="dark"] .dark-group-hover-mix-luminosity { mix-blend-mode: luminosity; }
[data-theme="dark"] .dark-bg-blend-normal { background-blend-mode: normal; }
[data-theme="dark"] .dark-hover-bg-blend-normal:hover { background-blend-mode: normal; }
[data-theme="dark"] .dark-focus-bg-blend-normal:focus { background-blend-mode: normal; }
[data-theme="dark"] .dark-active-bg-blend-normal:active { background-blend-mode: normal; }
[data-theme="dark"] .dark-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
[data-theme="dark"] .dark-group-hover-bg-blend-normal { background-blend-mode: normal; }
[data-theme="dark"] .dark-bg-blend-multiply { background-blend-mode: multiply; }
[data-theme="dark"] .dark-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
[data-theme="dark"] .dark-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
[data-theme="dark"] .dark-active-bg-blend-multiply:active { background-blend-mode: multiply; }
[data-theme="dark"] .dark-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
[data-theme="dark"] .dark-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
[data-theme="dark"] .dark-bg-blend-screen { background-blend-mode: screen; }
[data-theme="dark"] .dark-hover-bg-blend-screen:hover { background-blend-mode: screen; }
[data-theme="dark"] .dark-focus-bg-blend-screen:focus { background-blend-mode: screen; }
[data-theme="dark"] .dark-active-bg-blend-screen:active { background-blend-mode: screen; }
[data-theme="dark"] .dark-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
[data-theme="dark"] .dark-group-hover-bg-blend-screen { background-blend-mode: screen; }
[data-theme="dark"] .dark-bg-blend-overlay { background-blend-mode: overlay; }
[data-theme="dark"] .dark-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
[data-theme="dark"] .dark-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
[data-theme="dark"] .dark-active-bg-blend-overlay:active { background-blend-mode: overlay; }
[data-theme="dark"] .dark-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
[data-theme="dark"] .dark-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
[data-theme="dark"] .dark-bg-blend-darken { background-blend-mode: darken; }
[data-theme="dark"] .dark-hover-bg-blend-darken:hover { background-blend-mode: darken; }
[data-theme="dark"] .dark-focus-bg-blend-darken:focus { background-blend-mode: darken; }
[data-theme="dark"] .dark-active-bg-blend-darken:active { background-blend-mode: darken; }
[data-theme="dark"] .dark-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
[data-theme="dark"] .dark-group-hover-bg-blend-darken { background-blend-mode: darken; }
[data-theme="dark"] .dark-bg-blend-lighten { background-blend-mode: lighten; }
[data-theme="dark"] .dark-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
[data-theme="dark"] .dark-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
[data-theme="dark"] .dark-active-bg-blend-lighten:active { background-blend-mode: lighten; }
[data-theme="dark"] .dark-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
[data-theme="dark"] .dark-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
[data-theme="dark"] .dark-bg-blend-color-dodge { background-blend-mode: color-dodge; }
[data-theme="dark"] .dark-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
[data-theme="dark"] .dark-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
[data-theme="dark"] .dark-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
[data-theme="dark"] .dark-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
[data-theme="dark"] .dark-group-hover-bg-blend-color-dodge { background-blend-mode: color-dodge; }
[data-theme="dark"] .dark-bg-blend-color-burn { background-blend-mode: color-burn; }
[data-theme="dark"] .dark-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
[data-theme="dark"] .dark-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
[data-theme="dark"] .dark-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
[data-theme="dark"] .dark-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
[data-theme="dark"] .dark-group-hover-bg-blend-color-burn { background-blend-mode: color-burn; }
[data-theme="dark"] .dark-bg-blend-hard-light { background-blend-mode: hard-light; }
[data-theme="dark"] .dark-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
[data-theme="dark"] .dark-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
[data-theme="dark"] .dark-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
[data-theme="dark"] .dark-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
[data-theme="dark"] .dark-group-hover-bg-blend-hard-light { background-blend-mode: hard-light; }
[data-theme="dark"] .dark-bg-blend-soft-light { background-blend-mode: soft-light; }
[data-theme="dark"] .dark-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
[data-theme="dark"] .dark-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
[data-theme="dark"] .dark-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
[data-theme="dark"] .dark-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
[data-theme="dark"] .dark-group-hover-bg-blend-soft-light { background-blend-mode: soft-light; }
[data-theme="dark"] .dark-bg-blend-difference { background-blend-mode: difference; }
[data-theme="dark"] .dark-hover-bg-blend-difference:hover { background-blend-mode: difference; }
[data-theme="dark"] .dark-focus-bg-blend-difference:focus { background-blend-mode: difference; }
[data-theme="dark"] .dark-active-bg-blend-difference:active { background-blend-mode: difference; }
[data-theme="dark"] .dark-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
[data-theme="dark"] .dark-group-hover-bg-blend-difference { background-blend-mode: difference; }
[data-theme="dark"] .dark-bg-blend-exclusion { background-blend-mode: exclusion; }
[data-theme="dark"] .dark-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
[data-theme="dark"] .dark-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
[data-theme="dark"] .dark-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
[data-theme="dark"] .dark-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
[data-theme="dark"] .dark-group-hover-bg-blend-exclusion { background-blend-mode: exclusion; }
[data-theme="dark"] .dark-bg-blend-hue { background-blend-mode: hue; }
[data-theme="dark"] .dark-hover-bg-blend-hue:hover { background-blend-mode: hue; }
[data-theme="dark"] .dark-focus-bg-blend-hue:focus { background-blend-mode: hue; }
[data-theme="dark"] .dark-active-bg-blend-hue:active { background-blend-mode: hue; }
[data-theme="dark"] .dark-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
[data-theme="dark"] .dark-group-hover-bg-blend-hue { background-blend-mode: hue; }
[data-theme="dark"] .dark-bg-blend-saturation { background-blend-mode: saturation; }
[data-theme="dark"] .dark-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
[data-theme="dark"] .dark-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
[data-theme="dark"] .dark-active-bg-blend-saturation:active { background-blend-mode: saturation; }
[data-theme="dark"] .dark-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
[data-theme="dark"] .dark-group-hover-bg-blend-saturation { background-blend-mode: saturation; }
[data-theme="dark"] .dark-bg-blend-color { background-blend-mode: color; }
[data-theme="dark"] .dark-hover-bg-blend-color:hover { background-blend-mode: color; }
[data-theme="dark"] .dark-focus-bg-blend-color:focus { background-blend-mode: color; }
[data-theme="dark"] .dark-active-bg-blend-color:active { background-blend-mode: color; }
[data-theme="dark"] .dark-disabled-bg-blend-color:disabled { background-blend-mode: color; }
[data-theme="dark"] .dark-group-hover-bg-blend-color { background-blend-mode: color; }
[data-theme="dark"] .dark-bg-blend-luminosity { background-blend-mode: luminosity; }
[data-theme="dark"] .dark-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
[data-theme="dark"] .dark-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
[data-theme="dark"] .dark-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
[data-theme="dark"] .dark-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
[data-theme="dark"] .dark-group-hover-bg-blend-luminosity { background-blend-mode: luminosity; }
[data-theme="dark"] .dark-object-contain { object-fit: contain; }
[data-theme="dark"] .dark-hover-object-contain:hover { object-fit: contain; }
[data-theme="dark"] .dark-focus-object-contain:focus { object-fit: contain; }
[data-theme="dark"] .dark-active-object-contain:active { object-fit: contain; }
[data-theme="dark"] .dark-disabled-object-contain:disabled { object-fit: contain; }
[data-theme="dark"] .dark-group-hover-object-contain { object-fit: contain; }
[data-theme="dark"] .dark-object-cover { object-fit: cover; }
[data-theme="dark"] .dark-hover-object-cover:hover { object-fit: cover; }
[data-theme="dark"] .dark-focus-object-cover:focus { object-fit: cover; }
[data-theme="dark"] .dark-active-object-cover:active { object-fit: cover; }
[data-theme="dark"] .dark-disabled-object-cover:disabled { object-fit: cover; }
[data-theme="dark"] .dark-group-hover-object-cover { object-fit: cover; }
[data-theme="dark"] .dark-object-fill { object-fit: fill; }
[data-theme="dark"] .dark-hover-object-fill:hover { object-fit: fill; }
[data-theme="dark"] .dark-focus-object-fill:focus { object-fit: fill; }
[data-theme="dark"] .dark-active-object-fill:active { object-fit: fill; }
[data-theme="dark"] .dark-disabled-object-fill:disabled { object-fit: fill; }
[data-theme="dark"] .dark-group-hover-object-fill { object-fit: fill; }
[data-theme="dark"] .dark-object-none { object-fit: none; }
[data-theme="dark"] .dark-hover-object-none:hover { object-fit: none; }
[data-theme="dark"] .dark-focus-object-none:focus { object-fit: none; }
[data-theme="dark"] .dark-active-object-none:active { object-fit: none; }
[data-theme="dark"] .dark-disabled-object-none:disabled { object-fit: none; }
[data-theme="dark"] .dark-group-hover-object-none { object-fit: none; }
[data-theme="dark"] .dark-object-scale-down { object-fit: scale-down; }
[data-theme="dark"] .dark-hover-object-scale-down:hover { object-fit: scale-down; }
[data-theme="dark"] .dark-focus-object-scale-down:focus { object-fit: scale-down; }
[data-theme="dark"] .dark-active-object-scale-down:active { object-fit: scale-down; }
[data-theme="dark"] .dark-disabled-object-scale-down:disabled { object-fit: scale-down; }
[data-theme="dark"] .dark-group-hover-object-scale-down { object-fit: scale-down; }
[data-theme="dark"] .dark-object-top { object-position: top; }
[data-theme="dark"] .dark-hover-object-top:hover { object-position: top; }
[data-theme="dark"] .dark-focus-object-top:focus { object-position: top; }
[data-theme="dark"] .dark-active-object-top:active { object-position: top; }
[data-theme="dark"] .dark-disabled-object-top:disabled { object-position: top; }
[data-theme="dark"] .dark-group-hover-object-top { object-position: top; }
[data-theme="dark"] .dark-object-bottom { object-position: bottom; }
[data-theme="dark"] .dark-hover-object-bottom:hover { object-position: bottom; }
[data-theme="dark"] .dark-focus-object-bottom:focus { object-position: bottom; }
[data-theme="dark"] .dark-active-object-bottom:active { object-position: bottom; }
[data-theme="dark"] .dark-disabled-object-bottom:disabled { object-position: bottom; }
[data-theme="dark"] .dark-group-hover-object-bottom { object-position: bottom; }
[data-theme="dark"] .dark-object-center { object-position: center; }
[data-theme="dark"] .dark-hover-object-center:hover { object-position: center; }
[data-theme="dark"] .dark-focus-object-center:focus { object-position: center; }
[data-theme="dark"] .dark-active-object-center:active { object-position: center; }
[data-theme="dark"] .dark-disabled-object-center:disabled { object-position: center; }
[data-theme="dark"] .dark-group-hover-object-center { object-position: center; }
[data-theme="dark"] .dark-object-left { object-position: left; }
[data-theme="dark"] .dark-hover-object-left:hover { object-position: left; }
[data-theme="dark"] .dark-focus-object-left:focus { object-position: left; }
[data-theme="dark"] .dark-active-object-left:active { object-position: left; }
[data-theme="dark"] .dark-disabled-object-left:disabled { object-position: left; }
[data-theme="dark"] .dark-group-hover-object-left { object-position: left; }
[data-theme="dark"] .dark-object-right { object-position: right; }
[data-theme="dark"] .dark-hover-object-right:hover { object-position: right; }
[data-theme="dark"] .dark-focus-object-right:focus { object-position: right; }
[data-theme="dark"] .dark-active-object-right:active { object-position: right; }
[data-theme="dark"] .dark-disabled-object-right:disabled { object-position: right; }
[data-theme="dark"] .dark-group-hover-object-right { object-position: right; }
[data-theme="dark"] .dark-object-left-top { object-position: left top; }
[data-theme="dark"] .dark-hover-object-left-top:hover { object-position: left top; }
[data-theme="dark"] .dark-focus-object-left-top:focus { object-position: left top; }
[data-theme="dark"] .dark-active-object-left-top:active { object-position: left top; }
[data-theme="dark"] .dark-disabled-object-left-top:disabled { object-position: left top; }
[data-theme="dark"] .dark-group-hover-object-left-top { object-position: left top; }
[data-theme="dark"] .dark-object-right-top { object-position: right top; }
[data-theme="dark"] .dark-hover-object-right-top:hover { object-position: right top; }
[data-theme="dark"] .dark-focus-object-right-top:focus { object-position: right top; }
[data-theme="dark"] .dark-active-object-right-top:active { object-position: right top; }
[data-theme="dark"] .dark-disabled-object-right-top:disabled { object-position: right top; }
[data-theme="dark"] .dark-group-hover-object-right-top { object-position: right top; }
[data-theme="dark"] .dark-object-left-bottom { object-position: left bottom; }
[data-theme="dark"] .dark-hover-object-left-bottom:hover { object-position: left bottom; }
[data-theme="dark"] .dark-focus-object-left-bottom:focus { object-position: left bottom; }
[data-theme="dark"] .dark-active-object-left-bottom:active { object-position: left bottom; }
[data-theme="dark"] .dark-disabled-object-left-bottom:disabled { object-position: left bottom; }
[data-theme="dark"] .dark-group-hover-object-left-bottom { object-position: left bottom; }
[data-theme="dark"] .dark-object-right-bottom { object-position: right bottom; }
[data-theme="dark"] .dark-hover-object-right-bottom:hover { object-position: right bottom; }
[data-theme="dark"] .dark-focus-object-right-bottom:focus { object-position: right bottom; }
[data-theme="dark"] .dark-active-object-right-bottom:active { object-position: right bottom; }
[data-theme="dark"] .dark-disabled-object-right-bottom:disabled { object-position: right bottom; }
[data-theme="dark"] .dark-group-hover-object-right-bottom { object-position: right bottom; }
[data-theme="dark"] .dark-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
[data-theme="dark"] .dark-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
[data-theme="dark"] .dark-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
[data-theme="dark"] .dark-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
[data-theme="dark"] .dark-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
[data-theme="dark"] .dark-group-hover-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
[data-theme="dark"] .dark-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
[data-theme="dark"] .dark-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
[data-theme="dark"] .dark-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
[data-theme="dark"] .dark-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
[data-theme="dark"] .dark-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
[data-theme="dark"] .dark-group-hover-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
[data-theme="dark"] .dark-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
[data-theme="dark"] .dark-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
[data-theme="dark"] .dark-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
[data-theme="dark"] .dark-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
[data-theme="dark"] .dark-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
[data-theme="dark"] .dark-group-hover-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
[data-theme="dark"] .dark-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
[data-theme="dark"] .dark-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
[data-theme="dark"] .dark-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
[data-theme="dark"] .dark-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
[data-theme="dark"] .dark-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
[data-theme="dark"] .dark-group-hover-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
[data-theme="dark"] .dark-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
[data-theme="dark"] .dark-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
[data-theme="dark"] .dark-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
[data-theme="dark"] .dark-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
[data-theme="dark"] .dark-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
[data-theme="dark"] .dark-group-hover-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
[data-theme="dark"] .dark-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
[data-theme="dark"] .dark-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
[data-theme="dark"] .dark-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
[data-theme="dark"] .dark-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
[data-theme="dark"] .dark-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
[data-theme="dark"] .dark-group-hover-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
[data-theme="dark"] .dark-list-style-image-none { list-style-image: none; }
[data-theme="dark"] .dark-hover-list-style-image-none:hover { list-style-image: none; }
[data-theme="dark"] .dark-focus-list-style-image-none:focus { list-style-image: none; }
[data-theme="dark"] .dark-active-list-style-image-none:active { list-style-image: none; }
[data-theme="dark"] .dark-disabled-list-style-image-none:disabled { list-style-image: none; }
[data-theme="dark"] .dark-group-hover-list-style-image-none { list-style-image: none; }
[data-theme="dark"] .dark-list-style-position-inside { list-style-position: inside; }
[data-theme="dark"] .dark-hover-list-style-position-inside:hover { list-style-position: inside; }
[data-theme="dark"] .dark-focus-list-style-position-inside:focus { list-style-position: inside; }
[data-theme="dark"] .dark-active-list-style-position-inside:active { list-style-position: inside; }
[data-theme="dark"] .dark-disabled-list-style-position-inside:disabled { list-style-position: inside; }
[data-theme="dark"] .dark-group-hover-list-style-position-inside { list-style-position: inside; }
[data-theme="dark"] .dark-list-style-position-outside { list-style-position: outside; }
[data-theme="dark"] .dark-hover-list-style-position-outside:hover { list-style-position: outside; }
[data-theme="dark"] .dark-focus-list-style-position-outside:focus { list-style-position: outside; }
[data-theme="dark"] .dark-active-list-style-position-outside:active { list-style-position: outside; }
[data-theme="dark"] .dark-disabled-list-style-position-outside:disabled { list-style-position: outside; }
[data-theme="dark"] .dark-group-hover-list-style-position-outside { list-style-position: outside; }
[data-theme="dark"] .dark-list-style-type-none { list-style-type: none; }
[data-theme="dark"] .dark-hover-list-style-type-none:hover { list-style-type: none; }
[data-theme="dark"] .dark-focus-list-style-type-none:focus { list-style-type: none; }
[data-theme="dark"] .dark-active-list-style-type-none:active { list-style-type: none; }
[data-theme="dark"] .dark-disabled-list-style-type-none:disabled { list-style-type: none; }
[data-theme="dark"] .dark-group-hover-list-style-type-none { list-style-type: none; }
[data-theme="dark"] .dark-list-style-type-disc { list-style-type: disc; }
[data-theme="dark"] .dark-hover-list-style-type-disc:hover { list-style-type: disc; }
[data-theme="dark"] .dark-focus-list-style-type-disc:focus { list-style-type: disc; }
[data-theme="dark"] .dark-active-list-style-type-disc:active { list-style-type: disc; }
[data-theme="dark"] .dark-disabled-list-style-type-disc:disabled { list-style-type: disc; }
[data-theme="dark"] .dark-group-hover-list-style-type-disc { list-style-type: disc; }
[data-theme="dark"] .dark-list-style-type-circle { list-style-type: circle; }
[data-theme="dark"] .dark-hover-list-style-type-circle:hover { list-style-type: circle; }
[data-theme="dark"] .dark-focus-list-style-type-circle:focus { list-style-type: circle; }
[data-theme="dark"] .dark-active-list-style-type-circle:active { list-style-type: circle; }
[data-theme="dark"] .dark-disabled-list-style-type-circle:disabled { list-style-type: circle; }
[data-theme="dark"] .dark-group-hover-list-style-type-circle { list-style-type: circle; }
[data-theme="dark"] .dark-list-style-type-square { list-style-type: square; }
[data-theme="dark"] .dark-hover-list-style-type-square:hover { list-style-type: square; }
[data-theme="dark"] .dark-focus-list-style-type-square:focus { list-style-type: square; }
[data-theme="dark"] .dark-active-list-style-type-square:active { list-style-type: square; }
[data-theme="dark"] .dark-disabled-list-style-type-square:disabled { list-style-type: square; }
[data-theme="dark"] .dark-group-hover-list-style-type-square { list-style-type: square; }
[data-theme="dark"] .dark-list-style-type-decimal { list-style-type: decimal; }
[data-theme="dark"] .dark-hover-list-style-type-decimal:hover { list-style-type: decimal; }
[data-theme="dark"] .dark-focus-list-style-type-decimal:focus { list-style-type: decimal; }
[data-theme="dark"] .dark-active-list-style-type-decimal:active { list-style-type: decimal; }
[data-theme="dark"] .dark-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
[data-theme="dark"] .dark-group-hover-list-style-type-decimal { list-style-type: decimal; }
[data-theme="dark"] .dark-list-style-type-lower_roman { list-style-type: lower-roman; }
[data-theme="dark"] .dark-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
[data-theme="dark"] .dark-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
[data-theme="dark"] .dark-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
[data-theme="dark"] .dark-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
[data-theme="dark"] .dark-group-hover-list-style-type-lower_roman { list-style-type: lower-roman; }
[data-theme="dark"] .dark-list-style-type-upper_roman { list-style-type: upper-roman; }
[data-theme="dark"] .dark-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
[data-theme="dark"] .dark-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
[data-theme="dark"] .dark-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
[data-theme="dark"] .dark-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
[data-theme="dark"] .dark-group-hover-list-style-type-upper_roman { list-style-type: upper-roman; }
[data-theme="dark"] .dark-list-style-type-lower_alpha { list-style-type: lower-alpha; }
[data-theme="dark"] .dark-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
[data-theme="dark"] .dark-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
[data-theme="dark"] .dark-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
[data-theme="dark"] .dark-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
[data-theme="dark"] .dark-group-hover-list-style-type-lower_alpha { list-style-type: lower-alpha; }
[data-theme="dark"] .dark-list-style-type-upper_alpha { list-style-type: upper-alpha; }
[data-theme="dark"] .dark-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
[data-theme="dark"] .dark-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
[data-theme="dark"] .dark-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
[data-theme="dark"] .dark-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
[data-theme="dark"] .dark-group-hover-list-style-type-upper_alpha { list-style-type: upper-alpha; }
[data-theme="dark"] .dark-text-align-left { text-align: left; }
[data-theme="dark"] .dark-hover-text-align-left:hover { text-align: left; }
[data-theme="dark"] .dark-focus-text-align-left:focus { text-align: left; }
[data-theme="dark"] .dark-active-text-align-left:active { text-align: left; }
[data-theme="dark"] .dark-disabled-text-align-left:disabled { text-align: left; }
[data-theme="dark"] .dark-group-hover-text-align-left { text-align: left; }
[data-theme="dark"] .dark-text-align-center { text-align: center; }
[data-theme="dark"] .dark-hover-text-align-center:hover { text-align: center; }
[data-theme="dark"] .dark-focus-text-align-center:focus { text-align: center; }
[data-theme="dark"] .dark-active-text-align-center:active { text-align: center; }
[data-theme="dark"] .dark-disabled-text-align-center:disabled { text-align: center; }
[data-theme="dark"] .dark-group-hover-text-align-center { text-align: center; }
[data-theme="dark"] .dark-text-align-right { text-align: right; }
[data-theme="dark"] .dark-hover-text-align-right:hover { text-align: right; }
[data-theme="dark"] .dark-focus-text-align-right:focus { text-align: right; }
[data-theme="dark"] .dark-active-text-align-right:active { text-align: right; }
[data-theme="dark"] .dark-disabled-text-align-right:disabled { text-align: right; }
[data-theme="dark"] .dark-group-hover-text-align-right { text-align: right; }
[data-theme="dark"] .dark-text-align-justify { text-align: justify; }
[data-theme="dark"] .dark-hover-text-align-justify:hover { text-align: justify; }
[data-theme="dark"] .dark-focus-text-align-justify:focus { text-align: justify; }
[data-theme="dark"] .dark-active-text-align-justify:active { text-align: justify; }
[data-theme="dark"] .dark-disabled-text-align-justify:disabled { text-align: justify; }
[data-theme="dark"] .dark-group-hover-text-align-justify { text-align: justify; }
[data-theme="dark"] .dark-backface-visible { backface-visibility: visible; }
[data-theme="dark"] .dark-hover-backface-visible:hover { backface-visibility: visible; }
[data-theme="dark"] .dark-focus-backface-visible:focus { backface-visibility: visible; }
[data-theme="dark"] .dark-active-backface-visible:active { backface-visibility: visible; }
[data-theme="dark"] .dark-disabled-backface-visible:disabled { backface-visibility: visible; }
[data-theme="dark"] .dark-group-hover-backface-visible { backface-visibility: visible; }
[data-theme="dark"] .dark-backface-hidden { backface-visibility: hidden; }
[data-theme="dark"] .dark-hover-backface-hidden:hover { backface-visibility: hidden; }
[data-theme="dark"] .dark-focus-backface-hidden:focus { backface-visibility: hidden; }
[data-theme="dark"] .dark-active-backface-hidden:active { backface-visibility: hidden; }
[data-theme="dark"] .dark-disabled-backface-hidden:disabled { backface-visibility: hidden; }
[data-theme="dark"] .dark-group-hover-backface-hidden { backface-visibility: hidden; }
[data-theme="dark"] .dark-perspective-none { perspective: none; }
[data-theme="dark"] .dark-hover-perspective-none:hover { perspective: none; }
[data-theme="dark"] .dark-focus-perspective-none:focus { perspective: none; }
[data-theme="dark"] .dark-active-perspective-none:active { perspective: none; }
[data-theme="dark"] .dark-disabled-perspective-none:disabled { perspective: none; }
[data-theme="dark"] .dark-group-hover-perspective-none { perspective: none; }
[data-theme="dark"] .dark-perspective-100 { perspective: 100px; }
[data-theme="dark"] .dark-hover-perspective-100:hover { perspective: 100px; }
[data-theme="dark"] .dark-focus-perspective-100:focus { perspective: 100px; }
[data-theme="dark"] .dark-active-perspective-100:active { perspective: 100px; }
[data-theme="dark"] .dark-disabled-perspective-100:disabled { perspective: 100px; }
[data-theme="dark"] .dark-group-hover-perspective-100 { perspective: 100px; }
[data-theme="dark"] .dark-perspective-500 { perspective: 500px; }
[data-theme="dark"] .dark-hover-perspective-500:hover { perspective: 500px; }
[data-theme="dark"] .dark-focus-perspective-500:focus { perspective: 500px; }
[data-theme="dark"] .dark-active-perspective-500:active { perspective: 500px; }
[data-theme="dark"] .dark-disabled-perspective-500:disabled { perspective: 500px; }
[data-theme="dark"] .dark-group-hover-perspective-500 { perspective: 500px; }
[data-theme="dark"] .dark-perspective-1000 { perspective: 1000px; }
[data-theme="dark"] .dark-hover-perspective-1000:hover { perspective: 1000px; }
[data-theme="dark"] .dark-focus-perspective-1000:focus { perspective: 1000px; }
[data-theme="dark"] .dark-active-perspective-1000:active { perspective: 1000px; }
[data-theme="dark"] .dark-disabled-perspective-1000:disabled { perspective: 1000px; }
[data-theme="dark"] .dark-group-hover-perspective-1000 { perspective: 1000px; }
[data-theme="dark"] .dark-perspective-1500 { perspective: 1500px; }
[data-theme="dark"] .dark-hover-perspective-1500:hover { perspective: 1500px; }
[data-theme="dark"] .dark-focus-perspective-1500:focus { perspective: 1500px; }
[data-theme="dark"] .dark-active-perspective-1500:active { perspective: 1500px; }
[data-theme="dark"] .dark-disabled-perspective-1500:disabled { perspective: 1500px; }
[data-theme="dark"] .dark-group-hover-perspective-1500 { perspective: 1500px; }
[data-theme="dark"] .dark-perspective-2000 { perspective: 2000px; }
[data-theme="dark"] .dark-hover-perspective-2000:hover { perspective: 2000px; }
[data-theme="dark"] .dark-focus-perspective-2000:focus { perspective: 2000px; }
[data-theme="dark"] .dark-active-perspective-2000:active { perspective: 2000px; }
[data-theme="dark"] .dark-disabled-perspective-2000:disabled { perspective: 2000px; }
[data-theme="dark"] .dark-group-hover-perspective-2000 { perspective: 2000px; }
[data-theme="dark"] .dark-perspective-origin-center { perspective-origin: center; }
[data-theme="dark"] .dark-hover-perspective-origin-center:hover { perspective-origin: center; }
[data-theme="dark"] .dark-focus-perspective-origin-center:focus { perspective-origin: center; }
[data-theme="dark"] .dark-active-perspective-origin-center:active { perspective-origin: center; }
[data-theme="dark"] .dark-disabled-perspective-origin-center:disabled { perspective-origin: center; }
[data-theme="dark"] .dark-group-hover-perspective-origin-center { perspective-origin: center; }
[data-theme="dark"] .dark-perspective-origin-top { perspective-origin: top; }
[data-theme="dark"] .dark-hover-perspective-origin-top:hover { perspective-origin: top; }
[data-theme="dark"] .dark-focus-perspective-origin-top:focus { perspective-origin: top; }
[data-theme="dark"] .dark-active-perspective-origin-top:active { perspective-origin: top; }
[data-theme="dark"] .dark-disabled-perspective-origin-top:disabled { perspective-origin: top; }
[data-theme="dark"] .dark-group-hover-perspective-origin-top { perspective-origin: top; }
[data-theme="dark"] .dark-perspective-origin-bottom { perspective-origin: bottom; }
[data-theme="dark"] .dark-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
[data-theme="dark"] .dark-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
[data-theme="dark"] .dark-active-perspective-origin-bottom:active { perspective-origin: bottom; }
[data-theme="dark"] .dark-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
[data-theme="dark"] .dark-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
[data-theme="dark"] .dark-perspective-origin-left { perspective-origin: left; }
[data-theme="dark"] .dark-hover-perspective-origin-left:hover { perspective-origin: left; }
[data-theme="dark"] .dark-focus-perspective-origin-left:focus { perspective-origin: left; }
[data-theme="dark"] .dark-active-perspective-origin-left:active { perspective-origin: left; }
[data-theme="dark"] .dark-disabled-perspective-origin-left:disabled { perspective-origin: left; }
[data-theme="dark"] .dark-group-hover-perspective-origin-left { perspective-origin: left; }
[data-theme="dark"] .dark-perspective-origin-right { perspective-origin: right; }
[data-theme="dark"] .dark-hover-perspective-origin-right:hover { perspective-origin: right; }
[data-theme="dark"] .dark-focus-perspective-origin-right:focus { perspective-origin: right; }
[data-theme="dark"] .dark-active-perspective-origin-right:active { perspective-origin: right; }
[data-theme="dark"] .dark-disabled-perspective-origin-right:disabled { perspective-origin: right; }
[data-theme="dark"] .dark-group-hover-perspective-origin-right { perspective-origin: right; }
[data-theme="dark"] .dark-perspective-origin-top_left { perspective-origin: top left; }
[data-theme="dark"] .dark-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
[data-theme="dark"] .dark-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
[data-theme="dark"] .dark-active-perspective-origin-top_left:active { perspective-origin: top left; }
[data-theme="dark"] .dark-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
[data-theme="dark"] .dark-group-hover-perspective-origin-top_left { perspective-origin: top left; }
[data-theme="dark"] .dark-perspective-origin-top_right { perspective-origin: top right; }
[data-theme="dark"] .dark-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
[data-theme="dark"] .dark-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
[data-theme="dark"] .dark-active-perspective-origin-top_right:active { perspective-origin: top right; }
[data-theme="dark"] .dark-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
[data-theme="dark"] .dark-group-hover-perspective-origin-top_right { perspective-origin: top right; }
[data-theme="dark"] .dark-perspective-origin-bottom_left { perspective-origin: bottom left; }
[data-theme="dark"] .dark-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
[data-theme="dark"] .dark-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
[data-theme="dark"] .dark-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
[data-theme="dark"] .dark-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
[data-theme="dark"] .dark-group-hover-perspective-origin-bottom_left { perspective-origin: bottom left; }
[data-theme="dark"] .dark-perspective-origin-bottom_right { perspective-origin: bottom right; }
[data-theme="dark"] .dark-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
[data-theme="dark"] .dark-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
[data-theme="dark"] .dark-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
[data-theme="dark"] .dark-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
[data-theme="dark"] .dark-group-hover-perspective-origin-bottom_right { perspective-origin: bottom right; }
[data-theme="dark"] .dark-transform { transform: var(--quanta-transform, none); }
[data-theme="dark"] .dark-hover-transform:hover { transform: var(--quanta-transform, none); }
[data-theme="dark"] .dark-focus-transform:focus { transform: var(--quanta-transform, none); }
[data-theme="dark"] .dark-active-transform:active { transform: var(--quanta-transform, none); }
[data-theme="dark"] .dark-disabled-transform:disabled { transform: var(--quanta-transform, none); }
[data-theme="dark"] .dark-group-hover-transform { transform: var(--quanta-transform, none); }
[data-theme="dark"] .dark-transform-none { transform: none; }
[data-theme="dark"] .dark-hover-transform-none:hover { transform: none; }
[data-theme="dark"] .dark-focus-transform-none:focus { transform: none; }
[data-theme="dark"] .dark-active-transform-none:active { transform: none; }
[data-theme="dark"] .dark-disabled-transform-none:disabled { transform: none; }
[data-theme="dark"] .dark-group-hover-transform-none { transform: none; }
[data-theme="dark"] .dark-rotate-n180 { transform: rotate(-180deg); }
[data-theme="dark"] .dark-hover-rotate-n180:hover { transform: rotate(-180deg); }
[data-theme="dark"] .dark-focus-rotate-n180:focus { transform: rotate(-180deg); }
[data-theme="dark"] .dark-active-rotate-n180:active { transform: rotate(-180deg); }
[data-theme="dark"] .dark-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
[data-theme="dark"] .dark-group-hover-rotate-n180 { transform: rotate(-180deg); }
[data-theme="dark"] .dark-rotate-n90 { transform: rotate(-90deg); }
[data-theme="dark"] .dark-hover-rotate-n90:hover { transform: rotate(-90deg); }
[data-theme="dark"] .dark-focus-rotate-n90:focus { transform: rotate(-90deg); }
[data-theme="dark"] .dark-active-rotate-n90:active { transform: rotate(-90deg); }
[data-theme="dark"] .dark-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
[data-theme="dark"] .dark-group-hover-rotate-n90 { transform: rotate(-90deg); }
[data-theme="dark"] .dark-rotate-n45 { transform: rotate(-45deg); }
[data-theme="dark"] .dark-hover-rotate-n45:hover { transform: rotate(-45deg); }
[data-theme="dark"] .dark-focus-rotate-n45:focus { transform: rotate(-45deg); }
[data-theme="dark"] .dark-active-rotate-n45:active { transform: rotate(-45deg); }
[data-theme="dark"] .dark-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
[data-theme="dark"] .dark-group-hover-rotate-n45 { transform: rotate(-45deg); }
[data-theme="dark"] .dark-rotate-0 { transform: rotate(0deg); }
[data-theme="dark"] .dark-hover-rotate-0:hover { transform: rotate(0deg); }
[data-theme="dark"] .dark-focus-rotate-0:focus { transform: rotate(0deg); }
[data-theme="dark"] .dark-active-rotate-0:active { transform: rotate(0deg); }
[data-theme="dark"] .dark-disabled-rotate-0:disabled { transform: rotate(0deg); }
[data-theme="dark"] .dark-group-hover-rotate-0 { transform: rotate(0deg); }
[data-theme="dark"] .dark-rotate-45 { transform: rotate(45deg); }
[data-theme="dark"] .dark-hover-rotate-45:hover { transform: rotate(45deg); }
[data-theme="dark"] .dark-focus-rotate-45:focus { transform: rotate(45deg); }
[data-theme="dark"] .dark-active-rotate-45:active { transform: rotate(45deg); }
[data-theme="dark"] .dark-disabled-rotate-45:disabled { transform: rotate(45deg); }
[data-theme="dark"] .dark-group-hover-rotate-45 { transform: rotate(45deg); }
[data-theme="dark"] .dark-rotate-90 { transform: rotate(90deg); }
[data-theme="dark"] .dark-hover-rotate-90:hover { transform: rotate(90deg); }
[data-theme="dark"] .dark-focus-rotate-90:focus { transform: rotate(90deg); }
[data-theme="dark"] .dark-active-rotate-90:active { transform: rotate(90deg); }
[data-theme="dark"] .dark-disabled-rotate-90:disabled { transform: rotate(90deg); }
[data-theme="dark"] .dark-group-hover-rotate-90 { transform: rotate(90deg); }
[data-theme="dark"] .dark-rotate-180 { transform: rotate(180deg); }
[data-theme="dark"] .dark-hover-rotate-180:hover { transform: rotate(180deg); }
[data-theme="dark"] .dark-focus-rotate-180:focus { transform: rotate(180deg); }
[data-theme="dark"] .dark-active-rotate-180:active { transform: rotate(180deg); }
[data-theme="dark"] .dark-disabled-rotate-180:disabled { transform: rotate(180deg); }
[data-theme="dark"] .dark-group-hover-rotate-180 { transform: rotate(180deg); }
[data-theme="dark"] .dark-scale-50 { transform: scale(0.5); }
[data-theme="dark"] .dark-hover-scale-50:hover { transform: scale(0.5); }
[data-theme="dark"] .dark-focus-scale-50:focus { transform: scale(0.5); }
[data-theme="dark"] .dark-active-scale-50:active { transform: scale(0.5); }
[data-theme="dark"] .dark-disabled-scale-50:disabled { transform: scale(0.5); }
[data-theme="dark"] .dark-group-hover-scale-50 { transform: scale(0.5); }
[data-theme="dark"] .dark-scale-75 { transform: scale(0.75); }
[data-theme="dark"] .dark-hover-scale-75:hover { transform: scale(0.75); }
[data-theme="dark"] .dark-focus-scale-75:focus { transform: scale(0.75); }
[data-theme="dark"] .dark-active-scale-75:active { transform: scale(0.75); }
[data-theme="dark"] .dark-disabled-scale-75:disabled { transform: scale(0.75); }
[data-theme="dark"] .dark-group-hover-scale-75 { transform: scale(0.75); }
[data-theme="dark"] .dark-scale-90 { transform: scale(0.9); }
[data-theme="dark"] .dark-hover-scale-90:hover { transform: scale(0.9); }
[data-theme="dark"] .dark-focus-scale-90:focus { transform: scale(0.9); }
[data-theme="dark"] .dark-active-scale-90:active { transform: scale(0.9); }
[data-theme="dark"] .dark-disabled-scale-90:disabled { transform: scale(0.9); }
[data-theme="dark"] .dark-group-hover-scale-90 { transform: scale(0.9); }
[data-theme="dark"] .dark-scale-95 { transform: scale(0.95); }
[data-theme="dark"] .dark-hover-scale-95:hover { transform: scale(0.95); }
[data-theme="dark"] .dark-focus-scale-95:focus { transform: scale(0.95); }
[data-theme="dark"] .dark-active-scale-95:active { transform: scale(0.95); }
[data-theme="dark"] .dark-disabled-scale-95:disabled { transform: scale(0.95); }
[data-theme="dark"] .dark-group-hover-scale-95 { transform: scale(0.95); }
[data-theme="dark"] .dark-scale-100 { transform: scale(1.0); }
[data-theme="dark"] .dark-hover-scale-100:hover { transform: scale(1.0); }
[data-theme="dark"] .dark-focus-scale-100:focus { transform: scale(1.0); }
[data-theme="dark"] .dark-active-scale-100:active { transform: scale(1.0); }
[data-theme="dark"] .dark-disabled-scale-100:disabled { transform: scale(1.0); }
[data-theme="dark"] .dark-group-hover-scale-100 { transform: scale(1.0); }
[data-theme="dark"] .dark-scale-105 { transform: scale(1.05); }
[data-theme="dark"] .dark-hover-scale-105:hover { transform: scale(1.05); }
[data-theme="dark"] .dark-focus-scale-105:focus { transform: scale(1.05); }
[data-theme="dark"] .dark-active-scale-105:active { transform: scale(1.05); }
[data-theme="dark"] .dark-disabled-scale-105:disabled { transform: scale(1.05); }
[data-theme="dark"] .dark-group-hover-scale-105 { transform: scale(1.05); }
[data-theme="dark"] .dark-scale-110 { transform: scale(1.1); }
[data-theme="dark"] .dark-hover-scale-110:hover { transform: scale(1.1); }
[data-theme="dark"] .dark-focus-scale-110:focus { transform: scale(1.1); }
[data-theme="dark"] .dark-active-scale-110:active { transform: scale(1.1); }
[data-theme="dark"] .dark-disabled-scale-110:disabled { transform: scale(1.1); }
[data-theme="dark"] .dark-group-hover-scale-110 { transform: scale(1.1); }
[data-theme="dark"] .dark-scale-125 { transform: scale(1.25); }
[data-theme="dark"] .dark-hover-scale-125:hover { transform: scale(1.25); }
[data-theme="dark"] .dark-focus-scale-125:focus { transform: scale(1.25); }
[data-theme="dark"] .dark-active-scale-125:active { transform: scale(1.25); }
[data-theme="dark"] .dark-disabled-scale-125:disabled { transform: scale(1.25); }
[data-theme="dark"] .dark-group-hover-scale-125 { transform: scale(1.25); }
[data-theme="dark"] .dark-scale-150 { transform: scale(1.5); }
[data-theme="dark"] .dark-hover-scale-150:hover { transform: scale(1.5); }
[data-theme="dark"] .dark-focus-scale-150:focus { transform: scale(1.5); }
[data-theme="dark"] .dark-active-scale-150:active { transform: scale(1.5); }
[data-theme="dark"] .dark-disabled-scale-150:disabled { transform: scale(1.5); }
[data-theme="dark"] .dark-group-hover-scale-150 { transform: scale(1.5); }
[data-theme="dark"] .dark-skew-x-n45 { transform: skewX(-45deg); }
[data-theme="dark"] .dark-hover-skew-x-n45:hover { transform: skewX(-45deg); }
[data-theme="dark"] .dark-focus-skew-x-n45:focus { transform: skewX(-45deg); }
[data-theme="dark"] .dark-active-skew-x-n45:active { transform: skewX(-45deg); }
[data-theme="dark"] .dark-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
[data-theme="dark"] .dark-group-hover-skew-x-n45 { transform: skewX(-45deg); }
[data-theme="dark"] .dark-skew-y-n45 { transform: skewY(-45deg); }
[data-theme="dark"] .dark-hover-skew-y-n45:hover { transform: skewY(-45deg); }
[data-theme="dark"] .dark-focus-skew-y-n45:focus { transform: skewY(-45deg); }
[data-theme="dark"] .dark-active-skew-y-n45:active { transform: skewY(-45deg); }
[data-theme="dark"] .dark-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
[data-theme="dark"] .dark-group-hover-skew-y-n45 { transform: skewY(-45deg); }
[data-theme="dark"] .dark-skew-x-n30 { transform: skewX(-30deg); }
[data-theme="dark"] .dark-hover-skew-x-n30:hover { transform: skewX(-30deg); }
[data-theme="dark"] .dark-focus-skew-x-n30:focus { transform: skewX(-30deg); }
[data-theme="dark"] .dark-active-skew-x-n30:active { transform: skewX(-30deg); }
[data-theme="dark"] .dark-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
[data-theme="dark"] .dark-group-hover-skew-x-n30 { transform: skewX(-30deg); }
[data-theme="dark"] .dark-skew-y-n30 { transform: skewY(-30deg); }
[data-theme="dark"] .dark-hover-skew-y-n30:hover { transform: skewY(-30deg); }
[data-theme="dark"] .dark-focus-skew-y-n30:focus { transform: skewY(-30deg); }
[data-theme="dark"] .dark-active-skew-y-n30:active { transform: skewY(-30deg); }
[data-theme="dark"] .dark-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
[data-theme="dark"] .dark-group-hover-skew-y-n30 { transform: skewY(-30deg); }
[data-theme="dark"] .dark-skew-x-n15 { transform: skewX(-15deg); }
[data-theme="dark"] .dark-hover-skew-x-n15:hover { transform: skewX(-15deg); }
[data-theme="dark"] .dark-focus-skew-x-n15:focus { transform: skewX(-15deg); }
[data-theme="dark"] .dark-active-skew-x-n15:active { transform: skewX(-15deg); }
[data-theme="dark"] .dark-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
[data-theme="dark"] .dark-group-hover-skew-x-n15 { transform: skewX(-15deg); }
[data-theme="dark"] .dark-skew-y-n15 { transform: skewY(-15deg); }
[data-theme="dark"] .dark-hover-skew-y-n15:hover { transform: skewY(-15deg); }
[data-theme="dark"] .dark-focus-skew-y-n15:focus { transform: skewY(-15deg); }
[data-theme="dark"] .dark-active-skew-y-n15:active { transform: skewY(-15deg); }
[data-theme="dark"] .dark-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
[data-theme="dark"] .dark-group-hover-skew-y-n15 { transform: skewY(-15deg); }
[data-theme="dark"] .dark-skew-x-0 { transform: skewX(0deg); }
[data-theme="dark"] .dark-hover-skew-x-0:hover { transform: skewX(0deg); }
[data-theme="dark"] .dark-focus-skew-x-0:focus { transform: skewX(0deg); }
[data-theme="dark"] .dark-active-skew-x-0:active { transform: skewX(0deg); }
[data-theme="dark"] .dark-disabled-skew-x-0:disabled { transform: skewX(0deg); }
[data-theme="dark"] .dark-group-hover-skew-x-0 { transform: skewX(0deg); }
[data-theme="dark"] .dark-skew-y-0 { transform: skewY(0deg); }
[data-theme="dark"] .dark-hover-skew-y-0:hover { transform: skewY(0deg); }
[data-theme="dark"] .dark-focus-skew-y-0:focus { transform: skewY(0deg); }
[data-theme="dark"] .dark-active-skew-y-0:active { transform: skewY(0deg); }
[data-theme="dark"] .dark-disabled-skew-y-0:disabled { transform: skewY(0deg); }
[data-theme="dark"] .dark-group-hover-skew-y-0 { transform: skewY(0deg); }
[data-theme="dark"] .dark-skew-x-15 { transform: skewX(15deg); }
[data-theme="dark"] .dark-hover-skew-x-15:hover { transform: skewX(15deg); }
[data-theme="dark"] .dark-focus-skew-x-15:focus { transform: skewX(15deg); }
[data-theme="dark"] .dark-active-skew-x-15:active { transform: skewX(15deg); }
[data-theme="dark"] .dark-disabled-skew-x-15:disabled { transform: skewX(15deg); }
[data-theme="dark"] .dark-group-hover-skew-x-15 { transform: skewX(15deg); }
[data-theme="dark"] .dark-skew-y-15 { transform: skewY(15deg); }
[data-theme="dark"] .dark-hover-skew-y-15:hover { transform: skewY(15deg); }
[data-theme="dark"] .dark-focus-skew-y-15:focus { transform: skewY(15deg); }
[data-theme="dark"] .dark-active-skew-y-15:active { transform: skewY(15deg); }
[data-theme="dark"] .dark-disabled-skew-y-15:disabled { transform: skewY(15deg); }
[data-theme="dark"] .dark-group-hover-skew-y-15 { transform: skewY(15deg); }
[data-theme="dark"] .dark-skew-x-30 { transform: skewX(30deg); }
[data-theme="dark"] .dark-hover-skew-x-30:hover { transform: skewX(30deg); }
[data-theme="dark"] .dark-focus-skew-x-30:focus { transform: skewX(30deg); }
[data-theme="dark"] .dark-active-skew-x-30:active { transform: skewX(30deg); }
[data-theme="dark"] .dark-disabled-skew-x-30:disabled { transform: skewX(30deg); }
[data-theme="dark"] .dark-group-hover-skew-x-30 { transform: skewX(30deg); }
[data-theme="dark"] .dark-skew-y-30 { transform: skewY(30deg); }
[data-theme="dark"] .dark-hover-skew-y-30:hover { transform: skewY(30deg); }
[data-theme="dark"] .dark-focus-skew-y-30:focus { transform: skewY(30deg); }
[data-theme="dark"] .dark-active-skew-y-30:active { transform: skewY(30deg); }
[data-theme="dark"] .dark-disabled-skew-y-30:disabled { transform: skewY(30deg); }
[data-theme="dark"] .dark-group-hover-skew-y-30 { transform: skewY(30deg); }
[data-theme="dark"] .dark-skew-x-45 { transform: skewX(45deg); }
[data-theme="dark"] .dark-hover-skew-x-45:hover { transform: skewX(45deg); }
[data-theme="dark"] .dark-focus-skew-x-45:focus { transform: skewX(45deg); }
[data-theme="dark"] .dark-active-skew-x-45:active { transform: skewX(45deg); }
[data-theme="dark"] .dark-disabled-skew-x-45:disabled { transform: skewX(45deg); }
[data-theme="dark"] .dark-group-hover-skew-x-45 { transform: skewX(45deg); }
[data-theme="dark"] .dark-skew-y-45 { transform: skewY(45deg); }
[data-theme="dark"] .dark-hover-skew-y-45:hover { transform: skewY(45deg); }
[data-theme="dark"] .dark-focus-skew-y-45:focus { transform: skewY(45deg); }
[data-theme="dark"] .dark-active-skew-y-45:active { transform: skewY(45deg); }
[data-theme="dark"] .dark-disabled-skew-y-45:disabled { transform: skewY(45deg); }
[data-theme="dark"] .dark-group-hover-skew-y-45 { transform: skewY(45deg); }
[data-theme="dark"] .dark-translate-x-0 { transform: translateX(0rem); }
[data-theme="dark"] .dark-hover-translate-x-0:hover { transform: translateX(0rem); }
[data-theme="dark"] .dark-focus-translate-x-0:focus { transform: translateX(0rem); }
[data-theme="dark"] .dark-active-translate-x-0:active { transform: translateX(0rem); }
[data-theme="dark"] .dark-disabled-translate-x-0:disabled { transform: translateX(0rem); }
[data-theme="dark"] .dark-group-hover-translate-x-0 { transform: translateX(0rem); }
[data-theme="dark"] .dark-translate-y-0 { transform: translateY(0rem); }
[data-theme="dark"] .dark-hover-translate-y-0:hover { transform: translateY(0rem); }
[data-theme="dark"] .dark-focus-translate-y-0:focus { transform: translateY(0rem); }
[data-theme="dark"] .dark-active-translate-y-0:active { transform: translateY(0rem); }
[data-theme="dark"] .dark-disabled-translate-y-0:disabled { transform: translateY(0rem); }
[data-theme="dark"] .dark-group-hover-translate-y-0 { transform: translateY(0rem); }
[data-theme="dark"] .dark-translate-x-0_125 { transform: translateX(0.125rem); }
[data-theme="dark"] .dark-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
[data-theme="dark"] .dark-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
[data-theme="dark"] .dark-active-translate-x-0_125:active { transform: translateX(0.125rem); }
[data-theme="dark"] .dark-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
[data-theme="dark"] .dark-group-hover-translate-x-0_125 { transform: translateX(0.125rem); }
[data-theme="dark"] .dark-translate-y-0_125 { transform: translateY(0.125rem); }
[data-theme="dark"] .dark-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
[data-theme="dark"] .dark-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
[data-theme="dark"] .dark-active-translate-y-0_125:active { transform: translateY(0.125rem); }
[data-theme="dark"] .dark-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
[data-theme="dark"] .dark-group-hover-translate-y-0_125 { transform: translateY(0.125rem); }
[data-theme="dark"] .dark-translate-x-0_25 { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-active-translate-x-0_25:active { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-group-hover-translate-x-0_25 { transform: translateX(0.25rem); }
[data-theme="dark"] .dark-translate-y-0_25 { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-active-translate-y-0_25:active { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-group-hover-translate-y-0_25 { transform: translateY(0.25rem); }
[data-theme="dark"] .dark-translate-x-0_5 { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-active-translate-x-0_5:active { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-group-hover-translate-x-0_5 { transform: translateX(0.5rem); }
[data-theme="dark"] .dark-translate-y-0_5 { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-active-translate-y-0_5:active { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-group-hover-translate-y-0_5 { transform: translateY(0.5rem); }
[data-theme="dark"] .dark-translate-x-0_75 { transform: translateX(0.75rem); }
[data-theme="dark"] .dark-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
[data-theme="dark"] .dark-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
[data-theme="dark"] .dark-active-translate-x-0_75:active { transform: translateX(0.75rem); }
[data-theme="dark"] .dark-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
[data-theme="dark"] .dark-group-hover-translate-x-0_75 { transform: translateX(0.75rem); }
[data-theme="dark"] .dark-translate-y-0_75 { transform: translateY(0.75rem); }
[data-theme="dark"] .dark-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
[data-theme="dark"] .dark-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
[data-theme="dark"] .dark-active-translate-y-0_75:active { transform: translateY(0.75rem); }
[data-theme="dark"] .dark-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
[data-theme="dark"] .dark-group-hover-translate-y-0_75 { transform: translateY(0.75rem); }
[data-theme="dark"] .dark-translate-x-1 { transform: translateX(1rem); }
[data-theme="dark"] .dark-hover-translate-x-1:hover { transform: translateX(1rem); }
[data-theme="dark"] .dark-focus-translate-x-1:focus { transform: translateX(1rem); }
[data-theme="dark"] .dark-active-translate-x-1:active { transform: translateX(1rem); }
[data-theme="dark"] .dark-disabled-translate-x-1:disabled { transform: translateX(1rem); }
[data-theme="dark"] .dark-group-hover-translate-x-1 { transform: translateX(1rem); }
[data-theme="dark"] .dark-translate-y-1 { transform: translateY(1rem); }
[data-theme="dark"] .dark-hover-translate-y-1:hover { transform: translateY(1rem); }
[data-theme="dark"] .dark-focus-translate-y-1:focus { transform: translateY(1rem); }
[data-theme="dark"] .dark-active-translate-y-1:active { transform: translateY(1rem); }
[data-theme="dark"] .dark-disabled-translate-y-1:disabled { transform: translateY(1rem); }
[data-theme="dark"] .dark-group-hover-translate-y-1 { transform: translateY(1rem); }
[data-theme="dark"] .dark-translate-x-1_5 { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-active-translate-x-1_5:active { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-group-hover-translate-x-1_5 { transform: translateX(1.5rem); }
[data-theme="dark"] .dark-translate-y-1_5 { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-active-translate-y-1_5:active { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-group-hover-translate-y-1_5 { transform: translateY(1.5rem); }
[data-theme="dark"] .dark-translate-x-2 { transform: translateX(2rem); }
[data-theme="dark"] .dark-hover-translate-x-2:hover { transform: translateX(2rem); }
[data-theme="dark"] .dark-focus-translate-x-2:focus { transform: translateX(2rem); }
[data-theme="dark"] .dark-active-translate-x-2:active { transform: translateX(2rem); }
[data-theme="dark"] .dark-disabled-translate-x-2:disabled { transform: translateX(2rem); }
[data-theme="dark"] .dark-group-hover-translate-x-2 { transform: translateX(2rem); }
[data-theme="dark"] .dark-translate-y-2 { transform: translateY(2rem); }
[data-theme="dark"] .dark-hover-translate-y-2:hover { transform: translateY(2rem); }
[data-theme="dark"] .dark-focus-translate-y-2:focus { transform: translateY(2rem); }
[data-theme="dark"] .dark-active-translate-y-2:active { transform: translateY(2rem); }
[data-theme="dark"] .dark-disabled-translate-y-2:disabled { transform: translateY(2rem); }
[data-theme="dark"] .dark-group-hover-translate-y-2 { transform: translateY(2rem); }
[data-theme="dark"] .dark-translate-x-3 { transform: translateX(3rem); }
[data-theme="dark"] .dark-hover-translate-x-3:hover { transform: translateX(3rem); }
[data-theme="dark"] .dark-focus-translate-x-3:focus { transform: translateX(3rem); }
[data-theme="dark"] .dark-active-translate-x-3:active { transform: translateX(3rem); }
[data-theme="dark"] .dark-disabled-translate-x-3:disabled { transform: translateX(3rem); }
[data-theme="dark"] .dark-group-hover-translate-x-3 { transform: translateX(3rem); }
[data-theme="dark"] .dark-translate-y-3 { transform: translateY(3rem); }
[data-theme="dark"] .dark-hover-translate-y-3:hover { transform: translateY(3rem); }
[data-theme="dark"] .dark-focus-translate-y-3:focus { transform: translateY(3rem); }
[data-theme="dark"] .dark-active-translate-y-3:active { transform: translateY(3rem); }
[data-theme="dark"] .dark-disabled-translate-y-3:disabled { transform: translateY(3rem); }
[data-theme="dark"] .dark-group-hover-translate-y-3 { transform: translateY(3rem); }
[data-theme="dark"] .dark-translate-x-4 { transform: translateX(4rem); }
[data-theme="dark"] .dark-hover-translate-x-4:hover { transform: translateX(4rem); }
[data-theme="dark"] .dark-focus-translate-x-4:focus { transform: translateX(4rem); }
[data-theme="dark"] .dark-active-translate-x-4:active { transform: translateX(4rem); }
[data-theme="dark"] .dark-disabled-translate-x-4:disabled { transform: translateX(4rem); }
[data-theme="dark"] .dark-group-hover-translate-x-4 { transform: translateX(4rem); }
[data-theme="dark"] .dark-translate-y-4 { transform: translateY(4rem); }
[data-theme="dark"] .dark-hover-translate-y-4:hover { transform: translateY(4rem); }
[data-theme="dark"] .dark-focus-translate-y-4:focus { transform: translateY(4rem); }
[data-theme="dark"] .dark-active-translate-y-4:active { transform: translateY(4rem); }
[data-theme="dark"] .dark-disabled-translate-y-4:disabled { transform: translateY(4rem); }
[data-theme="dark"] .dark-group-hover-translate-y-4 { transform: translateY(4rem); }
[data-theme="dark"] .dark-origin-center { transform-origin: center; }
[data-theme="dark"] .dark-hover-origin-center:hover { transform-origin: center; }
[data-theme="dark"] .dark-focus-origin-center:focus { transform-origin: center; }
[data-theme="dark"] .dark-active-origin-center:active { transform-origin: center; }
[data-theme="dark"] .dark-disabled-origin-center:disabled { transform-origin: center; }
[data-theme="dark"] .dark-group-hover-origin-center { transform-origin: center; }
[data-theme="dark"] .dark-origin-top { transform-origin: top; }
[data-theme="dark"] .dark-hover-origin-top:hover { transform-origin: top; }
[data-theme="dark"] .dark-focus-origin-top:focus { transform-origin: top; }
[data-theme="dark"] .dark-active-origin-top:active { transform-origin: top; }
[data-theme="dark"] .dark-disabled-origin-top:disabled { transform-origin: top; }
[data-theme="dark"] .dark-group-hover-origin-top { transform-origin: top; }
[data-theme="dark"] .dark-origin-bottom { transform-origin: bottom; }
[data-theme="dark"] .dark-hover-origin-bottom:hover { transform-origin: bottom; }
[data-theme="dark"] .dark-focus-origin-bottom:focus { transform-origin: bottom; }
[data-theme="dark"] .dark-active-origin-bottom:active { transform-origin: bottom; }
[data-theme="dark"] .dark-disabled-origin-bottom:disabled { transform-origin: bottom; }
[data-theme="dark"] .dark-group-hover-origin-bottom { transform-origin: bottom; }
[data-theme="dark"] .dark-origin-left { transform-origin: left; }
[data-theme="dark"] .dark-hover-origin-left:hover { transform-origin: left; }
[data-theme="dark"] .dark-focus-origin-left:focus { transform-origin: left; }
[data-theme="dark"] .dark-active-origin-left:active { transform-origin: left; }
[data-theme="dark"] .dark-disabled-origin-left:disabled { transform-origin: left; }
[data-theme="dark"] .dark-group-hover-origin-left { transform-origin: left; }
[data-theme="dark"] .dark-origin-right { transform-origin: right; }
[data-theme="dark"] .dark-hover-origin-right:hover { transform-origin: right; }
[data-theme="dark"] .dark-focus-origin-right:focus { transform-origin: right; }
[data-theme="dark"] .dark-active-origin-right:active { transform-origin: right; }
[data-theme="dark"] .dark-disabled-origin-right:disabled { transform-origin: right; }
[data-theme="dark"] .dark-group-hover-origin-right { transform-origin: right; }
[data-theme="dark"] .dark-origin-top_left { transform-origin: top left; }
[data-theme="dark"] .dark-hover-origin-top_left:hover { transform-origin: top left; }
[data-theme="dark"] .dark-focus-origin-top_left:focus { transform-origin: top left; }
[data-theme="dark"] .dark-active-origin-top_left:active { transform-origin: top left; }
[data-theme="dark"] .dark-disabled-origin-top_left:disabled { transform-origin: top left; }
[data-theme="dark"] .dark-group-hover-origin-top_left { transform-origin: top left; }
[data-theme="dark"] .dark-origin-top_right { transform-origin: top right; }
[data-theme="dark"] .dark-hover-origin-top_right:hover { transform-origin: top right; }
[data-theme="dark"] .dark-focus-origin-top_right:focus { transform-origin: top right; }
[data-theme="dark"] .dark-active-origin-top_right:active { transform-origin: top right; }
[data-theme="dark"] .dark-disabled-origin-top_right:disabled { transform-origin: top right; }
[data-theme="dark"] .dark-group-hover-origin-top_right { transform-origin: top right; }
[data-theme="dark"] .dark-origin-bottom_left { transform-origin: bottom left; }
[data-theme="dark"] .dark-hover-origin-bottom_left:hover { transform-origin: bottom left; }
[data-theme="dark"] .dark-focus-origin-bottom_left:focus { transform-origin: bottom left; }
[data-theme="dark"] .dark-active-origin-bottom_left:active { transform-origin: bottom left; }
[data-theme="dark"] .dark-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
[data-theme="dark"] .dark-group-hover-origin-bottom_left { transform-origin: bottom left; }
[data-theme="dark"] .dark-origin-bottom_right { transform-origin: bottom right; }
[data-theme="dark"] .dark-hover-origin-bottom_right:hover { transform-origin: bottom right; }
[data-theme="dark"] .dark-focus-origin-bottom_right:focus { transform-origin: bottom right; }
[data-theme="dark"] .dark-active-origin-bottom_right:active { transform-origin: bottom right; }
[data-theme="dark"] .dark-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
[data-theme="dark"] .dark-group-hover-origin-bottom_right { transform-origin: bottom right; }
[data-theme="dark"] .dark-transform-style-flat { transform-style: flat; }
[data-theme="dark"] .dark-hover-transform-style-flat:hover { transform-style: flat; }
[data-theme="dark"] .dark-focus-transform-style-flat:focus { transform-style: flat; }
[data-theme="dark"] .dark-active-transform-style-flat:active { transform-style: flat; }
[data-theme="dark"] .dark-disabled-transform-style-flat:disabled { transform-style: flat; }
[data-theme="dark"] .dark-group-hover-transform-style-flat { transform-style: flat; }
[data-theme="dark"] .dark-transform-style-preserve-3d { transform-style: preserve-3d; }
[data-theme="dark"] .dark-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
[data-theme="dark"] .dark-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
[data-theme="dark"] .dark-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
[data-theme="dark"] .dark-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
[data-theme="dark"] .dark-group-hover-transform-style-preserve-3d { transform-style: preserve-3d; }
[data-theme="dark"] .dark-accent-auto { accent-color: auto; }
[data-theme="dark"] .dark-hover-accent-auto:hover { accent-color: auto; }
[data-theme="dark"] .dark-focus-accent-auto:focus { accent-color: auto; }
[data-theme="dark"] .dark-active-accent-auto:active { accent-color: auto; }
[data-theme="dark"] .dark-disabled-accent-auto:disabled { accent-color: auto; }
[data-theme="dark"] .dark-group-hover-accent-auto { accent-color: auto; }
[data-theme="dark"] .dark-accent-transparent { accent-color: transparent; }
[data-theme="dark"] .dark-hover-accent-transparent:hover { accent-color: transparent; }
[data-theme="dark"] .dark-focus-accent-transparent:focus { accent-color: transparent; }
[data-theme="dark"] .dark-active-accent-transparent:active { accent-color: transparent; }
[data-theme="dark"] .dark-disabled-accent-transparent:disabled { accent-color: transparent; }
[data-theme="dark"] .dark-group-hover-accent-transparent { accent-color: transparent; }
[data-theme="dark"] .dark-accent-red-50 { accent-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-group-hover-accent-red-50 { accent-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-accent-red-100 { accent-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-group-hover-accent-red-100 { accent-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-accent-red-200 { accent-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-group-hover-accent-red-200 { accent-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-accent-red-300 { accent-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-group-hover-accent-red-300 { accent-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-accent-red-400 { accent-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-group-hover-accent-red-400 { accent-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-accent-red-500 { accent-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-group-hover-accent-red-500 { accent-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-accent-red-600 { accent-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-group-hover-accent-red-600 { accent-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-accent-red-700 { accent-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-group-hover-accent-red-700 { accent-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-accent-red-800 { accent-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-group-hover-accent-red-800 { accent-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-accent-red-900 { accent-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-group-hover-accent-red-900 { accent-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-accent-orange-50 { accent-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-group-hover-accent-orange-50 { accent-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-accent-orange-100 { accent-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-group-hover-accent-orange-100 { accent-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-accent-orange-200 { accent-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-group-hover-accent-orange-200 { accent-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-accent-orange-300 { accent-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-group-hover-accent-orange-300 { accent-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-accent-orange-400 { accent-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-group-hover-accent-orange-400 { accent-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-accent-orange-500 { accent-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-group-hover-accent-orange-500 { accent-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-accent-orange-600 { accent-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-group-hover-accent-orange-600 { accent-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-accent-orange-700 { accent-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-group-hover-accent-orange-700 { accent-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-accent-orange-800 { accent-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-group-hover-accent-orange-800 { accent-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-accent-orange-900 { accent-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-group-hover-accent-orange-900 { accent-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-accent-teal-50 { accent-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-group-hover-accent-teal-50 { accent-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-accent-teal-100 { accent-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-group-hover-accent-teal-100 { accent-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-accent-teal-200 { accent-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-group-hover-accent-teal-200 { accent-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-accent-teal-300 { accent-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-group-hover-accent-teal-300 { accent-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-accent-teal-400 { accent-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-group-hover-accent-teal-400 { accent-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-accent-teal-500 { accent-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-group-hover-accent-teal-500 { accent-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-accent-teal-600 { accent-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-group-hover-accent-teal-600 { accent-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-accent-teal-700 { accent-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-group-hover-accent-teal-700 { accent-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-accent-teal-800 { accent-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-group-hover-accent-teal-800 { accent-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-accent-teal-900 { accent-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-group-hover-accent-teal-900 { accent-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-accent-purple-50 { accent-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-group-hover-accent-purple-50 { accent-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-accent-purple-100 { accent-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-group-hover-accent-purple-100 { accent-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-accent-purple-200 { accent-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-group-hover-accent-purple-200 { accent-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-accent-purple-300 { accent-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-group-hover-accent-purple-300 { accent-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-accent-purple-400 { accent-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-group-hover-accent-purple-400 { accent-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-accent-purple-500 { accent-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-group-hover-accent-purple-500 { accent-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-accent-purple-600 { accent-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-group-hover-accent-purple-600 { accent-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-accent-purple-700 { accent-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-group-hover-accent-purple-700 { accent-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-accent-purple-800 { accent-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-group-hover-accent-purple-800 { accent-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-accent-purple-900 { accent-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-group-hover-accent-purple-900 { accent-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-group-hover-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-group-hover-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-group-hover-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-group-hover-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-group-hover-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-group-hover-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-group-hover-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-group-hover-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-group-hover-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-group-hover-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-group-hover-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-group-hover-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-group-hover-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-group-hover-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-group-hover-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-group-hover-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-group-hover-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-group-hover-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-group-hover-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-group-hover-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-accent-pink-50 { accent-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-group-hover-accent-pink-50 { accent-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-accent-pink-100 { accent-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-group-hover-accent-pink-100 { accent-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-accent-pink-200 { accent-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-group-hover-accent-pink-200 { accent-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-accent-pink-300 { accent-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-group-hover-accent-pink-300 { accent-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-accent-pink-400 { accent-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-group-hover-accent-pink-400 { accent-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-accent-pink-500 { accent-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-group-hover-accent-pink-500 { accent-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-accent-pink-600 { accent-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-group-hover-accent-pink-600 { accent-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-accent-pink-700 { accent-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-group-hover-accent-pink-700 { accent-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-accent-pink-800 { accent-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-group-hover-accent-pink-800 { accent-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-accent-pink-900 { accent-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-group-hover-accent-pink-900 { accent-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-accent-grey-50 { accent-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-group-hover-accent-grey-50 { accent-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-accent-grey-100 { accent-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-group-hover-accent-grey-100 { accent-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-accent-grey-200 { accent-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-group-hover-accent-grey-200 { accent-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-accent-grey-300 { accent-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-group-hover-accent-grey-300 { accent-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-accent-grey-400 { accent-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-group-hover-accent-grey-400 { accent-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-accent-grey-500 { accent-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-group-hover-accent-grey-500 { accent-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-accent-grey-600 { accent-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-group-hover-accent-grey-600 { accent-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-accent-grey-700 { accent-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-group-hover-accent-grey-700 { accent-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-accent-grey-800 { accent-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-group-hover-accent-grey-800 { accent-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-accent-grey-900 { accent-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-group-hover-accent-grey-900 { accent-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-accent-lime-50 { accent-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-group-hover-accent-lime-50 { accent-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-accent-lime-100 { accent-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-group-hover-accent-lime-100 { accent-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-accent-lime-200 { accent-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-group-hover-accent-lime-200 { accent-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-accent-lime-300 { accent-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-group-hover-accent-lime-300 { accent-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-accent-lime-400 { accent-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-group-hover-accent-lime-400 { accent-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-accent-lime-500 { accent-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-group-hover-accent-lime-500 { accent-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-accent-lime-600 { accent-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-group-hover-accent-lime-600 { accent-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-accent-lime-700 { accent-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-group-hover-accent-lime-700 { accent-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-accent-lime-800 { accent-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-group-hover-accent-lime-800 { accent-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-accent-lime-900 { accent-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-group-hover-accent-lime-900 { accent-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-group-hover-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-group-hover-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-group-hover-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-group-hover-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-group-hover-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-group-hover-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-group-hover-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-group-hover-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-group-hover-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-group-hover-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-accent-sky-50 { accent-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-group-hover-accent-sky-50 { accent-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-accent-sky-100 { accent-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-group-hover-accent-sky-100 { accent-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-accent-sky-200 { accent-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-group-hover-accent-sky-200 { accent-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-accent-sky-300 { accent-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-group-hover-accent-sky-300 { accent-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-accent-sky-400 { accent-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-group-hover-accent-sky-400 { accent-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-accent-sky-500 { accent-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-group-hover-accent-sky-500 { accent-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-accent-sky-600 { accent-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-group-hover-accent-sky-600 { accent-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-accent-sky-700 { accent-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-group-hover-accent-sky-700 { accent-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-accent-sky-800 { accent-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-group-hover-accent-sky-800 { accent-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-accent-sky-900 { accent-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-group-hover-accent-sky-900 { accent-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-accent-violet-50 { accent-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-group-hover-accent-violet-50 { accent-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-accent-violet-100 { accent-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-group-hover-accent-violet-100 { accent-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-accent-violet-200 { accent-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-group-hover-accent-violet-200 { accent-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-accent-violet-300 { accent-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-group-hover-accent-violet-300 { accent-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-accent-violet-400 { accent-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-group-hover-accent-violet-400 { accent-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-accent-violet-500 { accent-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-group-hover-accent-violet-500 { accent-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-accent-violet-600 { accent-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-group-hover-accent-violet-600 { accent-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-accent-violet-700 { accent-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-group-hover-accent-violet-700 { accent-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-accent-violet-800 { accent-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-group-hover-accent-violet-800 { accent-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-accent-violet-900 { accent-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-group-hover-accent-violet-900 { accent-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-accent-rose-50 { accent-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-group-hover-accent-rose-50 { accent-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-accent-rose-100 { accent-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-group-hover-accent-rose-100 { accent-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-accent-rose-200 { accent-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-group-hover-accent-rose-200 { accent-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-accent-rose-300 { accent-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-group-hover-accent-rose-300 { accent-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-accent-rose-400 { accent-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-group-hover-accent-rose-400 { accent-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-accent-rose-500 { accent-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-group-hover-accent-rose-500 { accent-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-accent-rose-600 { accent-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-group-hover-accent-rose-600 { accent-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-accent-rose-700 { accent-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-group-hover-accent-rose-700 { accent-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-accent-rose-800 { accent-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-group-hover-accent-rose-800 { accent-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-accent-rose-900 { accent-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-group-hover-accent-rose-900 { accent-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-accent-slate-50 { accent-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-group-hover-accent-slate-50 { accent-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-accent-slate-100 { accent-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-group-hover-accent-slate-100 { accent-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-accent-slate-200 { accent-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-group-hover-accent-slate-200 { accent-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-accent-slate-300 { accent-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-group-hover-accent-slate-300 { accent-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-accent-slate-400 { accent-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-group-hover-accent-slate-400 { accent-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-accent-slate-500 { accent-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-group-hover-accent-slate-500 { accent-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-accent-slate-600 { accent-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-group-hover-accent-slate-600 { accent-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-accent-slate-700 { accent-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-group-hover-accent-slate-700 { accent-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-accent-slate-800 { accent-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-group-hover-accent-slate-800 { accent-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-accent-slate-900 { accent-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-group-hover-accent-slate-900 { accent-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-accent-blue-50 { accent-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-group-hover-accent-blue-50 { accent-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-accent-blue-100 { accent-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-group-hover-accent-blue-100 { accent-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-accent-blue-200 { accent-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-group-hover-accent-blue-200 { accent-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-accent-blue-300 { accent-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-group-hover-accent-blue-300 { accent-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-accent-blue-400 { accent-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-group-hover-accent-blue-400 { accent-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-accent-blue-500 { accent-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-accent-blue-500 { accent-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-accent-blue-600 { accent-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-group-hover-accent-blue-600 { accent-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-accent-blue-700 { accent-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-group-hover-accent-blue-700 { accent-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-accent-blue-800 { accent-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-group-hover-accent-blue-800 { accent-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-accent-blue-900 { accent-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-group-hover-accent-blue-900 { accent-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-accent-green-50 { accent-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-group-hover-accent-green-50 { accent-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-accent-green-100 { accent-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-group-hover-accent-green-100 { accent-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-accent-green-200 { accent-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-group-hover-accent-green-200 { accent-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-accent-green-300 { accent-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-group-hover-accent-green-300 { accent-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-accent-green-400 { accent-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-group-hover-accent-green-400 { accent-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-accent-green-500 { accent-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-group-hover-accent-green-500 { accent-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-accent-green-600 { accent-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-group-hover-accent-green-600 { accent-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-accent-green-700 { accent-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-group-hover-accent-green-700 { accent-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-accent-green-800 { accent-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-group-hover-accent-green-800 { accent-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-accent-green-900 { accent-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-group-hover-accent-green-900 { accent-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-appearance-none { appearance: none; }
[data-theme="dark"] .dark-hover-appearance-none:hover { appearance: none; }
[data-theme="dark"] .dark-focus-appearance-none:focus { appearance: none; }
[data-theme="dark"] .dark-active-appearance-none:active { appearance: none; }
[data-theme="dark"] .dark-disabled-appearance-none:disabled { appearance: none; }
[data-theme="dark"] .dark-group-hover-appearance-none { appearance: none; }
[data-theme="dark"] .dark-appearance-auto { appearance: auto; }
[data-theme="dark"] .dark-hover-appearance-auto:hover { appearance: auto; }
[data-theme="dark"] .dark-focus-appearance-auto:focus { appearance: auto; }
[data-theme="dark"] .dark-active-appearance-auto:active { appearance: auto; }
[data-theme="dark"] .dark-disabled-appearance-auto:disabled { appearance: auto; }
[data-theme="dark"] .dark-group-hover-appearance-auto { appearance: auto; }
[data-theme="dark"] .dark-caret-red-50 { caret-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-group-hover-caret-red-50 { caret-color: var(--quanta-red-50); }
[data-theme="dark"] .dark-caret-red-100 { caret-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-group-hover-caret-red-100 { caret-color: var(--quanta-red-100); }
[data-theme="dark"] .dark-caret-red-200 { caret-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-group-hover-caret-red-200 { caret-color: var(--quanta-red-200); }
[data-theme="dark"] .dark-caret-red-300 { caret-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-group-hover-caret-red-300 { caret-color: var(--quanta-red-300); }
[data-theme="dark"] .dark-caret-red-400 { caret-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-group-hover-caret-red-400 { caret-color: var(--quanta-red-400); }
[data-theme="dark"] .dark-caret-red-500 { caret-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-group-hover-caret-red-500 { caret-color: var(--quanta-red-500); }
[data-theme="dark"] .dark-caret-red-600 { caret-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-group-hover-caret-red-600 { caret-color: var(--quanta-red-600); }
[data-theme="dark"] .dark-caret-red-700 { caret-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-group-hover-caret-red-700 { caret-color: var(--quanta-red-700); }
[data-theme="dark"] .dark-caret-red-800 { caret-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-group-hover-caret-red-800 { caret-color: var(--quanta-red-800); }
[data-theme="dark"] .dark-caret-red-900 { caret-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-group-hover-caret-red-900 { caret-color: var(--quanta-red-900); }
[data-theme="dark"] .dark-caret-orange-50 { caret-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-group-hover-caret-orange-50 { caret-color: var(--quanta-orange-50); }
[data-theme="dark"] .dark-caret-orange-100 { caret-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-group-hover-caret-orange-100 { caret-color: var(--quanta-orange-100); }
[data-theme="dark"] .dark-caret-orange-200 { caret-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-group-hover-caret-orange-200 { caret-color: var(--quanta-orange-200); }
[data-theme="dark"] .dark-caret-orange-300 { caret-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-group-hover-caret-orange-300 { caret-color: var(--quanta-orange-300); }
[data-theme="dark"] .dark-caret-orange-400 { caret-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-group-hover-caret-orange-400 { caret-color: var(--quanta-orange-400); }
[data-theme="dark"] .dark-caret-orange-500 { caret-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-group-hover-caret-orange-500 { caret-color: var(--quanta-orange-500); }
[data-theme="dark"] .dark-caret-orange-600 { caret-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-group-hover-caret-orange-600 { caret-color: var(--quanta-orange-600); }
[data-theme="dark"] .dark-caret-orange-700 { caret-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-group-hover-caret-orange-700 { caret-color: var(--quanta-orange-700); }
[data-theme="dark"] .dark-caret-orange-800 { caret-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-group-hover-caret-orange-800 { caret-color: var(--quanta-orange-800); }
[data-theme="dark"] .dark-caret-orange-900 { caret-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-group-hover-caret-orange-900 { caret-color: var(--quanta-orange-900); }
[data-theme="dark"] .dark-caret-teal-50 { caret-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-group-hover-caret-teal-50 { caret-color: var(--quanta-teal-50); }
[data-theme="dark"] .dark-caret-teal-100 { caret-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-group-hover-caret-teal-100 { caret-color: var(--quanta-teal-100); }
[data-theme="dark"] .dark-caret-teal-200 { caret-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-group-hover-caret-teal-200 { caret-color: var(--quanta-teal-200); }
[data-theme="dark"] .dark-caret-teal-300 { caret-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-group-hover-caret-teal-300 { caret-color: var(--quanta-teal-300); }
[data-theme="dark"] .dark-caret-teal-400 { caret-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-group-hover-caret-teal-400 { caret-color: var(--quanta-teal-400); }
[data-theme="dark"] .dark-caret-teal-500 { caret-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-group-hover-caret-teal-500 { caret-color: var(--quanta-teal-500); }
[data-theme="dark"] .dark-caret-teal-600 { caret-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-group-hover-caret-teal-600 { caret-color: var(--quanta-teal-600); }
[data-theme="dark"] .dark-caret-teal-700 { caret-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-group-hover-caret-teal-700 { caret-color: var(--quanta-teal-700); }
[data-theme="dark"] .dark-caret-teal-800 { caret-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-group-hover-caret-teal-800 { caret-color: var(--quanta-teal-800); }
[data-theme="dark"] .dark-caret-teal-900 { caret-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-group-hover-caret-teal-900 { caret-color: var(--quanta-teal-900); }
[data-theme="dark"] .dark-caret-purple-50 { caret-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-group-hover-caret-purple-50 { caret-color: var(--quanta-purple-50); }
[data-theme="dark"] .dark-caret-purple-100 { caret-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-group-hover-caret-purple-100 { caret-color: var(--quanta-purple-100); }
[data-theme="dark"] .dark-caret-purple-200 { caret-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-group-hover-caret-purple-200 { caret-color: var(--quanta-purple-200); }
[data-theme="dark"] .dark-caret-purple-300 { caret-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-group-hover-caret-purple-300 { caret-color: var(--quanta-purple-300); }
[data-theme="dark"] .dark-caret-purple-400 { caret-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-group-hover-caret-purple-400 { caret-color: var(--quanta-purple-400); }
[data-theme="dark"] .dark-caret-purple-500 { caret-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-group-hover-caret-purple-500 { caret-color: var(--quanta-purple-500); }
[data-theme="dark"] .dark-caret-purple-600 { caret-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-group-hover-caret-purple-600 { caret-color: var(--quanta-purple-600); }
[data-theme="dark"] .dark-caret-purple-700 { caret-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-group-hover-caret-purple-700 { caret-color: var(--quanta-purple-700); }
[data-theme="dark"] .dark-caret-purple-800 { caret-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-group-hover-caret-purple-800 { caret-color: var(--quanta-purple-800); }
[data-theme="dark"] .dark-caret-purple-900 { caret-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-group-hover-caret-purple-900 { caret-color: var(--quanta-purple-900); }
[data-theme="dark"] .dark-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-group-hover-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
[data-theme="dark"] .dark-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-group-hover-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
[data-theme="dark"] .dark-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-group-hover-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
[data-theme="dark"] .dark-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-group-hover-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
[data-theme="dark"] .dark-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-group-hover-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
[data-theme="dark"] .dark-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-group-hover-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
[data-theme="dark"] .dark-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-group-hover-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
[data-theme="dark"] .dark-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-group-hover-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
[data-theme="dark"] .dark-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-group-hover-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
[data-theme="dark"] .dark-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-group-hover-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
[data-theme="dark"] .dark-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-group-hover-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
[data-theme="dark"] .dark-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-group-hover-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
[data-theme="dark"] .dark-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-group-hover-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
[data-theme="dark"] .dark-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-group-hover-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
[data-theme="dark"] .dark-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-group-hover-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
[data-theme="dark"] .dark-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-group-hover-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
[data-theme="dark"] .dark-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-group-hover-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
[data-theme="dark"] .dark-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-group-hover-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
[data-theme="dark"] .dark-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-group-hover-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
[data-theme="dark"] .dark-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-group-hover-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
[data-theme="dark"] .dark-caret-pink-50 { caret-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-group-hover-caret-pink-50 { caret-color: var(--quanta-pink-50); }
[data-theme="dark"] .dark-caret-pink-100 { caret-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-group-hover-caret-pink-100 { caret-color: var(--quanta-pink-100); }
[data-theme="dark"] .dark-caret-pink-200 { caret-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-group-hover-caret-pink-200 { caret-color: var(--quanta-pink-200); }
[data-theme="dark"] .dark-caret-pink-300 { caret-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-group-hover-caret-pink-300 { caret-color: var(--quanta-pink-300); }
[data-theme="dark"] .dark-caret-pink-400 { caret-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-group-hover-caret-pink-400 { caret-color: var(--quanta-pink-400); }
[data-theme="dark"] .dark-caret-pink-500 { caret-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-group-hover-caret-pink-500 { caret-color: var(--quanta-pink-500); }
[data-theme="dark"] .dark-caret-pink-600 { caret-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-group-hover-caret-pink-600 { caret-color: var(--quanta-pink-600); }
[data-theme="dark"] .dark-caret-pink-700 { caret-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-group-hover-caret-pink-700 { caret-color: var(--quanta-pink-700); }
[data-theme="dark"] .dark-caret-pink-800 { caret-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-group-hover-caret-pink-800 { caret-color: var(--quanta-pink-800); }
[data-theme="dark"] .dark-caret-pink-900 { caret-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-group-hover-caret-pink-900 { caret-color: var(--quanta-pink-900); }
[data-theme="dark"] .dark-caret-grey-50 { caret-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-group-hover-caret-grey-50 { caret-color: var(--quanta-grey-50); }
[data-theme="dark"] .dark-caret-grey-100 { caret-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-group-hover-caret-grey-100 { caret-color: var(--quanta-grey-100); }
[data-theme="dark"] .dark-caret-grey-200 { caret-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-group-hover-caret-grey-200 { caret-color: var(--quanta-grey-200); }
[data-theme="dark"] .dark-caret-grey-300 { caret-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-group-hover-caret-grey-300 { caret-color: var(--quanta-grey-300); }
[data-theme="dark"] .dark-caret-grey-400 { caret-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-group-hover-caret-grey-400 { caret-color: var(--quanta-grey-400); }
[data-theme="dark"] .dark-caret-grey-500 { caret-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-group-hover-caret-grey-500 { caret-color: var(--quanta-grey-500); }
[data-theme="dark"] .dark-caret-grey-600 { caret-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-group-hover-caret-grey-600 { caret-color: var(--quanta-grey-600); }
[data-theme="dark"] .dark-caret-grey-700 { caret-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-group-hover-caret-grey-700 { caret-color: var(--quanta-grey-700); }
[data-theme="dark"] .dark-caret-grey-800 { caret-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-group-hover-caret-grey-800 { caret-color: var(--quanta-grey-800); }
[data-theme="dark"] .dark-caret-grey-900 { caret-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-group-hover-caret-grey-900 { caret-color: var(--quanta-grey-900); }
[data-theme="dark"] .dark-caret-lime-50 { caret-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-group-hover-caret-lime-50 { caret-color: var(--quanta-lime-50); }
[data-theme="dark"] .dark-caret-lime-100 { caret-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-group-hover-caret-lime-100 { caret-color: var(--quanta-lime-100); }
[data-theme="dark"] .dark-caret-lime-200 { caret-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-group-hover-caret-lime-200 { caret-color: var(--quanta-lime-200); }
[data-theme="dark"] .dark-caret-lime-300 { caret-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-group-hover-caret-lime-300 { caret-color: var(--quanta-lime-300); }
[data-theme="dark"] .dark-caret-lime-400 { caret-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-group-hover-caret-lime-400 { caret-color: var(--quanta-lime-400); }
[data-theme="dark"] .dark-caret-lime-500 { caret-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-group-hover-caret-lime-500 { caret-color: var(--quanta-lime-500); }
[data-theme="dark"] .dark-caret-lime-600 { caret-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-group-hover-caret-lime-600 { caret-color: var(--quanta-lime-600); }
[data-theme="dark"] .dark-caret-lime-700 { caret-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-group-hover-caret-lime-700 { caret-color: var(--quanta-lime-700); }
[data-theme="dark"] .dark-caret-lime-800 { caret-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-group-hover-caret-lime-800 { caret-color: var(--quanta-lime-800); }
[data-theme="dark"] .dark-caret-lime-900 { caret-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-group-hover-caret-lime-900 { caret-color: var(--quanta-lime-900); }
[data-theme="dark"] .dark-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-group-hover-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
[data-theme="dark"] .dark-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-group-hover-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
[data-theme="dark"] .dark-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-group-hover-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
[data-theme="dark"] .dark-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-group-hover-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
[data-theme="dark"] .dark-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-group-hover-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
[data-theme="dark"] .dark-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-group-hover-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
[data-theme="dark"] .dark-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-group-hover-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
[data-theme="dark"] .dark-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-group-hover-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
[data-theme="dark"] .dark-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-group-hover-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
[data-theme="dark"] .dark-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-group-hover-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
[data-theme="dark"] .dark-caret-sky-50 { caret-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-group-hover-caret-sky-50 { caret-color: var(--quanta-sky-50); }
[data-theme="dark"] .dark-caret-sky-100 { caret-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-group-hover-caret-sky-100 { caret-color: var(--quanta-sky-100); }
[data-theme="dark"] .dark-caret-sky-200 { caret-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-group-hover-caret-sky-200 { caret-color: var(--quanta-sky-200); }
[data-theme="dark"] .dark-caret-sky-300 { caret-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-group-hover-caret-sky-300 { caret-color: var(--quanta-sky-300); }
[data-theme="dark"] .dark-caret-sky-400 { caret-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-group-hover-caret-sky-400 { caret-color: var(--quanta-sky-400); }
[data-theme="dark"] .dark-caret-sky-500 { caret-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-group-hover-caret-sky-500 { caret-color: var(--quanta-sky-500); }
[data-theme="dark"] .dark-caret-sky-600 { caret-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-group-hover-caret-sky-600 { caret-color: var(--quanta-sky-600); }
[data-theme="dark"] .dark-caret-sky-700 { caret-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-group-hover-caret-sky-700 { caret-color: var(--quanta-sky-700); }
[data-theme="dark"] .dark-caret-sky-800 { caret-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-group-hover-caret-sky-800 { caret-color: var(--quanta-sky-800); }
[data-theme="dark"] .dark-caret-sky-900 { caret-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-group-hover-caret-sky-900 { caret-color: var(--quanta-sky-900); }
[data-theme="dark"] .dark-caret-violet-50 { caret-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-group-hover-caret-violet-50 { caret-color: var(--quanta-violet-50); }
[data-theme="dark"] .dark-caret-violet-100 { caret-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-group-hover-caret-violet-100 { caret-color: var(--quanta-violet-100); }
[data-theme="dark"] .dark-caret-violet-200 { caret-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-group-hover-caret-violet-200 { caret-color: var(--quanta-violet-200); }
[data-theme="dark"] .dark-caret-violet-300 { caret-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-group-hover-caret-violet-300 { caret-color: var(--quanta-violet-300); }
[data-theme="dark"] .dark-caret-violet-400 { caret-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-group-hover-caret-violet-400 { caret-color: var(--quanta-violet-400); }
[data-theme="dark"] .dark-caret-violet-500 { caret-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-group-hover-caret-violet-500 { caret-color: var(--quanta-violet-500); }
[data-theme="dark"] .dark-caret-violet-600 { caret-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-group-hover-caret-violet-600 { caret-color: var(--quanta-violet-600); }
[data-theme="dark"] .dark-caret-violet-700 { caret-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-group-hover-caret-violet-700 { caret-color: var(--quanta-violet-700); }
[data-theme="dark"] .dark-caret-violet-800 { caret-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-group-hover-caret-violet-800 { caret-color: var(--quanta-violet-800); }
[data-theme="dark"] .dark-caret-violet-900 { caret-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-group-hover-caret-violet-900 { caret-color: var(--quanta-violet-900); }
[data-theme="dark"] .dark-caret-rose-50 { caret-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-group-hover-caret-rose-50 { caret-color: var(--quanta-rose-50); }
[data-theme="dark"] .dark-caret-rose-100 { caret-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-group-hover-caret-rose-100 { caret-color: var(--quanta-rose-100); }
[data-theme="dark"] .dark-caret-rose-200 { caret-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-group-hover-caret-rose-200 { caret-color: var(--quanta-rose-200); }
[data-theme="dark"] .dark-caret-rose-300 { caret-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-group-hover-caret-rose-300 { caret-color: var(--quanta-rose-300); }
[data-theme="dark"] .dark-caret-rose-400 { caret-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-group-hover-caret-rose-400 { caret-color: var(--quanta-rose-400); }
[data-theme="dark"] .dark-caret-rose-500 { caret-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-group-hover-caret-rose-500 { caret-color: var(--quanta-rose-500); }
[data-theme="dark"] .dark-caret-rose-600 { caret-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-group-hover-caret-rose-600 { caret-color: var(--quanta-rose-600); }
[data-theme="dark"] .dark-caret-rose-700 { caret-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-group-hover-caret-rose-700 { caret-color: var(--quanta-rose-700); }
[data-theme="dark"] .dark-caret-rose-800 { caret-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-group-hover-caret-rose-800 { caret-color: var(--quanta-rose-800); }
[data-theme="dark"] .dark-caret-rose-900 { caret-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-group-hover-caret-rose-900 { caret-color: var(--quanta-rose-900); }
[data-theme="dark"] .dark-caret-slate-50 { caret-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-group-hover-caret-slate-50 { caret-color: var(--quanta-slate-50); }
[data-theme="dark"] .dark-caret-slate-100 { caret-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-group-hover-caret-slate-100 { caret-color: var(--quanta-slate-100); }
[data-theme="dark"] .dark-caret-slate-200 { caret-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-group-hover-caret-slate-200 { caret-color: var(--quanta-slate-200); }
[data-theme="dark"] .dark-caret-slate-300 { caret-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-group-hover-caret-slate-300 { caret-color: var(--quanta-slate-300); }
[data-theme="dark"] .dark-caret-slate-400 { caret-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-group-hover-caret-slate-400 { caret-color: var(--quanta-slate-400); }
[data-theme="dark"] .dark-caret-slate-500 { caret-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-group-hover-caret-slate-500 { caret-color: var(--quanta-slate-500); }
[data-theme="dark"] .dark-caret-slate-600 { caret-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-group-hover-caret-slate-600 { caret-color: var(--quanta-slate-600); }
[data-theme="dark"] .dark-caret-slate-700 { caret-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-group-hover-caret-slate-700 { caret-color: var(--quanta-slate-700); }
[data-theme="dark"] .dark-caret-slate-800 { caret-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-group-hover-caret-slate-800 { caret-color: var(--quanta-slate-800); }
[data-theme="dark"] .dark-caret-slate-900 { caret-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-group-hover-caret-slate-900 { caret-color: var(--quanta-slate-900); }
[data-theme="dark"] .dark-caret-blue-50 { caret-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-group-hover-caret-blue-50 { caret-color: var(--quanta-blue-50); }
[data-theme="dark"] .dark-caret-blue-100 { caret-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-group-hover-caret-blue-100 { caret-color: var(--quanta-blue-100); }
[data-theme="dark"] .dark-caret-blue-200 { caret-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-group-hover-caret-blue-200 { caret-color: var(--quanta-blue-200); }
[data-theme="dark"] .dark-caret-blue-300 { caret-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-group-hover-caret-blue-300 { caret-color: var(--quanta-blue-300); }
[data-theme="dark"] .dark-caret-blue-400 { caret-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-group-hover-caret-blue-400 { caret-color: var(--quanta-blue-400); }
[data-theme="dark"] .dark-caret-blue-500 { caret-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-caret-blue-500 { caret-color: var(--quanta-blue-500); }
[data-theme="dark"] .dark-caret-blue-600 { caret-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-group-hover-caret-blue-600 { caret-color: var(--quanta-blue-600); }
[data-theme="dark"] .dark-caret-blue-700 { caret-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-group-hover-caret-blue-700 { caret-color: var(--quanta-blue-700); }
[data-theme="dark"] .dark-caret-blue-800 { caret-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-group-hover-caret-blue-800 { caret-color: var(--quanta-blue-800); }
[data-theme="dark"] .dark-caret-blue-900 { caret-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-group-hover-caret-blue-900 { caret-color: var(--quanta-blue-900); }
[data-theme="dark"] .dark-caret-green-50 { caret-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-group-hover-caret-green-50 { caret-color: var(--quanta-green-50); }
[data-theme="dark"] .dark-caret-green-100 { caret-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-group-hover-caret-green-100 { caret-color: var(--quanta-green-100); }
[data-theme="dark"] .dark-caret-green-200 { caret-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-group-hover-caret-green-200 { caret-color: var(--quanta-green-200); }
[data-theme="dark"] .dark-caret-green-300 { caret-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-group-hover-caret-green-300 { caret-color: var(--quanta-green-300); }
[data-theme="dark"] .dark-caret-green-400 { caret-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-group-hover-caret-green-400 { caret-color: var(--quanta-green-400); }
[data-theme="dark"] .dark-caret-green-500 { caret-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-group-hover-caret-green-500 { caret-color: var(--quanta-green-500); }
[data-theme="dark"] .dark-caret-green-600 { caret-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-group-hover-caret-green-600 { caret-color: var(--quanta-green-600); }
[data-theme="dark"] .dark-caret-green-700 { caret-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-group-hover-caret-green-700 { caret-color: var(--quanta-green-700); }
[data-theme="dark"] .dark-caret-green-800 { caret-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-group-hover-caret-green-800 { caret-color: var(--quanta-green-800); }
[data-theme="dark"] .dark-caret-green-900 { caret-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-group-hover-caret-green-900 { caret-color: var(--quanta-green-900); }
[data-theme="dark"] .dark-caret-black { caret-color: var(--black); }
[data-theme="dark"] .dark-hover-caret-black:hover { caret-color: var(--black); }
[data-theme="dark"] .dark-focus-caret-black:focus { caret-color: var(--black); }
[data-theme="dark"] .dark-active-caret-black:active { caret-color: var(--black); }
[data-theme="dark"] .dark-disabled-caret-black:disabled { caret-color: var(--black); }
[data-theme="dark"] .dark-group-hover-caret-black { caret-color: var(--black); }
[data-theme="dark"] .dark-caret-white { caret-color: var(--white); }
[data-theme="dark"] .dark-hover-caret-white:hover { caret-color: var(--white); }
[data-theme="dark"] .dark-focus-caret-white:focus { caret-color: var(--white); }
[data-theme="dark"] .dark-active-caret-white:active { caret-color: var(--white); }
[data-theme="dark"] .dark-disabled-caret-white:disabled { caret-color: var(--white); }
[data-theme="dark"] .dark-group-hover-caret-white { caret-color: var(--white); }
[data-theme="dark"] .dark-color-scheme-light { color-scheme: light; }
[data-theme="dark"] .dark-hover-color-scheme-light:hover { color-scheme: light; }
[data-theme="dark"] .dark-focus-color-scheme-light:focus { color-scheme: light; }
[data-theme="dark"] .dark-active-color-scheme-light:active { color-scheme: light; }
[data-theme="dark"] .dark-disabled-color-scheme-light:disabled { color-scheme: light; }
[data-theme="dark"] .dark-group-hover-color-scheme-light { color-scheme: light; }
[data-theme="dark"] .dark-color-scheme-dark { color-scheme: dark; }
[data-theme="dark"] .dark-hover-color-scheme-dark:hover { color-scheme: dark; }
[data-theme="dark"] .dark-focus-color-scheme-dark:focus { color-scheme: dark; }
[data-theme="dark"] .dark-active-color-scheme-dark:active { color-scheme: dark; }
[data-theme="dark"] .dark-disabled-color-scheme-dark:disabled { color-scheme: dark; }
[data-theme="dark"] .dark-group-hover-color-scheme-dark { color-scheme: dark; }
[data-theme="dark"] .dark-color-scheme-normal { color-scheme: normal; }
[data-theme="dark"] .dark-hover-color-scheme-normal:hover { color-scheme: normal; }
[data-theme="dark"] .dark-focus-color-scheme-normal:focus { color-scheme: normal; }
[data-theme="dark"] .dark-active-color-scheme-normal:active { color-scheme: normal; }
[data-theme="dark"] .dark-disabled-color-scheme-normal:disabled { color-scheme: normal; }
[data-theme="dark"] .dark-group-hover-color-scheme-normal { color-scheme: normal; }
[data-theme="dark"] .dark-cursor-auto { cursor: auto; }
[data-theme="dark"] .dark-hover-cursor-auto:hover { cursor: auto; }
[data-theme="dark"] .dark-focus-cursor-auto:focus { cursor: auto; }
[data-theme="dark"] .dark-active-cursor-auto:active { cursor: auto; }
[data-theme="dark"] .dark-disabled-cursor-auto:disabled { cursor: auto; }
[data-theme="dark"] .dark-group-hover-cursor-auto { cursor: auto; }
[data-theme="dark"] .dark-cursor-default { cursor: default; }
[data-theme="dark"] .dark-hover-cursor-default:hover { cursor: default; }
[data-theme="dark"] .dark-focus-cursor-default:focus { cursor: default; }
[data-theme="dark"] .dark-active-cursor-default:active { cursor: default; }
[data-theme="dark"] .dark-disabled-cursor-default:disabled { cursor: default; }
[data-theme="dark"] .dark-group-hover-cursor-default { cursor: default; }
[data-theme="dark"] .dark-cursor-pointer { cursor: pointer; }
[data-theme="dark"] .dark-hover-cursor-pointer:hover { cursor: pointer; }
[data-theme="dark"] .dark-focus-cursor-pointer:focus { cursor: pointer; }
[data-theme="dark"] .dark-active-cursor-pointer:active { cursor: pointer; }
[data-theme="dark"] .dark-disabled-cursor-pointer:disabled { cursor: pointer; }
[data-theme="dark"] .dark-group-hover-cursor-pointer { cursor: pointer; }
[data-theme="dark"] .dark-cursor-wait { cursor: wait; }
[data-theme="dark"] .dark-hover-cursor-wait:hover { cursor: wait; }
[data-theme="dark"] .dark-focus-cursor-wait:focus { cursor: wait; }
[data-theme="dark"] .dark-active-cursor-wait:active { cursor: wait; }
[data-theme="dark"] .dark-disabled-cursor-wait:disabled { cursor: wait; }
[data-theme="dark"] .dark-group-hover-cursor-wait { cursor: wait; }
[data-theme="dark"] .dark-cursor-text { cursor: text; }
[data-theme="dark"] .dark-hover-cursor-text:hover { cursor: text; }
[data-theme="dark"] .dark-focus-cursor-text:focus { cursor: text; }
[data-theme="dark"] .dark-active-cursor-text:active { cursor: text; }
[data-theme="dark"] .dark-disabled-cursor-text:disabled { cursor: text; }
[data-theme="dark"] .dark-group-hover-cursor-text { cursor: text; }
[data-theme="dark"] .dark-cursor-move { cursor: move; }
[data-theme="dark"] .dark-hover-cursor-move:hover { cursor: move; }
[data-theme="dark"] .dark-focus-cursor-move:focus { cursor: move; }
[data-theme="dark"] .dark-active-cursor-move:active { cursor: move; }
[data-theme="dark"] .dark-disabled-cursor-move:disabled { cursor: move; }
[data-theme="dark"] .dark-group-hover-cursor-move { cursor: move; }
[data-theme="dark"] .dark-cursor-not-allowed { cursor: not-allowed; }
[data-theme="dark"] .dark-hover-cursor-not-allowed:hover { cursor: not-allowed; }
[data-theme="dark"] .dark-focus-cursor-not-allowed:focus { cursor: not-allowed; }
[data-theme="dark"] .dark-active-cursor-not-allowed:active { cursor: not-allowed; }
[data-theme="dark"] .dark-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
[data-theme="dark"] .dark-group-hover-cursor-not-allowed { cursor: not-allowed; }
[data-theme="dark"] .dark-cursor-none { cursor: none; }
[data-theme="dark"] .dark-hover-cursor-none:hover { cursor: none; }
[data-theme="dark"] .dark-focus-cursor-none:focus { cursor: none; }
[data-theme="dark"] .dark-active-cursor-none:active { cursor: none; }
[data-theme="dark"] .dark-disabled-cursor-none:disabled { cursor: none; }
[data-theme="dark"] .dark-group-hover-cursor-none { cursor: none; }
[data-theme="dark"] .dark-pointer-events-none { pointer-events: none; }
[data-theme="dark"] .dark-hover-pointer-events-none:hover { pointer-events: none; }
[data-theme="dark"] .dark-focus-pointer-events-none:focus { pointer-events: none; }
[data-theme="dark"] .dark-active-pointer-events-none:active { pointer-events: none; }
[data-theme="dark"] .dark-disabled-pointer-events-none:disabled { pointer-events: none; }
[data-theme="dark"] .dark-group-hover-pointer-events-none { pointer-events: none; }
[data-theme="dark"] .dark-pointer-events-auto { pointer-events: auto; }
[data-theme="dark"] .dark-hover-pointer-events-auto:hover { pointer-events: auto; }
[data-theme="dark"] .dark-focus-pointer-events-auto:focus { pointer-events: auto; }
[data-theme="dark"] .dark-active-pointer-events-auto:active { pointer-events: auto; }
[data-theme="dark"] .dark-disabled-pointer-events-auto:disabled { pointer-events: auto; }
[data-theme="dark"] .dark-group-hover-pointer-events-auto { pointer-events: auto; }
[data-theme="dark"] .dark-resize-none { resize: none; }
[data-theme="dark"] .dark-hover-resize-none:hover { resize: none; }
[data-theme="dark"] .dark-focus-resize-none:focus { resize: none; }
[data-theme="dark"] .dark-active-resize-none:active { resize: none; }
[data-theme="dark"] .dark-disabled-resize-none:disabled { resize: none; }
[data-theme="dark"] .dark-group-hover-resize-none { resize: none; }
[data-theme="dark"] .dark-resize-x { resize: horizontal; }
[data-theme="dark"] .dark-hover-resize-x:hover { resize: horizontal; }
[data-theme="dark"] .dark-focus-resize-x:focus { resize: horizontal; }
[data-theme="dark"] .dark-active-resize-x:active { resize: horizontal; }
[data-theme="dark"] .dark-disabled-resize-x:disabled { resize: horizontal; }
[data-theme="dark"] .dark-group-hover-resize-x { resize: horizontal; }
[data-theme="dark"] .dark-resize-y { resize: vertical; }
[data-theme="dark"] .dark-hover-resize-y:hover { resize: vertical; }
[data-theme="dark"] .dark-focus-resize-y:focus { resize: vertical; }
[data-theme="dark"] .dark-active-resize-y:active { resize: vertical; }
[data-theme="dark"] .dark-disabled-resize-y:disabled { resize: vertical; }
[data-theme="dark"] .dark-group-hover-resize-y { resize: vertical; }
[data-theme="dark"] .dark-resize { resize: both; }
[data-theme="dark"] .dark-hover-resize:hover { resize: both; }
[data-theme="dark"] .dark-focus-resize:focus { resize: both; }
[data-theme="dark"] .dark-active-resize:active { resize: both; }
[data-theme="dark"] .dark-disabled-resize:disabled { resize: both; }
[data-theme="dark"] .dark-group-hover-resize { resize: both; }
[data-theme="dark"] .dark-scroll-auto { scroll-behavior: auto; }
[data-theme="dark"] .dark-hover-scroll-auto:hover { scroll-behavior: auto; }
[data-theme="dark"] .dark-focus-scroll-auto:focus { scroll-behavior: auto; }
[data-theme="dark"] .dark-active-scroll-auto:active { scroll-behavior: auto; }
[data-theme="dark"] .dark-disabled-scroll-auto:disabled { scroll-behavior: auto; }
[data-theme="dark"] .dark-group-hover-scroll-auto { scroll-behavior: auto; }
[data-theme="dark"] .dark-scroll-smooth { scroll-behavior: smooth; }
[data-theme="dark"] .dark-hover-scroll-smooth:hover { scroll-behavior: smooth; }
[data-theme="dark"] .dark-focus-scroll-smooth:focus { scroll-behavior: smooth; }
[data-theme="dark"] .dark-active-scroll-smooth:active { scroll-behavior: smooth; }
[data-theme="dark"] .dark-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
[data-theme="dark"] .dark-group-hover-scroll-smooth { scroll-behavior: smooth; }
[data-theme="dark"] .dark-scroll-m-0 { scroll-margin: 0rem; }
[data-theme="dark"] .dark-hover-scroll-m-0:hover { scroll-margin: 0rem; }
[data-theme="dark"] .dark-focus-scroll-m-0:focus { scroll-margin: 0rem; }
[data-theme="dark"] .dark-active-scroll-m-0:active { scroll-margin: 0rem; }
[data-theme="dark"] .dark-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-0 { scroll-margin: 0rem; }
[data-theme="dark"] .dark-scroll-p-0 { scroll-padding: 0rem; }
[data-theme="dark"] .dark-hover-scroll-p-0:hover { scroll-padding: 0rem; }
[data-theme="dark"] .dark-focus-scroll-p-0:focus { scroll-padding: 0rem; }
[data-theme="dark"] .dark-active-scroll-p-0:active { scroll-padding: 0rem; }
[data-theme="dark"] .dark-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-0 { scroll-padding: 0rem; }
[data-theme="dark"] .dark-scroll-m-0_125 { scroll-margin: 0.125rem; }
[data-theme="dark"] .dark-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
[data-theme="dark"] .dark-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
[data-theme="dark"] .dark-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
[data-theme="dark"] .dark-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-0_125 { scroll-margin: 0.125rem; }
[data-theme="dark"] .dark-scroll-p-0_125 { scroll-padding: 0.125rem; }
[data-theme="dark"] .dark-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
[data-theme="dark"] .dark-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
[data-theme="dark"] .dark-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
[data-theme="dark"] .dark-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-0_125 { scroll-padding: 0.125rem; }
[data-theme="dark"] .dark-scroll-m-0_25 { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-0_25 { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-scroll-p-0_25 { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-0_25 { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-scroll-m-0_5 { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-0_5 { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-scroll-p-0_5 { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-0_5 { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-scroll-m-0_75 { scroll-margin: 0.75rem; }
[data-theme="dark"] .dark-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
[data-theme="dark"] .dark-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
[data-theme="dark"] .dark-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
[data-theme="dark"] .dark-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-0_75 { scroll-margin: 0.75rem; }
[data-theme="dark"] .dark-scroll-p-0_75 { scroll-padding: 0.75rem; }
[data-theme="dark"] .dark-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
[data-theme="dark"] .dark-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
[data-theme="dark"] .dark-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
[data-theme="dark"] .dark-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-0_75 { scroll-padding: 0.75rem; }
[data-theme="dark"] .dark-scroll-m-1 { scroll-margin: 1rem; }
[data-theme="dark"] .dark-hover-scroll-m-1:hover { scroll-margin: 1rem; }
[data-theme="dark"] .dark-focus-scroll-m-1:focus { scroll-margin: 1rem; }
[data-theme="dark"] .dark-active-scroll-m-1:active { scroll-margin: 1rem; }
[data-theme="dark"] .dark-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-1 { scroll-margin: 1rem; }
[data-theme="dark"] .dark-scroll-p-1 { scroll-padding: 1rem; }
[data-theme="dark"] .dark-hover-scroll-p-1:hover { scroll-padding: 1rem; }
[data-theme="dark"] .dark-focus-scroll-p-1:focus { scroll-padding: 1rem; }
[data-theme="dark"] .dark-active-scroll-p-1:active { scroll-padding: 1rem; }
[data-theme="dark"] .dark-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-1 { scroll-padding: 1rem; }
[data-theme="dark"] .dark-scroll-m-1_5 { scroll-margin: 1.5rem; }
[data-theme="dark"] .dark-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
[data-theme="dark"] .dark-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
[data-theme="dark"] .dark-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
[data-theme="dark"] .dark-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-1_5 { scroll-margin: 1.5rem; }
[data-theme="dark"] .dark-scroll-p-1_5 { scroll-padding: 1.5rem; }
[data-theme="dark"] .dark-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
[data-theme="dark"] .dark-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
[data-theme="dark"] .dark-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
[data-theme="dark"] .dark-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-1_5 { scroll-padding: 1.5rem; }
[data-theme="dark"] .dark-scroll-m-2 { scroll-margin: 2rem; }
[data-theme="dark"] .dark-hover-scroll-m-2:hover { scroll-margin: 2rem; }
[data-theme="dark"] .dark-focus-scroll-m-2:focus { scroll-margin: 2rem; }
[data-theme="dark"] .dark-active-scroll-m-2:active { scroll-margin: 2rem; }
[data-theme="dark"] .dark-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-2 { scroll-margin: 2rem; }
[data-theme="dark"] .dark-scroll-p-2 { scroll-padding: 2rem; }
[data-theme="dark"] .dark-hover-scroll-p-2:hover { scroll-padding: 2rem; }
[data-theme="dark"] .dark-focus-scroll-p-2:focus { scroll-padding: 2rem; }
[data-theme="dark"] .dark-active-scroll-p-2:active { scroll-padding: 2rem; }
[data-theme="dark"] .dark-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-2 { scroll-padding: 2rem; }
[data-theme="dark"] .dark-scroll-m-3 { scroll-margin: 3rem; }
[data-theme="dark"] .dark-hover-scroll-m-3:hover { scroll-margin: 3rem; }
[data-theme="dark"] .dark-focus-scroll-m-3:focus { scroll-margin: 3rem; }
[data-theme="dark"] .dark-active-scroll-m-3:active { scroll-margin: 3rem; }
[data-theme="dark"] .dark-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-3 { scroll-margin: 3rem; }
[data-theme="dark"] .dark-scroll-p-3 { scroll-padding: 3rem; }
[data-theme="dark"] .dark-hover-scroll-p-3:hover { scroll-padding: 3rem; }
[data-theme="dark"] .dark-focus-scroll-p-3:focus { scroll-padding: 3rem; }
[data-theme="dark"] .dark-active-scroll-p-3:active { scroll-padding: 3rem; }
[data-theme="dark"] .dark-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-3 { scroll-padding: 3rem; }
[data-theme="dark"] .dark-scroll-m-4 { scroll-margin: 4rem; }
[data-theme="dark"] .dark-hover-scroll-m-4:hover { scroll-margin: 4rem; }
[data-theme="dark"] .dark-focus-scroll-m-4:focus { scroll-margin: 4rem; }
[data-theme="dark"] .dark-active-scroll-m-4:active { scroll-margin: 4rem; }
[data-theme="dark"] .dark-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-4 { scroll-margin: 4rem; }
[data-theme="dark"] .dark-scroll-p-4 { scroll-padding: 4rem; }
[data-theme="dark"] .dark-hover-scroll-p-4:hover { scroll-padding: 4rem; }
[data-theme="dark"] .dark-focus-scroll-p-4:focus { scroll-padding: 4rem; }
[data-theme="dark"] .dark-active-scroll-p-4:active { scroll-padding: 4rem; }
[data-theme="dark"] .dark-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-4 { scroll-padding: 4rem; }
[data-theme="dark"] .dark-snap-x { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-hover-snap-x:hover { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-focus-snap-x:focus { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-active-snap-x:active { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-group-hover-snap-x { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-snap-y { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-hover-snap-y:hover { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-focus-snap-y:focus { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-active-snap-y:active { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-group-hover-snap-y { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-snap-both { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-hover-snap-both:hover { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-focus-snap-both:focus { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-active-snap-both:active { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-group-hover-snap-both { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-snap-align-start { scroll-snap-align: start; }
[data-theme="dark"] .dark-hover-snap-align-start:hover { scroll-snap-align: start; }
[data-theme="dark"] .dark-focus-snap-align-start:focus { scroll-snap-align: start; }
[data-theme="dark"] .dark-active-snap-align-start:active { scroll-snap-align: start; }
[data-theme="dark"] .dark-disabled-snap-align-start:disabled { scroll-snap-align: start; }
[data-theme="dark"] .dark-group-hover-snap-align-start { scroll-snap-align: start; }
[data-theme="dark"] .dark-snap-align-end { scroll-snap-align: end; }
[data-theme="dark"] .dark-hover-snap-align-end:hover { scroll-snap-align: end; }
[data-theme="dark"] .dark-focus-snap-align-end:focus { scroll-snap-align: end; }
[data-theme="dark"] .dark-active-snap-align-end:active { scroll-snap-align: end; }
[data-theme="dark"] .dark-disabled-snap-align-end:disabled { scroll-snap-align: end; }
[data-theme="dark"] .dark-group-hover-snap-align-end { scroll-snap-align: end; }
[data-theme="dark"] .dark-snap-align-center { scroll-snap-align: center; }
[data-theme="dark"] .dark-hover-snap-align-center:hover { scroll-snap-align: center; }
[data-theme="dark"] .dark-focus-snap-align-center:focus { scroll-snap-align: center; }
[data-theme="dark"] .dark-active-snap-align-center:active { scroll-snap-align: center; }
[data-theme="dark"] .dark-disabled-snap-align-center:disabled { scroll-snap-align: center; }
[data-theme="dark"] .dark-group-hover-snap-align-center { scroll-snap-align: center; }
[data-theme="dark"] .dark-snap-align-none { scroll-snap-align: none; }
[data-theme="dark"] .dark-hover-snap-align-none:hover { scroll-snap-align: none; }
[data-theme="dark"] .dark-focus-snap-align-none:focus { scroll-snap-align: none; }
[data-theme="dark"] .dark-active-snap-align-none:active { scroll-snap-align: none; }
[data-theme="dark"] .dark-disabled-snap-align-none:disabled { scroll-snap-align: none; }
[data-theme="dark"] .dark-group-hover-snap-align-none { scroll-snap-align: none; }
[data-theme="dark"] .dark-snap-stop-normal { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-active-snap-stop-normal:active { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-snap-stop-always { scroll-snap-stop: always; }
[data-theme="dark"] .dark-hover-snap-stop-always:hover { scroll-snap-stop: always; }
[data-theme="dark"] .dark-focus-snap-stop-always:focus { scroll-snap-stop: always; }
[data-theme="dark"] .dark-active-snap-stop-always:active { scroll-snap-stop: always; }
[data-theme="dark"] .dark-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
[data-theme="dark"] .dark-group-hover-snap-stop-always { scroll-snap-stop: always; }
[data-theme="dark"] .dark-touch-auto { touch-action: auto; }
[data-theme="dark"] .dark-hover-touch-auto:hover { touch-action: auto; }
[data-theme="dark"] .dark-focus-touch-auto:focus { touch-action: auto; }
[data-theme="dark"] .dark-active-touch-auto:active { touch-action: auto; }
[data-theme="dark"] .dark-disabled-touch-auto:disabled { touch-action: auto; }
[data-theme="dark"] .dark-group-hover-touch-auto { touch-action: auto; }
[data-theme="dark"] .dark-touch-none { touch-action: none; }
[data-theme="dark"] .dark-hover-touch-none:hover { touch-action: none; }
[data-theme="dark"] .dark-focus-touch-none:focus { touch-action: none; }
[data-theme="dark"] .dark-active-touch-none:active { touch-action: none; }
[data-theme="dark"] .dark-disabled-touch-none:disabled { touch-action: none; }
[data-theme="dark"] .dark-group-hover-touch-none { touch-action: none; }
[data-theme="dark"] .dark-touch-pan_x { touch-action: pan-x; }
[data-theme="dark"] .dark-hover-touch-pan_x:hover { touch-action: pan-x; }
[data-theme="dark"] .dark-focus-touch-pan_x:focus { touch-action: pan-x; }
[data-theme="dark"] .dark-active-touch-pan_x:active { touch-action: pan-x; }
[data-theme="dark"] .dark-disabled-touch-pan_x:disabled { touch-action: pan-x; }
[data-theme="dark"] .dark-group-hover-touch-pan_x { touch-action: pan-x; }
[data-theme="dark"] .dark-touch-pan_y { touch-action: pan-y; }
[data-theme="dark"] .dark-hover-touch-pan_y:hover { touch-action: pan-y; }
[data-theme="dark"] .dark-focus-touch-pan_y:focus { touch-action: pan-y; }
[data-theme="dark"] .dark-active-touch-pan_y:active { touch-action: pan-y; }
[data-theme="dark"] .dark-disabled-touch-pan_y:disabled { touch-action: pan-y; }
[data-theme="dark"] .dark-group-hover-touch-pan_y { touch-action: pan-y; }
[data-theme="dark"] .dark-touch-manipulation { touch-action: manipulation; }
[data-theme="dark"] .dark-hover-touch-manipulation:hover { touch-action: manipulation; }
[data-theme="dark"] .dark-focus-touch-manipulation:focus { touch-action: manipulation; }
[data-theme="dark"] .dark-active-touch-manipulation:active { touch-action: manipulation; }
[data-theme="dark"] .dark-disabled-touch-manipulation:disabled { touch-action: manipulation; }
[data-theme="dark"] .dark-group-hover-touch-manipulation { touch-action: manipulation; }
[data-theme="dark"] .dark-select-auto { user-select: auto; }
[data-theme="dark"] .dark-hover-select-auto:hover { user-select: auto; }
[data-theme="dark"] .dark-focus-select-auto:focus { user-select: auto; }
[data-theme="dark"] .dark-active-select-auto:active { user-select: auto; }
[data-theme="dark"] .dark-disabled-select-auto:disabled { user-select: auto; }
[data-theme="dark"] .dark-group-hover-select-auto { user-select: auto; }
[data-theme="dark"] .dark-select-none { user-select: none; }
[data-theme="dark"] .dark-hover-select-none:hover { user-select: none; }
[data-theme="dark"] .dark-focus-select-none:focus { user-select: none; }
[data-theme="dark"] .dark-active-select-none:active { user-select: none; }
[data-theme="dark"] .dark-disabled-select-none:disabled { user-select: none; }
[data-theme="dark"] .dark-group-hover-select-none { user-select: none; }
[data-theme="dark"] .dark-select-text { user-select: text; }
[data-theme="dark"] .dark-hover-select-text:hover { user-select: text; }
[data-theme="dark"] .dark-focus-select-text:focus { user-select: text; }
[data-theme="dark"] .dark-active-select-text:active { user-select: text; }
[data-theme="dark"] .dark-disabled-select-text:disabled { user-select: text; }
[data-theme="dark"] .dark-group-hover-select-text { user-select: text; }
[data-theme="dark"] .dark-select-all { user-select: all; }
[data-theme="dark"] .dark-hover-select-all:hover { user-select: all; }
[data-theme="dark"] .dark-focus-select-all:focus { user-select: all; }
[data-theme="dark"] .dark-active-select-all:active { user-select: all; }
[data-theme="dark"] .dark-disabled-select-all:disabled { user-select: all; }
[data-theme="dark"] .dark-group-hover-select-all { user-select: all; }
[data-theme="dark"] .dark-select-contain { user-select: contain; }
[data-theme="dark"] .dark-hover-select-contain:hover { user-select: contain; }
[data-theme="dark"] .dark-focus-select-contain:focus { user-select: contain; }
[data-theme="dark"] .dark-active-select-contain:active { user-select: contain; }
[data-theme="dark"] .dark-disabled-select-contain:disabled { user-select: contain; }
[data-theme="dark"] .dark-group-hover-select-contain { user-select: contain; }
[data-theme="dark"] .dark-will-change-auto { will-change: auto; }
[data-theme="dark"] .dark-hover-will-change-auto:hover { will-change: auto; }
[data-theme="dark"] .dark-focus-will-change-auto:focus { will-change: auto; }
[data-theme="dark"] .dark-active-will-change-auto:active { will-change: auto; }
[data-theme="dark"] .dark-disabled-will-change-auto:disabled { will-change: auto; }
[data-theme="dark"] .dark-group-hover-will-change-auto { will-change: auto; }
[data-theme="dark"] .dark-will-change-scroll { will-change: scroll; }
[data-theme="dark"] .dark-hover-will-change-scroll:hover { will-change: scroll; }
[data-theme="dark"] .dark-focus-will-change-scroll:focus { will-change: scroll; }
[data-theme="dark"] .dark-active-will-change-scroll:active { will-change: scroll; }
[data-theme="dark"] .dark-disabled-will-change-scroll:disabled { will-change: scroll; }
[data-theme="dark"] .dark-group-hover-will-change-scroll { will-change: scroll; }
[data-theme="dark"] .dark-will-change-transform { will-change: transform; }
[data-theme="dark"] .dark-hover-will-change-transform:hover { will-change: transform; }
[data-theme="dark"] .dark-focus-will-change-transform:focus { will-change: transform; }
[data-theme="dark"] .dark-active-will-change-transform:active { will-change: transform; }
[data-theme="dark"] .dark-disabled-will-change-transform:disabled { will-change: transform; }
[data-theme="dark"] .dark-group-hover-will-change-transform { will-change: transform; }
[data-theme="dark"] .dark-will-change-opacity { will-change: opacity; }
[data-theme="dark"] .dark-hover-will-change-opacity:hover { will-change: opacity; }
[data-theme="dark"] .dark-focus-will-change-opacity:focus { will-change: opacity; }
[data-theme="dark"] .dark-active-will-change-opacity:active { will-change: opacity; }
[data-theme="dark"] .dark-disabled-will-change-opacity:disabled { will-change: opacity; }
[data-theme="dark"] .dark-group-hover-will-change-opacity { will-change: opacity; }
[data-theme="dark"] .dark-will-change-contents { will-change: contents; }
[data-theme="dark"] .dark-hover-will-change-contents:hover { will-change: contents; }
[data-theme="dark"] .dark-focus-will-change-contents:focus { will-change: contents; }
[data-theme="dark"] .dark-active-will-change-contents:active { will-change: contents; }
[data-theme="dark"] .dark-disabled-will-change-contents:disabled { will-change: contents; }
[data-theme="dark"] .dark-group-hover-will-change-contents { will-change: contents; }
[data-theme="dark"] .dark-color-scheme-light { color-scheme: light; }
[data-theme="dark"] .dark-hover-color-scheme-light:hover { color-scheme: light; }
[data-theme="dark"] .dark-focus-color-scheme-light:focus { color-scheme: light; }
[data-theme="dark"] .dark-active-color-scheme-light:active { color-scheme: light; }
[data-theme="dark"] .dark-disabled-color-scheme-light:disabled { color-scheme: light; }
[data-theme="dark"] .dark-group-hover-color-scheme-light { color-scheme: light; }
[data-theme="dark"] .dark-color-scheme-dark { color-scheme: dark; }
[data-theme="dark"] .dark-hover-color-scheme-dark:hover { color-scheme: dark; }
[data-theme="dark"] .dark-focus-color-scheme-dark:focus { color-scheme: dark; }
[data-theme="dark"] .dark-active-color-scheme-dark:active { color-scheme: dark; }
[data-theme="dark"] .dark-disabled-color-scheme-dark:disabled { color-scheme: dark; }
[data-theme="dark"] .dark-group-hover-color-scheme-dark { color-scheme: dark; }
[data-theme="dark"] .dark-color-scheme-normal { color-scheme: normal; }
[data-theme="dark"] .dark-hover-color-scheme-normal:hover { color-scheme: normal; }
[data-theme="dark"] .dark-focus-color-scheme-normal:focus { color-scheme: normal; }
[data-theme="dark"] .dark-active-color-scheme-normal:active { color-scheme: normal; }
[data-theme="dark"] .dark-disabled-color-scheme-normal:disabled { color-scheme: normal; }
[data-theme="dark"] .dark-group-hover-color-scheme-normal { color-scheme: normal; }
[data-theme="dark"] .dark-cursor-auto { cursor: auto; }
[data-theme="dark"] .dark-hover-cursor-auto:hover { cursor: auto; }
[data-theme="dark"] .dark-focus-cursor-auto:focus { cursor: auto; }
[data-theme="dark"] .dark-active-cursor-auto:active { cursor: auto; }
[data-theme="dark"] .dark-disabled-cursor-auto:disabled { cursor: auto; }
[data-theme="dark"] .dark-group-hover-cursor-auto { cursor: auto; }
[data-theme="dark"] .dark-cursor-default { cursor: default; }
[data-theme="dark"] .dark-hover-cursor-default:hover { cursor: default; }
[data-theme="dark"] .dark-focus-cursor-default:focus { cursor: default; }
[data-theme="dark"] .dark-active-cursor-default:active { cursor: default; }
[data-theme="dark"] .dark-disabled-cursor-default:disabled { cursor: default; }
[data-theme="dark"] .dark-group-hover-cursor-default { cursor: default; }
[data-theme="dark"] .dark-cursor-pointer { cursor: pointer; }
[data-theme="dark"] .dark-hover-cursor-pointer:hover { cursor: pointer; }
[data-theme="dark"] .dark-focus-cursor-pointer:focus { cursor: pointer; }
[data-theme="dark"] .dark-active-cursor-pointer:active { cursor: pointer; }
[data-theme="dark"] .dark-disabled-cursor-pointer:disabled { cursor: pointer; }
[data-theme="dark"] .dark-group-hover-cursor-pointer { cursor: pointer; }
[data-theme="dark"] .dark-cursor-wait { cursor: wait; }
[data-theme="dark"] .dark-hover-cursor-wait:hover { cursor: wait; }
[data-theme="dark"] .dark-focus-cursor-wait:focus { cursor: wait; }
[data-theme="dark"] .dark-active-cursor-wait:active { cursor: wait; }
[data-theme="dark"] .dark-disabled-cursor-wait:disabled { cursor: wait; }
[data-theme="dark"] .dark-group-hover-cursor-wait { cursor: wait; }
[data-theme="dark"] .dark-cursor-text { cursor: text; }
[data-theme="dark"] .dark-hover-cursor-text:hover { cursor: text; }
[data-theme="dark"] .dark-focus-cursor-text:focus { cursor: text; }
[data-theme="dark"] .dark-active-cursor-text:active { cursor: text; }
[data-theme="dark"] .dark-disabled-cursor-text:disabled { cursor: text; }
[data-theme="dark"] .dark-group-hover-cursor-text { cursor: text; }
[data-theme="dark"] .dark-cursor-move { cursor: move; }
[data-theme="dark"] .dark-hover-cursor-move:hover { cursor: move; }
[data-theme="dark"] .dark-focus-cursor-move:focus { cursor: move; }
[data-theme="dark"] .dark-active-cursor-move:active { cursor: move; }
[data-theme="dark"] .dark-disabled-cursor-move:disabled { cursor: move; }
[data-theme="dark"] .dark-group-hover-cursor-move { cursor: move; }
[data-theme="dark"] .dark-cursor-not-allowed { cursor: not-allowed; }
[data-theme="dark"] .dark-hover-cursor-not-allowed:hover { cursor: not-allowed; }
[data-theme="dark"] .dark-focus-cursor-not-allowed:focus { cursor: not-allowed; }
[data-theme="dark"] .dark-active-cursor-not-allowed:active { cursor: not-allowed; }
[data-theme="dark"] .dark-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
[data-theme="dark"] .dark-group-hover-cursor-not-allowed { cursor: not-allowed; }
[data-theme="dark"] .dark-cursor-none { cursor: none; }
[data-theme="dark"] .dark-hover-cursor-none:hover { cursor: none; }
[data-theme="dark"] .dark-focus-cursor-none:focus { cursor: none; }
[data-theme="dark"] .dark-active-cursor-none:active { cursor: none; }
[data-theme="dark"] .dark-disabled-cursor-none:disabled { cursor: none; }
[data-theme="dark"] .dark-group-hover-cursor-none { cursor: none; }
[data-theme="dark"] .dark-pointer-events-none { pointer-events: none; }
[data-theme="dark"] .dark-hover-pointer-events-none:hover { pointer-events: none; }
[data-theme="dark"] .dark-focus-pointer-events-none:focus { pointer-events: none; }
[data-theme="dark"] .dark-active-pointer-events-none:active { pointer-events: none; }
[data-theme="dark"] .dark-disabled-pointer-events-none:disabled { pointer-events: none; }
[data-theme="dark"] .dark-group-hover-pointer-events-none { pointer-events: none; }
[data-theme="dark"] .dark-pointer-events-auto { pointer-events: auto; }
[data-theme="dark"] .dark-hover-pointer-events-auto:hover { pointer-events: auto; }
[data-theme="dark"] .dark-focus-pointer-events-auto:focus { pointer-events: auto; }
[data-theme="dark"] .dark-active-pointer-events-auto:active { pointer-events: auto; }
[data-theme="dark"] .dark-disabled-pointer-events-auto:disabled { pointer-events: auto; }
[data-theme="dark"] .dark-group-hover-pointer-events-auto { pointer-events: auto; }
[data-theme="dark"] .dark-resize-none { resize: none; }
[data-theme="dark"] .dark-hover-resize-none:hover { resize: none; }
[data-theme="dark"] .dark-focus-resize-none:focus { resize: none; }
[data-theme="dark"] .dark-active-resize-none:active { resize: none; }
[data-theme="dark"] .dark-disabled-resize-none:disabled { resize: none; }
[data-theme="dark"] .dark-group-hover-resize-none { resize: none; }
[data-theme="dark"] .dark-resize-x { resize: horizontal; }
[data-theme="dark"] .dark-hover-resize-x:hover { resize: horizontal; }
[data-theme="dark"] .dark-focus-resize-x:focus { resize: horizontal; }
[data-theme="dark"] .dark-active-resize-x:active { resize: horizontal; }
[data-theme="dark"] .dark-disabled-resize-x:disabled { resize: horizontal; }
[data-theme="dark"] .dark-group-hover-resize-x { resize: horizontal; }
[data-theme="dark"] .dark-resize-y { resize: vertical; }
[data-theme="dark"] .dark-hover-resize-y:hover { resize: vertical; }
[data-theme="dark"] .dark-focus-resize-y:focus { resize: vertical; }
[data-theme="dark"] .dark-active-resize-y:active { resize: vertical; }
[data-theme="dark"] .dark-disabled-resize-y:disabled { resize: vertical; }
[data-theme="dark"] .dark-group-hover-resize-y { resize: vertical; }
[data-theme="dark"] .dark-resize { resize: both; }
[data-theme="dark"] .dark-hover-resize:hover { resize: both; }
[data-theme="dark"] .dark-focus-resize:focus { resize: both; }
[data-theme="dark"] .dark-active-resize:active { resize: both; }
[data-theme="dark"] .dark-disabled-resize:disabled { resize: both; }
[data-theme="dark"] .dark-group-hover-resize { resize: both; }
[data-theme="dark"] .dark-scroll-auto { scroll-behavior: auto; }
[data-theme="dark"] .dark-hover-scroll-auto:hover { scroll-behavior: auto; }
[data-theme="dark"] .dark-focus-scroll-auto:focus { scroll-behavior: auto; }
[data-theme="dark"] .dark-active-scroll-auto:active { scroll-behavior: auto; }
[data-theme="dark"] .dark-disabled-scroll-auto:disabled { scroll-behavior: auto; }
[data-theme="dark"] .dark-group-hover-scroll-auto { scroll-behavior: auto; }
[data-theme="dark"] .dark-scroll-smooth { scroll-behavior: smooth; }
[data-theme="dark"] .dark-hover-scroll-smooth:hover { scroll-behavior: smooth; }
[data-theme="dark"] .dark-focus-scroll-smooth:focus { scroll-behavior: smooth; }
[data-theme="dark"] .dark-active-scroll-smooth:active { scroll-behavior: smooth; }
[data-theme="dark"] .dark-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
[data-theme="dark"] .dark-group-hover-scroll-smooth { scroll-behavior: smooth; }
[data-theme="dark"] .dark-scroll-m-0 { scroll-margin: 0; }
[data-theme="dark"] .dark-hover-scroll-m-0:hover { scroll-margin: 0; }
[data-theme="dark"] .dark-focus-scroll-m-0:focus { scroll-margin: 0; }
[data-theme="dark"] .dark-active-scroll-m-0:active { scroll-margin: 0; }
[data-theme="dark"] .dark-disabled-scroll-m-0:disabled { scroll-margin: 0; }
[data-theme="dark"] .dark-group-hover-scroll-m-0 { scroll-margin: 0; }
[data-theme="dark"] .dark-scroll-m-1 { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-active-scroll-m-1:active { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-scroll-m-2 { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-active-scroll-m-2:active { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-scroll-m-4 { scroll-margin: 1rem; }
[data-theme="dark"] .dark-hover-scroll-m-4:hover { scroll-margin: 1rem; }
[data-theme="dark"] .dark-focus-scroll-m-4:focus { scroll-margin: 1rem; }
[data-theme="dark"] .dark-active-scroll-m-4:active { scroll-margin: 1rem; }
[data-theme="dark"] .dark-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-4 { scroll-margin: 1rem; }
[data-theme="dark"] .dark-scroll-m-8 { scroll-margin: 2rem; }
[data-theme="dark"] .dark-hover-scroll-m-8:hover { scroll-margin: 2rem; }
[data-theme="dark"] .dark-focus-scroll-m-8:focus { scroll-margin: 2rem; }
[data-theme="dark"] .dark-active-scroll-m-8:active { scroll-margin: 2rem; }
[data-theme="dark"] .dark-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-8 { scroll-margin: 2rem; }
[data-theme="dark"] .dark-scroll-p-0 { scroll-padding: 0; }
[data-theme="dark"] .dark-hover-scroll-p-0:hover { scroll-padding: 0; }
[data-theme="dark"] .dark-focus-scroll-p-0:focus { scroll-padding: 0; }
[data-theme="dark"] .dark-active-scroll-p-0:active { scroll-padding: 0; }
[data-theme="dark"] .dark-disabled-scroll-p-0:disabled { scroll-padding: 0; }
[data-theme="dark"] .dark-group-hover-scroll-p-0 { scroll-padding: 0; }
[data-theme="dark"] .dark-scroll-p-1 { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-active-scroll-p-1:active { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-scroll-p-2 { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-active-scroll-p-2:active { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-scroll-p-4 { scroll-padding: 1rem; }
[data-theme="dark"] .dark-hover-scroll-p-4:hover { scroll-padding: 1rem; }
[data-theme="dark"] .dark-focus-scroll-p-4:focus { scroll-padding: 1rem; }
[data-theme="dark"] .dark-active-scroll-p-4:active { scroll-padding: 1rem; }
[data-theme="dark"] .dark-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-4 { scroll-padding: 1rem; }
[data-theme="dark"] .dark-scroll-p-8 { scroll-padding: 2rem; }
[data-theme="dark"] .dark-hover-scroll-p-8:hover { scroll-padding: 2rem; }
[data-theme="dark"] .dark-focus-scroll-p-8:focus { scroll-padding: 2rem; }
[data-theme="dark"] .dark-active-scroll-p-8:active { scroll-padding: 2rem; }
[data-theme="dark"] .dark-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-8 { scroll-padding: 2rem; }
[data-theme="dark"] .dark-snap-x { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-hover-snap-x:hover { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-focus-snap-x:focus { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-active-snap-x:active { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-group-hover-snap-x { scroll-snap-type: x mandatory; }
[data-theme="dark"] .dark-snap-y { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-hover-snap-y:hover { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-focus-snap-y:focus { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-active-snap-y:active { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-group-hover-snap-y { scroll-snap-type: y mandatory; }
[data-theme="dark"] .dark-snap-both { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-hover-snap-both:hover { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-focus-snap-both:focus { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-active-snap-both:active { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-group-hover-snap-both { scroll-snap-type: both mandatory; }
[data-theme="dark"] .dark-snap-align-start { scroll-snap-align: start; }
[data-theme="dark"] .dark-hover-snap-align-start:hover { scroll-snap-align: start; }
[data-theme="dark"] .dark-focus-snap-align-start:focus { scroll-snap-align: start; }
[data-theme="dark"] .dark-active-snap-align-start:active { scroll-snap-align: start; }
[data-theme="dark"] .dark-disabled-snap-align-start:disabled { scroll-snap-align: start; }
[data-theme="dark"] .dark-group-hover-snap-align-start { scroll-snap-align: start; }
[data-theme="dark"] .dark-snap-align-center { scroll-snap-align: center; }
[data-theme="dark"] .dark-hover-snap-align-center:hover { scroll-snap-align: center; }
[data-theme="dark"] .dark-focus-snap-align-center:focus { scroll-snap-align: center; }
[data-theme="dark"] .dark-active-snap-align-center:active { scroll-snap-align: center; }
[data-theme="dark"] .dark-disabled-snap-align-center:disabled { scroll-snap-align: center; }
[data-theme="dark"] .dark-group-hover-snap-align-center { scroll-snap-align: center; }
[data-theme="dark"] .dark-snap-align-end { scroll-snap-align: end; }
[data-theme="dark"] .dark-hover-snap-align-end:hover { scroll-snap-align: end; }
[data-theme="dark"] .dark-focus-snap-align-end:focus { scroll-snap-align: end; }
[data-theme="dark"] .dark-active-snap-align-end:active { scroll-snap-align: end; }
[data-theme="dark"] .dark-disabled-snap-align-end:disabled { scroll-snap-align: end; }
[data-theme="dark"] .dark-group-hover-snap-align-end { scroll-snap-align: end; }
[data-theme="dark"] .dark-snap-align-none { scroll-snap-align: none; }
[data-theme="dark"] .dark-hover-snap-align-none:hover { scroll-snap-align: none; }
[data-theme="dark"] .dark-focus-snap-align-none:focus { scroll-snap-align: none; }
[data-theme="dark"] .dark-active-snap-align-none:active { scroll-snap-align: none; }
[data-theme="dark"] .dark-disabled-snap-align-none:disabled { scroll-snap-align: none; }
[data-theme="dark"] .dark-group-hover-snap-align-none { scroll-snap-align: none; }
[data-theme="dark"] .dark-snap-stop-normal { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-active-snap-stop-normal:active { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-group-hover-snap-stop-normal { scroll-snap-stop: normal; }
[data-theme="dark"] .dark-snap-stop-always { scroll-snap-stop: always; }
[data-theme="dark"] .dark-hover-snap-stop-always:hover { scroll-snap-stop: always; }
[data-theme="dark"] .dark-focus-snap-stop-always:focus { scroll-snap-stop: always; }
[data-theme="dark"] .dark-active-snap-stop-always:active { scroll-snap-stop: always; }
[data-theme="dark"] .dark-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
[data-theme="dark"] .dark-group-hover-snap-stop-always { scroll-snap-stop: always; }
[data-theme="dark"] .dark-touch-auto { touch-action: auto; }
[data-theme="dark"] .dark-hover-touch-auto:hover { touch-action: auto; }
[data-theme="dark"] .dark-focus-touch-auto:focus { touch-action: auto; }
[data-theme="dark"] .dark-active-touch-auto:active { touch-action: auto; }
[data-theme="dark"] .dark-disabled-touch-auto:disabled { touch-action: auto; }
[data-theme="dark"] .dark-group-hover-touch-auto { touch-action: auto; }
[data-theme="dark"] .dark-touch-none { touch-action: none; }
[data-theme="dark"] .dark-hover-touch-none:hover { touch-action: none; }
[data-theme="dark"] .dark-focus-touch-none:focus { touch-action: none; }
[data-theme="dark"] .dark-active-touch-none:active { touch-action: none; }
[data-theme="dark"] .dark-disabled-touch-none:disabled { touch-action: none; }
[data-theme="dark"] .dark-group-hover-touch-none { touch-action: none; }
[data-theme="dark"] .dark-touch-pan-x { touch-action: pan-x; }
[data-theme="dark"] .dark-hover-touch-pan-x:hover { touch-action: pan-x; }
[data-theme="dark"] .dark-focus-touch-pan-x:focus { touch-action: pan-x; }
[data-theme="dark"] .dark-active-touch-pan-x:active { touch-action: pan-x; }
[data-theme="dark"] .dark-disabled-touch-pan-x:disabled { touch-action: pan-x; }
[data-theme="dark"] .dark-group-hover-touch-pan-x { touch-action: pan-x; }
[data-theme="dark"] .dark-touch-pan-y { touch-action: pan-y; }
[data-theme="dark"] .dark-hover-touch-pan-y:hover { touch-action: pan-y; }
[data-theme="dark"] .dark-focus-touch-pan-y:focus { touch-action: pan-y; }
[data-theme="dark"] .dark-active-touch-pan-y:active { touch-action: pan-y; }
[data-theme="dark"] .dark-disabled-touch-pan-y:disabled { touch-action: pan-y; }
[data-theme="dark"] .dark-group-hover-touch-pan-y { touch-action: pan-y; }
[data-theme="dark"] .dark-touch-manipulation { touch-action: manipulation; }
[data-theme="dark"] .dark-hover-touch-manipulation:hover { touch-action: manipulation; }
[data-theme="dark"] .dark-focus-touch-manipulation:focus { touch-action: manipulation; }
[data-theme="dark"] .dark-active-touch-manipulation:active { touch-action: manipulation; }
[data-theme="dark"] .dark-disabled-touch-manipulation:disabled { touch-action: manipulation; }
[data-theme="dark"] .dark-group-hover-touch-manipulation { touch-action: manipulation; }
[data-theme="dark"] .dark-select-auto { user-select: auto; }
[data-theme="dark"] .dark-hover-select-auto:hover { user-select: auto; }
[data-theme="dark"] .dark-focus-select-auto:focus { user-select: auto; }
[data-theme="dark"] .dark-active-select-auto:active { user-select: auto; }
[data-theme="dark"] .dark-disabled-select-auto:disabled { user-select: auto; }
[data-theme="dark"] .dark-group-hover-select-auto { user-select: auto; }
[data-theme="dark"] .dark-select-none { user-select: none; }
[data-theme="dark"] .dark-hover-select-none:hover { user-select: none; }
[data-theme="dark"] .dark-focus-select-none:focus { user-select: none; }
[data-theme="dark"] .dark-active-select-none:active { user-select: none; }
[data-theme="dark"] .dark-disabled-select-none:disabled { user-select: none; }
[data-theme="dark"] .dark-group-hover-select-none { user-select: none; }
[data-theme="dark"] .dark-select-text { user-select: text; }
[data-theme="dark"] .dark-hover-select-text:hover { user-select: text; }
[data-theme="dark"] .dark-focus-select-text:focus { user-select: text; }
[data-theme="dark"] .dark-active-select-text:active { user-select: text; }
[data-theme="dark"] .dark-disabled-select-text:disabled { user-select: text; }
[data-theme="dark"] .dark-group-hover-select-text { user-select: text; }
[data-theme="dark"] .dark-select-all { user-select: all; }
[data-theme="dark"] .dark-hover-select-all:hover { user-select: all; }
[data-theme="dark"] .dark-focus-select-all:focus { user-select: all; }
[data-theme="dark"] .dark-active-select-all:active { user-select: all; }
[data-theme="dark"] .dark-disabled-select-all:disabled { user-select: all; }
[data-theme="dark"] .dark-group-hover-select-all { user-select: all; }
[data-theme="dark"] .dark-select-contain { user-select: contain; }
[data-theme="dark"] .dark-hover-select-contain:hover { user-select: contain; }
[data-theme="dark"] .dark-focus-select-contain:focus { user-select: contain; }
[data-theme="dark"] .dark-active-select-contain:active { user-select: contain; }
[data-theme="dark"] .dark-disabled-select-contain:disabled { user-select: contain; }
[data-theme="dark"] .dark-group-hover-select-contain { user-select: contain; }
[data-theme="dark"] .dark-will-change-auto { will-change: auto; }
[data-theme="dark"] .dark-hover-will-change-auto:hover { will-change: auto; }
[data-theme="dark"] .dark-focus-will-change-auto:focus { will-change: auto; }
[data-theme="dark"] .dark-active-will-change-auto:active { will-change: auto; }
[data-theme="dark"] .dark-disabled-will-change-auto:disabled { will-change: auto; }
[data-theme="dark"] .dark-group-hover-will-change-auto { will-change: auto; }
[data-theme="dark"] .dark-will-change-scroll { will-change: scroll; }
[data-theme="dark"] .dark-hover-will-change-scroll:hover { will-change: scroll; }
[data-theme="dark"] .dark-focus-will-change-scroll:focus { will-change: scroll; }
[data-theme="dark"] .dark-active-will-change-scroll:active { will-change: scroll; }
[data-theme="dark"] .dark-disabled-will-change-scroll:disabled { will-change: scroll; }
[data-theme="dark"] .dark-group-hover-will-change-scroll { will-change: scroll; }
[data-theme="dark"] .dark-will-change-transform { will-change: transform; }
[data-theme="dark"] .dark-hover-will-change-transform:hover { will-change: transform; }
[data-theme="dark"] .dark-focus-will-change-transform:focus { will-change: transform; }
[data-theme="dark"] .dark-active-will-change-transform:active { will-change: transform; }
[data-theme="dark"] .dark-disabled-will-change-transform:disabled { will-change: transform; }
[data-theme="dark"] .dark-group-hover-will-change-transform { will-change: transform; }
[data-theme="dark"] .dark-will-change-opacity { will-change: opacity; }
[data-theme="dark"] .dark-hover-will-change-opacity:hover { will-change: opacity; }
[data-theme="dark"] .dark-focus-will-change-opacity:focus { will-change: opacity; }
[data-theme="dark"] .dark-active-will-change-opacity:active { will-change: opacity; }
[data-theme="dark"] .dark-disabled-will-change-opacity:disabled { will-change: opacity; }
[data-theme="dark"] .dark-group-hover-will-change-opacity { will-change: opacity; }
[data-theme="dark"] .dark-will-change-contents { will-change: contents; }
[data-theme="dark"] .dark-hover-will-change-contents:hover { will-change: contents; }
[data-theme="dark"] .dark-focus-will-change-contents:focus { will-change: contents; }
[data-theme="dark"] .dark-active-will-change-contents:active { will-change: contents; }
[data-theme="dark"] .dark-disabled-will-change-contents:disabled { will-change: contents; }
[data-theme="dark"] .dark-group-hover-will-change-contents { will-change: contents; }
[data-theme="dark"] .dark-field-sizing-auto { block-size: auto; inline-size: auto; }
[data-theme="dark"] .dark-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
[data-theme="dark"] .dark-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
[data-theme="dark"] .dark-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
[data-theme="dark"] .dark-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
[data-theme="dark"] .dark-group-hover-field-sizing-auto { block-size: auto; inline-size: auto; }
[data-theme="dark"] .dark-field-sizing-fill { block-size: 100%; inline-size: 100%; }
[data-theme="dark"] .dark-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
[data-theme="dark"] .dark-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
[data-theme="dark"] .dark-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
[data-theme="dark"] .dark-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
[data-theme="dark"] .dark-group-hover-field-sizing-fill { block-size: 100%; inline-size: 100%; }
[data-theme="dark"] .dark-field-sizing-min { block-size: min-content; inline-size: min-content; }
[data-theme="dark"] .dark-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
[data-theme="dark"] .dark-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
[data-theme="dark"] .dark-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
[data-theme="dark"] .dark-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
[data-theme="dark"] .dark-group-hover-field-sizing-min { block-size: min-content; inline-size: min-content; }
[data-theme="dark"] .dark-field-sizing-max { block-size: max-content; inline-size: max-content; }
[data-theme="dark"] .dark-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
[data-theme="dark"] .dark-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
[data-theme="dark"] .dark-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
[data-theme="dark"] .dark-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
[data-theme="dark"] .dark-group-hover-field-sizing-max { block-size: max-content; inline-size: max-content; }
[data-theme="dark"] .dark-aspect-auto { aspect-ratio: auto; }
[data-theme="dark"] .dark-hover-aspect-auto:hover { aspect-ratio: auto; }
[data-theme="dark"] .dark-focus-aspect-auto:focus { aspect-ratio: auto; }
[data-theme="dark"] .dark-active-aspect-auto:active { aspect-ratio: auto; }
[data-theme="dark"] .dark-disabled-aspect-auto:disabled { aspect-ratio: auto; }
[data-theme="dark"] .dark-group-hover-aspect-auto { aspect-ratio: auto; }
[data-theme="dark"] .dark-aspect-square { aspect-ratio: 1 / 1; }
[data-theme="dark"] .dark-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
[data-theme="dark"] .dark-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
[data-theme="dark"] .dark-active-aspect-square:active { aspect-ratio: 1 / 1; }
[data-theme="dark"] .dark-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
[data-theme="dark"] .dark-group-hover-aspect-square { aspect-ratio: 1 / 1; }
[data-theme="dark"] .dark-aspect-video { aspect-ratio: 16 / 9; }
[data-theme="dark"] .dark-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
[data-theme="dark"] .dark-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
[data-theme="dark"] .dark-active-aspect-video:active { aspect-ratio: 16 / 9; }
[data-theme="dark"] .dark-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
[data-theme="dark"] .dark-group-hover-aspect-video { aspect-ratio: 16 / 9; }
[data-theme="dark"] .dark-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
[data-theme="dark"] .dark-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
[data-theme="dark"] .dark-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
[data-theme="dark"] .dark-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
[data-theme="dark"] .dark-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
[data-theme="dark"] .dark-group-hover-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
[data-theme="dark"] .dark-isolation-auto { isolation: auto; }
[data-theme="dark"] .dark-hover-isolation-auto:hover { isolation: auto; }
[data-theme="dark"] .dark-focus-isolation-auto:focus { isolation: auto; }
[data-theme="dark"] .dark-active-isolation-auto:active { isolation: auto; }
[data-theme="dark"] .dark-disabled-isolation-auto:disabled { isolation: auto; }
[data-theme="dark"] .dark-group-hover-isolation-auto { isolation: auto; }
[data-theme="dark"] .dark-isolation-isolate { isolation: isolate; }
[data-theme="dark"] .dark-hover-isolation-isolate:hover { isolation: isolate; }
[data-theme="dark"] .dark-focus-isolation-isolate:focus { isolation: isolate; }
[data-theme="dark"] .dark-active-isolation-isolate:active { isolation: isolate; }
[data-theme="dark"] .dark-disabled-isolation-isolate:disabled { isolation: isolate; }
[data-theme="dark"] .dark-group-hover-isolation-isolate { isolation: isolate; }
[data-theme="dark"] .dark-contain-none { contain: none; }
[data-theme="dark"] .dark-hover-contain-none:hover { contain: none; }
[data-theme="dark"] .dark-focus-contain-none:focus { contain: none; }
[data-theme="dark"] .dark-active-contain-none:active { contain: none; }
[data-theme="dark"] .dark-disabled-contain-none:disabled { contain: none; }
[data-theme="dark"] .dark-group-hover-contain-none { contain: none; }
[data-theme="dark"] .dark-contain-layout { contain: layout; }
[data-theme="dark"] .dark-hover-contain-layout:hover { contain: layout; }
[data-theme="dark"] .dark-focus-contain-layout:focus { contain: layout; }
[data-theme="dark"] .dark-active-contain-layout:active { contain: layout; }
[data-theme="dark"] .dark-disabled-contain-layout:disabled { contain: layout; }
[data-theme="dark"] .dark-group-hover-contain-layout { contain: layout; }
[data-theme="dark"] .dark-contain-size { contain: size; }
[data-theme="dark"] .dark-hover-contain-size:hover { contain: size; }
[data-theme="dark"] .dark-focus-contain-size:focus { contain: size; }
[data-theme="dark"] .dark-active-contain-size:active { contain: size; }
[data-theme="dark"] .dark-disabled-contain-size:disabled { contain: size; }
[data-theme="dark"] .dark-group-hover-contain-size { contain: size; }
[data-theme="dark"] .dark-contain-style { contain: style; }
[data-theme="dark"] .dark-hover-contain-style:hover { contain: style; }
[data-theme="dark"] .dark-focus-contain-style:focus { contain: style; }
[data-theme="dark"] .dark-active-contain-style:active { contain: style; }
[data-theme="dark"] .dark-disabled-contain-style:disabled { contain: style; }
[data-theme="dark"] .dark-group-hover-contain-style { contain: style; }
[data-theme="dark"] .dark-contain-paint { contain: paint; }
[data-theme="dark"] .dark-hover-contain-paint:hover { contain: paint; }
[data-theme="dark"] .dark-focus-contain-paint:focus { contain: paint; }
[data-theme="dark"] .dark-active-contain-paint:active { contain: paint; }
[data-theme="dark"] .dark-disabled-contain-paint:disabled { contain: paint; }
[data-theme="dark"] .dark-group-hover-contain-paint { contain: paint; }
[data-theme="dark"] .dark-contain-content { contain: content; }
[data-theme="dark"] .dark-hover-contain-content:hover { contain: content; }
[data-theme="dark"] .dark-focus-contain-content:focus { contain: content; }
[data-theme="dark"] .dark-active-contain-content:active { contain: content; }
[data-theme="dark"] .dark-disabled-contain-content:disabled { contain: content; }
[data-theme="dark"] .dark-group-hover-contain-content { contain: content; }
[data-theme="dark"] .dark-content-auto { content-visibility: auto; }
[data-theme="dark"] .dark-hover-content-auto:hover { content-visibility: auto; }
[data-theme="dark"] .dark-focus-content-auto:focus { content-visibility: auto; }
[data-theme="dark"] .dark-active-content-auto:active { content-visibility: auto; }
[data-theme="dark"] .dark-disabled-content-auto:disabled { content-visibility: auto; }
[data-theme="dark"] .dark-group-hover-content-auto { content-visibility: auto; }
[data-theme="dark"] .dark-content-hidden { content-visibility: hidden; }
[data-theme="dark"] .dark-hover-content-hidden:hover { content-visibility: hidden; }
[data-theme="dark"] .dark-focus-content-hidden:focus { content-visibility: hidden; }
[data-theme="dark"] .dark-active-content-hidden:active { content-visibility: hidden; }
[data-theme="dark"] .dark-disabled-content-hidden:disabled { content-visibility: hidden; }
[data-theme="dark"] .dark-group-hover-content-hidden { content-visibility: hidden; }
[data-theme="dark"] .dark-content-visible { content-visibility: visible; }
[data-theme="dark"] .dark-hover-content-visible:hover { content-visibility: visible; }
[data-theme="dark"] .dark-focus-content-visible:focus { content-visibility: visible; }
[data-theme="dark"] .dark-active-content-visible:active { content-visibility: visible; }
[data-theme="dark"] .dark-disabled-content-visible:disabled { content-visibility: visible; }
[data-theme="dark"] .dark-group-hover-content-visible { content-visibility: visible; }
[data-theme="dark"] .dark-box-border { box-sizing: border-box; }
[data-theme="dark"] .dark-hover-box-border:hover { box-sizing: border-box; }
[data-theme="dark"] .dark-focus-box-border:focus { box-sizing: border-box; }
[data-theme="dark"] .dark-active-box-border:active { box-sizing: border-box; }
[data-theme="dark"] .dark-disabled-box-border:disabled { box-sizing: border-box; }
[data-theme="dark"] .dark-group-hover-box-border { box-sizing: border-box; }
[data-theme="dark"] .dark-box-content { box-sizing: content-box; }
[data-theme="dark"] .dark-hover-box-content:hover { box-sizing: content-box; }
[data-theme="dark"] .dark-focus-box-content:focus { box-sizing: content-box; }
[data-theme="dark"] .dark-active-box-content:active { box-sizing: content-box; }
[data-theme="dark"] .dark-disabled-box-content:disabled { box-sizing: content-box; }
[data-theme="dark"] .dark-group-hover-box-content { box-sizing: content-box; }
[data-theme="dark"] .dark-clip-none { clip-path: none; }
[data-theme="dark"] .dark-hover-clip-none:hover { clip-path: none; }
[data-theme="dark"] .dark-focus-clip-none:focus { clip-path: none; }
[data-theme="dark"] .dark-active-clip-none:active { clip-path: none; }
[data-theme="dark"] .dark-disabled-clip-none:disabled { clip-path: none; }
[data-theme="dark"] .dark-group-hover-clip-none { clip-path: none; }
[data-theme="dark"] .dark-clip-circle { clip-path: circle(50% at 50% 50%); }
[data-theme="dark"] .dark-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
[data-theme="dark"] .dark-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
[data-theme="dark"] .dark-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
[data-theme="dark"] .dark-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
[data-theme="dark"] .dark-group-hover-clip-circle { clip-path: circle(50% at 50% 50%); }
[data-theme="dark"] .dark-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
[data-theme="dark"] .dark-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
[data-theme="dark"] .dark-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
[data-theme="dark"] .dark-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
[data-theme="dark"] .dark-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
[data-theme="dark"] .dark-group-hover-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
[data-theme="dark"] .dark-clip-inset { clip-path: inset(0); }
[data-theme="dark"] .dark-hover-clip-inset:hover { clip-path: inset(0); }
[data-theme="dark"] .dark-focus-clip-inset:focus { clip-path: inset(0); }
[data-theme="dark"] .dark-active-clip-inset:active { clip-path: inset(0); }
[data-theme="dark"] .dark-disabled-clip-inset:disabled { clip-path: inset(0); }
[data-theme="dark"] .dark-group-hover-clip-inset { clip-path: inset(0); }
[data-theme="dark"] .dark-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
[data-theme="dark"] .dark-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
[data-theme="dark"] .dark-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
[data-theme="dark"] .dark-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
[data-theme="dark"] .dark-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
[data-theme="dark"] .dark-group-hover-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
[data-theme="dark"] .dark-margin-block-start-1 { margin-block-start: 1rem; }
[data-theme="dark"] .dark-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
[data-theme="dark"] .dark-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
[data-theme="dark"] .dark-active-margin-block-start-1:active { margin-block-start: 1rem; }
[data-theme="dark"] .dark-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
[data-theme="dark"] .dark-group-hover-margin-block-start-1 { margin-block-start: 1rem; }
[data-theme="dark"] .dark-margin-block-end-1 { margin-block-end: 1rem; }
[data-theme="dark"] .dark-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
[data-theme="dark"] .dark-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
[data-theme="dark"] .dark-active-margin-block-end-1:active { margin-block-end: 1rem; }
[data-theme="dark"] .dark-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
[data-theme="dark"] .dark-group-hover-margin-block-end-1 { margin-block-end: 1rem; }
[data-theme="dark"] .dark-margin-inline-start-1 { margin-inline-start: 1rem; }
[data-theme="dark"] .dark-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
[data-theme="dark"] .dark-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
[data-theme="dark"] .dark-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
[data-theme="dark"] .dark-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
[data-theme="dark"] .dark-group-hover-margin-inline-start-1 { margin-inline-start: 1rem; }
[data-theme="dark"] .dark-margin-inline-end-1 { margin-inline-end: 1rem; }
[data-theme="dark"] .dark-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
[data-theme="dark"] .dark-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
[data-theme="dark"] .dark-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
[data-theme="dark"] .dark-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
[data-theme="dark"] .dark-group-hover-margin-inline-end-1 { margin-inline-end: 1rem; }
[data-theme="dark"] .dark-padding-block-start-1 { padding-block-start: 1rem; }
[data-theme="dark"] .dark-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
[data-theme="dark"] .dark-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
[data-theme="dark"] .dark-active-padding-block-start-1:active { padding-block-start: 1rem; }
[data-theme="dark"] .dark-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
[data-theme="dark"] .dark-group-hover-padding-block-start-1 { padding-block-start: 1rem; }
[data-theme="dark"] .dark-padding-block-end-1 { padding-block-end: 1rem; }
[data-theme="dark"] .dark-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
[data-theme="dark"] .dark-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
[data-theme="dark"] .dark-active-padding-block-end-1:active { padding-block-end: 1rem; }
[data-theme="dark"] .dark-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
[data-theme="dark"] .dark-group-hover-padding-block-end-1 { padding-block-end: 1rem; }
[data-theme="dark"] .dark-padding-inline-start-1 { padding-inline-start: 1rem; }
[data-theme="dark"] .dark-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
[data-theme="dark"] .dark-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
[data-theme="dark"] .dark-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
[data-theme="dark"] .dark-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
[data-theme="dark"] .dark-group-hover-padding-inline-start-1 { padding-inline-start: 1rem; }
[data-theme="dark"] .dark-padding-inline-end-1 { padding-inline-end: 1rem; }
[data-theme="dark"] .dark-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
[data-theme="dark"] .dark-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
[data-theme="dark"] .dark-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
[data-theme="dark"] .dark-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
[data-theme="dark"] .dark-group-hover-padding-inline-end-1 { padding-inline-end: 1rem; }
[data-theme="dark"] .dark-transition-all { transition-property: all; }
[data-theme="dark"] .dark-hover-transition-all:hover { transition-property: all; }
[data-theme="dark"] .dark-focus-transition-all:focus { transition-property: all; }
[data-theme="dark"] .dark-active-transition-all:active { transition-property: all; }
[data-theme="dark"] .dark-disabled-transition-all:disabled { transition-property: all; }
[data-theme="dark"] .dark-group-hover-transition-all { transition-property: all; }
[data-theme="dark"] .dark-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
[data-theme="dark"] .dark-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
[data-theme="dark"] .dark-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
[data-theme="dark"] .dark-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
[data-theme="dark"] .dark-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
[data-theme="dark"] .dark-group-hover-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
[data-theme="dark"] .dark-transition-opacity { transition-property: opacity; }
[data-theme="dark"] .dark-hover-transition-opacity:hover { transition-property: opacity; }
[data-theme="dark"] .dark-focus-transition-opacity:focus { transition-property: opacity; }
[data-theme="dark"] .dark-active-transition-opacity:active { transition-property: opacity; }
[data-theme="dark"] .dark-disabled-transition-opacity:disabled { transition-property: opacity; }
[data-theme="dark"] .dark-group-hover-transition-opacity { transition-property: opacity; }
[data-theme="dark"] .dark-transition-shadow { transition-property: box-shadow; }
[data-theme="dark"] .dark-hover-transition-shadow:hover { transition-property: box-shadow; }
[data-theme="dark"] .dark-focus-transition-shadow:focus { transition-property: box-shadow; }
[data-theme="dark"] .dark-active-transition-shadow:active { transition-property: box-shadow; }
[data-theme="dark"] .dark-disabled-transition-shadow:disabled { transition-property: box-shadow; }
[data-theme="dark"] .dark-group-hover-transition-shadow { transition-property: box-shadow; }
[data-theme="dark"] .dark-transition-transform { transition-property: transform; }
[data-theme="dark"] .dark-hover-transition-transform:hover { transition-property: transform; }
[data-theme="dark"] .dark-focus-transition-transform:focus { transition-property: transform; }
[data-theme="dark"] .dark-active-transition-transform:active { transition-property: transform; }
[data-theme="dark"] .dark-disabled-transition-transform:disabled { transition-property: transform; }
[data-theme="dark"] .dark-group-hover-transition-transform { transition-property: transform; }
[data-theme="dark"] .dark-duration-75 { transition-duration: 75ms; }
[data-theme="dark"] .dark-hover-duration-75:hover { transition-duration: 75ms; }
[data-theme="dark"] .dark-focus-duration-75:focus { transition-duration: 75ms; }
[data-theme="dark"] .dark-active-duration-75:active { transition-duration: 75ms; }
[data-theme="dark"] .dark-disabled-duration-75:disabled { transition-duration: 75ms; }
[data-theme="dark"] .dark-group-hover-duration-75 { transition-duration: 75ms; }
[data-theme="dark"] .dark-duration-100 { transition-duration: 100ms; }
[data-theme="dark"] .dark-hover-duration-100:hover { transition-duration: 100ms; }
[data-theme="dark"] .dark-focus-duration-100:focus { transition-duration: 100ms; }
[data-theme="dark"] .dark-active-duration-100:active { transition-duration: 100ms; }
[data-theme="dark"] .dark-disabled-duration-100:disabled { transition-duration: 100ms; }
[data-theme="dark"] .dark-group-hover-duration-100 { transition-duration: 100ms; }
[data-theme="dark"] .dark-duration-150 { transition-duration: 150ms; }
[data-theme="dark"] .dark-hover-duration-150:hover { transition-duration: 150ms; }
[data-theme="dark"] .dark-focus-duration-150:focus { transition-duration: 150ms; }
[data-theme="dark"] .dark-active-duration-150:active { transition-duration: 150ms; }
[data-theme="dark"] .dark-disabled-duration-150:disabled { transition-duration: 150ms; }
[data-theme="dark"] .dark-group-hover-duration-150 { transition-duration: 150ms; }
[data-theme="dark"] .dark-duration-200 { transition-duration: 200ms; }
[data-theme="dark"] .dark-hover-duration-200:hover { transition-duration: 200ms; }
[data-theme="dark"] .dark-focus-duration-200:focus { transition-duration: 200ms; }
[data-theme="dark"] .dark-active-duration-200:active { transition-duration: 200ms; }
[data-theme="dark"] .dark-disabled-duration-200:disabled { transition-duration: 200ms; }
[data-theme="dark"] .dark-group-hover-duration-200 { transition-duration: 200ms; }
[data-theme="dark"] .dark-duration-300 { transition-duration: 300ms; }
[data-theme="dark"] .dark-hover-duration-300:hover { transition-duration: 300ms; }
[data-theme="dark"] .dark-focus-duration-300:focus { transition-duration: 300ms; }
[data-theme="dark"] .dark-active-duration-300:active { transition-duration: 300ms; }
[data-theme="dark"] .dark-disabled-duration-300:disabled { transition-duration: 300ms; }
[data-theme="dark"] .dark-group-hover-duration-300 { transition-duration: 300ms; }
[data-theme="dark"] .dark-duration-500 { transition-duration: 500ms; }
[data-theme="dark"] .dark-hover-duration-500:hover { transition-duration: 500ms; }
[data-theme="dark"] .dark-focus-duration-500:focus { transition-duration: 500ms; }
[data-theme="dark"] .dark-active-duration-500:active { transition-duration: 500ms; }
[data-theme="dark"] .dark-disabled-duration-500:disabled { transition-duration: 500ms; }
[data-theme="dark"] .dark-group-hover-duration-500 { transition-duration: 500ms; }
[data-theme="dark"] .dark-duration-700 { transition-duration: 700ms; }
[data-theme="dark"] .dark-hover-duration-700:hover { transition-duration: 700ms; }
[data-theme="dark"] .dark-focus-duration-700:focus { transition-duration: 700ms; }
[data-theme="dark"] .dark-active-duration-700:active { transition-duration: 700ms; }
[data-theme="dark"] .dark-disabled-duration-700:disabled { transition-duration: 700ms; }
[data-theme="dark"] .dark-group-hover-duration-700 { transition-duration: 700ms; }
[data-theme="dark"] .dark-duration-1000 { transition-duration: 1000ms; }
[data-theme="dark"] .dark-hover-duration-1000:hover { transition-duration: 1000ms; }
[data-theme="dark"] .dark-focus-duration-1000:focus { transition-duration: 1000ms; }
[data-theme="dark"] .dark-active-duration-1000:active { transition-duration: 1000ms; }
[data-theme="dark"] .dark-disabled-duration-1000:disabled { transition-duration: 1000ms; }
[data-theme="dark"] .dark-group-hover-duration-1000 { transition-duration: 1000ms; }
[data-theme="dark"] .dark-ease-linear { transition-timing-function: linear; }
[data-theme="dark"] .dark-hover-ease-linear:hover { transition-timing-function: linear; }
[data-theme="dark"] .dark-focus-ease-linear:focus { transition-timing-function: linear; }
[data-theme="dark"] .dark-active-ease-linear:active { transition-timing-function: linear; }
[data-theme="dark"] .dark-disabled-ease-linear:disabled { transition-timing-function: linear; }
[data-theme="dark"] .dark-group-hover-ease-linear { transition-timing-function: linear; }
[data-theme="dark"] .dark-ease-in { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-hover-ease-in:hover { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-focus-ease-in:focus { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-active-ease-in:active { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-disabled-ease-in:disabled { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-group-hover-ease-in { transition-timing-function: ease-in; }
[data-theme="dark"] .dark-ease-out { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-hover-ease-out:hover { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-focus-ease-out:focus { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-active-ease-out:active { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-disabled-ease-out:disabled { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-group-hover-ease-out { transition-timing-function: ease-out; }
[data-theme="dark"] .dark-ease-in-out { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-active-ease-in-out:active { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-group-hover-ease-in-out { transition-timing-function: ease-in-out; }
[data-theme="dark"] .dark-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
[data-theme="dark"] .dark-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
[data-theme="dark"] .dark-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
[data-theme="dark"] .dark-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
[data-theme="dark"] .dark-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
[data-theme="dark"] .dark-group-hover-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
[data-theme="dark"] .dark-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
[data-theme="dark"] .dark-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
[data-theme="dark"] .dark-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
[data-theme="dark"] .dark-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
[data-theme="dark"] .dark-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
[data-theme="dark"] .dark-group-hover-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
[data-theme="dark"] .dark-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
[data-theme="dark"] .dark-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
[data-theme="dark"] .dark-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
[data-theme="dark"] .dark-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
[data-theme="dark"] .dark-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
[data-theme="dark"] .dark-group-hover-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
[data-theme="dark"] .dark-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
[data-theme="dark"] .dark-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
[data-theme="dark"] .dark-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
[data-theme="dark"] .dark-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
[data-theme="dark"] .dark-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
[data-theme="dark"] .dark-group-hover-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
[data-theme="dark"] .dark-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
[data-theme="dark"] .dark-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
[data-theme="dark"] .dark-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
[data-theme="dark"] .dark-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
[data-theme="dark"] .dark-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
[data-theme="dark"] .dark-group-hover-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
[data-theme="dark"] .dark-animate-bounce { animation: quanta-bounce 1s infinite; }
[data-theme="dark"] .dark-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
[data-theme="dark"] .dark-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
[data-theme="dark"] .dark-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
[data-theme="dark"] .dark-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
[data-theme="dark"] .dark-group-hover-animate-bounce { animation: quanta-bounce 1s infinite; }
[data-theme="dark"] .dark-animate-spin { animation: quanta-spin 1s linear infinite; }
[data-theme="dark"] .dark-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
[data-theme="dark"] .dark-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
[data-theme="dark"] .dark-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
[data-theme="dark"] .dark-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
[data-theme="dark"] .dark-group-hover-animate-spin { animation: quanta-spin 1s linear infinite; }
[data-theme="dark"] .dark-filter-none { filter: none; }
[data-theme="dark"] .dark-hover-filter-none:hover { filter: none; }
[data-theme="dark"] .dark-focus-filter-none:focus { filter: none; }
[data-theme="dark"] .dark-active-filter-none:active { filter: none; }
[data-theme="dark"] .dark-disabled-filter-none:disabled { filter: none; }
[data-theme="dark"] .dark-group-hover-filter-none { filter: none; }
[data-theme="dark"] .dark-blur-sm { filter: blur(2px); }
[data-theme="dark"] .dark-hover-blur-sm:hover { filter: blur(2px); }
[data-theme="dark"] .dark-focus-blur-sm:focus { filter: blur(2px); }
[data-theme="dark"] .dark-active-blur-sm:active { filter: blur(2px); }
[data-theme="dark"] .dark-disabled-blur-sm:disabled { filter: blur(2px); }
[data-theme="dark"] .dark-group-hover-blur-sm { filter: blur(2px); }
[data-theme="dark"] .dark-blur { filter: blur(4px); }
[data-theme="dark"] .dark-hover-blur:hover { filter: blur(4px); }
[data-theme="dark"] .dark-focus-blur:focus { filter: blur(4px); }
[data-theme="dark"] .dark-active-blur:active { filter: blur(4px); }
[data-theme="dark"] .dark-disabled-blur:disabled { filter: blur(4px); }
[data-theme="dark"] .dark-group-hover-blur { filter: blur(4px); }
[data-theme="dark"] .dark-blur-md { filter: blur(8px); }
[data-theme="dark"] .dark-hover-blur-md:hover { filter: blur(8px); }
[data-theme="dark"] .dark-focus-blur-md:focus { filter: blur(8px); }
[data-theme="dark"] .dark-active-blur-md:active { filter: blur(8px); }
[data-theme="dark"] .dark-disabled-blur-md:disabled { filter: blur(8px); }
[data-theme="dark"] .dark-group-hover-blur-md { filter: blur(8px); }
[data-theme="dark"] .dark-blur-lg { filter: blur(12px); }
[data-theme="dark"] .dark-hover-blur-lg:hover { filter: blur(12px); }
[data-theme="dark"] .dark-focus-blur-lg:focus { filter: blur(12px); }
[data-theme="dark"] .dark-active-blur-lg:active { filter: blur(12px); }
[data-theme="dark"] .dark-disabled-blur-lg:disabled { filter: blur(12px); }
[data-theme="dark"] .dark-group-hover-blur-lg { filter: blur(12px); }
[data-theme="dark"] .dark-blur-xl { filter: blur(20px); }
[data-theme="dark"] .dark-hover-blur-xl:hover { filter: blur(20px); }
[data-theme="dark"] .dark-focus-blur-xl:focus { filter: blur(20px); }
[data-theme="dark"] .dark-active-blur-xl:active { filter: blur(20px); }
[data-theme="dark"] .dark-disabled-blur-xl:disabled { filter: blur(20px); }
[data-theme="dark"] .dark-group-hover-blur-xl { filter: blur(20px); }
[data-theme="dark"] .dark-brightness-50 { filter: brightness(0.5); }
[data-theme="dark"] .dark-hover-brightness-50:hover { filter: brightness(0.5); }
[data-theme="dark"] .dark-focus-brightness-50:focus { filter: brightness(0.5); }
[data-theme="dark"] .dark-active-brightness-50:active { filter: brightness(0.5); }
[data-theme="dark"] .dark-disabled-brightness-50:disabled { filter: brightness(0.5); }
[data-theme="dark"] .dark-group-hover-brightness-50 { filter: brightness(0.5); }
[data-theme="dark"] .dark-brightness-100 { filter: brightness(1); }
[data-theme="dark"] .dark-hover-brightness-100:hover { filter: brightness(1); }
[data-theme="dark"] .dark-focus-brightness-100:focus { filter: brightness(1); }
[data-theme="dark"] .dark-active-brightness-100:active { filter: brightness(1); }
[data-theme="dark"] .dark-disabled-brightness-100:disabled { filter: brightness(1); }
[data-theme="dark"] .dark-group-hover-brightness-100 { filter: brightness(1); }
[data-theme="dark"] .dark-brightness-150 { filter: brightness(1.5); }
[data-theme="dark"] .dark-hover-brightness-150:hover { filter: brightness(1.5); }
[data-theme="dark"] .dark-focus-brightness-150:focus { filter: brightness(1.5); }
[data-theme="dark"] .dark-active-brightness-150:active { filter: brightness(1.5); }
[data-theme="dark"] .dark-disabled-brightness-150:disabled { filter: brightness(1.5); }
[data-theme="dark"] .dark-group-hover-brightness-150 { filter: brightness(1.5); }
[data-theme="dark"] .dark-contrast-50 { filter: contrast(0.5); }
[data-theme="dark"] .dark-hover-contrast-50:hover { filter: contrast(0.5); }
[data-theme="dark"] .dark-focus-contrast-50:focus { filter: contrast(0.5); }
[data-theme="dark"] .dark-active-contrast-50:active { filter: contrast(0.5); }
[data-theme="dark"] .dark-disabled-contrast-50:disabled { filter: contrast(0.5); }
[data-theme="dark"] .dark-group-hover-contrast-50 { filter: contrast(0.5); }
[data-theme="dark"] .dark-contrast-100 { filter: contrast(1); }
[data-theme="dark"] .dark-hover-contrast-100:hover { filter: contrast(1); }
[data-theme="dark"] .dark-focus-contrast-100:focus { filter: contrast(1); }
[data-theme="dark"] .dark-active-contrast-100:active { filter: contrast(1); }
[data-theme="dark"] .dark-disabled-contrast-100:disabled { filter: contrast(1); }
[data-theme="dark"] .dark-group-hover-contrast-100 { filter: contrast(1); }
[data-theme="dark"] .dark-grayscale { filter: grayscale(1); }
[data-theme="dark"] .dark-hover-grayscale:hover { filter: grayscale(1); }
[data-theme="dark"] .dark-focus-grayscale:focus { filter: grayscale(1); }
[data-theme="dark"] .dark-active-grayscale:active { filter: grayscale(1); }
[data-theme="dark"] .dark-disabled-grayscale:disabled { filter: grayscale(1); }
[data-theme="dark"] .dark-group-hover-grayscale { filter: grayscale(1); }
[data-theme="dark"] .dark-sepia { filter: sepia(1); }
[data-theme="dark"] .dark-hover-sepia:hover { filter: sepia(1); }
[data-theme="dark"] .dark-focus-sepia:focus { filter: sepia(1); }
[data-theme="dark"] .dark-active-sepia:active { filter: sepia(1); }
[data-theme="dark"] .dark-disabled-sepia:disabled { filter: sepia(1); }
[data-theme="dark"] .dark-group-hover-sepia { filter: sepia(1); }
[data-theme="dark"] .dark-saturate-150 { filter: saturate(1.5); }
[data-theme="dark"] .dark-hover-saturate-150:hover { filter: saturate(1.5); }
[data-theme="dark"] .dark-focus-saturate-150:focus { filter: saturate(1.5); }
[data-theme="dark"] .dark-active-saturate-150:active { filter: saturate(1.5); }
[data-theme="dark"] .dark-disabled-saturate-150:disabled { filter: saturate(1.5); }
[data-theme="dark"] .dark-group-hover-saturate-150 { filter: saturate(1.5); }
[data-theme="dark"] .dark-hue-rotate-90 { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-group-hover-hue-rotate-90 { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
[data-theme="dark"] .dark-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
[data-theme="dark"] .dark-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
[data-theme="dark"] .dark-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
[data-theme="dark"] .dark-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
[data-theme="dark"] .dark-group-hover-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
[data-theme="dark"] .dark-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
[data-theme="dark"] .dark-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
[data-theme="dark"] .dark-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
[data-theme="dark"] .dark-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
[data-theme="dark"] .dark-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
[data-theme="dark"] .dark-group-hover-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
[data-theme="dark"] .dark-grid-flow-row { grid-auto-flow: row; }
[data-theme="dark"] .dark-hover-grid-flow-row:hover { grid-auto-flow: row; }
[data-theme="dark"] .dark-focus-grid-flow-row:focus { grid-auto-flow: row; }
[data-theme="dark"] .dark-active-grid-flow-row:active { grid-auto-flow: row; }
[data-theme="dark"] .dark-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
[data-theme="dark"] .dark-group-hover-grid-flow-row { grid-auto-flow: row; }
[data-theme="dark"] .dark-grid-flow-col { grid-auto-flow: column; }
[data-theme="dark"] .dark-hover-grid-flow-col:hover { grid-auto-flow: column; }
[data-theme="dark"] .dark-focus-grid-flow-col:focus { grid-auto-flow: column; }
[data-theme="dark"] .dark-active-grid-flow-col:active { grid-auto-flow: column; }
[data-theme="dark"] .dark-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
[data-theme="dark"] .dark-group-hover-grid-flow-col { grid-auto-flow: column; }
[data-theme="dark"] .dark-grid-flow-row-dense { grid-auto-flow: row dense; }
[data-theme="dark"] .dark-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
[data-theme="dark"] .dark-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
[data-theme="dark"] .dark-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
[data-theme="dark"] .dark-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
[data-theme="dark"] .dark-group-hover-grid-flow-row-dense { grid-auto-flow: row dense; }
[data-theme="dark"] .dark-grid-flow-col-dense { grid-auto-flow: column dense; }
[data-theme="dark"] .dark-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
[data-theme="dark"] .dark-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
[data-theme="dark"] .dark-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
[data-theme="dark"] .dark-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
[data-theme="dark"] .dark-group-hover-grid-flow-col-dense { grid-auto-flow: column dense; }
[data-theme="dark"] .dark-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
[data-theme="dark"] .dark-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
[data-theme="dark"] .dark-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
[data-theme="dark"] .dark-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
[data-theme="dark"] .dark-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
[data-theme="dark"] .dark-group-hover-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
[data-theme="dark"] .dark-transition-none { transition-property: none; }
[data-theme="dark"] .dark-hover-transition-none:hover { transition-property: none; }
[data-theme="dark"] .dark-focus-transition-none:focus { transition-property: none; }
[data-theme="dark"] .dark-active-transition-none:active { transition-property: none; }
[data-theme="dark"] .dark-disabled-transition-none:disabled { transition-property: none; }
[data-theme="dark"] .dark-group-hover-transition-none { transition-property: none; }
[data-theme="dark"] .dark-transition-all { transition-property: all; }
[data-theme="dark"] .dark-hover-transition-all:hover { transition-property: all; }
[data-theme="dark"] .dark-focus-transition-all:focus { transition-property: all; }
[data-theme="dark"] .dark-active-transition-all:active { transition-property: all; }
[data-theme="dark"] .dark-disabled-transition-all:disabled { transition-property: all; }
[data-theme="dark"] .dark-group-hover-transition-all { transition-property: all; }
[data-theme="dark"] .dark-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
[data-theme="dark"] .dark-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
[data-theme="dark"] .dark-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
[data-theme="dark"] .dark-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
[data-theme="dark"] .dark-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
[data-theme="dark"] .dark-group-hover-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
[data-theme="dark"] .dark-transition-opacity { transition-property: opacity; }
[data-theme="dark"] .dark-hover-transition-opacity:hover { transition-property: opacity; }
[data-theme="dark"] .dark-focus-transition-opacity:focus { transition-property: opacity; }
[data-theme="dark"] .dark-active-transition-opacity:active { transition-property: opacity; }
[data-theme="dark"] .dark-disabled-transition-opacity:disabled { transition-property: opacity; }
[data-theme="dark"] .dark-group-hover-transition-opacity { transition-property: opacity; }
[data-theme="dark"] .dark-transition-shadow { transition-property: box-shadow; }
[data-theme="dark"] .dark-hover-transition-shadow:hover { transition-property: box-shadow; }
[data-theme="dark"] .dark-focus-transition-shadow:focus { transition-property: box-shadow; }
[data-theme="dark"] .dark-active-transition-shadow:active { transition-property: box-shadow; }
[data-theme="dark"] .dark-disabled-transition-shadow:disabled { transition-property: box-shadow; }
[data-theme="dark"] .dark-group-hover-transition-shadow { transition-property: box-shadow; }
[data-theme="dark"] .dark-transition-transform { transition-property: transform; }
[data-theme="dark"] .dark-hover-transition-transform:hover { transition-property: transform; }
[data-theme="dark"] .dark-focus-transition-transform:focus { transition-property: transform; }
[data-theme="dark"] .dark-active-transition-transform:active { transition-property: transform; }
[data-theme="dark"] .dark-disabled-transition-transform:disabled { transition-property: transform; }
[data-theme="dark"] .dark-group-hover-transition-transform { transition-property: transform; }
[data-theme="dark"] .dark-duration-75 { transition-duration: 75ms; }
[data-theme="dark"] .dark-hover-duration-75:hover { transition-duration: 75ms; }
[data-theme="dark"] .dark-focus-duration-75:focus { transition-duration: 75ms; }
[data-theme="dark"] .dark-active-duration-75:active { transition-duration: 75ms; }
[data-theme="dark"] .dark-disabled-duration-75:disabled { transition-duration: 75ms; }
[data-theme="dark"] .dark-group-hover-duration-75 { transition-duration: 75ms; }
[data-theme="dark"] .dark-duration-150 { transition-duration: 150ms; }
[data-theme="dark"] .dark-hover-duration-150:hover { transition-duration: 150ms; }
[data-theme="dark"] .dark-focus-duration-150:focus { transition-duration: 150ms; }
[data-theme="dark"] .dark-active-duration-150:active { transition-duration: 150ms; }
[data-theme="dark"] .dark-disabled-duration-150:disabled { transition-duration: 150ms; }
[data-theme="dark"] .dark-group-hover-duration-150 { transition-duration: 150ms; }
[data-theme="dark"] .dark-duration-300 { transition-duration: 300ms; }
[data-theme="dark"] .dark-hover-duration-300:hover { transition-duration: 300ms; }
[data-theme="dark"] .dark-focus-duration-300:focus { transition-duration: 300ms; }
[data-theme="dark"] .dark-active-duration-300:active { transition-duration: 300ms; }
[data-theme="dark"] .dark-disabled-duration-300:disabled { transition-duration: 300ms; }
[data-theme="dark"] .dark-group-hover-duration-300 { transition-duration: 300ms; }
[data-theme="dark"] .dark-duration-500 { transition-duration: 500ms; }
[data-theme="dark"] .dark-hover-duration-500:hover { transition-duration: 500ms; }
[data-theme="dark"] .dark-focus-duration-500:focus { transition-duration: 500ms; }
[data-theme="dark"] .dark-active-duration-500:active { transition-duration: 500ms; }
[data-theme="dark"] .dark-disabled-duration-500:disabled { transition-duration: 500ms; }
[data-theme="dark"] .dark-group-hover-duration-500 { transition-duration: 500ms; }
[data-theme="dark"] .dark-duration-700 { transition-duration: 700ms; }
[data-theme="dark"] .dark-hover-duration-700:hover { transition-duration: 700ms; }
[data-theme="dark"] .dark-focus-duration-700:focus { transition-duration: 700ms; }
[data-theme="dark"] .dark-active-duration-700:active { transition-duration: 700ms; }
[data-theme="dark"] .dark-disabled-duration-700:disabled { transition-duration: 700ms; }
[data-theme="dark"] .dark-group-hover-duration-700 { transition-duration: 700ms; }
[data-theme="dark"] .dark-duration-1000 { transition-duration: 1000ms; }
[data-theme="dark"] .dark-hover-duration-1000:hover { transition-duration: 1000ms; }
[data-theme="dark"] .dark-focus-duration-1000:focus { transition-duration: 1000ms; }
[data-theme="dark"] .dark-active-duration-1000:active { transition-duration: 1000ms; }
[data-theme="dark"] .dark-disabled-duration-1000:disabled { transition-duration: 1000ms; }
[data-theme="dark"] .dark-group-hover-duration-1000 { transition-duration: 1000ms; }
[data-theme="dark"] .dark-ease-linear { transition-timing-function: linear; }
[data-theme="dark"] .dark-hover-ease-linear:hover { transition-timing-function: linear; }
[data-theme="dark"] .dark-focus-ease-linear:focus { transition-timing-function: linear; }
[data-theme="dark"] .dark-active-ease-linear:active { transition-timing-function: linear; }
[data-theme="dark"] .dark-disabled-ease-linear:disabled { transition-timing-function: linear; }
[data-theme="dark"] .dark-group-hover-ease-linear { transition-timing-function: linear; }
[data-theme="dark"] .dark-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
[data-theme="dark"] .dark-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
[data-theme="dark"] .dark-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
[data-theme="dark"] .dark-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
[data-theme="dark"] .dark-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
[data-theme="dark"] .dark-group-hover-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
[data-theme="dark"] .dark-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
[data-theme="dark"] .dark-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
[data-theme="dark"] .dark-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
[data-theme="dark"] .dark-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
[data-theme="dark"] .dark-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
[data-theme="dark"] .dark-group-hover-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
[data-theme="dark"] .dark-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
[data-theme="dark"] .dark-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
[data-theme="dark"] .dark-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
[data-theme="dark"] .dark-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
[data-theme="dark"] .dark-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
[data-theme="dark"] .dark-group-hover-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
[data-theme="dark"] .dark-animate-none { animation: none; }
[data-theme="dark"] .dark-hover-animate-none:hover { animation: none; }
[data-theme="dark"] .dark-focus-animate-none:focus { animation: none; }
[data-theme="dark"] .dark-active-animate-none:active { animation: none; }
[data-theme="dark"] .dark-disabled-animate-none:disabled { animation: none; }
[data-theme="dark"] .dark-group-hover-animate-none { animation: none; }
[data-theme="dark"] .dark-animate-fade { animation: fade 300ms ease-out both; }
[data-theme="dark"] .dark-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
[data-theme="dark"] .dark-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
[data-theme="dark"] .dark-active-animate-fade:active { animation: fade 300ms ease-out both; }
[data-theme="dark"] .dark-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
[data-theme="dark"] .dark-group-hover-animate-fade { animation: fade 300ms ease-out both; }
[data-theme="dark"] .dark-animate-slide-in { animation: slide-in 500ms ease-out both; }
[data-theme="dark"] .dark-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
[data-theme="dark"] .dark-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
[data-theme="dark"] .dark-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
[data-theme="dark"] .dark-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
[data-theme="dark"] .dark-group-hover-animate-slide-in { animation: slide-in 500ms ease-out both; }
[data-theme="dark"] .dark-animate-spin { animation: spin 1s linear infinite; }
[data-theme="dark"] .dark-hover-animate-spin:hover { animation: spin 1s linear infinite; }
[data-theme="dark"] .dark-focus-animate-spin:focus { animation: spin 1s linear infinite; }
[data-theme="dark"] .dark-active-animate-spin:active { animation: spin 1s linear infinite; }
[data-theme="dark"] .dark-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
[data-theme="dark"] .dark-group-hover-animate-spin { animation: spin 1s linear infinite; }
[data-theme="dark"] .dark-transform { transform: var(--tw-transform, none); }
[data-theme="dark"] .dark-hover-transform:hover { transform: var(--tw-transform, none); }
[data-theme="dark"] .dark-focus-transform:focus { transform: var(--tw-transform, none); }
[data-theme="dark"] .dark-active-transform:active { transform: var(--tw-transform, none); }
[data-theme="dark"] .dark-disabled-transform:disabled { transform: var(--tw-transform, none); }
[data-theme="dark"] .dark-group-hover-transform { transform: var(--tw-transform, none); }
[data-theme="dark"] .dark-transform-none { transform: none; }
[data-theme="dark"] .dark-hover-transform-none:hover { transform: none; }
[data-theme="dark"] .dark-focus-transform-none:focus { transform: none; }
[data-theme="dark"] .dark-active-transform-none:active { transform: none; }
[data-theme="dark"] .dark-disabled-transform-none:disabled { transform: none; }
[data-theme="dark"] .dark-group-hover-transform-none { transform: none; }
[data-theme="dark"] .dark-scale-50 { --tw-transform: scale(0.5); }
[data-theme="dark"] .dark-hover-scale-50:hover { --tw-transform: scale(0.5); }
[data-theme="dark"] .dark-focus-scale-50:focus { --tw-transform: scale(0.5); }
[data-theme="dark"] .dark-active-scale-50:active { --tw-transform: scale(0.5); }
[data-theme="dark"] .dark-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
[data-theme="dark"] .dark-group-hover-scale-50 { --tw-transform: scale(0.5); }
[data-theme="dark"] .dark-scale-75 { --tw-transform: scale(0.75); }
[data-theme="dark"] .dark-hover-scale-75:hover { --tw-transform: scale(0.75); }
[data-theme="dark"] .dark-focus-scale-75:focus { --tw-transform: scale(0.75); }
[data-theme="dark"] .dark-active-scale-75:active { --tw-transform: scale(0.75); }
[data-theme="dark"] .dark-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
[data-theme="dark"] .dark-group-hover-scale-75 { --tw-transform: scale(0.75); }
[data-theme="dark"] .dark-scale-90 { --tw-transform: scale(0.9); }
[data-theme="dark"] .dark-hover-scale-90:hover { --tw-transform: scale(0.9); }
[data-theme="dark"] .dark-focus-scale-90:focus { --tw-transform: scale(0.9); }
[data-theme="dark"] .dark-active-scale-90:active { --tw-transform: scale(0.9); }
[data-theme="dark"] .dark-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
[data-theme="dark"] .dark-group-hover-scale-90 { --tw-transform: scale(0.9); }
[data-theme="dark"] .dark-scale-100 { --tw-transform: scale(1); }
[data-theme="dark"] .dark-hover-scale-100:hover { --tw-transform: scale(1); }
[data-theme="dark"] .dark-focus-scale-100:focus { --tw-transform: scale(1); }
[data-theme="dark"] .dark-active-scale-100:active { --tw-transform: scale(1); }
[data-theme="dark"] .dark-disabled-scale-100:disabled { --tw-transform: scale(1); }
[data-theme="dark"] .dark-group-hover-scale-100 { --tw-transform: scale(1); }
[data-theme="dark"] .dark-scale-105 { --tw-transform: scale(1.05); }
[data-theme="dark"] .dark-hover-scale-105:hover { --tw-transform: scale(1.05); }
[data-theme="dark"] .dark-focus-scale-105:focus { --tw-transform: scale(1.05); }
[data-theme="dark"] .dark-active-scale-105:active { --tw-transform: scale(1.05); }
[data-theme="dark"] .dark-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
[data-theme="dark"] .dark-group-hover-scale-105 { --tw-transform: scale(1.05); }
[data-theme="dark"] .dark-scale-110 { --tw-transform: scale(1.1); }
[data-theme="dark"] .dark-hover-scale-110:hover { --tw-transform: scale(1.1); }
[data-theme="dark"] .dark-focus-scale-110:focus { --tw-transform: scale(1.1); }
[data-theme="dark"] .dark-active-scale-110:active { --tw-transform: scale(1.1); }
[data-theme="dark"] .dark-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
[data-theme="dark"] .dark-group-hover-scale-110 { --tw-transform: scale(1.1); }
[data-theme="dark"] .dark-scale-125 { --tw-transform: scale(1.25); }
[data-theme="dark"] .dark-hover-scale-125:hover { --tw-transform: scale(1.25); }
[data-theme="dark"] .dark-focus-scale-125:focus { --tw-transform: scale(1.25); }
[data-theme="dark"] .dark-active-scale-125:active { --tw-transform: scale(1.25); }
[data-theme="dark"] .dark-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
[data-theme="dark"] .dark-group-hover-scale-125 { --tw-transform: scale(1.25); }
[data-theme="dark"] .dark-scale-150 { --tw-transform: scale(1.5); }
[data-theme="dark"] .dark-hover-scale-150:hover { --tw-transform: scale(1.5); }
[data-theme="dark"] .dark-focus-scale-150:focus { --tw-transform: scale(1.5); }
[data-theme="dark"] .dark-active-scale-150:active { --tw-transform: scale(1.5); }
[data-theme="dark"] .dark-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
[data-theme="dark"] .dark-group-hover-scale-150 { --tw-transform: scale(1.5); }
[data-theme="dark"] .dark-translate-x-0 { --tw-transform: translateX(0); }
[data-theme="dark"] .dark-hover-translate-x-0:hover { --tw-transform: translateX(0); }
[data-theme="dark"] .dark-focus-translate-x-0:focus { --tw-transform: translateX(0); }
[data-theme="dark"] .dark-active-translate-x-0:active { --tw-transform: translateX(0); }
[data-theme="dark"] .dark-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
[data-theme="dark"] .dark-group-hover-translate-x-0 { --tw-transform: translateX(0); }
[data-theme="dark"] .dark-translate-x-1 { --tw-transform: translateX(0.25rem); }
[data-theme="dark"] .dark-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
[data-theme="dark"] .dark-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
[data-theme="dark"] .dark-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
[data-theme="dark"] .dark-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
[data-theme="dark"] .dark-group-hover-translate-x-1 { --tw-transform: translateX(0.25rem); }
[data-theme="dark"] .dark-translate-x-2 { --tw-transform: translateX(0.5rem); }
[data-theme="dark"] .dark-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
[data-theme="dark"] .dark-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
[data-theme="dark"] .dark-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
[data-theme="dark"] .dark-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
[data-theme="dark"] .dark-group-hover-translate-x-2 { --tw-transform: translateX(0.5rem); }
[data-theme="dark"] .dark-translate-x-4 { --tw-transform: translateX(1rem); }
[data-theme="dark"] .dark-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
[data-theme="dark"] .dark-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
[data-theme="dark"] .dark-active-translate-x-4:active { --tw-transform: translateX(1rem); }
[data-theme="dark"] .dark-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
[data-theme="dark"] .dark-group-hover-translate-x-4 { --tw-transform: translateX(1rem); }
[data-theme="dark"] .dark-translate-x-8 { --tw-transform: translateX(2rem); }
[data-theme="dark"] .dark-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
[data-theme="dark"] .dark-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
[data-theme="dark"] .dark-active-translate-x-8:active { --tw-transform: translateX(2rem); }
[data-theme="dark"] .dark-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
[data-theme="dark"] .dark-group-hover-translate-x-8 { --tw-transform: translateX(2rem); }
[data-theme="dark"] .dark-translate-y-0 { --tw-transform: translateY(0); }
[data-theme="dark"] .dark-hover-translate-y-0:hover { --tw-transform: translateY(0); }
[data-theme="dark"] .dark-focus-translate-y-0:focus { --tw-transform: translateY(0); }
[data-theme="dark"] .dark-active-translate-y-0:active { --tw-transform: translateY(0); }
[data-theme="dark"] .dark-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
[data-theme="dark"] .dark-group-hover-translate-y-0 { --tw-transform: translateY(0); }
[data-theme="dark"] .dark-translate-y-1 { --tw-transform: translateY(0.25rem); }
[data-theme="dark"] .dark-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
[data-theme="dark"] .dark-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
[data-theme="dark"] .dark-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
[data-theme="dark"] .dark-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
[data-theme="dark"] .dark-group-hover-translate-y-1 { --tw-transform: translateY(0.25rem); }
[data-theme="dark"] .dark-translate-y-2 { --tw-transform: translateY(0.5rem); }
[data-theme="dark"] .dark-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
[data-theme="dark"] .dark-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
[data-theme="dark"] .dark-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
[data-theme="dark"] .dark-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
[data-theme="dark"] .dark-group-hover-translate-y-2 { --tw-transform: translateY(0.5rem); }
[data-theme="dark"] .dark-translate-y-4 { --tw-transform: translateY(1rem); }
[data-theme="dark"] .dark-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
[data-theme="dark"] .dark-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
[data-theme="dark"] .dark-active-translate-y-4:active { --tw-transform: translateY(1rem); }
[data-theme="dark"] .dark-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
[data-theme="dark"] .dark-group-hover-translate-y-4 { --tw-transform: translateY(1rem); }
[data-theme="dark"] .dark-translate-y-8 { --tw-transform: translateY(2rem); }
[data-theme="dark"] .dark-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
[data-theme="dark"] .dark-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
[data-theme="dark"] .dark-active-translate-y-8:active { --tw-transform: translateY(2rem); }
[data-theme="dark"] .dark-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
[data-theme="dark"] .dark-group-hover-translate-y-8 { --tw-transform: translateY(2rem); }
[data-theme="dark"] .dark-rotate-0 { --tw-transform: rotate(0deg); }
[data-theme="dark"] .dark-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
[data-theme="dark"] .dark-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
[data-theme="dark"] .dark-active-rotate-0:active { --tw-transform: rotate(0deg); }
[data-theme="dark"] .dark-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
[data-theme="dark"] .dark-group-hover-rotate-0 { --tw-transform: rotate(0deg); }
[data-theme="dark"] .dark-rotate-45 { --tw-transform: rotate(45deg); }
[data-theme="dark"] .dark-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
[data-theme="dark"] .dark-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
[data-theme="dark"] .dark-active-rotate-45:active { --tw-transform: rotate(45deg); }
[data-theme="dark"] .dark-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
[data-theme="dark"] .dark-group-hover-rotate-45 { --tw-transform: rotate(45deg); }
[data-theme="dark"] .dark-rotate-90 { --tw-transform: rotate(90deg); }
[data-theme="dark"] .dark-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
[data-theme="dark"] .dark-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
[data-theme="dark"] .dark-active-rotate-90:active { --tw-transform: rotate(90deg); }
[data-theme="dark"] .dark-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
[data-theme="dark"] .dark-group-hover-rotate-90 { --tw-transform: rotate(90deg); }
[data-theme="dark"] .dark-rotate-180 { --tw-transform: rotate(180deg); }
[data-theme="dark"] .dark-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
[data-theme="dark"] .dark-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
[data-theme="dark"] .dark-active-rotate-180:active { --tw-transform: rotate(180deg); }
[data-theme="dark"] .dark-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
[data-theme="dark"] .dark-group-hover-rotate-180 { --tw-transform: rotate(180deg); }
[data-theme="dark"] .dark-skew-x-0 { --tw-transform: skewX(0); }
[data-theme="dark"] .dark-hover-skew-x-0:hover { --tw-transform: skewX(0); }
[data-theme="dark"] .dark-focus-skew-x-0:focus { --tw-transform: skewX(0); }
[data-theme="dark"] .dark-active-skew-x-0:active { --tw-transform: skewX(0); }
[data-theme="dark"] .dark-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
[data-theme="dark"] .dark-group-hover-skew-x-0 { --tw-transform: skewX(0); }
[data-theme="dark"] .dark-skew-x-3 { --tw-transform: skewX(3deg); }
[data-theme="dark"] .dark-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
[data-theme="dark"] .dark-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
[data-theme="dark"] .dark-active-skew-x-3:active { --tw-transform: skewX(3deg); }
[data-theme="dark"] .dark-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
[data-theme="dark"] .dark-group-hover-skew-x-3 { --tw-transform: skewX(3deg); }
[data-theme="dark"] .dark-skew-x-6 { --tw-transform: skewX(6deg); }
[data-theme="dark"] .dark-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
[data-theme="dark"] .dark-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
[data-theme="dark"] .dark-active-skew-x-6:active { --tw-transform: skewX(6deg); }
[data-theme="dark"] .dark-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
[data-theme="dark"] .dark-group-hover-skew-x-6 { --tw-transform: skewX(6deg); }
[data-theme="dark"] .dark-skew-y-0 { --tw-transform: skewY(0); }
[data-theme="dark"] .dark-hover-skew-y-0:hover { --tw-transform: skewY(0); }
[data-theme="dark"] .dark-focus-skew-y-0:focus { --tw-transform: skewY(0); }
[data-theme="dark"] .dark-active-skew-y-0:active { --tw-transform: skewY(0); }
[data-theme="dark"] .dark-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
[data-theme="dark"] .dark-group-hover-skew-y-0 { --tw-transform: skewY(0); }
[data-theme="dark"] .dark-skew-y-3 { --tw-transform: skewY(3deg); }
[data-theme="dark"] .dark-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
[data-theme="dark"] .dark-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
[data-theme="dark"] .dark-active-skew-y-3:active { --tw-transform: skewY(3deg); }
[data-theme="dark"] .dark-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
[data-theme="dark"] .dark-group-hover-skew-y-3 { --tw-transform: skewY(3deg); }
[data-theme="dark"] .dark-skew-y-6 { --tw-transform: skewY(6deg); }
[data-theme="dark"] .dark-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
[data-theme="dark"] .dark-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
[data-theme="dark"] .dark-active-skew-y-6:active { --tw-transform: skewY(6deg); }
[data-theme="dark"] .dark-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
[data-theme="dark"] .dark-group-hover-skew-y-6 { --tw-transform: skewY(6deg); }
[data-theme="dark"] .dark-origin-center { transform-origin: center; }
[data-theme="dark"] .dark-hover-origin-center:hover { transform-origin: center; }
[data-theme="dark"] .dark-focus-origin-center:focus { transform-origin: center; }
[data-theme="dark"] .dark-active-origin-center:active { transform-origin: center; }
[data-theme="dark"] .dark-disabled-origin-center:disabled { transform-origin: center; }
[data-theme="dark"] .dark-group-hover-origin-center { transform-origin: center; }
[data-theme="dark"] .dark-origin-top { transform-origin: top; }
[data-theme="dark"] .dark-hover-origin-top:hover { transform-origin: top; }
[data-theme="dark"] .dark-focus-origin-top:focus { transform-origin: top; }
[data-theme="dark"] .dark-active-origin-top:active { transform-origin: top; }
[data-theme="dark"] .dark-disabled-origin-top:disabled { transform-origin: top; }
[data-theme="dark"] .dark-group-hover-origin-top { transform-origin: top; }
[data-theme="dark"] .dark-origin-right { transform-origin: right; }
[data-theme="dark"] .dark-hover-origin-right:hover { transform-origin: right; }
[data-theme="dark"] .dark-focus-origin-right:focus { transform-origin: right; }
[data-theme="dark"] .dark-active-origin-right:active { transform-origin: right; }
[data-theme="dark"] .dark-disabled-origin-right:disabled { transform-origin: right; }
[data-theme="dark"] .dark-group-hover-origin-right { transform-origin: right; }
[data-theme="dark"] .dark-origin-bottom { transform-origin: bottom; }
[data-theme="dark"] .dark-hover-origin-bottom:hover { transform-origin: bottom; }
[data-theme="dark"] .dark-focus-origin-bottom:focus { transform-origin: bottom; }
[data-theme="dark"] .dark-active-origin-bottom:active { transform-origin: bottom; }
[data-theme="dark"] .dark-disabled-origin-bottom:disabled { transform-origin: bottom; }
[data-theme="dark"] .dark-group-hover-origin-bottom { transform-origin: bottom; }
[data-theme="dark"] .dark-origin-left { transform-origin: left; }
[data-theme="dark"] .dark-hover-origin-left:hover { transform-origin: left; }
[data-theme="dark"] .dark-focus-origin-left:focus { transform-origin: left; }
[data-theme="dark"] .dark-active-origin-left:active { transform-origin: left; }
[data-theme="dark"] .dark-disabled-origin-left:disabled { transform-origin: left; }
[data-theme="dark"] .dark-group-hover-origin-left { transform-origin: left; }
[data-theme="dark"] .dark-perspective-none { perspective: none; }
[data-theme="dark"] .dark-hover-perspective-none:hover { perspective: none; }
[data-theme="dark"] .dark-focus-perspective-none:focus { perspective: none; }
[data-theme="dark"] .dark-active-perspective-none:active { perspective: none; }
[data-theme="dark"] .dark-disabled-perspective-none:disabled { perspective: none; }
[data-theme="dark"] .dark-group-hover-perspective-none { perspective: none; }
[data-theme="dark"] .dark-perspective-sm { perspective: 400px; }
[data-theme="dark"] .dark-hover-perspective-sm:hover { perspective: 400px; }
[data-theme="dark"] .dark-focus-perspective-sm:focus { perspective: 400px; }
[data-theme="dark"] .dark-active-perspective-sm:active { perspective: 400px; }
[data-theme="dark"] .dark-disabled-perspective-sm:disabled { perspective: 400px; }
[data-theme="dark"] .dark-group-hover-perspective-sm { perspective: 400px; }
[data-theme="dark"] .dark-perspective-md { perspective: 800px; }
[data-theme="dark"] .dark-hover-perspective-md:hover { perspective: 800px; }
[data-theme="dark"] .dark-focus-perspective-md:focus { perspective: 800px; }
[data-theme="dark"] .dark-active-perspective-md:active { perspective: 800px; }
[data-theme="dark"] .dark-disabled-perspective-md:disabled { perspective: 800px; }
[data-theme="dark"] .dark-group-hover-perspective-md { perspective: 800px; }
[data-theme="dark"] .dark-perspective-lg { perspective: 1200px; }
[data-theme="dark"] .dark-hover-perspective-lg:hover { perspective: 1200px; }
[data-theme="dark"] .dark-focus-perspective-lg:focus { perspective: 1200px; }
[data-theme="dark"] .dark-active-perspective-lg:active { perspective: 1200px; }
[data-theme="dark"] .dark-disabled-perspective-lg:disabled { perspective: 1200px; }
[data-theme="dark"] .dark-group-hover-perspective-lg { perspective: 1200px; }
[data-theme="dark"] .dark-perspective-xl { perspective: 1600px; }
[data-theme="dark"] .dark-hover-perspective-xl:hover { perspective: 1600px; }
[data-theme="dark"] .dark-focus-perspective-xl:focus { perspective: 1600px; }
[data-theme="dark"] .dark-active-perspective-xl:active { perspective: 1600px; }
[data-theme="dark"] .dark-disabled-perspective-xl:disabled { perspective: 1600px; }
[data-theme="dark"] .dark-group-hover-perspective-xl { perspective: 1600px; }
[data-theme="dark"] .dark-perspective-origin-center { perspective-origin: center; }
[data-theme="dark"] .dark-hover-perspective-origin-center:hover { perspective-origin: center; }
[data-theme="dark"] .dark-focus-perspective-origin-center:focus { perspective-origin: center; }
[data-theme="dark"] .dark-active-perspective-origin-center:active { perspective-origin: center; }
[data-theme="dark"] .dark-disabled-perspective-origin-center:disabled { perspective-origin: center; }
[data-theme="dark"] .dark-group-hover-perspective-origin-center { perspective-origin: center; }
[data-theme="dark"] .dark-perspective-origin-top { perspective-origin: top; }
[data-theme="dark"] .dark-hover-perspective-origin-top:hover { perspective-origin: top; }
[data-theme="dark"] .dark-focus-perspective-origin-top:focus { perspective-origin: top; }
[data-theme="dark"] .dark-active-perspective-origin-top:active { perspective-origin: top; }
[data-theme="dark"] .dark-disabled-perspective-origin-top:disabled { perspective-origin: top; }
[data-theme="dark"] .dark-group-hover-perspective-origin-top { perspective-origin: top; }
[data-theme="dark"] .dark-perspective-origin-left { perspective-origin: left; }
[data-theme="dark"] .dark-hover-perspective-origin-left:hover { perspective-origin: left; }
[data-theme="dark"] .dark-focus-perspective-origin-left:focus { perspective-origin: left; }
[data-theme="dark"] .dark-active-perspective-origin-left:active { perspective-origin: left; }
[data-theme="dark"] .dark-disabled-perspective-origin-left:disabled { perspective-origin: left; }
[data-theme="dark"] .dark-group-hover-perspective-origin-left { perspective-origin: left; }
[data-theme="dark"] .dark-perspective-origin-right { perspective-origin: right; }
[data-theme="dark"] .dark-hover-perspective-origin-right:hover { perspective-origin: right; }
[data-theme="dark"] .dark-focus-perspective-origin-right:focus { perspective-origin: right; }
[data-theme="dark"] .dark-active-perspective-origin-right:active { perspective-origin: right; }
[data-theme="dark"] .dark-disabled-perspective-origin-right:disabled { perspective-origin: right; }
[data-theme="dark"] .dark-group-hover-perspective-origin-right { perspective-origin: right; }
[data-theme="dark"] .dark-perspective-origin-bottom { perspective-origin: bottom; }
[data-theme="dark"] .dark-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
[data-theme="dark"] .dark-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
[data-theme="dark"] .dark-active-perspective-origin-bottom:active { perspective-origin: bottom; }
[data-theme="dark"] .dark-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
[data-theme="dark"] .dark-group-hover-perspective-origin-bottom { perspective-origin: bottom; }
[data-theme="dark"] .dark-backface-visible { backface-visibility: visible; }
[data-theme="dark"] .dark-hover-backface-visible:hover { backface-visibility: visible; }
[data-theme="dark"] .dark-focus-backface-visible:focus { backface-visibility: visible; }
[data-theme="dark"] .dark-active-backface-visible:active { backface-visibility: visible; }
[data-theme="dark"] .dark-disabled-backface-visible:disabled { backface-visibility: visible; }
[data-theme="dark"] .dark-group-hover-backface-visible { backface-visibility: visible; }
[data-theme="dark"] .dark-backface-hidden { backface-visibility: hidden; }
[data-theme="dark"] .dark-hover-backface-hidden:hover { backface-visibility: hidden; }
[data-theme="dark"] .dark-focus-backface-hidden:focus { backface-visibility: hidden; }
[data-theme="dark"] .dark-active-backface-hidden:active { backface-visibility: hidden; }
[data-theme="dark"] .dark-disabled-backface-hidden:disabled { backface-visibility: hidden; }
[data-theme="dark"] .dark-group-hover-backface-hidden { backface-visibility: hidden; }
[data-theme="dark"] .dark-transform-style-flat { transform-style: flat; }
[data-theme="dark"] .dark-hover-transform-style-flat:hover { transform-style: flat; }
[data-theme="dark"] .dark-focus-transform-style-flat:focus { transform-style: flat; }
[data-theme="dark"] .dark-active-transform-style-flat:active { transform-style: flat; }
[data-theme="dark"] .dark-disabled-transform-style-flat:disabled { transform-style: flat; }
[data-theme="dark"] .dark-group-hover-transform-style-flat { transform-style: flat; }
[data-theme="dark"] .dark-transform-style-preserve { transform-style: preserve-3d; }
[data-theme="dark"] .dark-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
[data-theme="dark"] .dark-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
[data-theme="dark"] .dark-active-transform-style-preserve:active { transform-style: preserve-3d; }
[data-theme="dark"] .dark-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
[data-theme="dark"] .dark-group-hover-transform-style-preserve { transform-style: preserve-3d; }
[data-theme="dark"] .dark-filter-none { filter: none; }
[data-theme="dark"] .dark-hover-filter-none:hover { filter: none; }
[data-theme="dark"] .dark-focus-filter-none:focus { filter: none; }
[data-theme="dark"] .dark-active-filter-none:active { filter: none; }
[data-theme="dark"] .dark-disabled-filter-none:disabled { filter: none; }
[data-theme="dark"] .dark-group-hover-filter-none { filter: none; }
[data-theme="dark"] .dark-filter-grayscale { filter: grayscale(100%); }
[data-theme="dark"] .dark-hover-filter-grayscale:hover { filter: grayscale(100%); }
[data-theme="dark"] .dark-focus-filter-grayscale:focus { filter: grayscale(100%); }
[data-theme="dark"] .dark-active-filter-grayscale:active { filter: grayscale(100%); }
[data-theme="dark"] .dark-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
[data-theme="dark"] .dark-group-hover-filter-grayscale { filter: grayscale(100%); }
[data-theme="dark"] .dark-filter-blur { filter: blur(4px); }
[data-theme="dark"] .dark-hover-filter-blur:hover { filter: blur(4px); }
[data-theme="dark"] .dark-focus-filter-blur:focus { filter: blur(4px); }
[data-theme="dark"] .dark-active-filter-blur:active { filter: blur(4px); }
[data-theme="dark"] .dark-disabled-filter-blur:disabled { filter: blur(4px); }
[data-theme="dark"] .dark-group-hover-filter-blur { filter: blur(4px); }
[data-theme="dark"] .dark-filter-brightness-50 { filter: brightness(0.5); }
[data-theme="dark"] .dark-hover-filter-brightness-50:hover { filter: brightness(0.5); }
[data-theme="dark"] .dark-focus-filter-brightness-50:focus { filter: brightness(0.5); }
[data-theme="dark"] .dark-active-filter-brightness-50:active { filter: brightness(0.5); }
[data-theme="dark"] .dark-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
[data-theme="dark"] .dark-group-hover-filter-brightness-50 { filter: brightness(0.5); }
[data-theme="dark"] .dark-filter-contrast-125 { filter: contrast(1.25); }
[data-theme="dark"] .dark-hover-filter-contrast-125:hover { filter: contrast(1.25); }
[data-theme="dark"] .dark-focus-filter-contrast-125:focus { filter: contrast(1.25); }
[data-theme="dark"] .dark-active-filter-contrast-125:active { filter: contrast(1.25); }
[data-theme="dark"] .dark-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
[data-theme="dark"] .dark-group-hover-filter-contrast-125 { filter: contrast(1.25); }
[data-theme="dark"] .dark-filter-saturate-150 { filter: saturate(1.5); }
[data-theme="dark"] .dark-hover-filter-saturate-150:hover { filter: saturate(1.5); }
[data-theme="dark"] .dark-focus-filter-saturate-150:focus { filter: saturate(1.5); }
[data-theme="dark"] .dark-active-filter-saturate-150:active { filter: saturate(1.5); }
[data-theme="dark"] .dark-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
[data-theme="dark"] .dark-group-hover-filter-saturate-150 { filter: saturate(1.5); }
[data-theme="dark"] .dark-filter-sepia { filter: sepia(100%); }
[data-theme="dark"] .dark-hover-filter-sepia:hover { filter: sepia(100%); }
[data-theme="dark"] .dark-focus-filter-sepia:focus { filter: sepia(100%); }
[data-theme="dark"] .dark-active-filter-sepia:active { filter: sepia(100%); }
[data-theme="dark"] .dark-disabled-filter-sepia:disabled { filter: sepia(100%); }
[data-theme="dark"] .dark-group-hover-filter-sepia { filter: sepia(100%); }
[data-theme="dark"] .dark-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-group-hover-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
[data-theme="dark"] .dark-backdrop-filter-none { backdrop-filter: none; }
[data-theme="dark"] .dark-hover-backdrop-filter-none:hover { backdrop-filter: none; }
[data-theme="dark"] .dark-focus-backdrop-filter-none:focus { backdrop-filter: none; }
[data-theme="dark"] .dark-active-backdrop-filter-none:active { backdrop-filter: none; }
[data-theme="dark"] .dark-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
[data-theme="dark"] .dark-group-hover-backdrop-filter-none { backdrop-filter: none; }
[data-theme="dark"] .dark-backdrop-blur { backdrop-filter: blur(4px); }
[data-theme="dark"] .dark-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
[data-theme="dark"] .dark-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
[data-theme="dark"] .dark-active-backdrop-blur:active { backdrop-filter: blur(4px); }
[data-theme="dark"] .dark-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
[data-theme="dark"] .dark-group-hover-backdrop-blur { backdrop-filter: blur(4px); }
[data-theme="dark"] .dark-bg-blend-normal { background-blend-mode: normal; }
[data-theme="dark"] .dark-hover-bg-blend-normal:hover { background-blend-mode: normal; }
[data-theme="dark"] .dark-focus-bg-blend-normal:focus { background-blend-mode: normal; }
[data-theme="dark"] .dark-active-bg-blend-normal:active { background-blend-mode: normal; }
[data-theme="dark"] .dark-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
[data-theme="dark"] .dark-group-hover-bg-blend-normal { background-blend-mode: normal; }
[data-theme="dark"] .dark-bg-blend-multiply { background-blend-mode: multiply; }
[data-theme="dark"] .dark-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
[data-theme="dark"] .dark-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
[data-theme="dark"] .dark-active-bg-blend-multiply:active { background-blend-mode: multiply; }
[data-theme="dark"] .dark-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
[data-theme="dark"] .dark-group-hover-bg-blend-multiply { background-blend-mode: multiply; }
[data-theme="dark"] .dark-bg-blend-screen { background-blend-mode: screen; }
[data-theme="dark"] .dark-hover-bg-blend-screen:hover { background-blend-mode: screen; }
[data-theme="dark"] .dark-focus-bg-blend-screen:focus { background-blend-mode: screen; }
[data-theme="dark"] .dark-active-bg-blend-screen:active { background-blend-mode: screen; }
[data-theme="dark"] .dark-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
[data-theme="dark"] .dark-group-hover-bg-blend-screen { background-blend-mode: screen; }
[data-theme="dark"] .dark-bg-blend-overlay { background-blend-mode: overlay; }
[data-theme="dark"] .dark-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
[data-theme="dark"] .dark-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
[data-theme="dark"] .dark-active-bg-blend-overlay:active { background-blend-mode: overlay; }
[data-theme="dark"] .dark-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
[data-theme="dark"] .dark-group-hover-bg-blend-overlay { background-blend-mode: overlay; }
[data-theme="dark"] .dark-bg-blend-darken { background-blend-mode: darken; }
[data-theme="dark"] .dark-hover-bg-blend-darken:hover { background-blend-mode: darken; }
[data-theme="dark"] .dark-focus-bg-blend-darken:focus { background-blend-mode: darken; }
[data-theme="dark"] .dark-active-bg-blend-darken:active { background-blend-mode: darken; }
[data-theme="dark"] .dark-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
[data-theme="dark"] .dark-group-hover-bg-blend-darken { background-blend-mode: darken; }
[data-theme="dark"] .dark-bg-blend-lighten { background-blend-mode: lighten; }
[data-theme="dark"] .dark-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
[data-theme="dark"] .dark-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
[data-theme="dark"] .dark-active-bg-blend-lighten:active { background-blend-mode: lighten; }
[data-theme="dark"] .dark-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
[data-theme="dark"] .dark-group-hover-bg-blend-lighten { background-blend-mode: lighten; }
[data-theme="dark"] .dark-mix-blend-normal { mix-blend-mode: normal; }
[data-theme="dark"] .dark-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
[data-theme="dark"] .dark-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
[data-theme="dark"] .dark-active-mix-blend-normal:active { mix-blend-mode: normal; }
[data-theme="dark"] .dark-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
[data-theme="dark"] .dark-group-hover-mix-blend-normal { mix-blend-mode: normal; }
[data-theme="dark"] .dark-mix-blend-multiply { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-group-hover-mix-blend-multiply { mix-blend-mode: multiply; }
[data-theme="dark"] .dark-mix-blend-screen { mix-blend-mode: screen; }
[data-theme="dark"] .dark-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
[data-theme="dark"] .dark-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
[data-theme="dark"] .dark-active-mix-blend-screen:active { mix-blend-mode: screen; }
[data-theme="dark"] .dark-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
[data-theme="dark"] .dark-group-hover-mix-blend-screen { mix-blend-mode: screen; }
[data-theme="dark"] .dark-mix-blend-overlay { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-group-hover-mix-blend-overlay { mix-blend-mode: overlay; }
[data-theme="dark"] .dark-decoration-slice { box-decoration-break: slice; }
[data-theme="dark"] .dark-hover-decoration-slice:hover { box-decoration-break: slice; }
[data-theme="dark"] .dark-focus-decoration-slice:focus { box-decoration-break: slice; }
[data-theme="dark"] .dark-active-decoration-slice:active { box-decoration-break: slice; }
[data-theme="dark"] .dark-disabled-decoration-slice:disabled { box-decoration-break: slice; }
[data-theme="dark"] .dark-group-hover-decoration-slice { box-decoration-break: slice; }
[data-theme="dark"] .dark-decoration-clone { box-decoration-break: clone; }
[data-theme="dark"] .dark-hover-decoration-clone:hover { box-decoration-break: clone; }
[data-theme="dark"] .dark-focus-decoration-clone:focus { box-decoration-break: clone; }
[data-theme="dark"] .dark-active-decoration-clone:active { box-decoration-break: clone; }
[data-theme="dark"] .dark-disabled-decoration-clone:disabled { box-decoration-break: clone; }
[data-theme="dark"] .dark-group-hover-decoration-clone { box-decoration-break: clone; }
[data-theme="dark"] .dark-box-border { box-sizing: border-box; }
[data-theme="dark"] .dark-hover-box-border:hover { box-sizing: border-box; }
[data-theme="dark"] .dark-focus-box-border:focus { box-sizing: border-box; }
[data-theme="dark"] .dark-active-box-border:active { box-sizing: border-box; }
[data-theme="dark"] .dark-disabled-box-border:disabled { box-sizing: border-box; }
[data-theme="dark"] .dark-group-hover-box-border { box-sizing: border-box; }
[data-theme="dark"] .dark-box-content { box-sizing: content-box; }
[data-theme="dark"] .dark-hover-box-content:hover { box-sizing: content-box; }
[data-theme="dark"] .dark-focus-box-content:focus { box-sizing: content-box; }
[data-theme="dark"] .dark-active-box-content:active { box-sizing: content-box; }
[data-theme="dark"] .dark-disabled-box-content:disabled { box-sizing: content-box; }
[data-theme="dark"] .dark-group-hover-box-content { box-sizing: content-box; }
[data-theme="dark"] .dark-clip-none { clip-path: none; }
[data-theme="dark"] .dark-hover-clip-none:hover { clip-path: none; }
[data-theme="dark"] .dark-focus-clip-none:focus { clip-path: none; }
[data-theme="dark"] .dark-active-clip-none:active { clip-path: none; }
[data-theme="dark"] .dark-disabled-clip-none:disabled { clip-path: none; }
[data-theme="dark"] .dark-group-hover-clip-none { clip-path: none; }
[data-theme="dark"] .dark-clip-circle { clip-path: circle(50%); }
[data-theme="dark"] .dark-hover-clip-circle:hover { clip-path: circle(50%); }
[data-theme="dark"] .dark-focus-clip-circle:focus { clip-path: circle(50%); }
[data-theme="dark"] .dark-active-clip-circle:active { clip-path: circle(50%); }
[data-theme="dark"] .dark-disabled-clip-circle:disabled { clip-path: circle(50%); }
[data-theme="dark"] .dark-group-hover-clip-circle { clip-path: circle(50%); }
[data-theme="dark"] .dark-clip-ellipse { clip-path: ellipse(50% 75%); }
[data-theme="dark"] .dark-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
[data-theme="dark"] .dark-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
[data-theme="dark"] .dark-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
[data-theme="dark"] .dark-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
[data-theme="dark"] .dark-group-hover-clip-ellipse { clip-path: ellipse(50% 75%); }
[data-theme="dark"] .dark-clip-inset { clip-path: inset(10%); }
[data-theme="dark"] .dark-hover-clip-inset:hover { clip-path: inset(10%); }
[data-theme="dark"] .dark-focus-clip-inset:focus { clip-path: inset(10%); }
[data-theme="dark"] .dark-active-clip-inset:active { clip-path: inset(10%); }
[data-theme="dark"] .dark-disabled-clip-inset:disabled { clip-path: inset(10%); }
[data-theme="dark"] .dark-group-hover-clip-inset { clip-path: inset(10%); }
[data-theme="dark"] .dark-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
[data-theme="dark"] .dark-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
[data-theme="dark"] .dark-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
[data-theme="dark"] .dark-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
[data-theme="dark"] .dark-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
[data-theme="dark"] .dark-group-hover-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
[data-theme="dark"] .dark-outline-none { outline: none; }
[data-theme="dark"] .dark-hover-outline-none:hover { outline: none; }
[data-theme="dark"] .dark-focus-outline-none:focus { outline: none; }
[data-theme="dark"] .dark-active-outline-none:active { outline: none; }
[data-theme="dark"] .dark-disabled-outline-none:disabled { outline: none; }
[data-theme="dark"] .dark-group-hover-outline-none { outline: none; }
[data-theme="dark"] .dark-outline-solid { outline-style: solid; }
[data-theme="dark"] .dark-hover-outline-solid:hover { outline-style: solid; }
[data-theme="dark"] .dark-focus-outline-solid:focus { outline-style: solid; }
[data-theme="dark"] .dark-active-outline-solid:active { outline-style: solid; }
[data-theme="dark"] .dark-disabled-outline-solid:disabled { outline-style: solid; }
[data-theme="dark"] .dark-group-hover-outline-solid { outline-style: solid; }
[data-theme="dark"] .dark-outline-dashed { outline-style: dashed; }
[data-theme="dark"] .dark-hover-outline-dashed:hover { outline-style: dashed; }
[data-theme="dark"] .dark-focus-outline-dashed:focus { outline-style: dashed; }
[data-theme="dark"] .dark-active-outline-dashed:active { outline-style: dashed; }
[data-theme="dark"] .dark-disabled-outline-dashed:disabled { outline-style: dashed; }
[data-theme="dark"] .dark-group-hover-outline-dashed { outline-style: dashed; }
[data-theme="dark"] .dark-outline-offset-0 { outline-offset: 0; }
[data-theme="dark"] .dark-hover-outline-offset-0:hover { outline-offset: 0; }
[data-theme="dark"] .dark-focus-outline-offset-0:focus { outline-offset: 0; }
[data-theme="dark"] .dark-active-outline-offset-0:active { outline-offset: 0; }
[data-theme="dark"] .dark-disabled-outline-offset-0:disabled { outline-offset: 0; }
[data-theme="dark"] .dark-group-hover-outline-offset-0 { outline-offset: 0; }
[data-theme="dark"] .dark-outline-offset-2 { outline-offset: 2px; }
[data-theme="dark"] .dark-hover-outline-offset-2:hover { outline-offset: 2px; }
[data-theme="dark"] .dark-focus-outline-offset-2:focus { outline-offset: 2px; }
[data-theme="dark"] .dark-active-outline-offset-2:active { outline-offset: 2px; }
[data-theme="dark"] .dark-disabled-outline-offset-2:disabled { outline-offset: 2px; }
[data-theme="dark"] .dark-group-hover-outline-offset-2 { outline-offset: 2px; }
[data-theme="dark"] .dark-outline-offset-4 { outline-offset: 4px; }
[data-theme="dark"] .dark-hover-outline-offset-4:hover { outline-offset: 4px; }
[data-theme="dark"] .dark-focus-outline-offset-4:focus { outline-offset: 4px; }
[data-theme="dark"] .dark-active-outline-offset-4:active { outline-offset: 4px; }
[data-theme="dark"] .dark-disabled-outline-offset-4:disabled { outline-offset: 4px; }
[data-theme="dark"] .dark-group-hover-outline-offset-4 { outline-offset: 4px; }
[data-theme="dark"] .dark-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
[data-theme="dark"] .dark-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
[data-theme="dark"] .dark-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
[data-theme="dark"] .dark-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
[data-theme="dark"] .dark-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
[data-theme="dark"] .dark-group-hover-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
[data-theme="dark"] .dark-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
[data-theme="dark"] .dark-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
[data-theme="dark"] .dark-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
[data-theme="dark"] .dark-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
[data-theme="dark"] .dark-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
[data-theme="dark"] .dark-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
[data-theme="dark"] .dark-group-hover-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
[data-theme="dark"] .dark-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
[data-theme="dark"] .dark-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
[data-theme="dark"] .dark-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
[data-theme="dark"] .dark-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
[data-theme="dark"] .dark-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
[data-theme="dark"] .dark-group-hover-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
[data-theme="dark"] .dark-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
[data-theme="dark"] .dark-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
[data-theme="dark"] .dark-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
[data-theme="dark"] .dark-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
[data-theme="dark"] .dark-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
[data-theme="dark"] .dark-group-hover-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
[data-theme="dark"] .dark-shadow-none { box-shadow: none; }
[data-theme="dark"] .dark-hover-shadow-none:hover { box-shadow: none; }
[data-theme="dark"] .dark-focus-shadow-none:focus { box-shadow: none; }
[data-theme="dark"] .dark-active-shadow-none:active { box-shadow: none; }
[data-theme="dark"] .dark-disabled-shadow-none:disabled { box-shadow: none; }
[data-theme="dark"] .dark-group-hover-shadow-none { box-shadow: none; }
[data-theme="dark"] .dark-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-group-hover-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-group-hover-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-group-hover-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
[data-theme="dark"] .dark-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-group-hover-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
[data-theme="dark"] .dark-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
[data-theme="dark"] .dark-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
[data-theme="dark"] .dark-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
[data-theme="dark"] .dark-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
[data-theme="dark"] .dark-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
[data-theme="dark"] .dark-group-hover-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
[data-theme="dark"] .dark-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
[data-theme="dark"] .dark-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
[data-theme="dark"] .dark-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
[data-theme="dark"] .dark-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
[data-theme="dark"] .dark-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
[data-theme="dark"] .dark-group-hover-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
[data-theme="dark"] .dark-accent-auto { accent-color: auto; }
[data-theme="dark"] .dark-hover-accent-auto:hover { accent-color: auto; }
[data-theme="dark"] .dark-focus-accent-auto:focus { accent-color: auto; }
[data-theme="dark"] .dark-active-accent-auto:active { accent-color: auto; }
[data-theme="dark"] .dark-disabled-accent-auto:disabled { accent-color: auto; }
[data-theme="dark"] .dark-group-hover-accent-auto { accent-color: auto; }
[data-theme="dark"] .dark-accent-current { accent-color: currentColor; }
[data-theme="dark"] .dark-hover-accent-current:hover { accent-color: currentColor; }
[data-theme="dark"] .dark-focus-accent-current:focus { accent-color: currentColor; }
[data-theme="dark"] .dark-active-accent-current:active { accent-color: currentColor; }
[data-theme="dark"] .dark-disabled-accent-current:disabled { accent-color: currentColor; }
[data-theme="dark"] .dark-group-hover-accent-current { accent-color: currentColor; }
[data-theme="dark"] .dark-appearance-none { appearance: none; }
[data-theme="dark"] .dark-hover-appearance-none:hover { appearance: none; }
[data-theme="dark"] .dark-focus-appearance-none:focus { appearance: none; }
[data-theme="dark"] .dark-active-appearance-none:active { appearance: none; }
[data-theme="dark"] .dark-disabled-appearance-none:disabled { appearance: none; }
[data-theme="dark"] .dark-group-hover-appearance-none { appearance: none; }
[data-theme="dark"] .dark-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
[data-theme="dark"] .dark-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
[data-theme="dark"] .dark-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
[data-theme="dark"] .dark-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
[data-theme="dark"] .dark-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
[data-theme="dark"] .dark-group-hover-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
[data-theme="dark"] .dark-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
[data-theme="dark"] .dark-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
[data-theme="dark"] .dark-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
[data-theme="dark"] .dark-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
[data-theme="dark"] .dark-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
[data-theme="dark"] .dark-group-hover-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
[data-theme="dark"] .dark-cursor-auto { cursor: auto; }
[data-theme="dark"] .dark-hover-cursor-auto:hover { cursor: auto; }
[data-theme="dark"] .dark-focus-cursor-auto:focus { cursor: auto; }
[data-theme="dark"] .dark-active-cursor-auto:active { cursor: auto; }
[data-theme="dark"] .dark-disabled-cursor-auto:disabled { cursor: auto; }
[data-theme="dark"] .dark-group-hover-cursor-auto { cursor: auto; }
[data-theme="dark"] .dark-cursor-pointer { cursor: pointer; }
[data-theme="dark"] .dark-hover-cursor-pointer:hover { cursor: pointer; }
[data-theme="dark"] .dark-focus-cursor-pointer:focus { cursor: pointer; }
[data-theme="dark"] .dark-active-cursor-pointer:active { cursor: pointer; }
[data-theme="dark"] .dark-disabled-cursor-pointer:disabled { cursor: pointer; }
[data-theme="dark"] .dark-group-hover-cursor-pointer { cursor: pointer; }
[data-theme="dark"] .dark-cursor-default { cursor: default; }
[data-theme="dark"] .dark-hover-cursor-default:hover { cursor: default; }
[data-theme="dark"] .dark-focus-cursor-default:focus { cursor: default; }
[data-theme="dark"] .dark-active-cursor-default:active { cursor: default; }
[data-theme="dark"] .dark-disabled-cursor-default:disabled { cursor: default; }
[data-theme="dark"] .dark-group-hover-cursor-default { cursor: default; }
[data-theme="dark"] .dark-cursor-wait { cursor: wait; }
[data-theme="dark"] .dark-hover-cursor-wait:hover { cursor: wait; }
[data-theme="dark"] .dark-focus-cursor-wait:focus { cursor: wait; }
[data-theme="dark"] .dark-active-cursor-wait:active { cursor: wait; }
[data-theme="dark"] .dark-disabled-cursor-wait:disabled { cursor: wait; }
[data-theme="dark"] .dark-group-hover-cursor-wait { cursor: wait; }
[data-theme="dark"] .dark-cursor-text { cursor: text; }
[data-theme="dark"] .dark-hover-cursor-text:hover { cursor: text; }
[data-theme="dark"] .dark-focus-cursor-text:focus { cursor: text; }
[data-theme="dark"] .dark-active-cursor-text:active { cursor: text; }
[data-theme="dark"] .dark-disabled-cursor-text:disabled { cursor: text; }
[data-theme="dark"] .dark-group-hover-cursor-text { cursor: text; }
[data-theme="dark"] .dark-cursor-move { cursor: move; }
[data-theme="dark"] .dark-hover-cursor-move:hover { cursor: move; }
[data-theme="dark"] .dark-focus-cursor-move:focus { cursor: move; }
[data-theme="dark"] .dark-active-cursor-move:active { cursor: move; }
[data-theme="dark"] .dark-disabled-cursor-move:disabled { cursor: move; }
[data-theme="dark"] .dark-group-hover-cursor-move { cursor: move; }
[data-theme="dark"] .dark-cursor-not-allowed { cursor: not-allowed; }
[data-theme="dark"] .dark-hover-cursor-not-allowed:hover { cursor: not-allowed; }
[data-theme="dark"] .dark-focus-cursor-not-allowed:focus { cursor: not-allowed; }
[data-theme="dark"] .dark-active-cursor-not-allowed:active { cursor: not-allowed; }
[data-theme="dark"] .dark-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
[data-theme="dark"] .dark-group-hover-cursor-not-allowed { cursor: not-allowed; }
[data-theme="dark"] .dark-pointer-events-auto { pointer-events: auto; }
[data-theme="dark"] .dark-hover-pointer-events-auto:hover { pointer-events: auto; }
[data-theme="dark"] .dark-focus-pointer-events-auto:focus { pointer-events: auto; }
[data-theme="dark"] .dark-active-pointer-events-auto:active { pointer-events: auto; }
[data-theme="dark"] .dark-disabled-pointer-events-auto:disabled { pointer-events: auto; }
[data-theme="dark"] .dark-group-hover-pointer-events-auto { pointer-events: auto; }
[data-theme="dark"] .dark-pointer-events-none { pointer-events: none; }
[data-theme="dark"] .dark-hover-pointer-events-none:hover { pointer-events: none; }
[data-theme="dark"] .dark-focus-pointer-events-none:focus { pointer-events: none; }
[data-theme="dark"] .dark-active-pointer-events-none:active { pointer-events: none; }
[data-theme="dark"] .dark-disabled-pointer-events-none:disabled { pointer-events: none; }
[data-theme="dark"] .dark-group-hover-pointer-events-none { pointer-events: none; }
[data-theme="dark"] .dark-resize-none { resize: none; }
[data-theme="dark"] .dark-hover-resize-none:hover { resize: none; }
[data-theme="dark"] .dark-focus-resize-none:focus { resize: none; }
[data-theme="dark"] .dark-active-resize-none:active { resize: none; }
[data-theme="dark"] .dark-disabled-resize-none:disabled { resize: none; }
[data-theme="dark"] .dark-group-hover-resize-none { resize: none; }
[data-theme="dark"] .dark-resize-y { resize: vertical; }
[data-theme="dark"] .dark-hover-resize-y:hover { resize: vertical; }
[data-theme="dark"] .dark-focus-resize-y:focus { resize: vertical; }
[data-theme="dark"] .dark-active-resize-y:active { resize: vertical; }
[data-theme="dark"] .dark-disabled-resize-y:disabled { resize: vertical; }
[data-theme="dark"] .dark-group-hover-resize-y { resize: vertical; }
[data-theme="dark"] .dark-resize-x { resize: horizontal; }
[data-theme="dark"] .dark-hover-resize-x:hover { resize: horizontal; }
[data-theme="dark"] .dark-focus-resize-x:focus { resize: horizontal; }
[data-theme="dark"] .dark-active-resize-x:active { resize: horizontal; }
[data-theme="dark"] .dark-disabled-resize-x:disabled { resize: horizontal; }
[data-theme="dark"] .dark-group-hover-resize-x { resize: horizontal; }
[data-theme="dark"] .dark-resize { resize: both; }
[data-theme="dark"] .dark-hover-resize:hover { resize: both; }
[data-theme="dark"] .dark-focus-resize:focus { resize: both; }
[data-theme="dark"] .dark-active-resize:active { resize: both; }
[data-theme="dark"] .dark-disabled-resize:disabled { resize: both; }
[data-theme="dark"] .dark-group-hover-resize { resize: both; }
[data-theme="dark"] .dark-scroll-auto { scroll-behavior: auto; }
[data-theme="dark"] .dark-hover-scroll-auto:hover { scroll-behavior: auto; }
[data-theme="dark"] .dark-focus-scroll-auto:focus { scroll-behavior: auto; }
[data-theme="dark"] .dark-active-scroll-auto:active { scroll-behavior: auto; }
[data-theme="dark"] .dark-disabled-scroll-auto:disabled { scroll-behavior: auto; }
[data-theme="dark"] .dark-group-hover-scroll-auto { scroll-behavior: auto; }
[data-theme="dark"] .dark-scroll-smooth { scroll-behavior: smooth; }
[data-theme="dark"] .dark-hover-scroll-smooth:hover { scroll-behavior: smooth; }
[data-theme="dark"] .dark-focus-scroll-smooth:focus { scroll-behavior: smooth; }
[data-theme="dark"] .dark-active-scroll-smooth:active { scroll-behavior: smooth; }
[data-theme="dark"] .dark-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
[data-theme="dark"] .dark-group-hover-scroll-smooth { scroll-behavior: smooth; }
[data-theme="dark"] .dark-scroll-m-0 { scroll-margin: 0; }
[data-theme="dark"] .dark-hover-scroll-m-0:hover { scroll-margin: 0; }
[data-theme="dark"] .dark-focus-scroll-m-0:focus { scroll-margin: 0; }
[data-theme="dark"] .dark-active-scroll-m-0:active { scroll-margin: 0; }
[data-theme="dark"] .dark-disabled-scroll-m-0:disabled { scroll-margin: 0; }
[data-theme="dark"] .dark-group-hover-scroll-m-0 { scroll-margin: 0; }
[data-theme="dark"] .dark-scroll-m-1 { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-active-scroll-m-1:active { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-1 { scroll-margin: 0.25rem; }
[data-theme="dark"] .dark-scroll-m-2 { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-active-scroll-m-2:active { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-2 { scroll-margin: 0.5rem; }
[data-theme="dark"] .dark-scroll-m-4 { scroll-margin: 1rem; }
[data-theme="dark"] .dark-hover-scroll-m-4:hover { scroll-margin: 1rem; }
[data-theme="dark"] .dark-focus-scroll-m-4:focus { scroll-margin: 1rem; }
[data-theme="dark"] .dark-active-scroll-m-4:active { scroll-margin: 1rem; }
[data-theme="dark"] .dark-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-4 { scroll-margin: 1rem; }
[data-theme="dark"] .dark-scroll-m-8 { scroll-margin: 2rem; }
[data-theme="dark"] .dark-hover-scroll-m-8:hover { scroll-margin: 2rem; }
[data-theme="dark"] .dark-focus-scroll-m-8:focus { scroll-margin: 2rem; }
[data-theme="dark"] .dark-active-scroll-m-8:active { scroll-margin: 2rem; }
[data-theme="dark"] .dark-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
[data-theme="dark"] .dark-group-hover-scroll-m-8 { scroll-margin: 2rem; }
[data-theme="dark"] .dark-scroll-p-0 { scroll-padding: 0; }
[data-theme="dark"] .dark-hover-scroll-p-0:hover { scroll-padding: 0; }
[data-theme="dark"] .dark-focus-scroll-p-0:focus { scroll-padding: 0; }
[data-theme="dark"] .dark-active-scroll-p-0:active { scroll-padding: 0; }
[data-theme="dark"] .dark-disabled-scroll-p-0:disabled { scroll-padding: 0; }
[data-theme="dark"] .dark-group-hover-scroll-p-0 { scroll-padding: 0; }
[data-theme="dark"] .dark-scroll-p-1 { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-active-scroll-p-1:active { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-1 { scroll-padding: 0.25rem; }
[data-theme="dark"] .dark-scroll-p-2 { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-active-scroll-p-2:active { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-2 { scroll-padding: 0.5rem; }
[data-theme="dark"] .dark-scroll-p-4 { scroll-padding: 1rem; }
[data-theme="dark"] .dark-hover-scroll-p-4:hover { scroll-padding: 1rem; }
[data-theme="dark"] .dark-focus-scroll-p-4:focus { scroll-padding: 1rem; }
[data-theme="dark"] .dark-active-scroll-p-4:active { scroll-padding: 1rem; }
[data-theme="dark"] .dark-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-4 { scroll-padding: 1rem; }
[data-theme="dark"] .dark-scroll-p-8 { scroll-padding: 2rem; }
[data-theme="dark"] .dark-hover-scroll-p-8:hover { scroll-padding: 2rem; }
[data-theme="dark"] .dark-focus-scroll-p-8:focus { scroll-padding: 2rem; }
[data-theme="dark"] .dark-active-scroll-p-8:active { scroll-padding: 2rem; }
[data-theme="dark"] .dark-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
[data-theme="dark"] .dark-group-hover-scroll-p-8 { scroll-padding: 2rem; }
[data-theme="dark"] .dark-touch-auto { touch-action: auto; }
[data-theme="dark"] .dark-hover-touch-auto:hover { touch-action: auto; }
[data-theme="dark"] .dark-focus-touch-auto:focus { touch-action: auto; }
[data-theme="dark"] .dark-active-touch-auto:active { touch-action: auto; }
[data-theme="dark"] .dark-disabled-touch-auto:disabled { touch-action: auto; }
[data-theme="dark"] .dark-group-hover-touch-auto { touch-action: auto; }
[data-theme="dark"] .dark-touch-none { touch-action: none; }
[data-theme="dark"] .dark-hover-touch-none:hover { touch-action: none; }
[data-theme="dark"] .dark-focus-touch-none:focus { touch-action: none; }
[data-theme="dark"] .dark-active-touch-none:active { touch-action: none; }
[data-theme="dark"] .dark-disabled-touch-none:disabled { touch-action: none; }
[data-theme="dark"] .dark-group-hover-touch-none { touch-action: none; }
[data-theme="dark"] .dark-touch-pan-x { touch-action: pan-x; }
[data-theme="dark"] .dark-hover-touch-pan-x:hover { touch-action: pan-x; }
[data-theme="dark"] .dark-focus-touch-pan-x:focus { touch-action: pan-x; }
[data-theme="dark"] .dark-active-touch-pan-x:active { touch-action: pan-x; }
[data-theme="dark"] .dark-disabled-touch-pan-x:disabled { touch-action: pan-x; }
[data-theme="dark"] .dark-group-hover-touch-pan-x { touch-action: pan-x; }
[data-theme="dark"] .dark-touch-pan-y { touch-action: pan-y; }
[data-theme="dark"] .dark-hover-touch-pan-y:hover { touch-action: pan-y; }
[data-theme="dark"] .dark-focus-touch-pan-y:focus { touch-action: pan-y; }
[data-theme="dark"] .dark-active-touch-pan-y:active { touch-action: pan-y; }
[data-theme="dark"] .dark-disabled-touch-pan-y:disabled { touch-action: pan-y; }
[data-theme="dark"] .dark-group-hover-touch-pan-y { touch-action: pan-y; }
[data-theme="dark"] .dark-touch-manipulation { touch-action: manipulation; }
[data-theme="dark"] .dark-hover-touch-manipulation:hover { touch-action: manipulation; }
[data-theme="dark"] .dark-focus-touch-manipulation:focus { touch-action: manipulation; }
[data-theme="dark"] .dark-active-touch-manipulation:active { touch-action: manipulation; }
[data-theme="dark"] .dark-disabled-touch-manipulation:disabled { touch-action: manipulation; }
[data-theme="dark"] .dark-group-hover-touch-manipulation { touch-action: manipulation; }
[data-theme="dark"] .dark-select-none { user-select: none; }
[data-theme="dark"] .dark-hover-select-none:hover { user-select: none; }
[data-theme="dark"] .dark-focus-select-none:focus { user-select: none; }
[data-theme="dark"] .dark-active-select-none:active { user-select: none; }
[data-theme="dark"] .dark-disabled-select-none:disabled { user-select: none; }
[data-theme="dark"] .dark-group-hover-select-none { user-select: none; }
[data-theme="dark"] .dark-select-text { user-select: text; }
[data-theme="dark"] .dark-hover-select-text:hover { user-select: text; }
[data-theme="dark"] .dark-focus-select-text:focus { user-select: text; }
[data-theme="dark"] .dark-active-select-text:active { user-select: text; }
[data-theme="dark"] .dark-disabled-select-text:disabled { user-select: text; }
[data-theme="dark"] .dark-group-hover-select-text { user-select: text; }
[data-theme="dark"] .dark-select-all { user-select: all; }
[data-theme="dark"] .dark-hover-select-all:hover { user-select: all; }
[data-theme="dark"] .dark-focus-select-all:focus { user-select: all; }
[data-theme="dark"] .dark-active-select-all:active { user-select: all; }
[data-theme="dark"] .dark-disabled-select-all:disabled { user-select: all; }
[data-theme="dark"] .dark-group-hover-select-all { user-select: all; }
[data-theme="dark"] .dark-select-auto { user-select: auto; }
[data-theme="dark"] .dark-hover-select-auto:hover { user-select: auto; }
[data-theme="dark"] .dark-focus-select-auto:focus { user-select: auto; }
[data-theme="dark"] .dark-active-select-auto:active { user-select: auto; }
[data-theme="dark"] .dark-disabled-select-auto:disabled { user-select: auto; }
[data-theme="dark"] .dark-group-hover-select-auto { user-select: auto; }
[data-theme="dark"] .dark-will-change-auto { will-change: auto; }
[data-theme="dark"] .dark-hover-will-change-auto:hover { will-change: auto; }
[data-theme="dark"] .dark-focus-will-change-auto:focus { will-change: auto; }
[data-theme="dark"] .dark-active-will-change-auto:active { will-change: auto; }
[data-theme="dark"] .dark-disabled-will-change-auto:disabled { will-change: auto; }
[data-theme="dark"] .dark-group-hover-will-change-auto { will-change: auto; }
[data-theme="dark"] .dark-will-change-scroll { will-change: scroll-position; }
[data-theme="dark"] .dark-hover-will-change-scroll:hover { will-change: scroll-position; }
[data-theme="dark"] .dark-focus-will-change-scroll:focus { will-change: scroll-position; }
[data-theme="dark"] .dark-active-will-change-scroll:active { will-change: scroll-position; }
[data-theme="dark"] .dark-disabled-will-change-scroll:disabled { will-change: scroll-position; }
[data-theme="dark"] .dark-group-hover-will-change-scroll { will-change: scroll-position; }
[data-theme="dark"] .dark-will-change-transform { will-change: transform; }
[data-theme="dark"] .dark-hover-will-change-transform:hover { will-change: transform; }
[data-theme="dark"] .dark-focus-will-change-transform:focus { will-change: transform; }
[data-theme="dark"] .dark-active-will-change-transform:active { will-change: transform; }
[data-theme="dark"] .dark-disabled-will-change-transform:disabled { will-change: transform; }
[data-theme="dark"] .dark-group-hover-will-change-transform { will-change: transform; }
[data-theme="dark"] .dark-will-change-opacity { will-change: opacity; }
[data-theme="dark"] .dark-hover-will-change-opacity:hover { will-change: opacity; }
[data-theme="dark"] .dark-focus-will-change-opacity:focus { will-change: opacity; }
[data-theme="dark"] .dark-active-will-change-opacity:active { will-change: opacity; }
[data-theme="dark"] .dark-disabled-will-change-opacity:disabled { will-change: opacity; }
[data-theme="dark"] .dark-group-hover-will-change-opacity { will-change: opacity; }
[data-theme="dark"] .dark-bg-primary { background-color: var(--quanta-primary); }
[data-theme="dark"] .dark-hover-bg-primary:hover { background-color: var(--quanta-primary); }
[data-theme="dark"] .dark-focus-bg-primary:focus { background-color: var(--quanta-primary); }
[data-theme="dark"] .dark-active-bg-primary:active { background-color: var(--quanta-primary); }
[data-theme="dark"] .dark-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
[data-theme="dark"] .dark-group-hover-bg-primary { background-color: var(--quanta-primary); }
[data-theme="dark"] .dark-bg-secondary { background-color: var(--quanta-bg-secondary); }
[data-theme="dark"] .dark-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
[data-theme="dark"] .dark-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
[data-theme="dark"] .dark-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
[data-theme="dark"] .dark-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
[data-theme="dark"] .dark-group-hover-bg-secondary { background-color: var(--quanta-bg-secondary); }
[data-theme="dark"] .dark-bg-success { background-color: var(--quanta-bg-success); }
[data-theme="dark"] .dark-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
[data-theme="dark"] .dark-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
[data-theme="dark"] .dark-active-bg-success:active { background-color: var(--quanta-bg-success); }
[data-theme="dark"] .dark-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
[data-theme="dark"] .dark-group-hover-bg-success { background-color: var(--quanta-bg-success); }
[data-theme="dark"] .dark-bg-warning { background-color: var(--quanta-bg-warning); }
[data-theme="dark"] .dark-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
[data-theme="dark"] .dark-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
[data-theme="dark"] .dark-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
[data-theme="dark"] .dark-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
[data-theme="dark"] .dark-group-hover-bg-warning { background-color: var(--quanta-bg-warning); }
[data-theme="dark"] .dark-bg-danger { background-color: var(--quanta-bg-danger); }
[data-theme="dark"] .dark-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
[data-theme="dark"] .dark-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
[data-theme="dark"] .dark-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
[data-theme="dark"] .dark-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
[data-theme="dark"] .dark-group-hover-bg-danger { background-color: var(--quanta-bg-danger); }
[data-theme="dark"] .dark-bg-info { background-color: var(--quanta-bg-info); }
[data-theme="dark"] .dark-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
[data-theme="dark"] .dark-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
[data-theme="dark"] .dark-active-bg-info:active { background-color: var(--quanta-bg-info); }
[data-theme="dark"] .dark-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
[data-theme="dark"] .dark-group-hover-bg-info { background-color: var(--quanta-bg-info); }
[data-theme="dark"] .dark-text-primary { color: var(--quanta-primary); }
[data-theme="dark"] .dark-hover-text-primary:hover { color: var(--quanta-primary); }
[data-theme="dark"] .dark-focus-text-primary:focus { color: var(--quanta-primary); }
[data-theme="dark"] .dark-active-text-primary:active { color: var(--quanta-primary); }
[data-theme="dark"] .dark-disabled-text-primary:disabled { color: var(--quanta-primary); }
[data-theme="dark"] .dark-group-hover-text-primary { color: var(--quanta-primary); }
[data-theme="dark"] .dark-text-secondary { color: var(--quanta-text-secondary); }
[data-theme="dark"] .dark-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
[data-theme="dark"] .dark-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
[data-theme="dark"] .dark-active-text-secondary:active { color: var(--quanta-text-secondary); }
[data-theme="dark"] .dark-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
[data-theme="dark"] .dark-group-hover-text-secondary { color: var(--quanta-text-secondary); }
[data-theme="dark"] .dark-text-success { color: var(--quanta-text-success); }
[data-theme="dark"] .dark-hover-text-success:hover { color: var(--quanta-text-success); }
[data-theme="dark"] .dark-focus-text-success:focus { color: var(--quanta-text-success); }
[data-theme="dark"] .dark-active-text-success:active { color: var(--quanta-text-success); }
[data-theme="dark"] .dark-disabled-text-success:disabled { color: var(--quanta-text-success); }
[data-theme="dark"] .dark-group-hover-text-success { color: var(--quanta-text-success); }
[data-theme="dark"] .dark-text-warning { color: var(--quanta-text-warning); }
[data-theme="dark"] .dark-hover-text-warning:hover { color: var(--quanta-text-warning); }
[data-theme="dark"] .dark-focus-text-warning:focus { color: var(--quanta-text-warning); }
[data-theme="dark"] .dark-active-text-warning:active { color: var(--quanta-text-warning); }
[data-theme="dark"] .dark-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
[data-theme="dark"] .dark-group-hover-text-warning { color: var(--quanta-text-warning); }
[data-theme="dark"] .dark-text-danger { color: var(--quanta-text-danger); }
[data-theme="dark"] .dark-hover-text-danger:hover { color: var(--quanta-text-danger); }
[data-theme="dark"] .dark-focus-text-danger:focus { color: var(--quanta-text-danger); }
[data-theme="dark"] .dark-active-text-danger:active { color: var(--quanta-text-danger); }
[data-theme="dark"] .dark-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
[data-theme="dark"] .dark-group-hover-text-danger { color: var(--quanta-text-danger); }
[data-theme="dark"] .dark-text-info { color: var(--quanta-text-info); }
[data-theme="dark"] .dark-hover-text-info:hover { color: var(--quanta-text-info); }
[data-theme="dark"] .dark-focus-text-info:focus { color: var(--quanta-text-info); }
[data-theme="dark"] .dark-active-text-info:active { color: var(--quanta-text-info); }
[data-theme="dark"] .dark-disabled-text-info:disabled { color: var(--quanta-text-info); }
[data-theme="dark"] .dark-group-hover-text-info { color: var(--quanta-text-info); }
[data-theme="dark"] .dark-border-primary { border-color: var(--quanta-primary); }
[data-theme="dark"] .dark-hover-border-primary:hover { border-color: var(--quanta-primary); }
[data-theme="dark"] .dark-focus-border-primary:focus { border-color: var(--quanta-primary); }
[data-theme="dark"] .dark-active-border-primary:active { border-color: var(--quanta-primary); }
[data-theme="dark"] .dark-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
[data-theme="dark"] .dark-group-hover-border-primary { border-color: var(--quanta-primary); }
[data-theme="dark"] .dark-border-secondary { border-color: var(--quanta-border-secondary); }
[data-theme="dark"] .dark-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
[data-theme="dark"] .dark-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
[data-theme="dark"] .dark-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
[data-theme="dark"] .dark-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
[data-theme="dark"] .dark-group-hover-border-secondary { border-color: var(--quanta-border-secondary); }
[data-theme="dark"] .dark-border-success { border-color: var(--quanta-border-success); }
[data-theme="dark"] .dark-hover-border-success:hover { border-color: var(--quanta-border-success); }
[data-theme="dark"] .dark-focus-border-success:focus { border-color: var(--quanta-border-success); }
[data-theme="dark"] .dark-active-border-success:active { border-color: var(--quanta-border-success); }
[data-theme="dark"] .dark-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
[data-theme="dark"] .dark-group-hover-border-success { border-color: var(--quanta-border-success); }
[data-theme="dark"] .dark-border-warning { border-color: var(--quanta-border-warning); }
[data-theme="dark"] .dark-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
[data-theme="dark"] .dark-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
[data-theme="dark"] .dark-active-border-warning:active { border-color: var(--quanta-border-warning); }
[data-theme="dark"] .dark-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
[data-theme="dark"] .dark-group-hover-border-warning { border-color: var(--quanta-border-warning); }
[data-theme="dark"] .dark-border-danger { border-color: var(--quanta-border-danger); }
[data-theme="dark"] .dark-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
[data-theme="dark"] .dark-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
[data-theme="dark"] .dark-active-border-danger:active { border-color: var(--quanta-border-danger); }
[data-theme="dark"] .dark-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
[data-theme="dark"] .dark-group-hover-border-danger { border-color: var(--quanta-border-danger); }
[data-theme="dark"] .dark-border-info { border-color: var(--quanta-border-info); }
[data-theme="dark"] .dark-hover-border-info:hover { border-color: var(--quanta-border-info); }
[data-theme="dark"] .dark-focus-border-info:focus { border-color: var(--quanta-border-info); }
[data-theme="dark"] .dark-active-border-info:active { border-color: var(--quanta-border-info); }
[data-theme="dark"] .dark-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
[data-theme="dark"] .dark-group-hover-border-info { border-color: var(--quanta-border-info); }
@media (min-width: 480px) {
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-auto { padding: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-auto:hover { padding: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-auto:focus { padding: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-auto:active { padding: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-auto:disabled { padding: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-0 { padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-0:hover { padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-0:focus { padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-0:active { padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-0:disabled { padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-1 { padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-1:hover { padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-1:focus { padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-1:active { padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-1:disabled { padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-2 { padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-2:hover { padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-2:focus { padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-2:active { padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-2:disabled { padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-3 { padding: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-3:hover { padding: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-3:focus { padding: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-3:active { padding: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-3:disabled { padding: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-4 { padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-4:hover { padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-4:focus { padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-4:active { padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-4:disabled { padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-5 { padding: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-5:hover { padding: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-5:focus { padding: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-5:active { padding: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-5:disabled { padding: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-6 { padding: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-6:hover { padding: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-6:focus { padding: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-6:active { padding: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-6:disabled { padding: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-8 { padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-8:hover { padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-8:focus { padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-8:active { padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-8:disabled { padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-10 { padding: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-10:hover { padding: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-10:focus { padding: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-10:active { padding: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-10:disabled { padding: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-12 { padding: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-12:hover { padding: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-12:focus { padding: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-12:active { padding: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-12:disabled { padding: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-16 { padding: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-16:hover { padding: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-16:focus { padding: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-16:active { padding: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-16:disabled { padding: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-20 { padding: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-20:hover { padding: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-20:focus { padding: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-20:active { padding: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-20:disabled { padding: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-24 { padding: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-24:hover { padding: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-24:focus { padding: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-24:active { padding: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-24:disabled { padding: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-28 { padding: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-28:hover { padding: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-28:focus { padding: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-28:active { padding: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-28:disabled { padding: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-p-32 { padding: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-p-32:hover { padding: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-p-32:focus { padding: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-p-32:active { padding: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-p-32:disabled { padding: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-auto { padding-top: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-auto:hover { padding-top: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-auto:focus { padding-top: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-auto:active { padding-top: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-auto:disabled { padding-top: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-0 { padding-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-0:hover { padding-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-0:focus { padding-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-0:active { padding-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-0:disabled { padding-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-1 { padding-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-1:hover { padding-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-1:focus { padding-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-1:active { padding-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-1:disabled { padding-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-2 { padding-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-2:hover { padding-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-2:focus { padding-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-2:active { padding-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-2:disabled { padding-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-3 { padding-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-3:hover { padding-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-3:focus { padding-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-3:active { padding-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-3:disabled { padding-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-4 { padding-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-4:hover { padding-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-4:focus { padding-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-4:active { padding-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-4:disabled { padding-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-5 { padding-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-5:hover { padding-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-5:focus { padding-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-5:active { padding-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-5:disabled { padding-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-6 { padding-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-6:hover { padding-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-6:focus { padding-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-6:active { padding-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-6:disabled { padding-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-8 { padding-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-8:hover { padding-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-8:focus { padding-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-8:active { padding-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-8:disabled { padding-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-10 { padding-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-10:hover { padding-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-10:focus { padding-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-10:active { padding-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-10:disabled { padding-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-12 { padding-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-12:hover { padding-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-12:focus { padding-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-12:active { padding-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-12:disabled { padding-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-16 { padding-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-16:hover { padding-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-16:focus { padding-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-16:active { padding-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-16:disabled { padding-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-20 { padding-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-20:hover { padding-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-20:focus { padding-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-20:active { padding-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-20:disabled { padding-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-24 { padding-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-24:hover { padding-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-24:focus { padding-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-24:active { padding-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-24:disabled { padding-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-28 { padding-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-28:hover { padding-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-28:focus { padding-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-28:active { padding-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-28:disabled { padding-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pt-32 { padding-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pt-32:hover { padding-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pt-32:focus { padding-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pt-32:active { padding-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pt-32:disabled { padding-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-auto { padding-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-auto:hover { padding-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-auto:focus { padding-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-auto:active { padding-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-auto:disabled { padding-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-0 { padding-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-0:hover { padding-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-0:focus { padding-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-0:active { padding-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-0:disabled { padding-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-1 { padding-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-1:hover { padding-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-1:focus { padding-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-1:active { padding-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-2 { padding-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-2:hover { padding-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-2:focus { padding-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-2:active { padding-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-3 { padding-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-3:hover { padding-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-3:focus { padding-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-3:active { padding-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-4 { padding-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-4:hover { padding-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-4:focus { padding-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-4:active { padding-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-4:disabled { padding-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-5 { padding-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-5:hover { padding-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-5:focus { padding-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-5:active { padding-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-6 { padding-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-6:hover { padding-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-6:focus { padding-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-6:active { padding-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-8 { padding-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-8:hover { padding-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-8:focus { padding-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-8:active { padding-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-8:disabled { padding-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-10 { padding-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-10:hover { padding-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-10:focus { padding-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-10:active { padding-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-12 { padding-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-12:hover { padding-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-12:focus { padding-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-12:active { padding-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-12:disabled { padding-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-16 { padding-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-16:hover { padding-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-16:focus { padding-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-16:active { padding-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-16:disabled { padding-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-20 { padding-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-20:hover { padding-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-20:focus { padding-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-20:active { padding-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-20:disabled { padding-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-24 { padding-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-24:hover { padding-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-24:focus { padding-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-24:active { padding-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-24:disabled { padding-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-28 { padding-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-28:hover { padding-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-28:focus { padding-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-28:active { padding-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-28:disabled { padding-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pb-32 { padding-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pb-32:hover { padding-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pb-32:focus { padding-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pb-32:active { padding-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pb-32:disabled { padding-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-auto { padding-left: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-auto:hover { padding-left: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-auto:focus { padding-left: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-auto:active { padding-left: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-auto:disabled { padding-left: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-0 { padding-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-0:hover { padding-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-0:focus { padding-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-0:active { padding-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-0:disabled { padding-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-1 { padding-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-1:hover { padding-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-1:focus { padding-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-1:active { padding-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-1:disabled { padding-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-2 { padding-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-2:hover { padding-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-2:focus { padding-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-2:active { padding-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-2:disabled { padding-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-3 { padding-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-3:hover { padding-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-3:focus { padding-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-3:active { padding-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-3:disabled { padding-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-4 { padding-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-4:hover { padding-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-4:focus { padding-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-4:active { padding-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-4:disabled { padding-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-5 { padding-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-5:hover { padding-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-5:focus { padding-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-5:active { padding-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-5:disabled { padding-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-6 { padding-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-6:hover { padding-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-6:focus { padding-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-6:active { padding-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-6:disabled { padding-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-8 { padding-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-8:hover { padding-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-8:focus { padding-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-8:active { padding-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-8:disabled { padding-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-10 { padding-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-10:hover { padding-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-10:focus { padding-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-10:active { padding-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-10:disabled { padding-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-12 { padding-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-12:hover { padding-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-12:focus { padding-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-12:active { padding-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-12:disabled { padding-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-16 { padding-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-16:hover { padding-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-16:focus { padding-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-16:active { padding-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-16:disabled { padding-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-20 { padding-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-20:hover { padding-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-20:focus { padding-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-20:active { padding-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-20:disabled { padding-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-24 { padding-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-24:hover { padding-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-24:focus { padding-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-24:active { padding-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-24:disabled { padding-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-28 { padding-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-28:hover { padding-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-28:focus { padding-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-28:active { padding-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-28:disabled { padding-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pl-32 { padding-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pl-32:hover { padding-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pl-32:focus { padding-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pl-32:active { padding-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pl-32:disabled { padding-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-auto { padding-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-auto:hover { padding-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-auto:focus { padding-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-auto:active { padding-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-auto:disabled { padding-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-0 { padding-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-0:hover { padding-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-0:focus { padding-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-0:active { padding-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-0:disabled { padding-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-1 { padding-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-1:hover { padding-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-1:focus { padding-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-1:active { padding-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-1:disabled { padding-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-2 { padding-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-2:hover { padding-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-2:focus { padding-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-2:active { padding-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-2:disabled { padding-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-3 { padding-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-3:hover { padding-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-3:focus { padding-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-3:active { padding-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-3:disabled { padding-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-4 { padding-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-4:hover { padding-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-4:focus { padding-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-4:active { padding-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-4:disabled { padding-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-5 { padding-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-5:hover { padding-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-5:focus { padding-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-5:active { padding-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-5:disabled { padding-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-6 { padding-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-6:hover { padding-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-6:focus { padding-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-6:active { padding-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-6:disabled { padding-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-8 { padding-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-8:hover { padding-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-8:focus { padding-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-8:active { padding-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-8:disabled { padding-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-10 { padding-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-10:hover { padding-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-10:focus { padding-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-10:active { padding-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-10:disabled { padding-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-12 { padding-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-12:hover { padding-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-12:focus { padding-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-12:active { padding-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-12:disabled { padding-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-16 { padding-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-16:hover { padding-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-16:focus { padding-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-16:active { padding-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-16:disabled { padding-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-20 { padding-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-20:hover { padding-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-20:focus { padding-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-20:active { padding-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-20:disabled { padding-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-24 { padding-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-24:hover { padding-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-24:focus { padding-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-24:active { padding-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-24:disabled { padding-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-28 { padding-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-28:hover { padding-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-28:focus { padding-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-28:active { padding-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-28:disabled { padding-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pr-32 { padding-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pr-32:hover { padding-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pr-32:focus { padding-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pr-32:active { padding-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pr-32:disabled { padding-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-auto { padding-left: auto; padding-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-auto:active { padding-left: auto; padding-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-0 { padding-left: 0; padding-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-0:hover { padding-left: 0; padding-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-0:focus { padding-left: 0; padding-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-0:active { padding-left: 0; padding-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-4 { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-8 { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-12 { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-16 { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-20 { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-24 { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-28 { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-px-32 { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-auto { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-0 { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-0:active { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-auto { margin: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-auto:hover { margin: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-auto:focus { margin: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-auto:active { margin: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-auto:disabled { margin: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-0 { margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-0:hover { margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-0:focus { margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-0:active { margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-0:disabled { margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-1 { margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-1:hover { margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-1:focus { margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-1:active { margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-1:disabled { margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-2 { margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-2:hover { margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-2:focus { margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-2:active { margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-2:disabled { margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-3 { margin: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-3:hover { margin: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-3:focus { margin: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-3:active { margin: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-3:disabled { margin: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-4 { margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-4:hover { margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-4:focus { margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-4:active { margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-4:disabled { margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-5 { margin: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-5:hover { margin: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-5:focus { margin: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-5:active { margin: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-5:disabled { margin: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-6 { margin: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-6:hover { margin: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-6:focus { margin: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-6:active { margin: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-6:disabled { margin: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-8 { margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-8:hover { margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-8:focus { margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-8:active { margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-8:disabled { margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-10 { margin: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-10:hover { margin: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-10:focus { margin: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-10:active { margin: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-10:disabled { margin: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-12 { margin: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-12:hover { margin: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-12:focus { margin: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-12:active { margin: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-12:disabled { margin: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-16 { margin: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-16:hover { margin: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-16:focus { margin: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-16:active { margin: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-16:disabled { margin: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-20 { margin: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-20:hover { margin: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-20:focus { margin: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-20:active { margin: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-20:disabled { margin: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-24 { margin: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-24:hover { margin: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-24:focus { margin: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-24:active { margin: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-24:disabled { margin: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-28 { margin: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-28:hover { margin: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-28:focus { margin: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-28:active { margin: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-28:disabled { margin: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-m-32 { margin: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-m-32:hover { margin: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-m-32:focus { margin: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-m-32:active { margin: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-m-32:disabled { margin: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-auto { margin-top: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-auto:hover { margin-top: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-auto:focus { margin-top: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-auto:active { margin-top: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-auto:disabled { margin-top: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-0 { margin-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-0:hover { margin-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-0:focus { margin-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-0:active { margin-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-0:disabled { margin-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-1 { margin-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-1:hover { margin-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-1:focus { margin-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-1:active { margin-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-1:disabled { margin-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-2 { margin-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-2:hover { margin-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-2:focus { margin-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-2:active { margin-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-2:disabled { margin-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-3 { margin-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-3:hover { margin-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-3:focus { margin-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-3:active { margin-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-3:disabled { margin-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-4 { margin-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-4:hover { margin-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-4:focus { margin-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-4:active { margin-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-4:disabled { margin-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-5 { margin-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-5:hover { margin-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-5:focus { margin-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-5:active { margin-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-5:disabled { margin-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-6 { margin-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-6:hover { margin-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-6:focus { margin-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-6:active { margin-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-6:disabled { margin-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-8 { margin-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-8:hover { margin-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-8:focus { margin-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-8:active { margin-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-8:disabled { margin-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-10 { margin-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-10:hover { margin-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-10:focus { margin-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-10:active { margin-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-10:disabled { margin-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-12 { margin-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-12:hover { margin-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-12:focus { margin-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-12:active { margin-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-12:disabled { margin-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-16 { margin-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-16:hover { margin-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-16:focus { margin-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-16:active { margin-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-16:disabled { margin-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-20 { margin-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-20:hover { margin-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-20:focus { margin-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-20:active { margin-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-20:disabled { margin-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-24 { margin-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-24:hover { margin-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-24:focus { margin-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-24:active { margin-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-24:disabled { margin-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-28 { margin-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-28:hover { margin-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-28:focus { margin-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-28:active { margin-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-28:disabled { margin-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mt-32 { margin-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mt-32:hover { margin-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mt-32:focus { margin-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mt-32:active { margin-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mt-32:disabled { margin-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-auto { margin-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-auto:hover { margin-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-auto:focus { margin-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-auto:active { margin-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-auto:disabled { margin-bottom: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-0 { margin-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-0:hover { margin-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-0:focus { margin-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-0:active { margin-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-0:disabled { margin-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-1 { margin-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-1:hover { margin-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-1:focus { margin-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-1:active { margin-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-2 { margin-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-2:hover { margin-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-2:focus { margin-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-2:active { margin-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-3 { margin-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-3:hover { margin-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-3:focus { margin-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-3:active { margin-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-4 { margin-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-4:hover { margin-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-4:focus { margin-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-4:active { margin-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-4:disabled { margin-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-5 { margin-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-5:hover { margin-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-5:focus { margin-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-5:active { margin-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-6 { margin-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-6:hover { margin-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-6:focus { margin-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-6:active { margin-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-8 { margin-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-8:hover { margin-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-8:focus { margin-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-8:active { margin-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-8:disabled { margin-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-10 { margin-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-10:hover { margin-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-10:focus { margin-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-10:active { margin-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-12 { margin-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-12:hover { margin-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-12:focus { margin-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-12:active { margin-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-12:disabled { margin-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-16 { margin-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-16:hover { margin-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-16:focus { margin-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-16:active { margin-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-16:disabled { margin-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-20 { margin-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-20:hover { margin-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-20:focus { margin-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-20:active { margin-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-20:disabled { margin-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-24 { margin-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-24:hover { margin-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-24:focus { margin-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-24:active { margin-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-24:disabled { margin-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-28 { margin-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-28:hover { margin-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-28:focus { margin-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-28:active { margin-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-28:disabled { margin-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mb-32 { margin-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mb-32:hover { margin-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mb-32:focus { margin-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mb-32:active { margin-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mb-32:disabled { margin-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-auto { margin-left: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-auto:hover { margin-left: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-auto:focus { margin-left: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-auto:active { margin-left: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-auto:disabled { margin-left: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-0 { margin-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-0:hover { margin-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-0:focus { margin-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-0:active { margin-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-0:disabled { margin-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-1 { margin-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-1:hover { margin-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-1:focus { margin-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-1:active { margin-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-1:disabled { margin-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-2 { margin-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-2:hover { margin-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-2:focus { margin-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-2:active { margin-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-2:disabled { margin-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-3 { margin-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-3:hover { margin-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-3:focus { margin-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-3:active { margin-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-3:disabled { margin-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-4 { margin-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-4:hover { margin-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-4:focus { margin-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-4:active { margin-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-4:disabled { margin-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-5 { margin-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-5:hover { margin-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-5:focus { margin-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-5:active { margin-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-5:disabled { margin-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-6 { margin-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-6:hover { margin-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-6:focus { margin-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-6:active { margin-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-6:disabled { margin-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-8 { margin-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-8:hover { margin-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-8:focus { margin-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-8:active { margin-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-8:disabled { margin-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-10 { margin-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-10:hover { margin-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-10:focus { margin-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-10:active { margin-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-10:disabled { margin-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-12 { margin-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-12:hover { margin-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-12:focus { margin-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-12:active { margin-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-12:disabled { margin-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-16 { margin-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-16:hover { margin-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-16:focus { margin-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-16:active { margin-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-16:disabled { margin-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-20 { margin-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-20:hover { margin-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-20:focus { margin-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-20:active { margin-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-20:disabled { margin-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-24 { margin-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-24:hover { margin-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-24:focus { margin-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-24:active { margin-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-24:disabled { margin-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-28 { margin-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-28:hover { margin-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-28:focus { margin-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-28:active { margin-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-28:disabled { margin-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ml-32 { margin-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ml-32:hover { margin-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ml-32:focus { margin-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ml-32:active { margin-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ml-32:disabled { margin-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-auto { margin-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-auto:hover { margin-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-auto:focus { margin-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-auto:active { margin-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-auto:disabled { margin-right: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-0 { margin-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-0:hover { margin-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-0:focus { margin-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-0:active { margin-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-0:disabled { margin-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-1 { margin-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-1:hover { margin-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-1:focus { margin-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-1:active { margin-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-1:disabled { margin-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-2 { margin-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-2:hover { margin-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-2:focus { margin-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-2:active { margin-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-2:disabled { margin-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-3 { margin-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-3:hover { margin-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-3:focus { margin-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-3:active { margin-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-3:disabled { margin-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-4 { margin-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-4:hover { margin-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-4:focus { margin-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-4:active { margin-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-4:disabled { margin-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-5 { margin-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-5:hover { margin-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-5:focus { margin-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-5:active { margin-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-5:disabled { margin-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-6 { margin-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-6:hover { margin-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-6:focus { margin-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-6:active { margin-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-6:disabled { margin-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-8 { margin-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-8:hover { margin-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-8:focus { margin-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-8:active { margin-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-8:disabled { margin-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-10 { margin-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-10:hover { margin-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-10:focus { margin-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-10:active { margin-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-10:disabled { margin-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-12 { margin-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-12:hover { margin-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-12:focus { margin-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-12:active { margin-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-12:disabled { margin-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-16 { margin-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-16:hover { margin-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-16:focus { margin-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-16:active { margin-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-16:disabled { margin-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-20 { margin-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-20:hover { margin-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-20:focus { margin-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-20:active { margin-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-20:disabled { margin-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-24 { margin-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-24:hover { margin-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-24:focus { margin-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-24:active { margin-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-24:disabled { margin-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-28 { margin-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-28:hover { margin-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-28:focus { margin-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-28:active { margin-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-28:disabled { margin-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mr-32 { margin-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mr-32:hover { margin-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mr-32:focus { margin-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mr-32:active { margin-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mr-32:disabled { margin-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-auto { --space-x: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-auto:hover { --space-x: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-auto:focus { --space-x: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-auto:active { --space-x: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-auto:disabled { --space-x: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-0 { --space-x: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-0:hover { --space-x: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-0:focus { --space-x: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-0:active { --space-x: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-0:disabled { --space-x: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-1 { --space-x: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-1:hover { --space-x: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-1:focus { --space-x: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-1:active { --space-x: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-1:disabled { --space-x: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-2 { --space-x: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-2:hover { --space-x: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-2:focus { --space-x: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-2:active { --space-x: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-2:disabled { --space-x: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-3 { --space-x: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-3:hover { --space-x: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-3:focus { --space-x: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-3:active { --space-x: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-3:disabled { --space-x: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-4 { --space-x: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-4:hover { --space-x: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-4:focus { --space-x: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-4:active { --space-x: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-4:disabled { --space-x: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-5 { --space-x: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-5:hover { --space-x: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-5:focus { --space-x: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-5:active { --space-x: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-5:disabled { --space-x: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-6 { --space-x: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-6:hover { --space-x: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-6:focus { --space-x: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-6:active { --space-x: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-6:disabled { --space-x: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-8 { --space-x: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-8:hover { --space-x: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-8:focus { --space-x: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-8:active { --space-x: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-8:disabled { --space-x: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-10 { --space-x: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-10:hover { --space-x: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-10:focus { --space-x: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-10:active { --space-x: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-10:disabled { --space-x: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-12 { --space-x: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-12:hover { --space-x: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-12:focus { --space-x: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-12:active { --space-x: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-12:disabled { --space-x: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-16 { --space-x: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-16:hover { --space-x: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-16:focus { --space-x: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-16:active { --space-x: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-16:disabled { --space-x: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-20 { --space-x: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-20:hover { --space-x: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-20:focus { --space-x: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-20:active { --space-x: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-20:disabled { --space-x: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-24 { --space-x: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-24:hover { --space-x: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-24:focus { --space-x: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-24:active { --space-x: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-24:disabled { --space-x: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-28 { --space-x: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-28:hover { --space-x: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-28:focus { --space-x: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-28:active { --space-x: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-28:disabled { --space-x: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-x-32 { --space-x: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-x-32:hover { --space-x: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-x-32:focus { --space-x: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-x-32:active { --space-x: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-x-32:disabled { --space-x: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-auto { --space-y: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-auto:hover { --space-y: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-auto:focus { --space-y: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-auto:active { --space-y: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-auto:disabled { --space-y: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-0 { --space-y: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-0:hover { --space-y: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-0:focus { --space-y: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-0:active { --space-y: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-0:disabled { --space-y: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-1 { --space-y: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-1:hover { --space-y: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-1:focus { --space-y: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-1:active { --space-y: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-1:disabled { --space-y: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-2 { --space-y: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-2:hover { --space-y: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-2:focus { --space-y: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-2:active { --space-y: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-2:disabled { --space-y: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-3 { --space-y: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-3:hover { --space-y: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-3:focus { --space-y: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-3:active { --space-y: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-3:disabled { --space-y: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-4 { --space-y: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-4:hover { --space-y: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-4:focus { --space-y: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-4:active { --space-y: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-4:disabled { --space-y: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-5 { --space-y: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-5:hover { --space-y: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-5:focus { --space-y: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-5:active { --space-y: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-5:disabled { --space-y: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-6 { --space-y: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-6:hover { --space-y: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-6:focus { --space-y: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-6:active { --space-y: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-6:disabled { --space-y: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-8 { --space-y: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-8:hover { --space-y: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-8:focus { --space-y: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-8:active { --space-y: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-8:disabled { --space-y: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-10 { --space-y: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-10:hover { --space-y: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-10:focus { --space-y: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-10:active { --space-y: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-10:disabled { --space-y: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-12 { --space-y: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-12:hover { --space-y: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-12:focus { --space-y: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-12:active { --space-y: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-12:disabled { --space-y: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-16 { --space-y: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-16:hover { --space-y: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-16:focus { --space-y: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-16:active { --space-y: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-16:disabled { --space-y: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-20 { --space-y: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-20:hover { --space-y: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-20:focus { --space-y: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-20:active { --space-y: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-20:disabled { --space-y: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-24 { --space-y: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-24:hover { --space-y: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-24:focus { --space-y: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-24:active { --space-y: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-24:disabled { --space-y: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-28 { --space-y: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-28:hover { --space-y: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-28:focus { --space-y: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-28:active { --space-y: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-28:disabled { --space-y: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-space-y-32 { --space-y: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-space-y-32:hover { --space-y: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-space-y-32:focus { --space-y: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-space-y-32:active { --space-y: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-space-y-32:disabled { --space-y: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-d-block { display: block; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-d-block:hover { display: block; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-d-block:focus { display: block; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-d-block:active { display: block; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-d-block:disabled { display: block; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-d-inline { display: inline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-d-inline:hover { display: inline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-d-inline:focus { display: inline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-d-inline:active { display: inline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-d-inline:disabled { display: inline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-d-inline-block { display: inline-block; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-d-inline-block:hover { display: inline-block; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-d-inline-block:focus { display: inline-block; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-d-inline-block:active { display: inline-block; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-d-inline-block:disabled { display: inline-block; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-d-flex { display: flex; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-d-flex:hover { display: flex; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-d-flex:focus { display: flex; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-d-flex:active { display: flex; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-d-flex:disabled { display: flex; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-d-inline-flex { display: inline-flex; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-d-inline-flex:hover { display: inline-flex; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-d-inline-flex:focus { display: inline-flex; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-d-inline-flex:active { display: inline-flex; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-d-inline-flex:disabled { display: inline-flex; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-d-grid { display: grid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-d-grid:hover { display: grid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-d-grid:focus { display: grid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-d-grid:active { display: grid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-d-grid:disabled { display: grid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-d-inline-grid { display: inline-grid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-d-inline-grid:hover { display: inline-grid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-d-inline-grid:focus { display: inline-grid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-d-inline-grid:active { display: inline-grid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-d-inline-grid:disabled { display: inline-grid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-d-none { display: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-d-none:hover { display: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-d-none:focus { display: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-d-none:active { display: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-d-none:disabled { display: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-position-static { position: static; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-position-static:hover { position: static; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-position-static:focus { position: static; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-position-static:active { position: static; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-position-static:disabled { position: static; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-position-relative { position: relative; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-position-relative:hover { position: relative; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-position-relative:focus { position: relative; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-position-relative:active { position: relative; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-position-relative:disabled { position: relative; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-position-absolute { position: absolute; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-position-absolute:hover { position: absolute; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-position-absolute:focus { position: absolute; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-position-absolute:active { position: absolute; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-position-absolute:disabled { position: absolute; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-position-fixed { position: fixed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-position-fixed:hover { position: fixed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-position-fixed:focus { position: fixed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-position-fixed:active { position: fixed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-position-fixed:disabled { position: fixed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-position-sticky { position: sticky; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-position-sticky:hover { position: sticky; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-position-sticky:focus { position: sticky; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-position-sticky:active { position: sticky; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-position-sticky:disabled { position: sticky; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-0 { inset: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-0:hover { inset: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-0:focus { inset: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-0:active { inset: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-0:disabled { inset: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-1 { inset: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-1:hover { inset: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-1:focus { inset: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-1:active { inset: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-1:disabled { inset: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-2 { inset: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-2:hover { inset: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-2:focus { inset: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-2:active { inset: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-2:disabled { inset: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-3 { inset: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-3:hover { inset: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-3:focus { inset: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-3:active { inset: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-3:disabled { inset: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-4 { inset: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-4:hover { inset: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-4:focus { inset: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-4:active { inset: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-4:disabled { inset: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-5 { inset: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-5:hover { inset: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-5:focus { inset: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-5:active { inset: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-5:disabled { inset: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-6 { inset: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-6:hover { inset: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-6:focus { inset: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-6:active { inset: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-6:disabled { inset: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-7 { inset: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-7:hover { inset: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-7:focus { inset: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-7:active { inset: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-7:disabled { inset: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-8 { inset: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-8:hover { inset: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-8:focus { inset: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-8:active { inset: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-8:disabled { inset: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-9 { inset: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-9:hover { inset: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-9:focus { inset: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-9:active { inset: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-9:disabled { inset: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-10 { inset: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-10:hover { inset: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-10:focus { inset: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-10:active { inset: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-10:disabled { inset: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-12 { inset: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-12:hover { inset: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-12:focus { inset: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-12:active { inset: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-12:disabled { inset: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-14 { inset: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-14:hover { inset: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-14:focus { inset: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-14:active { inset: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-14:disabled { inset: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-16 { inset: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-16:hover { inset: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-16:focus { inset: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-16:active { inset: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-16:disabled { inset: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-20 { inset: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-20:hover { inset: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-20:focus { inset: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-20:active { inset: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-20:disabled { inset: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-24 { inset: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-24:hover { inset: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-24:focus { inset: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-24:active { inset: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-24:disabled { inset: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-28 { inset: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-28:hover { inset: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-28:focus { inset: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-28:active { inset: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-28:disabled { inset: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-32 { inset: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-32:hover { inset: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-32:focus { inset: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-32:active { inset: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-32:disabled { inset: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-0 { inset-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-0:hover { inset-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-0:focus { inset-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-0:active { inset-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-0:disabled { inset-top: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-1 { inset-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-1:hover { inset-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-1:focus { inset-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-1:active { inset-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-2 { inset-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-2:hover { inset-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-2:focus { inset-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-2:active { inset-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-3 { inset-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-3:hover { inset-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-3:focus { inset-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-3:active { inset-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-4 { inset-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-4:hover { inset-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-4:focus { inset-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-4:active { inset-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-4:disabled { inset-top: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-5 { inset-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-5:hover { inset-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-5:focus { inset-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-5:active { inset-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-6 { inset-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-6:hover { inset-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-6:focus { inset-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-6:active { inset-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-7 { inset-top: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-7:hover { inset-top: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-7:focus { inset-top: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-7:active { inset-top: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-8 { inset-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-8:hover { inset-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-8:focus { inset-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-8:active { inset-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-8:disabled { inset-top: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-9 { inset-top: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-9:hover { inset-top: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-9:focus { inset-top: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-9:active { inset-top: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-10 { inset-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-10:hover { inset-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-10:focus { inset-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-10:active { inset-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-12 { inset-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-12:hover { inset-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-12:focus { inset-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-12:active { inset-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-12:disabled { inset-top: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-14 { inset-top: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-14:hover { inset-top: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-14:focus { inset-top: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-14:active { inset-top: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-16 { inset-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-16:hover { inset-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-16:focus { inset-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-16:active { inset-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-16:disabled { inset-top: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-20 { inset-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-20:hover { inset-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-20:focus { inset-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-20:active { inset-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-20:disabled { inset-top: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-24 { inset-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-24:hover { inset-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-24:focus { inset-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-24:active { inset-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-24:disabled { inset-top: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-28 { inset-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-28:hover { inset-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-28:focus { inset-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-28:active { inset-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-28:disabled { inset-top: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-t-32 { inset-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-t-32:hover { inset-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-t-32:focus { inset-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-t-32:active { inset-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-t-32:disabled { inset-top: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-0 { inset-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-0:hover { inset-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-0:focus { inset-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-0:active { inset-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-0:disabled { inset-right: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-1 { inset-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-1:hover { inset-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-1:focus { inset-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-1:active { inset-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-2 { inset-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-2:hover { inset-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-2:focus { inset-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-2:active { inset-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-3 { inset-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-3:hover { inset-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-3:focus { inset-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-3:active { inset-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-4 { inset-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-4:hover { inset-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-4:focus { inset-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-4:active { inset-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-4:disabled { inset-right: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-5 { inset-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-5:hover { inset-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-5:focus { inset-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-5:active { inset-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-6 { inset-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-6:hover { inset-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-6:focus { inset-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-6:active { inset-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-7 { inset-right: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-7:hover { inset-right: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-7:focus { inset-right: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-7:active { inset-right: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-8 { inset-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-8:hover { inset-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-8:focus { inset-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-8:active { inset-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-8:disabled { inset-right: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-9 { inset-right: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-9:hover { inset-right: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-9:focus { inset-right: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-9:active { inset-right: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-10 { inset-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-10:hover { inset-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-10:focus { inset-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-10:active { inset-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-12 { inset-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-12:hover { inset-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-12:focus { inset-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-12:active { inset-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-12:disabled { inset-right: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-14 { inset-right: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-14:hover { inset-right: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-14:focus { inset-right: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-14:active { inset-right: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-16 { inset-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-16:hover { inset-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-16:focus { inset-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-16:active { inset-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-16:disabled { inset-right: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-20 { inset-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-20:hover { inset-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-20:focus { inset-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-20:active { inset-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-20:disabled { inset-right: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-24 { inset-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-24:hover { inset-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-24:focus { inset-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-24:active { inset-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-24:disabled { inset-right: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-28 { inset-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-28:hover { inset-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-28:focus { inset-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-28:active { inset-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-28:disabled { inset-right: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-r-32 { inset-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-r-32:hover { inset-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-r-32:focus { inset-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-r-32:active { inset-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-r-32:disabled { inset-right: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-0 { inset-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-0:hover { inset-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-0:focus { inset-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-0:active { inset-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-0:disabled { inset-bottom: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-1 { inset-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-1:active { inset-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-2 { inset-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-2:active { inset-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-3 { inset-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-3:active { inset-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-4 { inset-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-4:hover { inset-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-4:focus { inset-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-4:active { inset-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-5 { inset-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-5:active { inset-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-6 { inset-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-6:active { inset-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-7 { inset-bottom: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-7:active { inset-bottom: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-8 { inset-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-8:hover { inset-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-8:focus { inset-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-8:active { inset-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-9 { inset-bottom: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-9:active { inset-bottom: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-10 { inset-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-10:active { inset-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-12 { inset-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-12:hover { inset-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-12:focus { inset-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-12:active { inset-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-14 { inset-bottom: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-14:active { inset-bottom: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-16 { inset-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-16:hover { inset-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-16:focus { inset-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-16:active { inset-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-20 { inset-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-20:hover { inset-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-20:focus { inset-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-20:active { inset-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-24 { inset-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-24:hover { inset-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-24:focus { inset-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-24:active { inset-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-28 { inset-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-28:hover { inset-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-28:focus { inset-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-28:active { inset-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-b-32 { inset-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-b-32:hover { inset-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-b-32:focus { inset-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-b-32:active { inset-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-0 { inset-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-0:hover { inset-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-0:focus { inset-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-0:active { inset-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-0:disabled { inset-left: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-1 { inset-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-1:hover { inset-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-1:focus { inset-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-1:active { inset-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-2 { inset-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-2:hover { inset-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-2:focus { inset-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-2:active { inset-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-3 { inset-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-3:hover { inset-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-3:focus { inset-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-3:active { inset-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-4 { inset-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-4:hover { inset-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-4:focus { inset-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-4:active { inset-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-4:disabled { inset-left: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-5 { inset-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-5:hover { inset-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-5:focus { inset-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-5:active { inset-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-6 { inset-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-6:hover { inset-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-6:focus { inset-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-6:active { inset-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-7 { inset-left: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-7:hover { inset-left: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-7:focus { inset-left: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-7:active { inset-left: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-8 { inset-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-8:hover { inset-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-8:focus { inset-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-8:active { inset-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-8:disabled { inset-left: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-9 { inset-left: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-9:hover { inset-left: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-9:focus { inset-left: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-9:active { inset-left: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-10 { inset-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-10:hover { inset-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-10:focus { inset-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-10:active { inset-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-12 { inset-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-12:hover { inset-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-12:focus { inset-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-12:active { inset-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-12:disabled { inset-left: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-14 { inset-left: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-14:hover { inset-left: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-14:focus { inset-left: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-14:active { inset-left: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-16 { inset-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-16:hover { inset-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-16:focus { inset-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-16:active { inset-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-16:disabled { inset-left: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-20 { inset-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-20:hover { inset-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-20:focus { inset-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-20:active { inset-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-20:disabled { inset-left: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-24 { inset-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-24:hover { inset-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-24:focus { inset-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-24:active { inset-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-24:disabled { inset-left: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-28 { inset-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-28:hover { inset-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-28:focus { inset-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-28:active { inset-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-28:disabled { inset-left: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-inset-l-32 { inset-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-inset-l-32:hover { inset-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-inset-l-32:focus { inset-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-inset-l-32:active { inset-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-inset-l-32:disabled { inset-left: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-0 { gap: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-0:hover { gap: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-0:focus { gap: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-0:active { gap: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-0:disabled { gap: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-1 { gap: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-1:hover { gap: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-1:focus { gap: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-1:active { gap: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-1:disabled { gap: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-2 { gap: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-2:hover { gap: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-2:focus { gap: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-2:active { gap: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-2:disabled { gap: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-3 { gap: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-3:hover { gap: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-3:focus { gap: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-3:active { gap: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-3:disabled { gap: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-4 { gap: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-4:hover { gap: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-4:focus { gap: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-4:active { gap: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-4:disabled { gap: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-5 { gap: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-5:hover { gap: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-5:focus { gap: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-5:active { gap: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-5:disabled { gap: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-6 { gap: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-6:hover { gap: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-6:focus { gap: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-6:active { gap: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-6:disabled { gap: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-7 { gap: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-7:hover { gap: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-7:focus { gap: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-7:active { gap: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-7:disabled { gap: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-8 { gap: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-8:hover { gap: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-8:focus { gap: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-8:active { gap: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-8:disabled { gap: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-9 { gap: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-9:hover { gap: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-9:focus { gap: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-9:active { gap: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-9:disabled { gap: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-10 { gap: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-10:hover { gap: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-10:focus { gap: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-10:active { gap: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-10:disabled { gap: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-12 { gap: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-12:hover { gap: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-12:focus { gap: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-12:active { gap: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-12:disabled { gap: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-14 { gap: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-14:hover { gap: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-14:focus { gap: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-14:active { gap: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-14:disabled { gap: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-16 { gap: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-16:hover { gap: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-16:focus { gap: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-16:active { gap: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-16:disabled { gap: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-20 { gap: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-20:hover { gap: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-20:focus { gap: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-20:active { gap: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-20:disabled { gap: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-24 { gap: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-24:hover { gap: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-24:focus { gap: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-24:active { gap: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-24:disabled { gap: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-28 { gap: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-28:hover { gap: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-28:focus { gap: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-28:active { gap: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-28:disabled { gap: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gap-32 { gap: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gap-32:hover { gap: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gap-32:focus { gap: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gap-32:active { gap: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gap-32:disabled { gap: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-row { flex-direction: row; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-row:hover { flex-direction: row; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-row:focus { flex-direction: row; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-row:active { flex-direction: row; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-row:disabled { flex-direction: row; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-col { flex-direction: column; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-col:hover { flex-direction: column; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-col:focus { flex-direction: column; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-col:active { flex-direction: column; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-col:disabled { flex-direction: column; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-row-reverse { flex-direction: row-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-row-reverse:active { flex-direction: row-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-col-reverse { flex-direction: column-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-col-reverse:active { flex-direction: column-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-wrap { flex-wrap: wrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-wrap:hover { flex-wrap: wrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-wrap:focus { flex-wrap: wrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-wrap:active { flex-wrap: wrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-wrap:disabled { flex-wrap: wrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-nowrap { flex-wrap: nowrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-nowrap:hover { flex-wrap: nowrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-nowrap:focus { flex-wrap: nowrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-nowrap:active { flex-wrap: nowrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-wrap-reverse { flex-wrap: wrap-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-1 { flex: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-1:hover { flex: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-1:focus { flex: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-1:active { flex: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-1:disabled { flex: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-auto { flex: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-auto:hover { flex: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-auto:focus { flex: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-auto:active { flex: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-auto:disabled { flex: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-initial { flex: initial; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-initial:hover { flex: initial; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-initial:focus { flex: initial; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-initial:active { flex: initial; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-initial:disabled { flex: initial; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-none { flex: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-none:hover { flex: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-none:focus { flex: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-none:active { flex: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-none:disabled { flex: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-grow-0 { flex-grow: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-grow-0:hover { flex-grow: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-grow-0:focus { flex-grow: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-grow-0:active { flex-grow: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-grow-0:disabled { flex-grow: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-grow-1 { flex-grow: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-grow-1:hover { flex-grow: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-grow-1:focus { flex-grow: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-grow-1:active { flex-grow: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-grow-1:disabled { flex-grow: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-shrink-0 { flex-shrink: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-shrink-0:hover { flex-shrink: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-shrink-0:focus { flex-shrink: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-shrink-0:active { flex-shrink: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-flex-shrink-1 { flex-shrink: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-flex-shrink-1:hover { flex-shrink: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-flex-shrink-1:focus { flex-shrink: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-flex-shrink-1:active { flex-shrink: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-auto { overflow: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-auto:hover { overflow: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-auto:focus { overflow: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-auto:active { overflow: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-auto:disabled { overflow: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-hidden { overflow: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-hidden:hover { overflow: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-hidden:focus { overflow: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-hidden:active { overflow: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-hidden:disabled { overflow: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-visible { overflow: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-visible:hover { overflow: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-visible:focus { overflow: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-visible:active { overflow: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-visible:disabled { overflow: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-scroll { overflow: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-scroll:hover { overflow: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-scroll:focus { overflow: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-scroll:active { overflow: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-scroll:disabled { overflow: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-x-auto { overflow-x: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-x-auto:hover { overflow-x: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-x-auto:focus { overflow-x: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-x-auto:active { overflow-x: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-x-auto:disabled { overflow-x: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-x-hidden { overflow-x: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-x-hidden:hover { overflow-x: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-x-hidden:focus { overflow-x: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-x-hidden:active { overflow-x: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-x-visible { overflow-x: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-x-visible:hover { overflow-x: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-x-visible:focus { overflow-x: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-x-visible:active { overflow-x: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-x-visible:disabled { overflow-x: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-x-scroll { overflow-x: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-x-scroll:hover { overflow-x: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-x-scroll:focus { overflow-x: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-x-scroll:active { overflow-x: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-y-auto { overflow-y: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-y-auto:hover { overflow-y: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-y-auto:focus { overflow-y: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-y-auto:active { overflow-y: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-y-auto:disabled { overflow-y: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-y-hidden { overflow-y: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-y-hidden:hover { overflow-y: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-y-hidden:focus { overflow-y: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-y-hidden:active { overflow-y: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-y-visible { overflow-y: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-y-visible:hover { overflow-y: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-y-visible:focus { overflow-y: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-y-visible:active { overflow-y: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-y-visible:disabled { overflow-y: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-overflow-y-scroll { overflow-y: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-overflow-y-scroll:hover { overflow-y: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-overflow-y-scroll:focus { overflow-y: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-overflow-y-scroll:active { overflow-y: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-visible { visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-visible:hover { visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-visible:focus { visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-visible:active { visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-visible:disabled { visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hidden { visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-hidden:hover { visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-hidden:focus { visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-hidden:active { visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-hidden:disabled { visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clear-left { clear: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clear-left:hover { clear: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clear-left:focus { clear: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clear-left:active { clear: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clear-left:disabled { clear: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clear-right { clear: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clear-right:hover { clear: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clear-right:focus { clear: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clear-right:active { clear: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clear-right:disabled { clear: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clear-both { clear: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clear-both:hover { clear: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clear-both:focus { clear: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clear-both:active { clear: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clear-both:disabled { clear: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-float-left { float: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-float-left:hover { float: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-float-left:focus { float: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-float-left:active { float: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-float-left:disabled { float: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-float-right { float: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-float-right:hover { float: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-float-right:focus { float: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-float-right:active { float: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-float-right:disabled { float: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-float-none { float: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-float-none:hover { float: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-float-none:focus { float: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-float-none:active { float: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-float-none:disabled { float: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-auto { width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-auto:hover { width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-auto:focus { width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-auto:active { width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-auto:disabled { width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-full { width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-full:hover { width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-full:focus { width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-full:active { width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-full:disabled { width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-fit { width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-fit:hover { width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-fit:focus { width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-fit:active { width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-fit:disabled { width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-max { width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-max:hover { width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-max:focus { width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-max:active { width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-max:disabled { width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-min { width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-min:hover { width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-min:focus { width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-min:active { width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-min:disabled { width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-stretch { width: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-stretch:hover { width: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-stretch:focus { width: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-stretch:active { width: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-stretch:disabled { width: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-10p { width: 10%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-10p:hover { width: 10%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-10p:focus { width: 10%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-10p:active { width: 10%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-10p:disabled { width: 10%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-20p { width: 20%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-20p:hover { width: 20%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-20p:focus { width: 20%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-20p:active { width: 20%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-20p:disabled { width: 20%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-25p { width: 25%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-25p:hover { width: 25%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-25p:focus { width: 25%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-25p:active { width: 25%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-25p:disabled { width: 25%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-30p { width: 30%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-30p:hover { width: 30%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-30p:focus { width: 30%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-30p:active { width: 30%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-30p:disabled { width: 30%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-33p { width: 33.3333%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-33p:hover { width: 33.3333%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-33p:focus { width: 33.3333%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-33p:active { width: 33.3333%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-33p:disabled { width: 33.3333%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-40p { width: 40%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-40p:hover { width: 40%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-40p:focus { width: 40%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-40p:active { width: 40%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-40p:disabled { width: 40%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-50p { width: 50%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-50p:hover { width: 50%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-50p:focus { width: 50%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-50p:active { width: 50%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-50p:disabled { width: 50%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-60p { width: 60%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-60p:hover { width: 60%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-60p:focus { width: 60%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-60p:active { width: 60%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-60p:disabled { width: 60%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-66p { width: 66.6667%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-66p:hover { width: 66.6667%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-66p:focus { width: 66.6667%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-66p:active { width: 66.6667%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-66p:disabled { width: 66.6667%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-70p { width: 70%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-70p:hover { width: 70%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-70p:focus { width: 70%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-70p:active { width: 70%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-70p:disabled { width: 70%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-75p { width: 75%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-75p:hover { width: 75%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-75p:focus { width: 75%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-75p:active { width: 75%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-75p:disabled { width: 75%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-80p { width: 80%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-80p:hover { width: 80%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-80p:focus { width: 80%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-80p:active { width: 80%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-80p:disabled { width: 80%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-90p { width: 90%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-90p:hover { width: 90%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-90p:focus { width: 90%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-90p:active { width: 90%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-90p:disabled { width: 90%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-100p { width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-100p:hover { width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-100p:focus { width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-100p:active { width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-100p:disabled { width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-10vw { width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-10vw:hover { width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-10vw:focus { width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-10vw:active { width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-10vw:disabled { width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-20vw { width: 20vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-20vw:hover { width: 20vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-20vw:focus { width: 20vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-20vw:active { width: 20vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-20vw:disabled { width: 20vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-30vw { width: 30vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-30vw:hover { width: 30vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-30vw:focus { width: 30vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-30vw:active { width: 30vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-30vw:disabled { width: 30vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-40vw { width: 40vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-40vw:hover { width: 40vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-40vw:focus { width: 40vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-40vw:active { width: 40vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-40vw:disabled { width: 40vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-50vw { width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-50vw:hover { width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-50vw:focus { width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-50vw:active { width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-50vw:disabled { width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-60vw { width: 60vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-60vw:hover { width: 60vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-60vw:focus { width: 60vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-60vw:active { width: 60vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-60vw:disabled { width: 60vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-70vw { width: 70vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-70vw:hover { width: 70vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-70vw:focus { width: 70vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-70vw:active { width: 70vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-70vw:disabled { width: 70vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-80vw { width: 80vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-80vw:hover { width: 80vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-80vw:focus { width: 80vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-80vw:active { width: 80vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-80vw:disabled { width: 80vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-90vw { width: 90vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-90vw:hover { width: 90vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-90vw:focus { width: 90vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-90vw:active { width: 90vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-90vw:disabled { width: 90vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-100vw { width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-100vw:hover { width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-100vw:focus { width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-100vw:active { width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-100vw:disabled { width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-lvw { width: 100lvw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-lvw:hover { width: 100lvw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-lvw:focus { width: 100lvw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-lvw:active { width: 100lvw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-lvw:disabled { width: 100lvw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-svw { width: 100svw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-svw:hover { width: 100svw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-svw:focus { width: 100svw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-svw:active { width: 100svw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-svw:disabled { width: 100svw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-mvw { width: 100mvw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-mvw:hover { width: 100mvw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-mvw:focus { width: 100mvw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-mvw:active { width: 100mvw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-mvw:disabled { width: 100mvw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-vmin { width: 100vmin; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-vmin:hover { width: 100vmin; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-vmin:focus { width: 100vmin; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-vmin:active { width: 100vmin; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-vmin:disabled { width: 100vmin; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-w-vmax { width: 100vmax; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-w-vmax:hover { width: 100vmax; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-w-vmax:focus { width: 100vmax; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-w-vmax:active { width: 100vmax; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-w-vmax:disabled { width: 100vmax; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-auto { height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-auto:hover { height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-auto:focus { height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-auto:active { height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-auto:disabled { height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-full { height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-full:hover { height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-full:focus { height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-full:active { height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-full:disabled { height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-fit { height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-fit:hover { height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-fit:focus { height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-fit:active { height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-fit:disabled { height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-max { height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-max:hover { height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-max:focus { height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-max:active { height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-max:disabled { height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-min { height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-min:hover { height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-min:focus { height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-min:active { height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-min:disabled { height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-stretch { height: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-stretch:hover { height: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-stretch:focus { height: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-stretch:active { height: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-stretch:disabled { height: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-10p { height: 10%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-10p:hover { height: 10%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-10p:focus { height: 10%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-10p:active { height: 10%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-10p:disabled { height: 10%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-20p { height: 20%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-20p:hover { height: 20%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-20p:focus { height: 20%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-20p:active { height: 20%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-20p:disabled { height: 20%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-25p { height: 25%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-25p:hover { height: 25%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-25p:focus { height: 25%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-25p:active { height: 25%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-25p:disabled { height: 25%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-30p { height: 30%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-30p:hover { height: 30%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-30p:focus { height: 30%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-30p:active { height: 30%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-30p:disabled { height: 30%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-33p { height: 33.3333%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-33p:hover { height: 33.3333%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-33p:focus { height: 33.3333%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-33p:active { height: 33.3333%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-33p:disabled { height: 33.3333%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-40p { height: 40%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-40p:hover { height: 40%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-40p:focus { height: 40%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-40p:active { height: 40%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-40p:disabled { height: 40%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-50p { height: 50%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-50p:hover { height: 50%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-50p:focus { height: 50%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-50p:active { height: 50%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-50p:disabled { height: 50%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-60p { height: 60%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-60p:hover { height: 60%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-60p:focus { height: 60%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-60p:active { height: 60%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-60p:disabled { height: 60%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-66p { height: 66.6667%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-66p:hover { height: 66.6667%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-66p:focus { height: 66.6667%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-66p:active { height: 66.6667%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-66p:disabled { height: 66.6667%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-70p { height: 70%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-70p:hover { height: 70%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-70p:focus { height: 70%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-70p:active { height: 70%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-70p:disabled { height: 70%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-75p { height: 75%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-75p:hover { height: 75%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-75p:focus { height: 75%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-75p:active { height: 75%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-75p:disabled { height: 75%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-80p { height: 80%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-80p:hover { height: 80%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-80p:focus { height: 80%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-80p:active { height: 80%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-80p:disabled { height: 80%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-90p { height: 90%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-90p:hover { height: 90%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-90p:focus { height: 90%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-90p:active { height: 90%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-90p:disabled { height: 90%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-100p { height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-100p:hover { height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-100p:focus { height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-100p:active { height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-100p:disabled { height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-10vh { height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-10vh:hover { height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-10vh:focus { height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-10vh:active { height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-10vh:disabled { height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-20vh { height: 20vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-20vh:hover { height: 20vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-20vh:focus { height: 20vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-20vh:active { height: 20vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-20vh:disabled { height: 20vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-30vh { height: 30vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-30vh:hover { height: 30vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-30vh:focus { height: 30vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-30vh:active { height: 30vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-30vh:disabled { height: 30vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-40vh { height: 40vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-40vh:hover { height: 40vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-40vh:focus { height: 40vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-40vh:active { height: 40vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-40vh:disabled { height: 40vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-50vh { height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-50vh:hover { height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-50vh:focus { height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-50vh:active { height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-50vh:disabled { height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-60vh { height: 60vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-60vh:hover { height: 60vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-60vh:focus { height: 60vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-60vh:active { height: 60vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-60vh:disabled { height: 60vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-70vh { height: 70vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-70vh:hover { height: 70vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-70vh:focus { height: 70vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-70vh:active { height: 70vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-70vh:disabled { height: 70vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-80vh { height: 80vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-80vh:hover { height: 80vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-80vh:focus { height: 80vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-80vh:active { height: 80vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-80vh:disabled { height: 80vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-90vh { height: 90vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-90vh:hover { height: 90vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-90vh:focus { height: 90vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-90vh:active { height: 90vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-90vh:disabled { height: 90vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-100vh { height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-100vh:hover { height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-100vh:focus { height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-100vh:active { height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-100vh:disabled { height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-lvh { height: 100lvh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-lvh:hover { height: 100lvh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-lvh:focus { height: 100lvh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-lvh:active { height: 100lvh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-lvh:disabled { height: 100lvh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-svh { height: 100svh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-svh:hover { height: 100svh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-svh:focus { height: 100svh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-svh:active { height: 100svh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-svh:disabled { height: 100svh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-mvh { height: 100mvh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-mvh:hover { height: 100mvh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-mvh:focus { height: 100mvh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-mvh:active { height: 100mvh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-mvh:disabled { height: 100mvh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-vmin { height: 100vmin; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-vmin:hover { height: 100vmin; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-vmin:focus { height: 100vmin; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-vmin:active { height: 100vmin; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-vmin:disabled { height: 100vmin; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-h-vmax { height: 100vmax; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-h-vmax:hover { height: 100vmax; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-h-vmax:focus { height: 100vmax; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-h-vmax:active { height: 100vmax; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-h-vmax:disabled { height: 100vmax; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-w-auto { min-width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-w-auto:hover { min-width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-w-auto:focus { min-width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-w-auto:active { min-width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-w-auto:disabled { min-width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-w-full { min-width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-w-full:hover { min-width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-w-full:focus { min-width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-w-full:active { min-width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-w-full:disabled { min-width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-w-fit { min-width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-w-fit:hover { min-width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-w-fit:focus { min-width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-w-fit:active { min-width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-w-fit:disabled { min-width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-w-max { min-width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-w-max:hover { min-width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-w-max:focus { min-width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-w-max:active { min-width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-w-max:disabled { min-width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-w-min { min-width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-w-min:hover { min-width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-w-min:focus { min-width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-w-min:active { min-width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-w-min:disabled { min-width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-w-10vw { min-width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-w-10vw:hover { min-width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-w-10vw:focus { min-width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-w-10vw:active { min-width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-w-10vw:disabled { min-width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-w-50vw { min-width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-w-50vw:hover { min-width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-w-50vw:focus { min-width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-w-50vw:active { min-width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-w-50vw:disabled { min-width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-w-100vw { min-width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-w-100vw:hover { min-width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-w-100vw:focus { min-width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-w-100vw:active { min-width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-w-100vw:disabled { min-width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-w-auto { max-width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-w-auto:hover { max-width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-w-auto:focus { max-width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-w-auto:active { max-width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-w-auto:disabled { max-width: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-w-full { max-width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-w-full:hover { max-width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-w-full:focus { max-width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-w-full:active { max-width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-w-full:disabled { max-width: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-w-fit { max-width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-w-fit:hover { max-width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-w-fit:focus { max-width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-w-fit:active { max-width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-w-fit:disabled { max-width: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-w-max { max-width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-w-max:hover { max-width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-w-max:focus { max-width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-w-max:active { max-width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-w-max:disabled { max-width: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-w-min { max-width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-w-min:hover { max-width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-w-min:focus { max-width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-w-min:active { max-width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-w-min:disabled { max-width: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-w-10vw { max-width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-w-10vw:hover { max-width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-w-10vw:focus { max-width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-w-10vw:active { max-width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-w-10vw:disabled { max-width: 10vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-w-50vw { max-width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-w-50vw:hover { max-width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-w-50vw:focus { max-width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-w-50vw:active { max-width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-w-50vw:disabled { max-width: 50vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-w-100vw { max-width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-w-100vw:hover { max-width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-w-100vw:focus { max-width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-w-100vw:active { max-width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-w-100vw:disabled { max-width: 100vw; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-h-auto { min-height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-h-auto:hover { min-height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-h-auto:focus { min-height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-h-auto:active { min-height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-h-auto:disabled { min-height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-h-full { min-height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-h-full:hover { min-height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-h-full:focus { min-height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-h-full:active { min-height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-h-full:disabled { min-height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-h-fit { min-height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-h-fit:hover { min-height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-h-fit:focus { min-height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-h-fit:active { min-height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-h-fit:disabled { min-height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-h-max { min-height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-h-max:hover { min-height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-h-max:focus { min-height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-h-max:active { min-height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-h-max:disabled { min-height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-h-min { min-height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-h-min:hover { min-height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-h-min:focus { min-height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-h-min:active { min-height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-h-min:disabled { min-height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-h-10vh { min-height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-h-10vh:hover { min-height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-h-10vh:focus { min-height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-h-10vh:active { min-height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-h-10vh:disabled { min-height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-h-50vh { min-height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-h-50vh:hover { min-height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-h-50vh:focus { min-height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-h-50vh:active { min-height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-h-50vh:disabled { min-height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-min-h-100vh { min-height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-min-h-100vh:hover { min-height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-min-h-100vh:focus { min-height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-min-h-100vh:active { min-height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-min-h-100vh:disabled { min-height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-h-auto { max-height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-h-auto:hover { max-height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-h-auto:focus { max-height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-h-auto:active { max-height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-h-auto:disabled { max-height: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-h-full { max-height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-h-full:hover { max-height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-h-full:focus { max-height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-h-full:active { max-height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-h-full:disabled { max-height: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-h-fit { max-height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-h-fit:hover { max-height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-h-fit:focus { max-height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-h-fit:active { max-height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-h-fit:disabled { max-height: fit-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-h-max { max-height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-h-max:hover { max-height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-h-max:focus { max-height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-h-max:active { max-height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-h-max:disabled { max-height: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-h-min { max-height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-h-min:hover { max-height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-h-min:focus { max-height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-h-min:active { max-height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-h-min:disabled { max-height: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-h-10vh { max-height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-h-10vh:hover { max-height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-h-10vh:focus { max-height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-h-10vh:active { max-height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-h-10vh:disabled { max-height: 10vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-h-50vh { max-height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-h-50vh:hover { max-height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-h-50vh:focus { max-height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-h-50vh:active { max-height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-h-50vh:disabled { max-height: 50vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-max-h-100vh { max-height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-max-h-100vh:hover { max-height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-max-h-100vh:focus { max-height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-max-h-100vh:active { max-height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-max-h-100vh:disabled { max-height: 100vh; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-auto { font-size: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-auto:hover { font-size: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-auto:focus { font-size: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-auto:active { font-size: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-auto:disabled { font-size: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-0 { font-size: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-0:hover { font-size: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-0:focus { font-size: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-0:active { font-size: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-0:disabled { font-size: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-1 { font-size: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-1:hover { font-size: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-1:focus { font-size: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-1:active { font-size: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-1:disabled { font-size: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-2 { font-size: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-2:hover { font-size: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-2:focus { font-size: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-2:active { font-size: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-2:disabled { font-size: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-3 { font-size: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-3:hover { font-size: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-3:focus { font-size: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-3:active { font-size: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-3:disabled { font-size: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-4 { font-size: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-4:hover { font-size: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-4:focus { font-size: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-4:active { font-size: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-4:disabled { font-size: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-5 { font-size: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-5:hover { font-size: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-5:focus { font-size: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-5:active { font-size: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-5:disabled { font-size: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-6 { font-size: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-6:hover { font-size: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-6:focus { font-size: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-6:active { font-size: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-6:disabled { font-size: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-7 { font-size: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-7:hover { font-size: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-7:focus { font-size: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-7:active { font-size: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-7:disabled { font-size: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-8 { font-size: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-8:hover { font-size: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-8:focus { font-size: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-8:active { font-size: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-8:disabled { font-size: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-9 { font-size: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-9:hover { font-size: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-9:focus { font-size: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-9:active { font-size: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-9:disabled { font-size: 2.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-10 { font-size: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-10:hover { font-size: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-10:focus { font-size: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-10:active { font-size: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-10:disabled { font-size: 2.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-12 { font-size: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-12:hover { font-size: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-12:focus { font-size: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-12:active { font-size: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-12:disabled { font-size: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-14 { font-size: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-14:hover { font-size: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-14:focus { font-size: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-14:active { font-size: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-14:disabled { font-size: 3.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-16 { font-size: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-16:hover { font-size: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-16:focus { font-size: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-16:active { font-size: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-16:disabled { font-size: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-18 { font-size: 4.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-18:hover { font-size: 4.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-18:focus { font-size: 4.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-18:active { font-size: 4.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-18:disabled { font-size: 4.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-20 { font-size: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-20:hover { font-size: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-20:focus { font-size: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-20:active { font-size: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-20:disabled { font-size: 5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-24 { font-size: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-24:hover { font-size: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-24:focus { font-size: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-24:active { font-size: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-24:disabled { font-size: 6rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-28 { font-size: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-28:hover { font-size: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-28:focus { font-size: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-28:active { font-size: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-28:disabled { font-size: 7rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-size-32 { font-size: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-size-32:hover { font-size: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-size-32:focus { font-size: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-size-32:active { font-size: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-size-32:disabled { font-size: 8rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-weight-normal { font-weight: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-weight-normal:hover { font-weight: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-weight-normal:focus { font-weight: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-weight-normal:active { font-weight: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-weight-normal:disabled { font-weight: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-weight-light { font-weight: 300; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-weight-light:hover { font-weight: 300; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-weight-light:focus { font-weight: 300; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-weight-light:active { font-weight: 300; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-weight-light:disabled { font-weight: 300; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-weight-medium { font-weight: 500; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-weight-medium:hover { font-weight: 500; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-weight-medium:focus { font-weight: 500; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-weight-medium:active { font-weight: 500; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-weight-medium:disabled { font-weight: 500; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-weight-bold { font-weight: 700; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-weight-bold:hover { font-weight: 700; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-weight-bold:focus { font-weight: 700; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-weight-bold:active { font-weight: 700; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-weight-bold:disabled { font-weight: 700; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-font-weight-bolder { font-weight: bolder; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-font-weight-bolder:hover { font-weight: bolder; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-font-weight-bolder:focus { font-weight: bolder; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-font-weight-bolder:active { font-weight: bolder; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-font-weight-bolder:disabled { font-weight: bolder; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-height-1 { line-height: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-height-1:hover { line-height: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-height-1:focus { line-height: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-height-1:active { line-height: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-height-1:disabled { line-height: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-height-2 { line-height: 1.25; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-height-2:hover { line-height: 1.25; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-height-2:focus { line-height: 1.25; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-height-2:active { line-height: 1.25; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-height-2:disabled { line-height: 1.25; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-height-3 { line-height: 1.375; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-height-3:hover { line-height: 1.375; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-height-3:focus { line-height: 1.375; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-height-3:active { line-height: 1.375; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-height-3:disabled { line-height: 1.375; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-height-4 { line-height: 1.5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-height-4:hover { line-height: 1.5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-height-4:focus { line-height: 1.5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-height-4:active { line-height: 1.5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-height-4:disabled { line-height: 1.5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-height-5 { line-height: 1.625; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-height-5:hover { line-height: 1.625; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-height-5:focus { line-height: 1.625; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-height-5:active { line-height: 1.625; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-height-5:disabled { line-height: 1.625; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-height-6 { line-height: 1.75; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-height-6:hover { line-height: 1.75; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-height-6:focus { line-height: 1.75; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-height-6:active { line-height: 1.75; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-height-6:disabled { line-height: 1.75; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-height-7 { line-height: 2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-height-7:hover { line-height: 2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-height-7:focus { line-height: 2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-height-7:active { line-height: 2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-height-7:disabled { line-height: 2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-left { text-align: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-left:hover { text-align: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-left:focus { text-align: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-left:active { text-align: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-left:disabled { text-align: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-center { text-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-center:hover { text-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-center:focus { text-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-center:active { text-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-center:disabled { text-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-right { text-align: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-right:hover { text-align: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-right:focus { text-align: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-right:active { text-align: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-right:disabled { text-align: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-justify { text-align: justify; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-justify:hover { text-align: justify; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-justify:focus { text-align: justify; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-justify:active { text-align: justify; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-justify:disabled { text-align: justify; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-justify-start { justify-content: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-justify-start:hover { justify-content: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-justify-start:focus { justify-content: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-justify-start:active { justify-content: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-justify-start:disabled { justify-content: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-justify-center { justify-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-justify-center:hover { justify-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-justify-center:focus { justify-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-justify-center:active { justify-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-justify-center:disabled { justify-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-justify-end { justify-content: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-justify-end:hover { justify-content: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-justify-end:focus { justify-content: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-justify-end:active { justify-content: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-justify-end:disabled { justify-content: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-justify-between { justify-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-justify-between:hover { justify-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-justify-between:focus { justify-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-justify-between:active { justify-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-justify-between:disabled { justify-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-justify-around { justify-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-justify-around:hover { justify-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-justify-around:focus { justify-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-justify-around:active { justify-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-justify-around:disabled { justify-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-justify-evenly { justify-content: space-evenly; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-justify-evenly:hover { justify-content: space-evenly; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-justify-evenly:focus { justify-content: space-evenly; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-justify-evenly:active { justify-content: space-evenly; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-justify-evenly:disabled { justify-content: space-evenly; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-items-start { align-items: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-items-start:hover { align-items: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-items-start:focus { align-items: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-items-start:active { align-items: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-items-start:disabled { align-items: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-items-center { align-items: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-items-center:hover { align-items: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-items-center:focus { align-items: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-items-center:active { align-items: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-items-center:disabled { align-items: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-items-end { align-items: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-items-end:hover { align-items: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-items-end:focus { align-items: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-items-end:active { align-items: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-items-end:disabled { align-items: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-items-baseline { align-items: baseline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-items-baseline:hover { align-items: baseline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-items-baseline:focus { align-items: baseline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-items-baseline:active { align-items: baseline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-items-baseline:disabled { align-items: baseline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-items-stretch { align-items: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-items-stretch:hover { align-items: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-items-stretch:focus { align-items: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-items-stretch:active { align-items: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-items-stretch:disabled { align-items: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-content-start { align-content: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-content-start:hover { align-content: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-content-start:focus { align-content: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-content-start:active { align-content: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-content-start:disabled { align-content: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-content-center { align-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-content-center:hover { align-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-content-center:focus { align-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-content-center:active { align-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-content-center:disabled { align-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-content-end { align-content: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-content-end:hover { align-content: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-content-end:focus { align-content: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-content-end:active { align-content: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-content-end:disabled { align-content: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-content-between { align-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-content-between:hover { align-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-content-between:focus { align-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-content-between:active { align-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-content-between:disabled { align-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-content-around { align-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-content-around:hover { align-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-content-around:focus { align-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-content-around:active { align-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-content-around:disabled { align-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-content-evenly { align-content: space-evenly; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-content-evenly:hover { align-content: space-evenly; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-content-evenly:focus { align-content: space-evenly; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-content-evenly:active { align-content: space-evenly; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-content-evenly:disabled { align-content: space-evenly; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-self-auto { align-self: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-self-auto:hover { align-self: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-self-auto:focus { align-self: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-self-auto:active { align-self: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-self-auto:disabled { align-self: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-self-start { align-self: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-self-start:hover { align-self: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-self-start:focus { align-self: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-self-start:active { align-self: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-self-start:disabled { align-self: flex-start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-self-center { align-self: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-self-center:hover { align-self: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-self-center:focus { align-self: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-self-center:active { align-self: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-self-center:disabled { align-self: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-self-end { align-self: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-self-end:hover { align-self: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-self-end:focus { align-self: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-self-end:active { align-self: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-self-end:disabled { align-self: flex-end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-self-stretch { align-self: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-self-stretch:hover { align-self: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-self-stretch:focus { align-self: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-self-stretch:active { align-self: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-self-stretch:disabled { align-self: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-items-start { place-items: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-items-start:hover { place-items: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-items-start:focus { place-items: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-items-start:active { place-items: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-items-start:disabled { place-items: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-items-center { place-items: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-items-center:hover { place-items: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-items-center:focus { place-items: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-items-center:active { place-items: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-items-center:disabled { place-items: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-items-end { place-items: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-items-end:hover { place-items: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-items-end:focus { place-items: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-items-end:active { place-items: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-items-end:disabled { place-items: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-items-stretch { place-items: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-items-stretch:hover { place-items: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-items-stretch:focus { place-items: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-items-stretch:active { place-items: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-items-stretch:disabled { place-items: stretch; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-content-start { place-content: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-content-start:hover { place-content: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-content-start:focus { place-content: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-content-start:active { place-content: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-content-start:disabled { place-content: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-content-center { place-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-content-center:hover { place-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-content-center:focus { place-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-content-center:active { place-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-content-center:disabled { place-content: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-content-end { place-content: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-content-end:hover { place-content: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-content-end:focus { place-content: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-content-end:active { place-content: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-content-end:disabled { place-content: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-content-between { place-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-content-between:hover { place-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-content-between:focus { place-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-content-between:active { place-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-content-between:disabled { place-content: space-between; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-content-around { place-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-content-around:hover { place-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-content-around:focus { place-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-content-around:active { place-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-content-around:disabled { place-content: space-around; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-self-auto { place-self: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-self-auto:hover { place-self: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-self-auto:focus { place-self: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-self-auto:active { place-self: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-self-auto:disabled { place-self: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-self-start { place-self: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-self-start:hover { place-self: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-self-start:focus { place-self: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-self-start:active { place-self: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-self-start:disabled { place-self: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-self-center { place-self: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-self-center:hover { place-self: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-self-center:focus { place-self: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-self-center:active { place-self: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-self-center:disabled { place-self: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-place-self-end { place-self: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-place-self-end:hover { place-self: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-place-self-end:focus { place-self: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-place-self-end:active { place-self: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-place-self-end:disabled { place-self: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-uppercase { text-transform: uppercase; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-uppercase:hover { text-transform: uppercase; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-uppercase:focus { text-transform: uppercase; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-uppercase:active { text-transform: uppercase; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-uppercase:disabled { text-transform: uppercase; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lowercase { text-transform: lowercase; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lowercase:hover { text-transform: lowercase; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lowercase:focus { text-transform: lowercase; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lowercase:active { text-transform: lowercase; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lowercase:disabled { text-transform: lowercase; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-capitalize { text-transform: capitalize; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-capitalize:hover { text-transform: capitalize; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-capitalize:focus { text-transform: capitalize; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-capitalize:active { text-transform: capitalize; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-capitalize:disabled { text-transform: capitalize; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-tracking-tight { letter-spacing: -0.05em; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-tracking-tight:hover { letter-spacing: -0.05em; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-tracking-tight:focus { letter-spacing: -0.05em; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-tracking-tight:active { letter-spacing: -0.05em; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-tracking-normal { letter-spacing: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-tracking-normal:hover { letter-spacing: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-tracking-normal:focus { letter-spacing: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-tracking-normal:active { letter-spacing: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-tracking-normal:disabled { letter-spacing: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-tracking-wide { letter-spacing: 0.05em; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-tracking-wide:hover { letter-spacing: 0.05em; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-tracking-wide:focus { letter-spacing: 0.05em; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-tracking-wide:active { letter-spacing: 0.05em; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-underline { text-decoration: underline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-underline:hover { text-decoration: underline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-underline:focus { text-decoration: underline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-underline:active { text-decoration: underline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-underline:disabled { text-decoration: underline; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-through { text-decoration: line-through; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-through:hover { text-decoration: line-through; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-through:focus { text-decoration: line-through; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-through:active { text-decoration: line-through; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-through:disabled { text-decoration: line-through; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-no-underline { text-decoration: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-no-underline:hover { text-decoration: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-no-underline:focus { text-decoration: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-no-underline:active { text-decoration: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-no-underline:disabled { text-decoration: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-black { color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-black:hover { color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-black:focus { color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-black:active { color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-black:disabled { color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-white { color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-white:hover { color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-white:focus { color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-white:active { color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-white:disabled { color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-red-50 { color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-red-50:hover { color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-red-50:focus { color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-red-50:active { color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-red-100 { color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-red-100:hover { color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-red-100:focus { color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-red-100:active { color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-red-200 { color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-red-200:hover { color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-red-200:focus { color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-red-200:active { color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-red-300 { color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-red-300:hover { color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-red-300:focus { color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-red-300:active { color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-red-400 { color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-red-400:hover { color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-red-400:focus { color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-red-400:active { color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-red-500 { color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-red-500:hover { color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-red-500:focus { color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-red-500:active { color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-red-600 { color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-red-600:hover { color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-red-600:focus { color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-red-600:active { color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-red-700 { color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-red-700:hover { color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-red-700:focus { color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-red-700:active { color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-red-800 { color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-red-800:hover { color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-red-800:focus { color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-red-800:active { color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-red-900 { color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-red-900:hover { color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-red-900:focus { color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-red-900:active { color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-orange-50 { color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-orange-50:active { color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-orange-100 { color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-orange-100:active { color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-orange-200 { color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-orange-200:active { color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-orange-300 { color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-orange-300:active { color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-orange-400 { color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-orange-400:active { color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-orange-500 { color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-orange-500:active { color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-orange-600 { color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-orange-600:active { color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-orange-700 { color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-orange-700:active { color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-orange-800 { color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-orange-800:active { color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-orange-900 { color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-orange-900:active { color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-teal-50 { color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-teal-50:active { color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-teal-100 { color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-teal-100:active { color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-teal-200 { color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-teal-200:active { color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-teal-300 { color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-teal-300:active { color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-teal-400 { color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-teal-400:active { color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-teal-500 { color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-teal-500:active { color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-teal-600 { color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-teal-600:active { color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-teal-700 { color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-teal-700:active { color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-teal-800 { color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-teal-800:active { color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-teal-900 { color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-teal-900:active { color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-purple-50 { color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-purple-50:active { color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-purple-100 { color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-purple-100:active { color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-purple-200 { color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-purple-200:active { color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-purple-300 { color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-purple-300:active { color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-purple-400 { color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-purple-400:active { color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-purple-500 { color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-purple-500:active { color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-purple-600 { color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-purple-600:active { color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-purple-700 { color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-purple-700:active { color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-purple-800 { color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-purple-800:active { color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-purple-900 { color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-purple-900:active { color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-indigo-50 { color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-indigo-100 { color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-indigo-200 { color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-indigo-300 { color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-indigo-400 { color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-indigo-500 { color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-indigo-600 { color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-indigo-700 { color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-indigo-800 { color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-indigo-900 { color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-yellow-50 { color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-yellow-100 { color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-yellow-200 { color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-yellow-300 { color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-yellow-400 { color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-yellow-500 { color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-yellow-600 { color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-yellow-700 { color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-yellow-800 { color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-yellow-900 { color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-pink-50 { color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-pink-50:active { color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-pink-100 { color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-pink-100:active { color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-pink-200 { color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-pink-200:active { color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-pink-300 { color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-pink-300:active { color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-pink-400 { color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-pink-400:active { color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-pink-500 { color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-pink-500:active { color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-pink-600 { color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-pink-600:active { color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-pink-700 { color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-pink-700:active { color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-pink-800 { color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-pink-800:active { color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-pink-900 { color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-pink-900:active { color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-grey-50 { color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-grey-50:active { color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-grey-100 { color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-grey-100:active { color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-grey-200 { color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-grey-200:active { color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-grey-300 { color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-grey-300:active { color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-grey-400 { color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-grey-400:active { color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-grey-500 { color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-grey-500:active { color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-grey-600 { color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-grey-600:active { color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-grey-700 { color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-grey-700:active { color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-grey-800 { color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-grey-800:active { color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-grey-900 { color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-grey-900:active { color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lime-50 { color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lime-50:active { color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lime-100 { color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lime-100:active { color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lime-200 { color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lime-200:active { color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lime-300 { color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lime-300:active { color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lime-400 { color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lime-400:active { color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lime-500 { color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lime-500:active { color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lime-600 { color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lime-600:active { color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lime-700 { color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lime-700:active { color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lime-800 { color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lime-800:active { color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-lime-900 { color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-lime-900:active { color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-cyan-50 { color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-cyan-100 { color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-cyan-200 { color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-cyan-300 { color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-cyan-400 { color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-cyan-500 { color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-cyan-600 { color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-cyan-700 { color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-cyan-800 { color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-cyan-900 { color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-sky-50 { color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-sky-50:active { color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-sky-100 { color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-sky-100:active { color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-sky-200 { color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-sky-200:active { color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-sky-300 { color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-sky-300:active { color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-sky-400 { color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-sky-400:active { color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-sky-500 { color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-sky-500:active { color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-sky-600 { color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-sky-600:active { color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-sky-700 { color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-sky-700:active { color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-sky-800 { color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-sky-800:active { color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-sky-900 { color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-sky-900:active { color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-violet-50 { color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-violet-50:active { color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-violet-100 { color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-violet-100:active { color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-violet-200 { color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-violet-200:active { color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-violet-300 { color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-violet-300:active { color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-violet-400 { color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-violet-400:active { color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-violet-500 { color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-violet-500:active { color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-violet-600 { color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-violet-600:active { color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-violet-700 { color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-violet-700:active { color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-violet-800 { color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-violet-800:active { color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-violet-900 { color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-violet-900:active { color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-rose-50 { color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-rose-50:active { color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-rose-100 { color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-rose-100:active { color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-rose-200 { color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-rose-200:active { color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-rose-300 { color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-rose-300:active { color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-rose-400 { color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-rose-400:active { color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-rose-500 { color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-rose-500:active { color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-rose-600 { color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-rose-600:active { color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-rose-700 { color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-rose-700:active { color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-rose-800 { color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-rose-800:active { color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-rose-900 { color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-rose-900:active { color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-slate-50 { color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-slate-50:active { color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-slate-100 { color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-slate-100:active { color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-slate-200 { color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-slate-200:active { color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-slate-300 { color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-slate-300:active { color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-slate-400 { color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-slate-400:active { color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-slate-500 { color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-slate-500:active { color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-slate-600 { color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-slate-600:active { color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-slate-700 { color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-slate-700:active { color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-slate-800 { color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-slate-800:active { color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-slate-900 { color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-slate-900:active { color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-blue-50 { color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-blue-50:active { color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-blue-100 { color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-blue-100:active { color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-blue-200 { color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-blue-200:active { color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-blue-300 { color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-blue-300:active { color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-blue-400 { color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-blue-400:active { color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-blue-500 { color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-blue-500:active { color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-blue-600 { color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-blue-600:active { color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-blue-700 { color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-blue-700:active { color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-blue-800 { color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-blue-800:active { color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-blue-900 { color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-blue-900:active { color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-green-50 { color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-green-50:hover { color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-green-50:focus { color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-green-50:active { color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-green-100 { color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-green-100:hover { color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-green-100:focus { color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-green-100:active { color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-green-200 { color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-green-200:hover { color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-green-200:focus { color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-green-200:active { color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-green-300 { color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-green-300:hover { color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-green-300:focus { color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-green-300:active { color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-green-400 { color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-green-400:hover { color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-green-400:focus { color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-green-400:active { color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-green-500 { color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-green-500:hover { color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-green-500:focus { color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-green-500:active { color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-green-600 { color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-green-600:hover { color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-green-600:focus { color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-green-600:active { color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-green-700 { color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-green-700:hover { color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-green-700:focus { color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-green-700:active { color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-green-800 { color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-green-800:hover { color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-green-800:focus { color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-green-800:active { color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-green-900 { color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-green-900:hover { color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-green-900:focus { color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-green-900:active { color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-red-50 { background-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-red-50:active { background-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-red-100 { background-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-red-100:active { background-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-red-200 { background-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-red-200:active { background-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-red-300 { background-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-red-300:active { background-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-red-400 { background-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-red-400:active { background-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-red-500 { background-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-red-500:active { background-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-red-600 { background-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-red-600:active { background-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-red-700 { background-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-red-700:active { background-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-red-800 { background-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-red-800:active { background-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-red-900 { background-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-red-900:active { background-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-orange-50 { background-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-orange-100 { background-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-orange-200 { background-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-orange-300 { background-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-orange-400 { background-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-orange-500 { background-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-orange-600 { background-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-orange-700 { background-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-orange-800 { background-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-orange-900 { background-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-teal-50 { background-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-teal-100 { background-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-teal-200 { background-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-teal-300 { background-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-teal-400 { background-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-teal-500 { background-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-teal-600 { background-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-teal-700 { background-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-teal-800 { background-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-teal-900 { background-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-purple-50 { background-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-purple-100 { background-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-purple-200 { background-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-purple-300 { background-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-purple-400 { background-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-purple-500 { background-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-purple-600 { background-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-purple-700 { background-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-purple-800 { background-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-purple-900 { background-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-pink-50 { background-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-pink-100 { background-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-pink-200 { background-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-pink-300 { background-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-pink-400 { background-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-pink-500 { background-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-pink-600 { background-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-pink-700 { background-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-pink-800 { background-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-pink-900 { background-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-grey-50 { background-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-grey-100 { background-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-grey-200 { background-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-grey-300 { background-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-grey-400 { background-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-grey-500 { background-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-grey-600 { background-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-grey-700 { background-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-grey-800 { background-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-grey-900 { background-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-lime-50 { background-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-lime-100 { background-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-lime-200 { background-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-lime-300 { background-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-lime-400 { background-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-lime-500 { background-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-lime-600 { background-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-lime-700 { background-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-lime-800 { background-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-lime-900 { background-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-sky-50 { background-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-sky-100 { background-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-sky-200 { background-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-sky-300 { background-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-sky-400 { background-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-sky-500 { background-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-sky-600 { background-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-sky-700 { background-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-sky-800 { background-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-sky-900 { background-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-violet-50 { background-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-violet-100 { background-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-violet-200 { background-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-violet-300 { background-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-violet-400 { background-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-violet-500 { background-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-violet-600 { background-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-violet-700 { background-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-violet-800 { background-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-violet-900 { background-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-rose-50 { background-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-rose-100 { background-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-rose-200 { background-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-rose-300 { background-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-rose-400 { background-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-rose-500 { background-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-rose-600 { background-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-rose-700 { background-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-rose-800 { background-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-rose-900 { background-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-slate-50 { background-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-slate-100 { background-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-slate-200 { background-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-slate-300 { background-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-slate-400 { background-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-slate-500 { background-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-slate-600 { background-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-slate-700 { background-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-slate-800 { background-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-slate-900 { background-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blue-50 { background-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blue-100 { background-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blue-200 { background-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blue-300 { background-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blue-400 { background-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blue-500 { background-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blue-600 { background-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blue-700 { background-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blue-800 { background-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blue-900 { background-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-green-50 { background-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-green-50:active { background-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-green-100 { background-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-green-100:active { background-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-green-200 { background-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-green-200:active { background-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-green-300 { background-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-green-300:active { background-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-green-400 { background-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-green-400:active { background-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-green-500 { background-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-green-500:active { background-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-green-600 { background-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-green-600:active { background-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-green-700 { background-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-green-700:active { background-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-green-800 { background-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-green-800:active { background-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-green-900 { background-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-green-900:active { background-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-black { background-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-black:hover { background-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-black:focus { background-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-black:active { background-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-black:disabled { background-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-white { background-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-white:hover { background-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-white:focus { background-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-white:active { background-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-white:disabled { background-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-red-50 { border-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-red-50:active { border-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-red-100 { border-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-red-100:active { border-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-red-200 { border-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-red-200:active { border-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-red-300 { border-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-red-300:active { border-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-red-400 { border-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-red-400:active { border-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-red-500 { border-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-red-500:active { border-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-red-600 { border-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-red-600:active { border-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-red-700 { border-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-red-700:active { border-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-red-800 { border-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-red-800:active { border-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-red-900 { border-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-red-900:active { border-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-orange-50 { border-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-orange-100 { border-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-orange-200 { border-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-orange-300 { border-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-orange-400 { border-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-orange-500 { border-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-orange-600 { border-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-orange-700 { border-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-orange-800 { border-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-orange-900 { border-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-teal-50 { border-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-teal-100 { border-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-teal-200 { border-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-teal-300 { border-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-teal-400 { border-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-teal-500 { border-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-teal-600 { border-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-teal-700 { border-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-teal-800 { border-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-teal-900 { border-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-purple-50 { border-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-purple-100 { border-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-purple-200 { border-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-purple-300 { border-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-purple-400 { border-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-purple-500 { border-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-purple-600 { border-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-purple-700 { border-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-purple-800 { border-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-purple-900 { border-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-indigo-50 { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-indigo-100 { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-indigo-200 { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-indigo-300 { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-indigo-400 { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-indigo-500 { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-indigo-600 { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-indigo-700 { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-indigo-800 { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-indigo-900 { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-yellow-50 { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-yellow-100 { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-yellow-200 { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-yellow-300 { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-yellow-400 { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-yellow-500 { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-yellow-600 { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-yellow-700 { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-yellow-800 { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-yellow-900 { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-pink-50 { border-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-pink-100 { border-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-pink-200 { border-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-pink-300 { border-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-pink-400 { border-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-pink-500 { border-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-pink-600 { border-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-pink-700 { border-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-pink-800 { border-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-pink-900 { border-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-grey-50 { border-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-grey-100 { border-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-grey-200 { border-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-grey-300 { border-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-grey-400 { border-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-grey-500 { border-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-grey-600 { border-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-grey-700 { border-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-grey-800 { border-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-grey-900 { border-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-lime-50 { border-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-lime-100 { border-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-lime-200 { border-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-lime-300 { border-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-lime-400 { border-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-lime-500 { border-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-lime-600 { border-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-lime-700 { border-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-lime-800 { border-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-lime-900 { border-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-cyan-50 { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-cyan-100 { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-cyan-200 { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-cyan-300 { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-cyan-400 { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-cyan-500 { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-cyan-600 { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-cyan-700 { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-cyan-800 { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-cyan-900 { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-sky-50 { border-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-sky-100 { border-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-sky-200 { border-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-sky-300 { border-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-sky-400 { border-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-sky-500 { border-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-sky-600 { border-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-sky-700 { border-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-sky-800 { border-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-sky-900 { border-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-violet-50 { border-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-violet-100 { border-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-violet-200 { border-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-violet-300 { border-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-violet-400 { border-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-violet-500 { border-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-violet-600 { border-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-violet-700 { border-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-violet-800 { border-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-violet-900 { border-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-rose-50 { border-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-rose-100 { border-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-rose-200 { border-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-rose-300 { border-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-rose-400 { border-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-rose-500 { border-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-rose-600 { border-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-rose-700 { border-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-rose-800 { border-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-rose-900 { border-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-slate-50 { border-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-slate-100 { border-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-slate-200 { border-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-slate-300 { border-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-slate-400 { border-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-slate-500 { border-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-slate-600 { border-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-slate-700 { border-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-slate-800 { border-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-slate-900 { border-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-blue-50 { border-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-blue-100 { border-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-blue-200 { border-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-blue-300 { border-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-blue-400 { border-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-blue-500 { border-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-blue-600 { border-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-blue-700 { border-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-blue-800 { border-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-blue-900 { border-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-green-50 { border-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-green-50:active { border-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-green-100 { border-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-green-100:active { border-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-green-200 { border-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-green-200:active { border-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-green-300 { border-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-green-300:active { border-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-green-400 { border-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-green-400:active { border-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-green-500 { border-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-green-500:active { border-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-green-600 { border-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-green-600:active { border-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-green-700 { border-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-green-700:active { border-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-green-800 { border-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-green-800:active { border-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-green-900 { border-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-green-900:active { border-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-black { border-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-black:hover { border-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-black:focus { border-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-black:active { border-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-black:disabled { border-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-white { border-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-white:hover { border-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-white:focus { border-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-white:active { border-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-white:disabled { border-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-0 { border-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-0:hover { border-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-0:focus { border-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-0:active { border-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-0:disabled { border-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-0 { border-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-0:hover { border-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-0:focus { border-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-0:active { border-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-0:disabled { border-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-0 { border-top-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-0:hover { border-top-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-0:focus { border-top-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-0:active { border-top-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-0 { border-right-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-0:hover { border-right-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-0:focus { border-right-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-0:active { border-right-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-0 { border-bottom-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-0:active { border-bottom-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-0 { border-left-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-0:hover { border-left-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-0:focus { border-left-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-0:active { border-left-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-1 { border-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-1:hover { border-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-1:focus { border-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-1:active { border-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-1:disabled { border-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-1 { border-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-1:hover { border-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-1:focus { border-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-1:active { border-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-1:disabled { border-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-1 { border-top-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-1:hover { border-top-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-1:focus { border-top-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-1:active { border-top-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-1 { border-right-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-1:hover { border-right-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-1:focus { border-right-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-1:active { border-right-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-1 { border-bottom-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-1:active { border-bottom-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-1 { border-left-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-1:hover { border-left-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-1:focus { border-left-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-1:active { border-left-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-2 { border-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-2:hover { border-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-2:focus { border-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-2:active { border-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-2:disabled { border-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-2 { border-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-2:hover { border-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-2:focus { border-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-2:active { border-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-2:disabled { border-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-2 { border-top-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-2:hover { border-top-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-2:focus { border-top-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-2:active { border-top-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-2 { border-right-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-2:hover { border-right-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-2:focus { border-right-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-2:active { border-right-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-2 { border-bottom-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-2:active { border-bottom-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-2 { border-left-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-2:hover { border-left-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-2:focus { border-left-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-2:active { border-left-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-3 { border-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-3:hover { border-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-3:focus { border-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-3:active { border-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-3:disabled { border-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-3 { border-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-3:hover { border-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-3:focus { border-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-3:active { border-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-3:disabled { border-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-3 { border-top-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-3:hover { border-top-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-3:focus { border-top-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-3:active { border-top-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-3 { border-right-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-3:hover { border-right-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-3:focus { border-right-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-3:active { border-right-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-3 { border-bottom-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-3:active { border-bottom-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-3 { border-left-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-3:hover { border-left-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-3:focus { border-left-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-3:active { border-left-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-4 { border-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-4:hover { border-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-4:focus { border-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-4:active { border-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-4:disabled { border-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-4 { border-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-4:hover { border-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-4:focus { border-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-4:active { border-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-4:disabled { border-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-4 { border-top-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-4:hover { border-top-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-4:focus { border-top-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-4:active { border-top-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-4 { border-right-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-4:hover { border-right-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-4:focus { border-right-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-4:active { border-right-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-4 { border-bottom-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-4:active { border-bottom-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-4 { border-left-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-4:hover { border-left-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-4:focus { border-left-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-4:active { border-left-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-5 { border-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-5:hover { border-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-5:focus { border-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-5:active { border-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-5:disabled { border-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-5 { border-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-5:hover { border-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-5:focus { border-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-5:active { border-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-5:disabled { border-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-5 { border-top-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-5:hover { border-top-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-5:focus { border-top-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-5:active { border-top-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-5 { border-right-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-5:hover { border-right-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-5:focus { border-right-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-5:active { border-right-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-5 { border-bottom-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-5:active { border-bottom-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-5 { border-left-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-5:hover { border-left-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-5:focus { border-left-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-5:active { border-left-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-6 { border-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-6:hover { border-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-6:focus { border-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-6:active { border-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-6:disabled { border-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-6 { border-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-6:hover { border-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-6:focus { border-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-6:active { border-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-6:disabled { border-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-6 { border-top-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-6:hover { border-top-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-6:focus { border-top-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-6:active { border-top-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-6 { border-right-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-6:hover { border-right-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-6:focus { border-right-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-6:active { border-right-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-6 { border-bottom-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-6:active { border-bottom-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-6 { border-left-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-6:hover { border-left-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-6:focus { border-left-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-6:active { border-left-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-7 { border-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-7:hover { border-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-7:focus { border-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-7:active { border-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-7:disabled { border-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-7 { border-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-7:hover { border-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-7:focus { border-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-7:active { border-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-7:disabled { border-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-7 { border-top-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-7:hover { border-top-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-7:focus { border-top-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-7:active { border-top-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-7 { border-right-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-7:hover { border-right-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-7:focus { border-right-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-7:active { border-right-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-7 { border-bottom-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-7:active { border-bottom-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-7 { border-left-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-7:hover { border-left-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-7:focus { border-left-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-7:active { border-left-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-8 { border-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-8:hover { border-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-8:focus { border-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-8:active { border-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-8:disabled { border-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-8 { border-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-8:hover { border-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-8:focus { border-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-8:active { border-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-8:disabled { border-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-8 { border-top-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-8:hover { border-top-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-8:focus { border-top-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-8:active { border-top-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-8 { border-right-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-8:hover { border-right-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-8:focus { border-right-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-8:active { border-right-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-8 { border-bottom-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-8:active { border-bottom-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-8 { border-left-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-8:hover { border-left-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-8:focus { border-left-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-8:active { border-left-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-9 { border-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-9:hover { border-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-9:focus { border-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-9:active { border-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-9:disabled { border-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-9 { border-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-9:hover { border-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-9:focus { border-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-9:active { border-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-9:disabled { border-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-9 { border-top-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-9:hover { border-top-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-9:focus { border-top-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-9:active { border-top-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-9 { border-right-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-9:hover { border-right-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-9:focus { border-right-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-9:active { border-right-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-9 { border-bottom-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-9:active { border-bottom-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-9 { border-left-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-9:hover { border-left-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-9:focus { border-left-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-9:active { border-left-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-10 { border-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-10:hover { border-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-10:focus { border-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-10:active { border-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-10:disabled { border-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-10 { border-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-10:hover { border-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-10:focus { border-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-10:active { border-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-10:disabled { border-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-10 { border-top-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-10:hover { border-top-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-10:focus { border-top-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-10:active { border-top-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-10 { border-right-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-10:hover { border-right-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-10:focus { border-right-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-10:active { border-right-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-10 { border-bottom-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-10:active { border-bottom-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-10 { border-left-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-10:hover { border-left-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-10:focus { border-left-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-10:active { border-left-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-11 { border-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-11:hover { border-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-11:focus { border-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-11:active { border-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-11:disabled { border-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-11 { border-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-11:hover { border-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-11:focus { border-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-11:active { border-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-11:disabled { border-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-11 { border-top-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-11:hover { border-top-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-11:focus { border-top-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-11:active { border-top-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-11 { border-right-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-11:hover { border-right-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-11:focus { border-right-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-11:active { border-right-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-11 { border-bottom-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-11:active { border-bottom-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-11 { border-left-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-11:hover { border-left-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-11:focus { border-left-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-11:active { border-left-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-12 { border-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-12:hover { border-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-12:focus { border-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-12:active { border-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-12:disabled { border-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-12 { border-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-12:hover { border-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-12:focus { border-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-12:active { border-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-12:disabled { border-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-12 { border-top-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-12:hover { border-top-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-12:focus { border-top-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-12:active { border-top-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-12 { border-right-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-12:hover { border-right-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-12:focus { border-right-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-12:active { border-right-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-12 { border-bottom-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-12:active { border-bottom-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-12 { border-left-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-12:hover { border-left-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-12:focus { border-left-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-12:active { border-left-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-13 { border-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-13:hover { border-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-13:focus { border-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-13:active { border-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-13:disabled { border-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-13 { border-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-13:hover { border-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-13:focus { border-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-13:active { border-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-13:disabled { border-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-13 { border-top-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-13:hover { border-top-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-13:focus { border-top-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-13:active { border-top-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-13 { border-right-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-13:hover { border-right-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-13:focus { border-right-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-13:active { border-right-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-13 { border-bottom-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-13:active { border-bottom-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-13 { border-left-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-13:hover { border-left-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-13:focus { border-left-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-13:active { border-left-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-14 { border-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-14:hover { border-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-14:focus { border-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-14:active { border-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-14:disabled { border-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-14 { border-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-14:hover { border-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-14:focus { border-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-14:active { border-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-14:disabled { border-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-14 { border-top-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-14:hover { border-top-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-14:focus { border-top-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-14:active { border-top-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-14 { border-right-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-14:hover { border-right-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-14:focus { border-right-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-14:active { border-right-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-14 { border-bottom-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-14:active { border-bottom-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-14 { border-left-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-14:hover { border-left-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-14:focus { border-left-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-14:active { border-left-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-15 { border-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-15:hover { border-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-15:focus { border-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-15:active { border-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-15:disabled { border-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-15 { border-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-15:hover { border-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-15:focus { border-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-15:active { border-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-15:disabled { border-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-15 { border-top-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-15:hover { border-top-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-15:focus { border-top-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-15:active { border-top-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-15 { border-right-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-15:hover { border-right-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-15:focus { border-right-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-15:active { border-right-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-15 { border-bottom-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-15:active { border-bottom-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-15 { border-left-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-15:hover { border-left-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-15:focus { border-left-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-15:active { border-left-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-16 { border-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-16:hover { border-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-16:focus { border-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-16:active { border-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-16:disabled { border-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-16 { border-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-16:hover { border-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-16:focus { border-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-16:active { border-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-16:disabled { border-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-16 { border-top-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-16:hover { border-top-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-16:focus { border-top-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-16:active { border-top-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-16 { border-right-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-16:hover { border-right-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-16:focus { border-right-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-16:active { border-right-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-16 { border-bottom-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-16:active { border-bottom-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-16 { border-left-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-16:hover { border-left-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-16:focus { border-left-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-16:active { border-left-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-17 { border-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-17:hover { border-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-17:focus { border-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-17:active { border-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-17:disabled { border-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-17 { border-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-17:hover { border-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-17:focus { border-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-17:active { border-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-17:disabled { border-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-17 { border-top-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-17:hover { border-top-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-17:focus { border-top-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-17:active { border-top-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-17 { border-right-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-17:hover { border-right-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-17:focus { border-right-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-17:active { border-right-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-17 { border-bottom-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-17:active { border-bottom-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-17 { border-left-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-17:hover { border-left-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-17:focus { border-left-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-17:active { border-left-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-18 { border-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-18:hover { border-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-18:focus { border-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-18:active { border-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-18:disabled { border-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-18 { border-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-18:hover { border-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-18:focus { border-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-18:active { border-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-18:disabled { border-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-18 { border-top-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-18:hover { border-top-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-18:focus { border-top-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-18:active { border-top-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-18 { border-right-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-18:hover { border-right-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-18:focus { border-right-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-18:active { border-right-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-18 { border-bottom-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-18:active { border-bottom-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-18 { border-left-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-18:hover { border-left-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-18:focus { border-left-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-18:active { border-left-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-19 { border-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-19:hover { border-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-19:focus { border-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-19:active { border-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-19:disabled { border-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-19 { border-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-19:hover { border-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-19:focus { border-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-19:active { border-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-19:disabled { border-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-19 { border-top-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-19:hover { border-top-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-19:focus { border-top-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-19:active { border-top-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-19 { border-right-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-19:hover { border-right-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-19:focus { border-right-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-19:active { border-right-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-19 { border-bottom-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-19:active { border-bottom-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-19 { border-left-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-19:hover { border-left-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-19:focus { border-left-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-19:active { border-left-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-20 { border-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-20:hover { border-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-20:focus { border-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-20:active { border-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-20:disabled { border-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-20 { border-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-20:hover { border-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-20:focus { border-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-20:active { border-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-20:disabled { border-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-20 { border-top-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-20:hover { border-top-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-20:focus { border-top-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-20:active { border-top-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-20 { border-right-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-20:hover { border-right-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-20:focus { border-right-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-20:active { border-right-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-20 { border-bottom-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-20:active { border-bottom-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-20 { border-left-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-20:hover { border-left-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-20:focus { border-left-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-20:active { border-left-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-21 { border-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-21:hover { border-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-21:focus { border-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-21:active { border-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-21:disabled { border-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-21 { border-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-21:hover { border-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-21:focus { border-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-21:active { border-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-21:disabled { border-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-21 { border-top-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-21:hover { border-top-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-21:focus { border-top-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-21:active { border-top-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-21 { border-right-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-21:hover { border-right-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-21:focus { border-right-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-21:active { border-right-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-21 { border-bottom-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-21:active { border-bottom-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-21 { border-left-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-21:hover { border-left-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-21:focus { border-left-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-21:active { border-left-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-22 { border-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-22:hover { border-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-22:focus { border-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-22:active { border-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-22:disabled { border-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-22 { border-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-22:hover { border-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-22:focus { border-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-22:active { border-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-22:disabled { border-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-22 { border-top-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-22:hover { border-top-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-22:focus { border-top-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-22:active { border-top-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-22 { border-right-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-22:hover { border-right-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-22:focus { border-right-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-22:active { border-right-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-22 { border-bottom-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-22:active { border-bottom-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-22 { border-left-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-22:hover { border-left-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-22:focus { border-left-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-22:active { border-left-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-23 { border-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-23:hover { border-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-23:focus { border-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-23:active { border-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-23:disabled { border-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-23 { border-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-23:hover { border-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-23:focus { border-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-23:active { border-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-23:disabled { border-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-23 { border-top-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-23:hover { border-top-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-23:focus { border-top-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-23:active { border-top-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-23 { border-right-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-23:hover { border-right-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-23:focus { border-right-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-23:active { border-right-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-23 { border-bottom-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-23:active { border-bottom-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-23 { border-left-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-23:hover { border-left-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-23:focus { border-left-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-23:active { border-left-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-24 { border-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-24:hover { border-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-24:focus { border-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-24:active { border-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-24:disabled { border-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-24 { border-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-24:hover { border-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-24:focus { border-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-24:active { border-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-24:disabled { border-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-24 { border-top-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-24:hover { border-top-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-24:focus { border-top-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-24:active { border-top-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-24 { border-right-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-24:hover { border-right-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-24:focus { border-right-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-24:active { border-right-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-24 { border-bottom-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-24:active { border-bottom-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-24 { border-left-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-24:hover { border-left-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-24:focus { border-left-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-24:active { border-left-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-25 { border-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-25:hover { border-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-25:focus { border-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-25:active { border-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-25:disabled { border-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-25 { border-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-25:hover { border-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-25:focus { border-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-25:active { border-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-25:disabled { border-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-25 { border-top-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-25:hover { border-top-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-25:focus { border-top-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-25:active { border-top-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-25 { border-right-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-25:hover { border-right-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-25:focus { border-right-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-25:active { border-right-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-25 { border-bottom-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-25:active { border-bottom-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-25 { border-left-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-25:hover { border-left-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-25:focus { border-left-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-25:active { border-left-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-26 { border-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-26:hover { border-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-26:focus { border-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-26:active { border-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-26:disabled { border-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-26 { border-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-26:hover { border-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-26:focus { border-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-26:active { border-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-26:disabled { border-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-26 { border-top-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-26:hover { border-top-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-26:focus { border-top-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-26:active { border-top-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-26 { border-right-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-26:hover { border-right-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-26:focus { border-right-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-26:active { border-right-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-26 { border-bottom-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-26:active { border-bottom-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-26 { border-left-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-26:hover { border-left-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-26:focus { border-left-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-26:active { border-left-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-27 { border-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-27:hover { border-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-27:focus { border-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-27:active { border-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-27:disabled { border-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-27 { border-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-27:hover { border-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-27:focus { border-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-27:active { border-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-27:disabled { border-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-27 { border-top-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-27:hover { border-top-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-27:focus { border-top-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-27:active { border-top-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-27 { border-right-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-27:hover { border-right-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-27:focus { border-right-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-27:active { border-right-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-27 { border-bottom-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-27:active { border-bottom-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-27 { border-left-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-27:hover { border-left-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-27:focus { border-left-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-27:active { border-left-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-28 { border-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-28:hover { border-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-28:focus { border-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-28:active { border-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-28:disabled { border-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-28 { border-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-28:hover { border-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-28:focus { border-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-28:active { border-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-28:disabled { border-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-28 { border-top-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-28:hover { border-top-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-28:focus { border-top-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-28:active { border-top-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-28 { border-right-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-28:hover { border-right-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-28:focus { border-right-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-28:active { border-right-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-28 { border-bottom-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-28:active { border-bottom-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-28 { border-left-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-28:hover { border-left-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-28:focus { border-left-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-28:active { border-left-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-29 { border-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-29:hover { border-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-29:focus { border-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-29:active { border-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-29:disabled { border-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-29 { border-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-29:hover { border-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-29:focus { border-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-29:active { border-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-29:disabled { border-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-29 { border-top-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-29:hover { border-top-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-29:focus { border-top-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-29:active { border-top-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-29 { border-right-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-29:hover { border-right-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-29:focus { border-right-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-29:active { border-right-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-29 { border-bottom-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-29:active { border-bottom-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-29 { border-left-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-29:hover { border-left-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-29:focus { border-left-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-29:active { border-left-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-30 { border-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-30:hover { border-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-30:focus { border-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-30:active { border-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-30:disabled { border-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-30 { border-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-30:hover { border-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-30:focus { border-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-30:active { border-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-30:disabled { border-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-30 { border-top-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-30:hover { border-top-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-30:focus { border-top-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-30:active { border-top-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-30 { border-right-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-30:hover { border-right-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-30:focus { border-right-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-30:active { border-right-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-30 { border-bottom-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-30:active { border-bottom-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-30 { border-left-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-30:hover { border-left-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-30:focus { border-left-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-30:active { border-left-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-31 { border-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-31:hover { border-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-31:focus { border-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-31:active { border-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-31:disabled { border-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-31 { border-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-31:hover { border-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-31:focus { border-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-31:active { border-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-31:disabled { border-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-31 { border-top-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-31:hover { border-top-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-31:focus { border-top-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-31:active { border-top-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-31 { border-right-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-31:hover { border-right-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-31:focus { border-right-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-31:active { border-right-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-31 { border-bottom-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-31:active { border-bottom-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-31 { border-left-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-31:hover { border-left-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-31:focus { border-left-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-31:active { border-left-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-32 { border-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-32:hover { border-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-32:focus { border-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-32:active { border-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-32:disabled { border-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-32 { border-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-32:hover { border-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-32:focus { border-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-32:active { border-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-32:disabled { border-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-t-32 { border-top-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-t-32:hover { border-top-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-t-32:focus { border-top-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-t-32:active { border-top-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-r-32 { border-right-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-r-32:hover { border-right-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-r-32:focus { border-right-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-r-32:active { border-right-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-b-32 { border-bottom-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-b-32:active { border-bottom-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-l-32 { border-left-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-l-32:hover { border-left-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-l-32:focus { border-left-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-l-32:active { border-left-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-transparent { border-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-transparent:hover { border-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-transparent:focus { border-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-transparent:active { border-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-transparent:disabled { border-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-inherit { border-color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-inherit:hover { border-color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-inherit:focus { border-color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-inherit:active { border-color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-inherit:disabled { border-color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-transparent { background-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-transparent:hover { background-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-transparent:focus { background-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-transparent:active { background-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-transparent:disabled { background-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-inherit { background-color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-inherit:hover { background-color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-inherit:focus { background-color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-inherit:active { background-color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-inherit:disabled { background-color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-transparent { color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-transparent:hover { color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-transparent:focus { color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-transparent:active { color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-transparent:disabled { color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-inherit { color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-inherit:hover { color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-inherit:focus { color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-inherit:active { color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-inherit:disabled { color: inherit; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-solid { border-style: solid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-solid:hover { border-style: solid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-solid:focus { border-style: solid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-solid:active { border-style: solid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-solid:disabled { border-style: solid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-dashed { border-style: dashed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-dashed:hover { border-style: dashed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-dashed:focus { border-style: dashed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-dashed:active { border-style: dashed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-dashed:disabled { border-style: dashed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-dotted { border-style: dotted; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-dotted:hover { border-style: dotted; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-dotted:focus { border-style: dotted; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-dotted:active { border-style: dotted; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-dotted:disabled { border-style: dotted; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-double { border-style: double; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-double:hover { border-style: double; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-double:focus { border-style: double; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-double:active { border-style: double; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-double:disabled { border-style: double; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-none { border-style: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-none:hover { border-style: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-none:focus { border-style: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-none:active { border-style: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-none:disabled { border-style: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-z-auto { z-index: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-z-auto:hover { z-index: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-z-auto:focus { z-index: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-z-auto:active { z-index: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-z-auto:disabled { z-index: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-z-0 { z-index: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-z-0:hover { z-index: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-z-0:focus { z-index: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-z-0:active { z-index: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-z-0:disabled { z-index: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-z-10 { z-index: 10; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-z-10:hover { z-index: 10; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-z-10:focus { z-index: 10; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-z-10:active { z-index: 10; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-z-10:disabled { z-index: 10; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-z-20 { z-index: 20; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-z-20:hover { z-index: 20; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-z-20:focus { z-index: 20; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-z-20:active { z-index: 20; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-z-20:disabled { z-index: 20; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-z-30 { z-index: 30; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-z-30:hover { z-index: 30; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-z-30:focus { z-index: 30; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-z-30:active { z-index: 30; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-z-30:disabled { z-index: 30; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-z-40 { z-index: 40; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-z-40:hover { z-index: 40; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-z-40:focus { z-index: 40; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-z-40:active { z-index: 40; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-z-40:disabled { z-index: 40; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-z-50 { z-index: 50; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-z-50:hover { z-index: 50; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-z-50:focus { z-index: 50; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-z-50:active { z-index: 50; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-z-50:disabled { z-index: 50; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-z-100 { z-index: 100; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-z-100:hover { z-index: 100; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-z-100:focus { z-index: 100; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-z-100:active { z-index: 100; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-z-100:disabled { z-index: 100; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-z-9999 { z-index: 9999; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-z-9999:hover { z-index: 9999; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-z-9999:focus { z-index: 9999; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-z-9999:active { z-index: 9999; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-z-9999:disabled { z-index: 9999; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm--z-10 { z-index: -10; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover--z-10:hover { z-index: -10; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus--z-10:focus { z-index: -10; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active--z-10:active { z-index: -10; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled--z-10:disabled { z-index: -10; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm--z-20 { z-index: -20; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover--z-20:hover { z-index: -20; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus--z-20:focus { z-index: -20; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active--z-20:active { z-index: -20; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled--z-20:disabled { z-index: -20; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm--z-40 { z-index: -40; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover--z-40:hover { z-index: -40; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus--z-40:focus { z-index: -40; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active--z-40:active { z-index: -40; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled--z-40:disabled { z-index: -40; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm--z-50 { z-index: -50; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover--z-50:hover { z-index: -50; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus--z-50:focus { z-index: -50; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active--z-50:active { z-index: -50; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled--z-50:disabled { z-index: -50; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm--z-100 { z-index: -100; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover--z-100:hover { z-index: -100; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus--z-100:focus { z-index: -100; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active--z-100:active { z-index: -100; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled--z-100:disabled { z-index: -100; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-0 { opacity: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-0:hover { opacity: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-0:focus { opacity: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-0:active { opacity: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-0:disabled { opacity: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-10 { opacity: 0.1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-10:hover { opacity: 0.1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-10:focus { opacity: 0.1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-10:active { opacity: 0.1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-10:disabled { opacity: 0.1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-20 { opacity: 0.2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-20:hover { opacity: 0.2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-20:focus { opacity: 0.2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-20:active { opacity: 0.2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-20:disabled { opacity: 0.2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-25 { opacity: 0.25; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-25:hover { opacity: 0.25; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-25:focus { opacity: 0.25; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-25:active { opacity: 0.25; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-25:disabled { opacity: 0.25; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-30 { opacity: 0.3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-30:hover { opacity: 0.3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-30:focus { opacity: 0.3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-30:active { opacity: 0.3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-30:disabled { opacity: 0.3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-40 { opacity: 0.4; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-40:hover { opacity: 0.4; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-40:focus { opacity: 0.4; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-40:active { opacity: 0.4; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-40:disabled { opacity: 0.4; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-50 { opacity: 0.5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-50:hover { opacity: 0.5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-50:focus { opacity: 0.5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-50:active { opacity: 0.5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-50:disabled { opacity: 0.5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-60 { opacity: 0.6; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-60:hover { opacity: 0.6; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-60:focus { opacity: 0.6; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-60:active { opacity: 0.6; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-60:disabled { opacity: 0.6; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-70 { opacity: 0.7; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-70:hover { opacity: 0.7; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-70:focus { opacity: 0.7; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-70:active { opacity: 0.7; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-70:disabled { opacity: 0.7; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-75 { opacity: 0.75; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-75:hover { opacity: 0.75; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-75:focus { opacity: 0.75; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-75:active { opacity: 0.75; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-75:disabled { opacity: 0.75; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-80 { opacity: 0.8; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-80:hover { opacity: 0.8; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-80:focus { opacity: 0.8; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-80:active { opacity: 0.8; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-80:disabled { opacity: 0.8; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-90 { opacity: 0.9; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-90:hover { opacity: 0.9; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-90:focus { opacity: 0.9; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-90:active { opacity: 0.9; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-90:disabled { opacity: 0.9; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-opacity-100 { opacity: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-opacity-100:hover { opacity: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-opacity-100:focus { opacity: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-opacity-100:active { opacity: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-opacity-100:disabled { opacity: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-gradient-l { --quanta-gradient-direction: to left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-gradient-r { --quanta-gradient-direction: to right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-gradient-t { --quanta-gradient-direction: to top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-gradient-b { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-gradient-tl { --quanta-gradient-direction: to top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-gradient-tr { --quanta-gradient-direction: to top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rounded-0 { border-radius: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rounded-0:hover { border-radius: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rounded-0:focus { border-radius: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rounded-0:active { border-radius: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rounded-0:disabled { border-radius: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rounded-xs { border-radius: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rounded-xs:hover { border-radius: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rounded-xs:focus { border-radius: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rounded-xs:active { border-radius: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rounded-sm { border-radius: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rounded-sm:hover { border-radius: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rounded-sm:focus { border-radius: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rounded-sm:active { border-radius: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rounded { border-radius: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rounded:hover { border-radius: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rounded:focus { border-radius: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rounded:active { border-radius: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rounded:disabled { border-radius: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rounded-md { border-radius: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rounded-md:hover { border-radius: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rounded-md:focus { border-radius: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rounded-md:active { border-radius: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rounded-md:disabled { border-radius: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rounded-lg { border-radius: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rounded-lg:hover { border-radius: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rounded-lg:focus { border-radius: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rounded-lg:active { border-radius: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rounded-lg:disabled { border-radius: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rounded-xl { border-radius: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rounded-xl:hover { border-radius: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rounded-xl:focus { border-radius: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rounded-xl:active { border-radius: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rounded-2xl { border-radius: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rounded-2xl:hover { border-radius: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rounded-2xl:focus { border-radius: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rounded-2xl:active { border-radius: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rounded-2xl:disabled { border-radius: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rounded-full { border-radius: 9999px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rounded-full:hover { border-radius: 9999px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rounded-full:focus { border-radius: 9999px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rounded-full:active { border-radius: 9999px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rounded-full:disabled { border-radius: 9999px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rounded-pill { border-radius: 50px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rounded-pill:hover { border-radius: 50px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rounded-pill:focus { border-radius: 50px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rounded-pill:active { border-radius: 50px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rounded-pill:disabled { border-radius: 50px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-none { outline: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-none:hover { outline: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-none:focus { outline: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-none:active { outline: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-none:disabled { outline: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline { outline: 1px solid currentColor; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline:hover { outline: 1px solid currentColor; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline:focus { outline: 1px solid currentColor; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline:active { outline: 1px solid currentColor; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline:disabled { outline: 1px solid currentColor; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-offset-0 { outline-offset: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-offset-0:hover { outline-offset: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-offset-0:focus { outline-offset: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-offset-0:active { outline-offset: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-offset-1 { outline-offset: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-offset-1:active { outline-offset: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-offset-2 { outline-offset: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-offset-2:active { outline-offset: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-offset-3 { outline-offset: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-offset-3:active { outline-offset: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-offset-4 { outline-offset: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-offset-4:hover { outline-offset: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-offset-4:focus { outline-offset: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-offset-4:active { outline-offset: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-offset-8 { outline-offset: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-offset-8:hover { outline-offset: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-offset-8:focus { outline-offset: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-offset-8:active { outline-offset: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-red-50 { outline-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-red-100 { outline-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-red-200 { outline-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-red-300 { outline-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-red-400 { outline-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-red-500 { outline-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-red-600 { outline-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-red-700 { outline-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-red-800 { outline-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-red-900 { outline-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-orange-50 { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-orange-100 { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-orange-200 { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-orange-300 { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-orange-400 { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-orange-500 { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-orange-600 { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-orange-700 { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-orange-800 { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-orange-900 { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-teal-50 { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-teal-100 { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-teal-200 { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-teal-300 { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-teal-400 { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-teal-500 { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-teal-600 { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-teal-700 { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-teal-800 { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-teal-900 { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-purple-50 { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-purple-100 { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-purple-200 { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-purple-300 { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-purple-400 { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-purple-500 { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-purple-600 { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-purple-700 { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-purple-800 { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-purple-900 { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-pink-50 { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-pink-100 { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-pink-200 { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-pink-300 { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-pink-400 { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-pink-500 { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-pink-600 { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-pink-700 { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-pink-800 { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-pink-900 { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-grey-50 { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-grey-100 { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-grey-200 { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-grey-300 { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-grey-400 { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-grey-500 { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-grey-600 { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-grey-700 { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-grey-800 { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-grey-900 { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-lime-50 { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-lime-100 { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-lime-200 { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-lime-300 { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-lime-400 { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-lime-500 { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-lime-600 { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-lime-700 { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-lime-800 { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-lime-900 { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-sky-50 { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-sky-100 { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-sky-200 { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-sky-300 { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-sky-400 { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-sky-500 { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-sky-600 { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-sky-700 { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-sky-800 { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-sky-900 { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-violet-50 { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-violet-100 { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-violet-200 { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-violet-300 { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-violet-400 { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-violet-500 { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-violet-600 { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-violet-700 { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-violet-800 { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-violet-900 { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-rose-50 { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-rose-100 { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-rose-200 { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-rose-300 { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-rose-400 { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-rose-500 { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-rose-600 { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-rose-700 { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-rose-800 { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-rose-900 { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-slate-50 { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-slate-100 { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-slate-200 { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-slate-300 { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-slate-400 { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-slate-500 { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-slate-600 { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-slate-700 { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-slate-800 { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-slate-900 { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-blue-50 { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-blue-100 { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-blue-200 { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-blue-300 { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-blue-400 { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-blue-500 { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-blue-600 { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-blue-700 { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-blue-800 { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-blue-900 { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-green-50 { outline-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-green-100 { outline-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-green-200 { outline-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-green-300 { outline-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-green-400 { outline-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-green-500 { outline-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-green-600 { outline-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-green-700 { outline-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-green-800 { outline-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-green-900 { outline-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-black { outline-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-black:hover { outline-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-black:focus { outline-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-black:active { outline-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-black:disabled { outline-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-white { outline-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-white:hover { outline-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-white:focus { outline-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-white:active { outline-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-white:disabled { outline-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sm { --ring-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sm:hover { --ring-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sm:focus { --ring-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sm:active { --ring-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-md { --ring-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-md:hover { --ring-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-md:focus { --ring-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-md:active { --ring-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-md:disabled { --ring-width: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lg { --ring-width: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lg:hover { --ring-width: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lg:focus { --ring-width: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lg:active { --ring-width: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lg:disabled { --ring-width: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-black { --quanta-ring-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-black:hover { --quanta-ring-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-black:focus { --quanta-ring-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-black:active { --quanta-ring-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-white { --quanta-ring-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-white:hover { --quanta-ring-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-white:focus { --quanta-ring-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-white:active { --quanta-ring-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-black { --shadow-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-black:hover { --shadow-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-black:focus { --shadow-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-black:active { --shadow-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-color-white { --shadow-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-color-white:hover { --shadow-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-color-white:focus { --shadow-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-color-white:active { --shadow-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-black { --quanta-from-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-black:active { --quanta-from-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-from-white { --quanta-from-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-from-white:active { --quanta-from-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-black { --quanta-to-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-black:active { --quanta-to-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-gradient-to-white { --quanta-to-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-gradient-to-white:active { --quanta-to-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-all { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-all:active { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-bg { transition-property: background-color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-bg:hover { transition-property: background-color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-bg:focus { transition-property: background-color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-bg:active { transition-property: background-color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-bg:disabled { transition-property: background-color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-color { transition-property: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-color:hover { transition-property: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-color:focus { transition-property: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-color:active { transition-property: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-color:disabled { transition-property: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-opacity { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-transform { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-shadow { transition-property: shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-shadow:hover { transition-property: shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-shadow:focus { transition-property: shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-shadow:active { transition-property: shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-shadow:disabled { transition-property: shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-border { transition-property: border; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-border:hover { transition-property: border; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-border:focus { transition-property: border; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-border:active { transition-property: border; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-border:disabled { transition-property: border; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-100 { transition-duration: 100ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-100:hover { transition-duration: 100ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-100:focus { transition-duration: 100ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-100:active { transition-duration: 100ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-100:disabled { transition-duration: 100ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-200 { transition-duration: 200ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-200:hover { transition-duration: 200ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-200:focus { transition-duration: 200ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-200:active { transition-duration: 200ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-200:disabled { transition-duration: 200ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-linear { transition-timing-function: ease-linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-linear:hover { transition-timing-function: ease-linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-linear:focus { transition-timing-function: ease-linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-linear:active { transition-timing-function: ease-linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-in { transition-timing-function: ease-in; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-in:hover { transition-timing-function: ease-in; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-in:focus { transition-timing-function: ease-in; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-in:active { transition-timing-function: ease-in; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-in:disabled { transition-timing-function: ease-in; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-out { transition-timing-function: ease-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-out:hover { transition-timing-function: ease-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-out:focus { transition-timing-function: ease-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-out:active { transition-timing-function: ease-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-out:disabled { transition-timing-function: ease-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-in-out { transition-timing-function: ease-in-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-in-out:active { transition-timing-function: ease-in-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-0 { transform: translateX(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-0:hover { transform: translateX(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-0:focus { transform: translateX(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-0:active { transform: translateX(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-0:disabled { transform: translateX(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-0 { transform: translateY(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-0:hover { transform: translateY(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-0:focus { transform: translateY(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-0:active { transform: translateY(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-0:disabled { transform: translateY(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-0_25 { transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-0_25:active { transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-0_25 { transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-0_25:active { transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-0_5 { transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-0_5:active { transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-0_5 { transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-0_5:active { transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-1 { transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-1:hover { transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-1:focus { transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-1:active { transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-1:disabled { transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-1 { transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-1:hover { transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-1:focus { transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-1:active { transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-1:disabled { transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-1_5 { transform: translateX(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-1_5:active { transform: translateX(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-1_5 { transform: translateY(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-1_5:active { transform: translateY(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-2 { transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-2:hover { transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-2:focus { transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-2:active { transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-2:disabled { transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-2 { transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-2:hover { transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-2:focus { transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-2:active { transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-2:disabled { transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-3 { transform: translateX(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-3:hover { transform: translateX(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-3:focus { transform: translateX(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-3:active { transform: translateX(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-3:disabled { transform: translateX(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-3 { transform: translateY(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-3:hover { transform: translateY(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-3:focus { transform: translateY(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-3:active { transform: translateY(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-3:disabled { transform: translateY(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-4 { transform: translateX(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-4:hover { transform: translateX(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-4:focus { transform: translateX(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-4:active { transform: translateX(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-4:disabled { transform: translateX(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-4 { transform: translateY(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-4:hover { transform: translateY(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-4:focus { transform: translateY(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-4:active { transform: translateY(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-4:disabled { transform: translateY(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-5 { transform: translateX(5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-5:hover { transform: translateX(5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-5:focus { transform: translateX(5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-5:active { transform: translateX(5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-5:disabled { transform: translateX(5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-5 { transform: translateY(5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-5:hover { transform: translateY(5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-5:focus { transform: translateY(5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-5:active { transform: translateY(5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-5:disabled { transform: translateY(5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-6 { transform: translateX(6rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-6:hover { transform: translateX(6rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-6:focus { transform: translateX(6rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-6:active { transform: translateX(6rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-6:disabled { transform: translateX(6rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-6 { transform: translateY(6rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-6:hover { transform: translateY(6rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-6:focus { transform: translateY(6rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-6:active { transform: translateY(6rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-6:disabled { transform: translateY(6rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-8 { transform: translateX(8rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-8:hover { transform: translateX(8rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-8:focus { transform: translateX(8rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-8:active { transform: translateX(8rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-8:disabled { transform: translateX(8rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-8 { transform: translateY(8rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-8:hover { transform: translateY(8rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-8:focus { transform: translateY(8rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-8:active { transform: translateY(8rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-8:disabled { transform: translateY(8rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-10 { transform: translateX(10rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-10:hover { transform: translateX(10rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-10:focus { transform: translateX(10rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-10:active { transform: translateX(10rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-10:disabled { transform: translateX(10rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-10 { transform: translateY(10rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-10:hover { transform: translateY(10rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-10:focus { transform: translateY(10rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-10:active { transform: translateY(10rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-10:disabled { transform: translateY(10rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-12 { transform: translateX(12rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-12:hover { transform: translateX(12rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-12:focus { transform: translateX(12rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-12:active { transform: translateX(12rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-12:disabled { transform: translateX(12rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-12 { transform: translateY(12rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-12:hover { transform: translateY(12rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-12:focus { transform: translateY(12rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-12:active { transform: translateY(12rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-12:disabled { transform: translateY(12rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-16 { transform: translateX(16rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-16:hover { transform: translateX(16rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-16:focus { transform: translateX(16rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-16:active { transform: translateX(16rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-16:disabled { transform: translateX(16rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-16 { transform: translateY(16rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-16:hover { transform: translateY(16rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-16:focus { transform: translateY(16rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-16:active { transform: translateY(16rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-16:disabled { transform: translateY(16rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-20 { transform: translateX(20rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-20:hover { transform: translateX(20rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-20:focus { transform: translateX(20rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-20:active { transform: translateX(20rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-20:disabled { transform: translateX(20rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-20 { transform: translateY(20rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-20:hover { transform: translateY(20rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-20:focus { transform: translateY(20rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-20:active { transform: translateY(20rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-20:disabled { transform: translateY(20rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-24 { transform: translateX(24rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-24:hover { transform: translateX(24rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-24:focus { transform: translateX(24rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-24:active { transform: translateX(24rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-24:disabled { transform: translateX(24rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-24 { transform: translateY(24rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-24:hover { transform: translateY(24rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-24:focus { transform: translateY(24rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-24:active { transform: translateY(24rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-24:disabled { transform: translateY(24rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-32 { transform: translateX(32rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-32:hover { transform: translateX(32rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-32:focus { transform: translateX(32rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-32:active { transform: translateX(32rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-32:disabled { transform: translateX(32rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-32 { transform: translateY(32rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-32:hover { transform: translateY(32rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-32:focus { transform: translateY(32rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-32:active { transform: translateY(32rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-32:disabled { transform: translateY(32rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-0 { transform: scale(0.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-0:hover { transform: scale(0.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-0:focus { transform: scale(0.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-0:active { transform: scale(0.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-0:disabled { transform: scale(0.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-50 { transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-50:hover { transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-50:focus { transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-50:active { transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-50:disabled { transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-75 { transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-75:hover { transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-75:focus { transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-75:active { transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-75:disabled { transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-90 { transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-90:hover { transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-90:focus { transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-90:active { transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-90:disabled { transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-95 { transform: scale(0.95); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-95:hover { transform: scale(0.95); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-95:focus { transform: scale(0.95); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-95:active { transform: scale(0.95); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-95:disabled { transform: scale(0.95); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-100 { transform: scale(1.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-100:hover { transform: scale(1.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-100:focus { transform: scale(1.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-100:active { transform: scale(1.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-100:disabled { transform: scale(1.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-105 { transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-105:hover { transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-105:focus { transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-105:active { transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-105:disabled { transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-110 { transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-110:hover { transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-110:focus { transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-110:active { transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-110:disabled { transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-125 { transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-125:hover { transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-125:focus { transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-125:active { transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-125:disabled { transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-150 { transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-150:hover { transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-150:focus { transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-150:active { transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-150:disabled { transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate--180 { transform: rotate(-180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate--180:hover { transform: rotate(-180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate--180:focus { transform: rotate(-180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate--180:active { transform: rotate(-180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate--180:disabled { transform: rotate(-180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate--90 { transform: rotate(-90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate--90:hover { transform: rotate(-90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate--90:focus { transform: rotate(-90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate--90:active { transform: rotate(-90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate--90:disabled { transform: rotate(-90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate--45 { transform: rotate(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate--45:hover { transform: rotate(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate--45:focus { transform: rotate(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate--45:active { transform: rotate(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate--45:disabled { transform: rotate(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-0 { transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-0:hover { transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-0:focus { transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-0:active { transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-0:disabled { transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-45 { transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-45:hover { transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-45:focus { transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-45:active { transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-45:disabled { transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-90 { transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-90:hover { transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-90:focus { transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-90:active { transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-90:disabled { transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-180 { transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-180:hover { transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-180:focus { transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-180:active { transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-180:disabled { transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x--45 { transform: skewX(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x--45:hover { transform: skewX(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x--45:focus { transform: skewX(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x--45:active { transform: skewX(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y--45 { transform: skewY(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y--45:hover { transform: skewY(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y--45:focus { transform: skewY(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y--45:active { transform: skewY(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x--30 { transform: skewX(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x--30:hover { transform: skewX(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x--30:focus { transform: skewX(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x--30:active { transform: skewX(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y--30 { transform: skewY(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y--30:hover { transform: skewY(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y--30:focus { transform: skewY(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y--30:active { transform: skewY(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x--15 { transform: skewX(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x--15:hover { transform: skewX(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x--15:focus { transform: skewX(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x--15:active { transform: skewX(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y--15 { transform: skewY(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y--15:hover { transform: skewY(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y--15:focus { transform: skewY(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y--15:active { transform: skewY(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-0 { transform: skewX(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-0:hover { transform: skewX(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-0:focus { transform: skewX(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-0:active { transform: skewX(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-0:disabled { transform: skewX(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-0 { transform: skewY(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-0:hover { transform: skewY(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-0:focus { transform: skewY(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-0:active { transform: skewY(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-0:disabled { transform: skewY(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-15 { transform: skewX(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-15:hover { transform: skewX(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-15:focus { transform: skewX(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-15:active { transform: skewX(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-15:disabled { transform: skewX(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-15 { transform: skewY(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-15:hover { transform: skewY(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-15:focus { transform: skewY(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-15:active { transform: skewY(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-15:disabled { transform: skewY(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-30 { transform: skewX(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-30:hover { transform: skewX(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-30:focus { transform: skewX(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-30:active { transform: skewX(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-30:disabled { transform: skewX(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-30 { transform: skewY(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-30:hover { transform: skewY(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-30:focus { transform: skewY(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-30:active { transform: skewY(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-30:disabled { transform: skewY(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-45 { transform: skewX(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-45:hover { transform: skewX(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-45:focus { transform: skewX(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-45:active { transform: skewX(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-45:disabled { transform: skewX(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-45 { transform: skewY(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-45:hover { transform: skewY(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-45:focus { transform: skewY(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-45:active { transform: skewY(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-45:disabled { transform: skewY(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur-none { filter: blur(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur-none:hover { filter: blur(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur-none:focus { filter: blur(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur-none:active { filter: blur(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur-none:disabled { filter: blur(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur-sm { filter: blur(2px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur-sm:hover { filter: blur(2px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur-sm:focus { filter: blur(2px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur-sm:active { filter: blur(2px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur-sm:disabled { filter: blur(2px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur:hover { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur:focus { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur:active { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur:disabled { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur-md { filter: blur(8px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur-md:hover { filter: blur(8px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur-md:focus { filter: blur(8px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur-md:active { filter: blur(8px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur-md:disabled { filter: blur(8px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur-lg { filter: blur(12px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur-lg:hover { filter: blur(12px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur-lg:focus { filter: blur(12px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur-lg:active { filter: blur(12px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur-lg:disabled { filter: blur(12px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur-xl { filter: blur(20px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur-xl:hover { filter: blur(20px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur-xl:focus { filter: blur(20px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur-xl:active { filter: blur(20px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur-xl:disabled { filter: blur(20px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-0 { filter: brightness(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-0:hover { filter: brightness(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-0:focus { filter: brightness(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-0:active { filter: brightness(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-0:disabled { filter: brightness(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-75 { filter: brightness(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-75:hover { filter: brightness(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-75:focus { filter: brightness(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-75:active { filter: brightness(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-75:disabled { filter: brightness(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-90 { filter: brightness(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-90:hover { filter: brightness(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-90:focus { filter: brightness(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-90:active { filter: brightness(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-90:disabled { filter: brightness(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-100 { filter: brightness(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-100:hover { filter: brightness(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-100:focus { filter: brightness(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-100:active { filter: brightness(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-100:disabled { filter: brightness(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-125 { filter: brightness(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-125:hover { filter: brightness(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-125:focus { filter: brightness(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-125:active { filter: brightness(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-125:disabled { filter: brightness(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-150 { filter: brightness(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-150:hover { filter: brightness(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-150:focus { filter: brightness(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-150:active { filter: brightness(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-150:disabled { filter: brightness(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-200 { filter: brightness(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-200:hover { filter: brightness(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-200:focus { filter: brightness(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-200:active { filter: brightness(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-200:disabled { filter: brightness(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contrast-0 { filter: contrast(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contrast-0:hover { filter: contrast(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contrast-0:focus { filter: contrast(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contrast-0:active { filter: contrast(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contrast-0:disabled { filter: contrast(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contrast-50 { filter: contrast(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contrast-50:hover { filter: contrast(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contrast-50:focus { filter: contrast(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contrast-50:active { filter: contrast(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contrast-50:disabled { filter: contrast(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contrast-75 { filter: contrast(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contrast-75:hover { filter: contrast(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contrast-75:focus { filter: contrast(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contrast-75:active { filter: contrast(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contrast-75:disabled { filter: contrast(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contrast-100 { filter: contrast(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contrast-100:hover { filter: contrast(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contrast-100:focus { filter: contrast(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contrast-100:active { filter: contrast(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contrast-100:disabled { filter: contrast(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contrast-125 { filter: contrast(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contrast-125:hover { filter: contrast(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contrast-125:focus { filter: contrast(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contrast-125:active { filter: contrast(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contrast-125:disabled { filter: contrast(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contrast-150 { filter: contrast(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contrast-150:hover { filter: contrast(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contrast-150:focus { filter: contrast(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contrast-150:active { filter: contrast(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contrast-150:disabled { filter: contrast(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contrast-200 { filter: contrast(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contrast-200:hover { filter: contrast(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contrast-200:focus { filter: contrast(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contrast-200:active { filter: contrast(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contrast-200:disabled { filter: contrast(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grayscale-0 { filter: grayscale(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grayscale-0:hover { filter: grayscale(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grayscale-0:focus { filter: grayscale(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grayscale-0:active { filter: grayscale(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grayscale-0:disabled { filter: grayscale(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grayscale-100 { filter: grayscale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grayscale-100:hover { filter: grayscale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grayscale-100:focus { filter: grayscale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grayscale-100:active { filter: grayscale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grayscale-100:disabled { filter: grayscale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hue-rotate-0 { filter: hue-rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hue-rotate-45 { filter: hue-rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hue-rotate-180 { filter: hue-rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-invert-0 { filter: invert(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-invert-0:hover { filter: invert(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-invert-0:focus { filter: invert(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-invert-0:active { filter: invert(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-invert-0:disabled { filter: invert(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-invert-100 { filter: invert(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-invert-100:hover { filter: invert(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-invert-100:focus { filter: invert(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-invert-100:active { filter: invert(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-invert-100:disabled { filter: invert(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-saturate-0 { filter: saturate(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-saturate-0:hover { filter: saturate(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-saturate-0:focus { filter: saturate(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-saturate-0:active { filter: saturate(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-saturate-0:disabled { filter: saturate(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-saturate-50 { filter: saturate(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-saturate-50:hover { filter: saturate(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-saturate-50:focus { filter: saturate(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-saturate-50:active { filter: saturate(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-saturate-50:disabled { filter: saturate(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-saturate-100 { filter: saturate(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-saturate-100:hover { filter: saturate(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-saturate-100:focus { filter: saturate(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-saturate-100:active { filter: saturate(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-saturate-100:disabled { filter: saturate(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-saturate-200 { filter: saturate(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-saturate-200:hover { filter: saturate(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-saturate-200:focus { filter: saturate(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-saturate-200:active { filter: saturate(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-saturate-200:disabled { filter: saturate(2); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-sepia-0 { filter: sepia(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-sepia-0:hover { filter: sepia(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-sepia-0:focus { filter: sepia(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-sepia-0:active { filter: sepia(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-sepia-0:disabled { filter: sepia(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-sepia-100 { filter: sepia(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-sepia-100:hover { filter: sepia(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-sepia-100:focus { filter: sepia(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-sepia-100:active { filter: sepia(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-sepia-100:disabled { filter: sepia(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-normal { mix-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-normal:hover { mix-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-normal:focus { mix-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-normal:active { mix-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-normal:disabled { mix-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-multiply { mix-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-multiply:hover { mix-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-multiply:focus { mix-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-multiply:active { mix-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-screen { mix-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-screen:hover { mix-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-screen:focus { mix-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-screen:active { mix-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-screen:disabled { mix-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-overlay { mix-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-overlay:hover { mix-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-overlay:focus { mix-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-overlay:active { mix-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-darken { mix-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-darken:hover { mix-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-darken:focus { mix-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-darken:active { mix-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-darken:disabled { mix-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-lighten { mix-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-lighten:hover { mix-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-lighten:focus { mix-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-lighten:active { mix-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-color-dodge { mix-blend-mode: color-dodge; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-color-burn { mix-blend-mode: color-burn; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-color-burn:active { mix-blend-mode: color-burn; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-hard-light { mix-blend-mode: hard-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-hard-light:active { mix-blend-mode: hard-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-soft-light { mix-blend-mode: soft-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-soft-light:active { mix-blend-mode: soft-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-difference { mix-blend-mode: difference; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-difference:hover { mix-blend-mode: difference; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-difference:focus { mix-blend-mode: difference; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-difference:active { mix-blend-mode: difference; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-difference:disabled { mix-blend-mode: difference; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-exclusion { mix-blend-mode: exclusion; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-exclusion:active { mix-blend-mode: exclusion; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-hue { mix-blend-mode: hue; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-hue:hover { mix-blend-mode: hue; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-hue:focus { mix-blend-mode: hue; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-hue:active { mix-blend-mode: hue; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-hue:disabled { mix-blend-mode: hue; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-saturation { mix-blend-mode: saturation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-saturation:hover { mix-blend-mode: saturation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-saturation:focus { mix-blend-mode: saturation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-saturation:active { mix-blend-mode: saturation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-color { mix-blend-mode: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-color:hover { mix-blend-mode: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-color:focus { mix-blend-mode: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-color:active { mix-blend-mode: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-color:disabled { mix-blend-mode: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-luminosity { mix-blend-mode: luminosity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-luminosity:active { mix-blend-mode: luminosity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-normal { background-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-normal:hover { background-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-normal:focus { background-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-normal:active { background-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-multiply { background-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-multiply:active { background-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-screen { background-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-screen:hover { background-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-screen:focus { background-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-screen:active { background-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-overlay { background-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-overlay:active { background-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-darken { background-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-darken:hover { background-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-darken:focus { background-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-darken:active { background-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-lighten { background-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-lighten:active { background-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-color-dodge { background-blend-mode: color-dodge; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-color-burn { background-blend-mode: color-burn; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-hard-light { background-blend-mode: hard-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-soft-light { background-blend-mode: soft-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-difference { background-blend-mode: difference; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-difference:hover { background-blend-mode: difference; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-difference:focus { background-blend-mode: difference; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-difference:active { background-blend-mode: difference; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-exclusion { background-blend-mode: exclusion; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-hue { background-blend-mode: hue; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-hue:hover { background-blend-mode: hue; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-hue:focus { background-blend-mode: hue; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-hue:active { background-blend-mode: hue; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-saturation { background-blend-mode: saturation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-saturation:active { background-blend-mode: saturation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-color { background-blend-mode: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-color:hover { background-blend-mode: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-color:focus { background-blend-mode: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-color:active { background-blend-mode: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-color:disabled { background-blend-mode: color; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-luminosity { background-blend-mode: luminosity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-contain { object-fit: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-contain:hover { object-fit: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-contain:focus { object-fit: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-contain:active { object-fit: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-contain:disabled { object-fit: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-cover { object-fit: cover; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-cover:hover { object-fit: cover; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-cover:focus { object-fit: cover; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-cover:active { object-fit: cover; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-cover:disabled { object-fit: cover; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-fill { object-fit: fill; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-fill:hover { object-fit: fill; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-fill:focus { object-fit: fill; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-fill:active { object-fit: fill; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-fill:disabled { object-fit: fill; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-none { object-fit: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-none:hover { object-fit: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-none:focus { object-fit: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-none:active { object-fit: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-none:disabled { object-fit: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-scale-down { object-fit: scale-down; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-scale-down:hover { object-fit: scale-down; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-scale-down:focus { object-fit: scale-down; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-scale-down:active { object-fit: scale-down; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-scale-down:disabled { object-fit: scale-down; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-top { object-position: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-top:hover { object-position: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-top:focus { object-position: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-top:active { object-position: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-top:disabled { object-position: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-bottom { object-position: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-bottom:hover { object-position: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-bottom:focus { object-position: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-bottom:active { object-position: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-bottom:disabled { object-position: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-center { object-position: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-center:hover { object-position: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-center:focus { object-position: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-center:active { object-position: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-center:disabled { object-position: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-left { object-position: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-left:hover { object-position: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-left:focus { object-position: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-left:active { object-position: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-left:disabled { object-position: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-right { object-position: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-right:hover { object-position: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-right:focus { object-position: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-right:active { object-position: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-right:disabled { object-position: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-left-top { object-position: left top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-left-top:hover { object-position: left top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-left-top:focus { object-position: left top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-left-top:active { object-position: left top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-left-top:disabled { object-position: left top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-right-top { object-position: right top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-right-top:hover { object-position: right top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-right-top:focus { object-position: right top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-right-top:active { object-position: right top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-right-top:disabled { object-position: right top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-left-bottom { object-position: left bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-left-bottom:hover { object-position: left bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-left-bottom:focus { object-position: left bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-left-bottom:active { object-position: left bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-left-bottom:disabled { object-position: left bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-object-right-bottom { object-position: right bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-object-right-bottom:hover { object-position: right bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-object-right-bottom:focus { object-position: right bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-object-right-bottom:active { object-position: right bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-object-right-bottom:disabled { object-position: right bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-image-none { list-style-image: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-image-none:hover { list-style-image: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-image-none:focus { list-style-image: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-image-none:active { list-style-image: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-image-none:disabled { list-style-image: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-position-inside { list-style-position: inside; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-position-inside:hover { list-style-position: inside; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-position-inside:focus { list-style-position: inside; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-position-inside:active { list-style-position: inside; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-position-inside:disabled { list-style-position: inside; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-position-outside { list-style-position: outside; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-position-outside:hover { list-style-position: outside; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-position-outside:focus { list-style-position: outside; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-position-outside:active { list-style-position: outside; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-position-outside:disabled { list-style-position: outside; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-type-none { list-style-type: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-type-none:hover { list-style-type: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-type-none:focus { list-style-type: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-type-none:active { list-style-type: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-type-none:disabled { list-style-type: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-type-disc { list-style-type: disc; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-type-disc:hover { list-style-type: disc; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-type-disc:focus { list-style-type: disc; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-type-disc:active { list-style-type: disc; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-type-disc:disabled { list-style-type: disc; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-type-circle { list-style-type: circle; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-type-circle:hover { list-style-type: circle; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-type-circle:focus { list-style-type: circle; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-type-circle:active { list-style-type: circle; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-type-circle:disabled { list-style-type: circle; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-type-square { list-style-type: square; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-type-square:hover { list-style-type: square; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-type-square:focus { list-style-type: square; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-type-square:active { list-style-type: square; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-type-square:disabled { list-style-type: square; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-type-decimal { list-style-type: decimal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-type-decimal:hover { list-style-type: decimal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-type-decimal:focus { list-style-type: decimal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-type-decimal:active { list-style-type: decimal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-type-lower_roman { list-style-type: lower-roman; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-type-upper_roman { list-style-type: upper-roman; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-type-lower_alpha { list-style-type: lower-alpha; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-list-style-type-upper_alpha { list-style-type: upper-alpha; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-align-left { text-align: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-align-left:hover { text-align: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-align-left:focus { text-align: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-align-left:active { text-align: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-align-left:disabled { text-align: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-align-center { text-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-align-center:hover { text-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-align-center:focus { text-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-align-center:active { text-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-align-center:disabled { text-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-align-right { text-align: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-align-right:hover { text-align: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-align-right:focus { text-align: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-align-right:active { text-align: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-align-right:disabled { text-align: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-align-justify { text-align: justify; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-align-justify:hover { text-align: justify; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-align-justify:focus { text-align: justify; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-align-justify:active { text-align: justify; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-align-justify:disabled { text-align: justify; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-backface-visible { backface-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-backface-visible:hover { backface-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-backface-visible:focus { backface-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-backface-visible:active { backface-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-backface-visible:disabled { backface-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-backface-hidden { backface-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-backface-hidden:hover { backface-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-backface-hidden:focus { backface-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-backface-hidden:active { backface-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-backface-hidden:disabled { backface-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-none { perspective: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-none:hover { perspective: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-none:focus { perspective: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-none:active { perspective: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-none:disabled { perspective: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-100 { perspective: 100px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-100:hover { perspective: 100px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-100:focus { perspective: 100px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-100:active { perspective: 100px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-100:disabled { perspective: 100px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-500 { perspective: 500px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-500:hover { perspective: 500px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-500:focus { perspective: 500px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-500:active { perspective: 500px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-500:disabled { perspective: 500px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-1000 { perspective: 1000px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-1000:hover { perspective: 1000px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-1000:focus { perspective: 1000px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-1000:active { perspective: 1000px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-1000:disabled { perspective: 1000px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-1500 { perspective: 1500px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-1500:hover { perspective: 1500px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-1500:focus { perspective: 1500px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-1500:active { perspective: 1500px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-1500:disabled { perspective: 1500px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-2000 { perspective: 2000px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-2000:hover { perspective: 2000px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-2000:focus { perspective: 2000px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-2000:active { perspective: 2000px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-2000:disabled { perspective: 2000px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-center { perspective-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-center:hover { perspective-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-center:focus { perspective-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-center:active { perspective-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-center:disabled { perspective-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-top { perspective-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-top:hover { perspective-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-top:focus { perspective-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-top:active { perspective-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-top:disabled { perspective-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-bottom { perspective-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-bottom:active { perspective-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-left { perspective-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-left:hover { perspective-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-left:focus { perspective-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-left:active { perspective-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-left:disabled { perspective-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-right { perspective-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-right:hover { perspective-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-right:focus { perspective-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-right:active { perspective-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-right:disabled { perspective-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-top_left { perspective-origin: top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-top_left:active { perspective-origin: top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-top_right { perspective-origin: top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-top_right:active { perspective-origin: top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-bottom_left { perspective-origin: bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-bottom_right { perspective-origin: bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transform { transform: var(--quanta-transform, none); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transform:hover { transform: var(--quanta-transform, none); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transform:focus { transform: var(--quanta-transform, none); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transform:active { transform: var(--quanta-transform, none); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transform:disabled { transform: var(--quanta-transform, none); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transform-none { transform: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transform-none:hover { transform: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transform-none:focus { transform: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transform-none:active { transform: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transform-none:disabled { transform: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-n180 { transform: rotate(-180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-n180:hover { transform: rotate(-180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-n180:focus { transform: rotate(-180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-n180:active { transform: rotate(-180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-n90 { transform: rotate(-90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-n90:hover { transform: rotate(-90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-n90:focus { transform: rotate(-90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-n90:active { transform: rotate(-90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-n45 { transform: rotate(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-n45:hover { transform: rotate(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-n45:focus { transform: rotate(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-n45:active { transform: rotate(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-0 { transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-0:hover { transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-0:focus { transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-0:active { transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-0:disabled { transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-45 { transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-45:hover { transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-45:focus { transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-45:active { transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-45:disabled { transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-90 { transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-90:hover { transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-90:focus { transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-90:active { transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-90:disabled { transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-180 { transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-180:hover { transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-180:focus { transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-180:active { transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-180:disabled { transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-50 { transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-50:hover { transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-50:focus { transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-50:active { transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-50:disabled { transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-75 { transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-75:hover { transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-75:focus { transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-75:active { transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-75:disabled { transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-90 { transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-90:hover { transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-90:focus { transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-90:active { transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-90:disabled { transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-95 { transform: scale(0.95); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-95:hover { transform: scale(0.95); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-95:focus { transform: scale(0.95); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-95:active { transform: scale(0.95); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-95:disabled { transform: scale(0.95); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-100 { transform: scale(1.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-100:hover { transform: scale(1.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-100:focus { transform: scale(1.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-100:active { transform: scale(1.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-100:disabled { transform: scale(1.0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-105 { transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-105:hover { transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-105:focus { transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-105:active { transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-105:disabled { transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-110 { transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-110:hover { transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-110:focus { transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-110:active { transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-110:disabled { transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-125 { transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-125:hover { transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-125:focus { transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-125:active { transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-125:disabled { transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-150 { transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-150:hover { transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-150:focus { transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-150:active { transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-150:disabled { transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-n45 { transform: skewX(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-n45:hover { transform: skewX(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-n45:focus { transform: skewX(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-n45:active { transform: skewX(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-n45 { transform: skewY(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-n45:hover { transform: skewY(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-n45:focus { transform: skewY(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-n45:active { transform: skewY(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-n30 { transform: skewX(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-n30:hover { transform: skewX(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-n30:focus { transform: skewX(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-n30:active { transform: skewX(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-n30 { transform: skewY(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-n30:hover { transform: skewY(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-n30:focus { transform: skewY(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-n30:active { transform: skewY(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-n15 { transform: skewX(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-n15:hover { transform: skewX(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-n15:focus { transform: skewX(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-n15:active { transform: skewX(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-n15 { transform: skewY(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-n15:hover { transform: skewY(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-n15:focus { transform: skewY(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-n15:active { transform: skewY(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-0 { transform: skewX(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-0:hover { transform: skewX(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-0:focus { transform: skewX(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-0:active { transform: skewX(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-0:disabled { transform: skewX(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-0 { transform: skewY(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-0:hover { transform: skewY(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-0:focus { transform: skewY(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-0:active { transform: skewY(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-0:disabled { transform: skewY(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-15 { transform: skewX(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-15:hover { transform: skewX(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-15:focus { transform: skewX(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-15:active { transform: skewX(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-15:disabled { transform: skewX(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-15 { transform: skewY(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-15:hover { transform: skewY(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-15:focus { transform: skewY(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-15:active { transform: skewY(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-15:disabled { transform: skewY(15deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-30 { transform: skewX(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-30:hover { transform: skewX(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-30:focus { transform: skewX(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-30:active { transform: skewX(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-30:disabled { transform: skewX(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-30 { transform: skewY(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-30:hover { transform: skewY(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-30:focus { transform: skewY(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-30:active { transform: skewY(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-30:disabled { transform: skewY(30deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-45 { transform: skewX(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-45:hover { transform: skewX(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-45:focus { transform: skewX(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-45:active { transform: skewX(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-45:disabled { transform: skewX(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-45 { transform: skewY(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-45:hover { transform: skewY(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-45:focus { transform: skewY(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-45:active { transform: skewY(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-45:disabled { transform: skewY(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-0 { transform: translateX(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-0:hover { transform: translateX(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-0:focus { transform: translateX(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-0:active { transform: translateX(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-0:disabled { transform: translateX(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-0 { transform: translateY(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-0:hover { transform: translateY(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-0:focus { transform: translateY(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-0:active { transform: translateY(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-0:disabled { transform: translateY(0rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-0_125 { transform: translateX(0.125rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-0_125:active { transform: translateX(0.125rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-0_125 { transform: translateY(0.125rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-0_125:active { transform: translateY(0.125rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-0_25 { transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-0_25:active { transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-0_25 { transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-0_25:active { transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-0_5 { transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-0_5:active { transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-0_5 { transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-0_5:active { transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-0_75 { transform: translateX(0.75rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-0_75:active { transform: translateX(0.75rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-0_75 { transform: translateY(0.75rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-0_75:active { transform: translateY(0.75rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-1 { transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-1:hover { transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-1:focus { transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-1:active { transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-1:disabled { transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-1 { transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-1:hover { transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-1:focus { transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-1:active { transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-1:disabled { transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-1_5 { transform: translateX(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-1_5:active { transform: translateX(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-1_5 { transform: translateY(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-1_5:active { transform: translateY(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-2 { transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-2:hover { transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-2:focus { transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-2:active { transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-2:disabled { transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-2 { transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-2:hover { transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-2:focus { transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-2:active { transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-2:disabled { transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-3 { transform: translateX(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-3:hover { transform: translateX(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-3:focus { transform: translateX(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-3:active { transform: translateX(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-3:disabled { transform: translateX(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-3 { transform: translateY(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-3:hover { transform: translateY(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-3:focus { transform: translateY(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-3:active { transform: translateY(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-3:disabled { transform: translateY(3rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-4 { transform: translateX(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-4:hover { transform: translateX(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-4:focus { transform: translateX(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-4:active { transform: translateX(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-4:disabled { transform: translateX(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-4 { transform: translateY(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-4:hover { transform: translateY(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-4:focus { transform: translateY(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-4:active { transform: translateY(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-4:disabled { transform: translateY(4rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-center { transform-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-center:hover { transform-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-center:focus { transform-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-center:active { transform-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-center:disabled { transform-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-top { transform-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-top:hover { transform-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-top:focus { transform-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-top:active { transform-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-top:disabled { transform-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-bottom { transform-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-bottom:hover { transform-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-bottom:focus { transform-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-bottom:active { transform-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-bottom:disabled { transform-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-left { transform-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-left:hover { transform-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-left:focus { transform-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-left:active { transform-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-left:disabled { transform-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-right { transform-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-right:hover { transform-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-right:focus { transform-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-right:active { transform-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-right:disabled { transform-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-top_left { transform-origin: top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-top_left:hover { transform-origin: top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-top_left:focus { transform-origin: top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-top_left:active { transform-origin: top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-top_left:disabled { transform-origin: top left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-top_right { transform-origin: top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-top_right:hover { transform-origin: top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-top_right:focus { transform-origin: top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-top_right:active { transform-origin: top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-top_right:disabled { transform-origin: top right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-bottom_left { transform-origin: bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-bottom_left:hover { transform-origin: bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-bottom_left:focus { transform-origin: bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-bottom_left:active { transform-origin: bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-bottom_right { transform-origin: bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-bottom_right:hover { transform-origin: bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-bottom_right:focus { transform-origin: bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-bottom_right:active { transform-origin: bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transform-style-flat { transform-style: flat; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transform-style-flat:hover { transform-style: flat; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transform-style-flat:focus { transform-style: flat; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transform-style-flat:active { transform-style: flat; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transform-style-flat:disabled { transform-style: flat; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transform-style-preserve-3d { transform-style: preserve-3d; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-auto { accent-color: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-auto:hover { accent-color: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-auto:focus { accent-color: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-auto:active { accent-color: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-auto:disabled { accent-color: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-transparent { accent-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-transparent:hover { accent-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-transparent:focus { accent-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-transparent:active { accent-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-transparent:disabled { accent-color: transparent; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-red-50 { accent-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-red-100 { accent-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-red-200 { accent-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-red-300 { accent-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-red-400 { accent-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-red-500 { accent-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-red-600 { accent-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-red-700 { accent-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-red-800 { accent-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-red-900 { accent-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-orange-50 { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-orange-100 { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-orange-200 { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-orange-300 { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-orange-400 { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-orange-500 { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-orange-600 { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-orange-700 { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-orange-800 { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-orange-900 { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-teal-50 { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-teal-100 { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-teal-200 { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-teal-300 { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-teal-400 { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-teal-500 { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-teal-600 { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-teal-700 { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-teal-800 { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-teal-900 { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-purple-50 { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-purple-100 { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-purple-200 { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-purple-300 { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-purple-400 { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-purple-500 { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-purple-600 { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-purple-700 { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-purple-800 { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-purple-900 { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-pink-50 { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-pink-100 { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-pink-200 { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-pink-300 { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-pink-400 { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-pink-500 { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-pink-600 { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-pink-700 { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-pink-800 { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-pink-900 { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-grey-50 { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-grey-100 { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-grey-200 { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-grey-300 { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-grey-400 { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-grey-500 { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-grey-600 { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-grey-700 { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-grey-800 { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-grey-900 { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-lime-50 { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-lime-100 { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-lime-200 { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-lime-300 { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-lime-400 { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-lime-500 { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-lime-600 { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-lime-700 { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-lime-800 { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-lime-900 { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-sky-50 { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-sky-100 { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-sky-200 { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-sky-300 { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-sky-400 { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-sky-500 { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-sky-600 { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-sky-700 { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-sky-800 { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-sky-900 { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-violet-50 { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-violet-100 { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-violet-200 { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-violet-300 { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-violet-400 { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-violet-500 { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-violet-600 { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-violet-700 { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-violet-800 { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-violet-900 { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-rose-50 { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-rose-100 { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-rose-200 { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-rose-300 { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-rose-400 { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-rose-500 { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-rose-600 { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-rose-700 { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-rose-800 { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-rose-900 { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-slate-50 { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-slate-100 { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-slate-200 { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-slate-300 { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-slate-400 { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-slate-500 { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-slate-600 { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-slate-700 { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-slate-800 { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-slate-900 { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-blue-50 { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-blue-100 { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-blue-200 { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-blue-300 { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-blue-400 { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-blue-500 { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-blue-600 { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-blue-700 { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-blue-800 { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-blue-900 { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-green-50 { accent-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-green-100 { accent-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-green-200 { accent-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-green-300 { accent-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-green-400 { accent-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-green-500 { accent-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-green-600 { accent-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-green-700 { accent-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-green-800 { accent-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-green-900 { accent-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-appearance-none { appearance: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-appearance-none:hover { appearance: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-appearance-none:focus { appearance: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-appearance-none:active { appearance: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-appearance-none:disabled { appearance: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-appearance-auto { appearance: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-appearance-auto:hover { appearance: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-appearance-auto:focus { appearance: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-appearance-auto:active { appearance: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-appearance-auto:disabled { appearance: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-red-50 { caret-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-red-100 { caret-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-red-200 { caret-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-red-300 { caret-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-red-400 { caret-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-red-500 { caret-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-red-600 { caret-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-red-700 { caret-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-red-800 { caret-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-red-900 { caret-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-orange-50 { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-orange-100 { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-orange-200 { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-orange-300 { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-orange-400 { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-orange-500 { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-orange-600 { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-orange-700 { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-orange-800 { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-orange-900 { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-teal-50 { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-teal-100 { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-teal-200 { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-teal-300 { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-teal-400 { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-teal-500 { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-teal-600 { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-teal-700 { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-teal-800 { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-teal-900 { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-purple-50 { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-purple-100 { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-purple-200 { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-purple-300 { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-purple-400 { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-purple-500 { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-purple-600 { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-purple-700 { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-purple-800 { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-purple-900 { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-pink-50 { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-pink-100 { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-pink-200 { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-pink-300 { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-pink-400 { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-pink-500 { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-pink-600 { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-pink-700 { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-pink-800 { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-pink-900 { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-grey-50 { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-grey-100 { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-grey-200 { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-grey-300 { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-grey-400 { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-grey-500 { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-grey-600 { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-grey-700 { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-grey-800 { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-grey-900 { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-lime-50 { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-lime-100 { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-lime-200 { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-lime-300 { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-lime-400 { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-lime-500 { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-lime-600 { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-lime-700 { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-lime-800 { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-lime-900 { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-sky-50 { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-sky-100 { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-sky-200 { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-sky-300 { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-sky-400 { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-sky-500 { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-sky-600 { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-sky-700 { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-sky-800 { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-sky-900 { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-violet-50 { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-violet-100 { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-violet-200 { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-violet-300 { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-violet-400 { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-violet-500 { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-violet-600 { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-violet-700 { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-violet-800 { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-violet-900 { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-rose-50 { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-rose-100 { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-rose-200 { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-rose-300 { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-rose-400 { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-rose-500 { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-rose-600 { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-rose-700 { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-rose-800 { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-rose-900 { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-slate-50 { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-slate-100 { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-slate-200 { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-slate-300 { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-slate-400 { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-slate-500 { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-slate-600 { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-slate-700 { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-slate-800 { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-slate-900 { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-blue-50 { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-blue-100 { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-blue-200 { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-blue-300 { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-blue-400 { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-blue-500 { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-blue-600 { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-blue-700 { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-blue-800 { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-blue-900 { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-green-50 { caret-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-green-100 { caret-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-green-200 { caret-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-green-300 { caret-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-green-400 { caret-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-green-500 { caret-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-green-600 { caret-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-green-700 { caret-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-green-800 { caret-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-green-900 { caret-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-black { caret-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-black:hover { caret-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-black:focus { caret-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-black:active { caret-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-black:disabled { caret-color: var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-caret-white { caret-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-caret-white:hover { caret-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-caret-white:focus { caret-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-caret-white:active { caret-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-caret-white:disabled { caret-color: var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-color-scheme-light { color-scheme: light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-color-scheme-light:hover { color-scheme: light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-color-scheme-light:focus { color-scheme: light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-color-scheme-light:active { color-scheme: light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-color-scheme-light:disabled { color-scheme: light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-color-scheme-dark { color-scheme: dark; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-color-scheme-dark:hover { color-scheme: dark; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-color-scheme-dark:focus { color-scheme: dark; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-color-scheme-dark:active { color-scheme: dark; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-color-scheme-dark:disabled { color-scheme: dark; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-color-scheme-normal { color-scheme: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-color-scheme-normal:hover { color-scheme: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-color-scheme-normal:focus { color-scheme: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-color-scheme-normal:active { color-scheme: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-color-scheme-normal:disabled { color-scheme: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-auto { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-default { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-default:active { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-pointer { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-wait { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-text { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-text:active { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-move { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-move:active { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-none { cursor: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-none:hover { cursor: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-none:focus { cursor: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-none:active { cursor: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-none:disabled { cursor: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pointer-events-none { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize-none { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize-none:hover { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize-none:focus { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize-none:active { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize-x { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize-y { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize-y:active { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize:hover { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize:focus { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize:active { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize:disabled { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-0 { scroll-margin: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-0:hover { scroll-margin: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-0:focus { scroll-margin: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-0:active { scroll-margin: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-0 { scroll-padding: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-0:hover { scroll-padding: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-0:focus { scroll-padding: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-0:active { scroll-padding: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-0_125 { scroll-margin: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-0_125 { scroll-padding: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-0_25 { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-0_25 { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-0_5 { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-0_5 { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-0_75 { scroll-margin: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-0_75 { scroll-padding: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-1 { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-1:hover { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-1:focus { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-1:active { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-1 { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-1:hover { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-1:focus { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-1:active { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-1_5 { scroll-margin: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-1_5 { scroll-padding: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-2 { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-2:hover { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-2:focus { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-2:active { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-2 { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-2:hover { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-2:focus { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-2:active { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-3 { scroll-margin: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-3:hover { scroll-margin: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-3:focus { scroll-margin: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-3:active { scroll-margin: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-3 { scroll-padding: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-3:hover { scroll-padding: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-3:focus { scroll-padding: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-3:active { scroll-padding: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-4 { scroll-margin: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-4:hover { scroll-margin: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-4:focus { scroll-margin: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-4:active { scroll-margin: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-4 { scroll-padding: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-4:hover { scroll-padding: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-4:focus { scroll-padding: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-4:active { scroll-padding: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-x { scroll-snap-type: x mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-x:hover { scroll-snap-type: x mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-x:focus { scroll-snap-type: x mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-x:active { scroll-snap-type: x mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-y { scroll-snap-type: y mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-y:hover { scroll-snap-type: y mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-y:focus { scroll-snap-type: y mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-y:active { scroll-snap-type: y mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-both { scroll-snap-type: both mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-both:hover { scroll-snap-type: both mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-both:focus { scroll-snap-type: both mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-both:active { scroll-snap-type: both mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-align-start { scroll-snap-align: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-align-start:hover { scroll-snap-align: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-align-start:focus { scroll-snap-align: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-align-start:active { scroll-snap-align: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-align-start:disabled { scroll-snap-align: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-align-end { scroll-snap-align: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-align-end:hover { scroll-snap-align: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-align-end:focus { scroll-snap-align: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-align-end:active { scroll-snap-align: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-align-end:disabled { scroll-snap-align: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-align-center { scroll-snap-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-align-center:hover { scroll-snap-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-align-center:focus { scroll-snap-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-align-center:active { scroll-snap-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-align-center:disabled { scroll-snap-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-align-none { scroll-snap-align: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-align-none:hover { scroll-snap-align: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-align-none:focus { scroll-snap-align: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-align-none:active { scroll-snap-align: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-align-none:disabled { scroll-snap-align: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-stop-normal { scroll-snap-stop: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-stop-normal:active { scroll-snap-stop: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-stop-always { scroll-snap-stop: always; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-stop-always:hover { scroll-snap-stop: always; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-stop-always:focus { scroll-snap-stop: always; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-stop-always:active { scroll-snap-stop: always; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-auto { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-none { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-none:active { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-pan_x { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-pan_x:hover { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-pan_x:focus { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-pan_x:active { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-pan_x:disabled { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-pan_y { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-pan_y:hover { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-pan_y:focus { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-pan_y:active { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-pan_y:disabled { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-auto { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-auto:active { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-none { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-none:hover { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-none:focus { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-none:active { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-text { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-text:hover { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-text:focus { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-text:active { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-all { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-all:hover { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-all:focus { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-all:active { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-contain { user-select: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-contain:hover { user-select: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-contain:focus { user-select: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-contain:active { user-select: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-contain:disabled { user-select: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-auto { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-scroll { will-change: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-scroll:hover { will-change: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-scroll:focus { will-change: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-scroll:active { will-change: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-scroll:disabled { will-change: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-transform { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-opacity { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-contents { will-change: contents; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-contents:hover { will-change: contents; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-contents:focus { will-change: contents; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-contents:active { will-change: contents; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-contents:disabled { will-change: contents; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-color-scheme-light { color-scheme: light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-color-scheme-light:hover { color-scheme: light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-color-scheme-light:focus { color-scheme: light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-color-scheme-light:active { color-scheme: light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-color-scheme-light:disabled { color-scheme: light; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-color-scheme-dark { color-scheme: dark; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-color-scheme-dark:hover { color-scheme: dark; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-color-scheme-dark:focus { color-scheme: dark; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-color-scheme-dark:active { color-scheme: dark; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-color-scheme-dark:disabled { color-scheme: dark; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-color-scheme-normal { color-scheme: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-color-scheme-normal:hover { color-scheme: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-color-scheme-normal:focus { color-scheme: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-color-scheme-normal:active { color-scheme: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-color-scheme-normal:disabled { color-scheme: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-auto { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-default { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-default:active { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-pointer { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-wait { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-text { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-text:active { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-move { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-move:active { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-none { cursor: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-none:hover { cursor: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-none:focus { cursor: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-none:active { cursor: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-none:disabled { cursor: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pointer-events-none { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize-none { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize-none:hover { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize-none:focus { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize-none:active { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize-x { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize-y { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize-y:active { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize:hover { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize:focus { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize:active { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize:disabled { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-0 { scroll-margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-0:hover { scroll-margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-0:focus { scroll-margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-0:active { scroll-margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-0:disabled { scroll-margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-1 { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-1:active { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-2 { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-2:active { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-4 { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-4:hover { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-4:focus { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-4:active { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-8 { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-8:hover { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-8:focus { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-8:active { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-0 { scroll-padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-0:hover { scroll-padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-0:focus { scroll-padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-0:active { scroll-padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-0:disabled { scroll-padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-1 { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-1:active { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-2 { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-2:active { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-4 { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-4:hover { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-4:focus { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-4:active { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-8 { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-8:hover { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-8:focus { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-8:active { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-x { scroll-snap-type: x mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-x:hover { scroll-snap-type: x mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-x:focus { scroll-snap-type: x mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-x:active { scroll-snap-type: x mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-y { scroll-snap-type: y mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-y:hover { scroll-snap-type: y mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-y:focus { scroll-snap-type: y mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-y:active { scroll-snap-type: y mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-both { scroll-snap-type: both mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-both:hover { scroll-snap-type: both mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-both:focus { scroll-snap-type: both mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-both:active { scroll-snap-type: both mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-align-start { scroll-snap-align: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-align-start:hover { scroll-snap-align: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-align-start:focus { scroll-snap-align: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-align-start:active { scroll-snap-align: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-align-start:disabled { scroll-snap-align: start; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-align-center { scroll-snap-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-align-center:hover { scroll-snap-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-align-center:focus { scroll-snap-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-align-center:active { scroll-snap-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-align-center:disabled { scroll-snap-align: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-align-end { scroll-snap-align: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-align-end:hover { scroll-snap-align: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-align-end:focus { scroll-snap-align: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-align-end:active { scroll-snap-align: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-align-end:disabled { scroll-snap-align: end; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-align-none { scroll-snap-align: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-align-none:hover { scroll-snap-align: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-align-none:focus { scroll-snap-align: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-align-none:active { scroll-snap-align: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-align-none:disabled { scroll-snap-align: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-stop-normal { scroll-snap-stop: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-stop-normal:active { scroll-snap-stop: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-snap-stop-always { scroll-snap-stop: always; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-snap-stop-always:hover { scroll-snap-stop: always; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-snap-stop-always:focus { scroll-snap-stop: always; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-snap-stop-always:active { scroll-snap-stop: always; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-auto { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-none { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-none:active { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-pan-x { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-pan-x:hover { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-pan-x:focus { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-pan-x:active { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-pan-x:disabled { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-pan-y { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-pan-y:hover { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-pan-y:focus { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-pan-y:active { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-pan-y:disabled { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-auto { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-auto:active { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-none { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-none:hover { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-none:focus { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-none:active { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-text { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-text:hover { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-text:focus { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-text:active { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-all { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-all:hover { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-all:focus { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-all:active { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-contain { user-select: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-contain:hover { user-select: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-contain:focus { user-select: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-contain:active { user-select: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-contain:disabled { user-select: contain; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-auto { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-scroll { will-change: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-scroll:hover { will-change: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-scroll:focus { will-change: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-scroll:active { will-change: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-scroll:disabled { will-change: scroll; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-transform { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-opacity { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-contents { will-change: contents; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-contents:hover { will-change: contents; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-contents:focus { will-change: contents; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-contents:active { will-change: contents; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-contents:disabled { will-change: contents; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-field-sizing-auto { block-size: auto; inline-size: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-field-sizing-fill { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-field-sizing-min { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-field-sizing-max { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-aspect-auto { aspect-ratio: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-aspect-auto:hover { aspect-ratio: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-aspect-auto:focus { aspect-ratio: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-aspect-auto:active { aspect-ratio: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-aspect-auto:disabled { aspect-ratio: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-aspect-square { aspect-ratio: 1 / 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-aspect-square:active { aspect-ratio: 1 / 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-aspect-video { aspect-ratio: 16 / 9; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-aspect-video:active { aspect-ratio: 16 / 9; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-isolation-auto { isolation: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-isolation-auto:hover { isolation: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-isolation-auto:focus { isolation: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-isolation-auto:active { isolation: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-isolation-auto:disabled { isolation: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-isolation-isolate { isolation: isolate; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-isolation-isolate:hover { isolation: isolate; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-isolation-isolate:focus { isolation: isolate; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-isolation-isolate:active { isolation: isolate; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-isolation-isolate:disabled { isolation: isolate; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contain-none { contain: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contain-none:hover { contain: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contain-none:focus { contain: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contain-none:active { contain: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contain-none:disabled { contain: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contain-layout { contain: layout; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contain-layout:hover { contain: layout; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contain-layout:focus { contain: layout; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contain-layout:active { contain: layout; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contain-layout:disabled { contain: layout; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contain-size { contain: size; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contain-size:hover { contain: size; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contain-size:focus { contain: size; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contain-size:active { contain: size; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contain-size:disabled { contain: size; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contain-style { contain: style; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contain-style:hover { contain: style; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contain-style:focus { contain: style; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contain-style:active { contain: style; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contain-style:disabled { contain: style; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contain-paint { contain: paint; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contain-paint:hover { contain: paint; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contain-paint:focus { contain: paint; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contain-paint:active { contain: paint; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contain-paint:disabled { contain: paint; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contain-content { contain: content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contain-content:hover { contain: content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contain-content:focus { contain: content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contain-content:active { contain: content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contain-content:disabled { contain: content; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-content-auto { content-visibility: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-content-auto:hover { content-visibility: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-content-auto:focus { content-visibility: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-content-auto:active { content-visibility: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-content-auto:disabled { content-visibility: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-content-hidden { content-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-content-hidden:hover { content-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-content-hidden:focus { content-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-content-hidden:active { content-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-content-hidden:disabled { content-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-content-visible { content-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-content-visible:hover { content-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-content-visible:focus { content-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-content-visible:active { content-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-content-visible:disabled { content-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-box-border { box-sizing: border-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-box-border:hover { box-sizing: border-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-box-border:focus { box-sizing: border-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-box-border:active { box-sizing: border-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-box-border:disabled { box-sizing: border-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-box-content { box-sizing: content-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-box-content:hover { box-sizing: content-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-box-content:focus { box-sizing: content-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-box-content:active { box-sizing: content-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-box-content:disabled { box-sizing: content-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clip-none { clip-path: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clip-none:hover { clip-path: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clip-none:focus { clip-path: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clip-none:active { clip-path: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clip-none:disabled { clip-path: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clip-circle { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clip-inset { clip-path: inset(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clip-inset:hover { clip-path: inset(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clip-inset:focus { clip-path: inset(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clip-inset:active { clip-path: inset(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clip-inset:disabled { clip-path: inset(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-margin-block-start-1 { margin-block-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-margin-block-start-1:active { margin-block-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-margin-block-end-1 { margin-block-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-margin-block-end-1:active { margin-block-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-margin-inline-start-1 { margin-inline-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-margin-inline-end-1 { margin-inline-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-padding-block-start-1 { padding-block-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-padding-block-start-1:active { padding-block-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-padding-block-end-1 { padding-block-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-padding-block-end-1:active { padding-block-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-padding-inline-start-1 { padding-inline-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-padding-inline-end-1 { padding-inline-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-all { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-all:active { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-opacity { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-shadow { transition-property: box-shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-shadow:hover { transition-property: box-shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-shadow:focus { transition-property: box-shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-shadow:active { transition-property: box-shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-shadow:disabled { transition-property: box-shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-transform { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-100 { transition-duration: 100ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-100:hover { transition-duration: 100ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-100:focus { transition-duration: 100ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-100:active { transition-duration: 100ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-100:disabled { transition-duration: 100ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-200 { transition-duration: 200ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-200:hover { transition-duration: 200ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-200:focus { transition-duration: 200ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-200:active { transition-duration: 200ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-200:disabled { transition-duration: 200ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-linear { transition-timing-function: linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-linear:hover { transition-timing-function: linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-linear:focus { transition-timing-function: linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-linear:active { transition-timing-function: linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-linear:disabled { transition-timing-function: linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-in { transition-timing-function: ease-in; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-in:hover { transition-timing-function: ease-in; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-in:focus { transition-timing-function: ease-in; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-in:active { transition-timing-function: ease-in; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-in:disabled { transition-timing-function: ease-in; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-out { transition-timing-function: ease-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-out:hover { transition-timing-function: ease-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-out:focus { transition-timing-function: ease-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-out:active { transition-timing-function: ease-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-out:disabled { transition-timing-function: ease-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-in-out { transition-timing-function: ease-in-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-in-out:active { transition-timing-function: ease-in-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-bounce { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-spin { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-filter-none { filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-filter-none:hover { filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-filter-none:focus { filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-filter-none:active { filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-filter-none:disabled { filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur-sm { filter: blur(2px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur-sm:hover { filter: blur(2px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur-sm:focus { filter: blur(2px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur-sm:active { filter: blur(2px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur-sm:disabled { filter: blur(2px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur:hover { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur:focus { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur:active { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur:disabled { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur-md { filter: blur(8px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur-md:hover { filter: blur(8px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur-md:focus { filter: blur(8px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur-md:active { filter: blur(8px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur-md:disabled { filter: blur(8px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur-lg { filter: blur(12px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur-lg:hover { filter: blur(12px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur-lg:focus { filter: blur(12px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur-lg:active { filter: blur(12px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur-lg:disabled { filter: blur(12px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-blur-xl { filter: blur(20px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-blur-xl:hover { filter: blur(20px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-blur-xl:focus { filter: blur(20px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-blur-xl:active { filter: blur(20px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-blur-xl:disabled { filter: blur(20px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-100 { filter: brightness(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-100:hover { filter: brightness(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-100:focus { filter: brightness(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-100:active { filter: brightness(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-100:disabled { filter: brightness(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-brightness-150 { filter: brightness(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-brightness-150:hover { filter: brightness(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-brightness-150:focus { filter: brightness(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-brightness-150:active { filter: brightness(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-brightness-150:disabled { filter: brightness(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contrast-50 { filter: contrast(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contrast-50:hover { filter: contrast(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contrast-50:focus { filter: contrast(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contrast-50:active { filter: contrast(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contrast-50:disabled { filter: contrast(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-contrast-100 { filter: contrast(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-contrast-100:hover { filter: contrast(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-contrast-100:focus { filter: contrast(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-contrast-100:active { filter: contrast(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-contrast-100:disabled { filter: contrast(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grayscale { filter: grayscale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grayscale:hover { filter: grayscale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grayscale:focus { filter: grayscale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grayscale:active { filter: grayscale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grayscale:disabled { filter: grayscale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-sepia { filter: sepia(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-sepia:hover { filter: sepia(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-sepia:focus { filter: sepia(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-sepia:active { filter: sepia(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-sepia:disabled { filter: sepia(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-flow-row { grid-auto-flow: row; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-flow-row:hover { grid-auto-flow: row; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-flow-row:focus { grid-auto-flow: row; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-flow-row:active { grid-auto-flow: row; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-flow-col { grid-auto-flow: column; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-flow-col:hover { grid-auto-flow: column; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-flow-col:focus { grid-auto-flow: column; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-flow-col:active { grid-auto-flow: column; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-flow-row-dense { grid-auto-flow: row dense; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-flow-col-dense { grid-auto-flow: column dense; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-none { transition-property: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-none:hover { transition-property: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-none:focus { transition-property: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-none:active { transition-property: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-none:disabled { transition-property: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-all { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-all:active { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-opacity { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-shadow { transition-property: box-shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-shadow:hover { transition-property: box-shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-shadow:focus { transition-property: box-shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-shadow:active { transition-property: box-shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-shadow:disabled { transition-property: box-shadow; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transition-transform { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-linear { transition-timing-function: linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-linear:hover { transition-timing-function: linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-linear:focus { transition-timing-function: linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-linear:active { transition-timing-function: linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-linear:disabled { transition-timing-function: linear; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-none { animation: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-none:hover { animation: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-none:focus { animation: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-none:active { animation: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-none:disabled { animation: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-fade { animation: fade 300ms ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-fade:active { animation: fade 300ms ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-slide-in { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-animate-spin { animation: spin 1s linear infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-animate-spin:hover { animation: spin 1s linear infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-animate-spin:focus { animation: spin 1s linear infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-animate-spin:active { animation: spin 1s linear infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transform { transform: var(--tw-transform, none); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transform:hover { transform: var(--tw-transform, none); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transform:focus { transform: var(--tw-transform, none); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transform:active { transform: var(--tw-transform, none); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transform:disabled { transform: var(--tw-transform, none); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transform-none { transform: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transform-none:hover { transform: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transform-none:focus { transform: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transform-none:active { transform: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transform-none:disabled { transform: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-50 { --tw-transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-50:hover { --tw-transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-50:focus { --tw-transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-50:active { --tw-transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-75 { --tw-transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-75:hover { --tw-transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-75:focus { --tw-transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-75:active { --tw-transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-90 { --tw-transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-90:hover { --tw-transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-90:focus { --tw-transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-90:active { --tw-transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-100 { --tw-transform: scale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-100:hover { --tw-transform: scale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-100:focus { --tw-transform: scale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-100:active { --tw-transform: scale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-100:disabled { --tw-transform: scale(1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-105 { --tw-transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-105:hover { --tw-transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-105:focus { --tw-transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-105:active { --tw-transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-110 { --tw-transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-110:hover { --tw-transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-110:focus { --tw-transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-110:active { --tw-transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-125 { --tw-transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-125:hover { --tw-transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-125:focus { --tw-transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-125:active { --tw-transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scale-150 { --tw-transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scale-150:hover { --tw-transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scale-150:focus { --tw-transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scale-150:active { --tw-transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-0 { --tw-transform: translateX(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-0:hover { --tw-transform: translateX(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-0:focus { --tw-transform: translateX(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-0:active { --tw-transform: translateX(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-1 { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-2 { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-4 { --tw-transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-4:active { --tw-transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-x-8 { --tw-transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-x-8:active { --tw-transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-0 { --tw-transform: translateY(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-0:hover { --tw-transform: translateY(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-0:focus { --tw-transform: translateY(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-0:active { --tw-transform: translateY(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-1 { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-2 { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-4 { --tw-transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-4:active { --tw-transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-translate-y-8 { --tw-transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-translate-y-8:active { --tw-transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-0 { --tw-transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-0:active { --tw-transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-45 { --tw-transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-45:active { --tw-transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-90 { --tw-transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-90:active { --tw-transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-rotate-180 { --tw-transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-rotate-180:active { --tw-transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-0 { --tw-transform: skewX(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-0:hover { --tw-transform: skewX(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-0:focus { --tw-transform: skewX(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-0:active { --tw-transform: skewX(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-3 { --tw-transform: skewX(3deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-3:active { --tw-transform: skewX(3deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-x-6 { --tw-transform: skewX(6deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-x-6:active { --tw-transform: skewX(6deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-0 { --tw-transform: skewY(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-0:hover { --tw-transform: skewY(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-0:focus { --tw-transform: skewY(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-0:active { --tw-transform: skewY(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-3 { --tw-transform: skewY(3deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-3:active { --tw-transform: skewY(3deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-skew-y-6 { --tw-transform: skewY(6deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-skew-y-6:active { --tw-transform: skewY(6deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-center { transform-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-center:hover { transform-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-center:focus { transform-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-center:active { transform-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-center:disabled { transform-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-top { transform-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-top:hover { transform-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-top:focus { transform-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-top:active { transform-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-top:disabled { transform-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-right { transform-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-right:hover { transform-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-right:focus { transform-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-right:active { transform-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-right:disabled { transform-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-bottom { transform-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-bottom:hover { transform-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-bottom:focus { transform-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-bottom:active { transform-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-bottom:disabled { transform-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-origin-left { transform-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-origin-left:hover { transform-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-origin-left:focus { transform-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-origin-left:active { transform-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-origin-left:disabled { transform-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-none { perspective: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-none:hover { perspective: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-none:focus { perspective: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-none:active { perspective: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-none:disabled { perspective: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-sm { perspective: 400px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-sm:hover { perspective: 400px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-sm:focus { perspective: 400px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-sm:active { perspective: 400px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-sm:disabled { perspective: 400px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-md { perspective: 800px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-md:hover { perspective: 800px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-md:focus { perspective: 800px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-md:active { perspective: 800px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-md:disabled { perspective: 800px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-lg { perspective: 1200px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-lg:hover { perspective: 1200px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-lg:focus { perspective: 1200px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-lg:active { perspective: 1200px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-lg:disabled { perspective: 1200px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-xl { perspective: 1600px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-xl:hover { perspective: 1600px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-xl:focus { perspective: 1600px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-xl:active { perspective: 1600px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-xl:disabled { perspective: 1600px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-center { perspective-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-center:hover { perspective-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-center:focus { perspective-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-center:active { perspective-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-center:disabled { perspective-origin: center; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-top { perspective-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-top:hover { perspective-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-top:focus { perspective-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-top:active { perspective-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-top:disabled { perspective-origin: top; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-left { perspective-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-left:hover { perspective-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-left:focus { perspective-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-left:active { perspective-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-left:disabled { perspective-origin: left; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-right { perspective-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-right:hover { perspective-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-right:focus { perspective-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-right:active { perspective-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-right:disabled { perspective-origin: right; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-perspective-origin-bottom { perspective-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-perspective-origin-bottom:active { perspective-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-backface-visible { backface-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-backface-visible:hover { backface-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-backface-visible:focus { backface-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-backface-visible:active { backface-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-backface-visible:disabled { backface-visibility: visible; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-backface-hidden { backface-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-backface-hidden:hover { backface-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-backface-hidden:focus { backface-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-backface-hidden:active { backface-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-backface-hidden:disabled { backface-visibility: hidden; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transform-style-flat { transform-style: flat; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transform-style-flat:hover { transform-style: flat; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transform-style-flat:focus { transform-style: flat; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transform-style-flat:active { transform-style: flat; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transform-style-flat:disabled { transform-style: flat; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-transform-style-preserve { transform-style: preserve-3d; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-transform-style-preserve:active { transform-style: preserve-3d; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-filter-none { filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-filter-none:hover { filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-filter-none:focus { filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-filter-none:active { filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-filter-none:disabled { filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-filter-grayscale { filter: grayscale(100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-filter-grayscale:hover { filter: grayscale(100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-filter-grayscale:focus { filter: grayscale(100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-filter-grayscale:active { filter: grayscale(100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-filter-blur { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-filter-blur:hover { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-filter-blur:focus { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-filter-blur:active { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-filter-blur:disabled { filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-filter-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-filter-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-filter-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-filter-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-filter-contrast-125 { filter: contrast(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-filter-contrast-125:hover { filter: contrast(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-filter-contrast-125:focus { filter: contrast(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-filter-contrast-125:active { filter: contrast(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-filter-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-filter-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-filter-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-filter-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-filter-sepia { filter: sepia(100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-filter-sepia:hover { filter: sepia(100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-filter-sepia:focus { filter: sepia(100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-filter-sepia:active { filter: sepia(100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-filter-sepia:disabled { filter: sepia(100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-backdrop-filter-none { backdrop-filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-backdrop-filter-none:hover { backdrop-filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-backdrop-filter-none:focus { backdrop-filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-backdrop-filter-none:active { backdrop-filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-backdrop-blur { backdrop-filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-backdrop-blur:active { backdrop-filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-normal { background-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-normal:hover { background-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-normal:focus { background-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-normal:active { background-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-multiply { background-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-multiply:active { background-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-screen { background-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-screen:hover { background-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-screen:focus { background-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-screen:active { background-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-overlay { background-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-overlay:active { background-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-darken { background-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-darken:hover { background-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-darken:focus { background-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-darken:active { background-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-blend-lighten { background-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-blend-lighten:active { background-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-blend-normal { mix-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-blend-normal:active { mix-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-blend-multiply { mix-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-blend-screen { mix-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-blend-screen:active { mix-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-mix-blend-overlay { mix-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-decoration-slice { box-decoration-break: slice; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-decoration-slice:hover { box-decoration-break: slice; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-decoration-slice:focus { box-decoration-break: slice; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-decoration-slice:active { box-decoration-break: slice; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-decoration-slice:disabled { box-decoration-break: slice; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-decoration-clone { box-decoration-break: clone; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-decoration-clone:hover { box-decoration-break: clone; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-decoration-clone:focus { box-decoration-break: clone; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-decoration-clone:active { box-decoration-break: clone; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-decoration-clone:disabled { box-decoration-break: clone; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-box-border { box-sizing: border-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-box-border:hover { box-sizing: border-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-box-border:focus { box-sizing: border-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-box-border:active { box-sizing: border-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-box-border:disabled { box-sizing: border-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-box-content { box-sizing: content-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-box-content:hover { box-sizing: content-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-box-content:focus { box-sizing: content-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-box-content:active { box-sizing: content-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-box-content:disabled { box-sizing: content-box; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clip-none { clip-path: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clip-none:hover { clip-path: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clip-none:focus { clip-path: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clip-none:active { clip-path: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clip-none:disabled { clip-path: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clip-circle { clip-path: circle(50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clip-circle:hover { clip-path: circle(50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clip-circle:focus { clip-path: circle(50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clip-circle:active { clip-path: circle(50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clip-circle:disabled { clip-path: circle(50%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clip-ellipse { clip-path: ellipse(50% 75%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clip-inset { clip-path: inset(10%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clip-inset:hover { clip-path: inset(10%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clip-inset:focus { clip-path: inset(10%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clip-inset:active { clip-path: inset(10%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clip-inset:disabled { clip-path: inset(10%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-none { outline: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-none:hover { outline: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-none:focus { outline: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-none:active { outline: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-none:disabled { outline: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-solid { outline-style: solid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-solid:hover { outline-style: solid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-solid:focus { outline-style: solid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-solid:active { outline-style: solid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-solid:disabled { outline-style: solid; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-dashed { outline-style: dashed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-dashed:hover { outline-style: dashed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-dashed:focus { outline-style: dashed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-dashed:active { outline-style: dashed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-dashed:disabled { outline-style: dashed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-offset-0 { outline-offset: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-offset-0:hover { outline-offset: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-offset-0:focus { outline-offset: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-offset-0:active { outline-offset: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-offset-0:disabled { outline-offset: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-offset-2 { outline-offset: 2px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-offset-2:hover { outline-offset: 2px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-offset-2:focus { outline-offset: 2px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-offset-2:active { outline-offset: 2px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-offset-2:disabled { outline-offset: 2px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-outline-offset-4 { outline-offset: 4px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-outline-offset-4:hover { outline-offset: 4px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-outline-offset-4:focus { outline-offset: 4px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-outline-offset-4:active { outline-offset: 4px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-outline-offset-4:disabled { outline-offset: 4px; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-none { box-shadow: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-none:hover { box-shadow: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-none:focus { box-shadow: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-none:active { box-shadow: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-none:disabled { box-shadow: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-auto { accent-color: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-auto:hover { accent-color: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-auto:focus { accent-color: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-auto:active { accent-color: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-auto:disabled { accent-color: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-accent-current { accent-color: currentColor; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-accent-current:hover { accent-color: currentColor; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-accent-current:focus { accent-color: currentColor; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-accent-current:active { accent-color: currentColor; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-accent-current:disabled { accent-color: currentColor; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-appearance-none { appearance: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-appearance-none:hover { appearance: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-appearance-none:focus { appearance: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-appearance-none:active { appearance: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-appearance-none:disabled { appearance: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-auto { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-pointer { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-default { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-default:active { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-wait { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-text { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-text:active { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-move { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-move:active { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-pointer-events-none { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize-none { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize-none:hover { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize-none:focus { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize-none:active { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize-y { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize-y:active { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize-x { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-resize { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-resize:hover { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-resize:focus { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-resize:active { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-resize:disabled { resize: both; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-0 { scroll-margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-0:hover { scroll-margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-0:focus { scroll-margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-0:active { scroll-margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-0:disabled { scroll-margin: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-1 { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-1:active { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-2 { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-2:active { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-4 { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-4:hover { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-4:focus { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-4:active { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-m-8 { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-m-8:hover { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-m-8:focus { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-m-8:active { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-0 { scroll-padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-0:hover { scroll-padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-0:focus { scroll-padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-0:active { scroll-padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-0:disabled { scroll-padding: 0; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-1 { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-1:active { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-2 { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-2:active { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-4 { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-4:hover { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-4:focus { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-4:active { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-scroll-p-8 { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-scroll-p-8:hover { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-scroll-p-8:focus { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-scroll-p-8:active { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-auto { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-none { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-none:active { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-pan-x { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-pan-x:hover { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-pan-x:focus { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-pan-x:active { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-pan-x:disabled { touch-action: pan-x; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-pan-y { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-pan-y:hover { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-pan-y:focus { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-pan-y:active { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-pan-y:disabled { touch-action: pan-y; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-none { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-none:hover { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-none:focus { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-none:active { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-text { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-text:hover { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-text:focus { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-text:active { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-all { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-all:hover { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-all:focus { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-all:active { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-select-auto { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-select-auto:active { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-auto { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-scroll { will-change: scroll-position; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-scroll:hover { will-change: scroll-position; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-scroll:focus { will-change: scroll-position; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-scroll:active { will-change: scroll-position; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-scroll:disabled { will-change: scroll-position; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-transform { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-will-change-opacity { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-primary { background-color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-primary:hover { background-color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-primary:focus { background-color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-primary:active { background-color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-secondary { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-success { background-color: var(--quanta-bg-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-success:active { background-color: var(--quanta-bg-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-warning { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-danger { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-bg-info { background-color: var(--quanta-bg-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-bg-info:active { background-color: var(--quanta-bg-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-primary { color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-primary:hover { color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-primary:focus { color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-primary:active { color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-primary:disabled { color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-secondary { color: var(--quanta-text-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-secondary:active { color: var(--quanta-text-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-success { color: var(--quanta-text-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-success:hover { color: var(--quanta-text-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-success:focus { color: var(--quanta-text-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-success:active { color: var(--quanta-text-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-success:disabled { color: var(--quanta-text-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-warning { color: var(--quanta-text-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-warning:hover { color: var(--quanta-text-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-warning:focus { color: var(--quanta-text-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-warning:active { color: var(--quanta-text-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-danger { color: var(--quanta-text-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-danger:hover { color: var(--quanta-text-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-danger:focus { color: var(--quanta-text-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-danger:active { color: var(--quanta-text-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-text-info { color: var(--quanta-text-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-text-info:hover { color: var(--quanta-text-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-text-info:focus { color: var(--quanta-text-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-text-info:active { color: var(--quanta-text-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-text-info:disabled { color: var(--quanta-text-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-primary { border-color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-primary:hover { border-color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-primary:focus { border-color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-primary:active { border-color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-secondary { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-success { border-color: var(--quanta-border-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-success:hover { border-color: var(--quanta-border-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-success:focus { border-color: var(--quanta-border-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-success:active { border-color: var(--quanta-border-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-warning { border-color: var(--quanta-border-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-warning:active { border-color: var(--quanta-border-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-danger { border-color: var(--quanta-border-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-danger:active { border-color: var(--quanta-border-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-border-info { border-color: var(--quanta-border-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-hover-border-info:hover { border-color: var(--quanta-border-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-focus-border-info:focus { border-color: var(--quanta-border-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-active-border-info:active { border-color: var(--quanta-border-info); }
}
@media (min-width: 480px) {
  [data-theme="dark"] .dark-sm-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
}
}
@media (min-width: 768px) {
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-auto { padding: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-auto:hover { padding: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-auto:focus { padding: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-auto:active { padding: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-auto:disabled { padding: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-0 { padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-0:hover { padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-0:focus { padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-0:active { padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-0:disabled { padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-1 { padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-1:hover { padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-1:focus { padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-1:active { padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-1:disabled { padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-2 { padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-2:hover { padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-2:focus { padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-2:active { padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-2:disabled { padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-3 { padding: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-3:hover { padding: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-3:focus { padding: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-3:active { padding: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-3:disabled { padding: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-4 { padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-4:hover { padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-4:focus { padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-4:active { padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-4:disabled { padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-5 { padding: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-5:hover { padding: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-5:focus { padding: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-5:active { padding: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-5:disabled { padding: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-6 { padding: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-6:hover { padding: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-6:focus { padding: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-6:active { padding: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-6:disabled { padding: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-8 { padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-8:hover { padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-8:focus { padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-8:active { padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-8:disabled { padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-10 { padding: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-10:hover { padding: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-10:focus { padding: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-10:active { padding: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-10:disabled { padding: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-12 { padding: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-12:hover { padding: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-12:focus { padding: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-12:active { padding: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-12:disabled { padding: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-16 { padding: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-16:hover { padding: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-16:focus { padding: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-16:active { padding: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-16:disabled { padding: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-20 { padding: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-20:hover { padding: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-20:focus { padding: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-20:active { padding: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-20:disabled { padding: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-24 { padding: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-24:hover { padding: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-24:focus { padding: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-24:active { padding: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-24:disabled { padding: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-28 { padding: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-28:hover { padding: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-28:focus { padding: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-28:active { padding: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-28:disabled { padding: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-p-32 { padding: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-p-32:hover { padding: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-p-32:focus { padding: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-p-32:active { padding: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-p-32:disabled { padding: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-auto { padding-top: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-auto:hover { padding-top: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-auto:focus { padding-top: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-auto:active { padding-top: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-auto:disabled { padding-top: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-0 { padding-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-0:hover { padding-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-0:focus { padding-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-0:active { padding-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-0:disabled { padding-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-1 { padding-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-1:hover { padding-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-1:focus { padding-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-1:active { padding-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-1:disabled { padding-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-2 { padding-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-2:hover { padding-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-2:focus { padding-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-2:active { padding-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-2:disabled { padding-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-3 { padding-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-3:hover { padding-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-3:focus { padding-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-3:active { padding-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-3:disabled { padding-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-4 { padding-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-4:hover { padding-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-4:focus { padding-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-4:active { padding-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-4:disabled { padding-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-5 { padding-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-5:hover { padding-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-5:focus { padding-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-5:active { padding-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-5:disabled { padding-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-6 { padding-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-6:hover { padding-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-6:focus { padding-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-6:active { padding-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-6:disabled { padding-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-8 { padding-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-8:hover { padding-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-8:focus { padding-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-8:active { padding-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-8:disabled { padding-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-10 { padding-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-10:hover { padding-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-10:focus { padding-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-10:active { padding-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-10:disabled { padding-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-12 { padding-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-12:hover { padding-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-12:focus { padding-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-12:active { padding-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-12:disabled { padding-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-16 { padding-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-16:hover { padding-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-16:focus { padding-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-16:active { padding-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-16:disabled { padding-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-20 { padding-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-20:hover { padding-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-20:focus { padding-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-20:active { padding-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-20:disabled { padding-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-24 { padding-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-24:hover { padding-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-24:focus { padding-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-24:active { padding-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-24:disabled { padding-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-28 { padding-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-28:hover { padding-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-28:focus { padding-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-28:active { padding-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-28:disabled { padding-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pt-32 { padding-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pt-32:hover { padding-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pt-32:focus { padding-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pt-32:active { padding-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pt-32:disabled { padding-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-auto { padding-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-auto:hover { padding-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-auto:focus { padding-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-auto:active { padding-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-auto:disabled { padding-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-0 { padding-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-0:hover { padding-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-0:focus { padding-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-0:active { padding-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-0:disabled { padding-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-1 { padding-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-1:hover { padding-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-1:focus { padding-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-1:active { padding-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-2 { padding-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-2:hover { padding-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-2:focus { padding-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-2:active { padding-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-3 { padding-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-3:hover { padding-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-3:focus { padding-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-3:active { padding-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-4 { padding-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-4:hover { padding-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-4:focus { padding-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-4:active { padding-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-4:disabled { padding-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-5 { padding-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-5:hover { padding-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-5:focus { padding-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-5:active { padding-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-6 { padding-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-6:hover { padding-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-6:focus { padding-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-6:active { padding-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-8 { padding-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-8:hover { padding-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-8:focus { padding-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-8:active { padding-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-8:disabled { padding-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-10 { padding-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-10:hover { padding-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-10:focus { padding-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-10:active { padding-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-12 { padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-12:hover { padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-12:focus { padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-12:active { padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-12:disabled { padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-16 { padding-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-16:hover { padding-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-16:focus { padding-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-16:active { padding-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-16:disabled { padding-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-20 { padding-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-20:hover { padding-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-20:focus { padding-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-20:active { padding-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-20:disabled { padding-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-24 { padding-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-24:hover { padding-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-24:focus { padding-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-24:active { padding-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-24:disabled { padding-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-28 { padding-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-28:hover { padding-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-28:focus { padding-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-28:active { padding-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-28:disabled { padding-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pb-32 { padding-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pb-32:hover { padding-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pb-32:focus { padding-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pb-32:active { padding-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pb-32:disabled { padding-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-auto { padding-left: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-auto:hover { padding-left: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-auto:focus { padding-left: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-auto:active { padding-left: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-auto:disabled { padding-left: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-0 { padding-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-0:hover { padding-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-0:focus { padding-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-0:active { padding-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-0:disabled { padding-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-1 { padding-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-1:hover { padding-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-1:focus { padding-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-1:active { padding-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-1:disabled { padding-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-2 { padding-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-2:hover { padding-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-2:focus { padding-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-2:active { padding-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-2:disabled { padding-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-3 { padding-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-3:hover { padding-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-3:focus { padding-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-3:active { padding-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-3:disabled { padding-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-4 { padding-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-4:hover { padding-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-4:focus { padding-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-4:active { padding-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-4:disabled { padding-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-5 { padding-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-5:hover { padding-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-5:focus { padding-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-5:active { padding-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-5:disabled { padding-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-6 { padding-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-6:hover { padding-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-6:focus { padding-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-6:active { padding-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-6:disabled { padding-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-8 { padding-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-8:hover { padding-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-8:focus { padding-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-8:active { padding-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-8:disabled { padding-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-10 { padding-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-10:hover { padding-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-10:focus { padding-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-10:active { padding-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-10:disabled { padding-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-12 { padding-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-12:hover { padding-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-12:focus { padding-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-12:active { padding-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-12:disabled { padding-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-16 { padding-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-16:hover { padding-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-16:focus { padding-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-16:active { padding-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-16:disabled { padding-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-20 { padding-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-20:hover { padding-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-20:focus { padding-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-20:active { padding-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-20:disabled { padding-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-24 { padding-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-24:hover { padding-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-24:focus { padding-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-24:active { padding-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-24:disabled { padding-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-28 { padding-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-28:hover { padding-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-28:focus { padding-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-28:active { padding-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-28:disabled { padding-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pl-32 { padding-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pl-32:hover { padding-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pl-32:focus { padding-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pl-32:active { padding-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pl-32:disabled { padding-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-auto { padding-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-auto:hover { padding-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-auto:focus { padding-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-auto:active { padding-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-auto:disabled { padding-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-0 { padding-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-0:hover { padding-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-0:focus { padding-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-0:active { padding-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-0:disabled { padding-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-1 { padding-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-1:hover { padding-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-1:focus { padding-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-1:active { padding-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-1:disabled { padding-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-2 { padding-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-2:hover { padding-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-2:focus { padding-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-2:active { padding-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-2:disabled { padding-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-3 { padding-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-3:hover { padding-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-3:focus { padding-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-3:active { padding-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-3:disabled { padding-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-4 { padding-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-4:hover { padding-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-4:focus { padding-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-4:active { padding-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-4:disabled { padding-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-5 { padding-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-5:hover { padding-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-5:focus { padding-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-5:active { padding-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-5:disabled { padding-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-6 { padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-6:hover { padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-6:focus { padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-6:active { padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-6:disabled { padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-8 { padding-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-8:hover { padding-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-8:focus { padding-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-8:active { padding-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-8:disabled { padding-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-10 { padding-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-10:hover { padding-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-10:focus { padding-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-10:active { padding-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-10:disabled { padding-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-12 { padding-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-12:hover { padding-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-12:focus { padding-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-12:active { padding-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-12:disabled { padding-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-16 { padding-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-16:hover { padding-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-16:focus { padding-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-16:active { padding-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-16:disabled { padding-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-20 { padding-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-20:hover { padding-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-20:focus { padding-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-20:active { padding-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-20:disabled { padding-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-24 { padding-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-24:hover { padding-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-24:focus { padding-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-24:active { padding-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-24:disabled { padding-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-28 { padding-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-28:hover { padding-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-28:focus { padding-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-28:active { padding-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-28:disabled { padding-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pr-32 { padding-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pr-32:hover { padding-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pr-32:focus { padding-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pr-32:active { padding-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pr-32:disabled { padding-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-auto { padding-left: auto; padding-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-auto:active { padding-left: auto; padding-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-0 { padding-left: 0; padding-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-0:hover { padding-left: 0; padding-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-0:focus { padding-left: 0; padding-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-0:active { padding-left: 0; padding-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-4 { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-8 { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-12 { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-16 { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-20 { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-24 { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-28 { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-px-32 { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-auto { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-0 { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-0:active { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-auto { margin: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-auto:hover { margin: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-auto:focus { margin: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-auto:active { margin: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-auto:disabled { margin: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-0 { margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-0:hover { margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-0:focus { margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-0:active { margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-0:disabled { margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-1 { margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-1:hover { margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-1:focus { margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-1:active { margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-1:disabled { margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-2 { margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-2:hover { margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-2:focus { margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-2:active { margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-2:disabled { margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-3 { margin: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-3:hover { margin: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-3:focus { margin: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-3:active { margin: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-3:disabled { margin: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-4 { margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-4:hover { margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-4:focus { margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-4:active { margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-4:disabled { margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-5 { margin: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-5:hover { margin: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-5:focus { margin: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-5:active { margin: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-5:disabled { margin: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-6 { margin: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-6:hover { margin: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-6:focus { margin: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-6:active { margin: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-6:disabled { margin: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-8 { margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-8:hover { margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-8:focus { margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-8:active { margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-8:disabled { margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-10 { margin: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-10:hover { margin: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-10:focus { margin: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-10:active { margin: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-10:disabled { margin: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-12 { margin: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-12:hover { margin: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-12:focus { margin: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-12:active { margin: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-12:disabled { margin: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-16 { margin: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-16:hover { margin: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-16:focus { margin: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-16:active { margin: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-16:disabled { margin: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-20 { margin: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-20:hover { margin: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-20:focus { margin: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-20:active { margin: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-20:disabled { margin: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-24 { margin: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-24:hover { margin: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-24:focus { margin: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-24:active { margin: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-24:disabled { margin: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-28 { margin: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-28:hover { margin: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-28:focus { margin: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-28:active { margin: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-28:disabled { margin: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-m-32 { margin: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-m-32:hover { margin: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-m-32:focus { margin: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-m-32:active { margin: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-m-32:disabled { margin: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-auto { margin-top: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-auto:hover { margin-top: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-auto:focus { margin-top: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-auto:active { margin-top: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-auto:disabled { margin-top: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-0 { margin-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-0:hover { margin-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-0:focus { margin-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-0:active { margin-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-0:disabled { margin-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-1 { margin-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-1:hover { margin-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-1:focus { margin-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-1:active { margin-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-1:disabled { margin-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-2 { margin-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-2:hover { margin-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-2:focus { margin-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-2:active { margin-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-2:disabled { margin-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-3 { margin-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-3:hover { margin-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-3:focus { margin-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-3:active { margin-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-3:disabled { margin-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-4 { margin-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-4:hover { margin-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-4:focus { margin-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-4:active { margin-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-4:disabled { margin-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-5 { margin-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-5:hover { margin-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-5:focus { margin-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-5:active { margin-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-5:disabled { margin-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-6 { margin-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-6:hover { margin-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-6:focus { margin-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-6:active { margin-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-6:disabled { margin-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-8 { margin-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-8:hover { margin-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-8:focus { margin-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-8:active { margin-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-8:disabled { margin-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-10 { margin-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-10:hover { margin-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-10:focus { margin-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-10:active { margin-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-10:disabled { margin-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-12 { margin-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-12:hover { margin-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-12:focus { margin-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-12:active { margin-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-12:disabled { margin-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-16 { margin-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-16:hover { margin-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-16:focus { margin-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-16:active { margin-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-16:disabled { margin-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-20 { margin-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-20:hover { margin-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-20:focus { margin-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-20:active { margin-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-20:disabled { margin-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-24 { margin-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-24:hover { margin-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-24:focus { margin-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-24:active { margin-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-24:disabled { margin-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-28 { margin-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-28:hover { margin-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-28:focus { margin-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-28:active { margin-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-28:disabled { margin-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mt-32 { margin-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mt-32:hover { margin-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mt-32:focus { margin-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mt-32:active { margin-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mt-32:disabled { margin-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-auto { margin-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-auto:hover { margin-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-auto:focus { margin-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-auto:active { margin-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-auto:disabled { margin-bottom: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-0 { margin-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-0:hover { margin-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-0:focus { margin-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-0:active { margin-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-0:disabled { margin-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-1 { margin-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-1:hover { margin-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-1:focus { margin-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-1:active { margin-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-2 { margin-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-2:hover { margin-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-2:focus { margin-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-2:active { margin-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-3 { margin-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-3:hover { margin-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-3:focus { margin-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-3:active { margin-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-4 { margin-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-4:hover { margin-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-4:focus { margin-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-4:active { margin-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-4:disabled { margin-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-5 { margin-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-5:hover { margin-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-5:focus { margin-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-5:active { margin-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-6 { margin-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-6:hover { margin-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-6:focus { margin-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-6:active { margin-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-8 { margin-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-8:hover { margin-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-8:focus { margin-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-8:active { margin-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-8:disabled { margin-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-10 { margin-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-10:hover { margin-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-10:focus { margin-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-10:active { margin-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-12 { margin-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-12:hover { margin-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-12:focus { margin-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-12:active { margin-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-12:disabled { margin-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-16 { margin-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-16:hover { margin-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-16:focus { margin-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-16:active { margin-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-16:disabled { margin-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-20 { margin-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-20:hover { margin-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-20:focus { margin-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-20:active { margin-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-20:disabled { margin-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-24 { margin-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-24:hover { margin-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-24:focus { margin-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-24:active { margin-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-24:disabled { margin-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-28 { margin-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-28:hover { margin-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-28:focus { margin-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-28:active { margin-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-28:disabled { margin-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mb-32 { margin-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mb-32:hover { margin-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mb-32:focus { margin-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mb-32:active { margin-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mb-32:disabled { margin-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-auto { margin-left: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-auto:hover { margin-left: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-auto:focus { margin-left: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-auto:active { margin-left: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-auto:disabled { margin-left: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-0 { margin-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-0:hover { margin-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-0:focus { margin-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-0:active { margin-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-0:disabled { margin-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-1 { margin-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-1:hover { margin-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-1:focus { margin-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-1:active { margin-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-1:disabled { margin-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-2 { margin-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-2:hover { margin-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-2:focus { margin-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-2:active { margin-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-2:disabled { margin-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-3 { margin-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-3:hover { margin-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-3:focus { margin-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-3:active { margin-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-3:disabled { margin-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-4 { margin-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-4:hover { margin-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-4:focus { margin-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-4:active { margin-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-4:disabled { margin-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-5 { margin-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-5:hover { margin-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-5:focus { margin-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-5:active { margin-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-5:disabled { margin-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-6 { margin-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-6:hover { margin-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-6:focus { margin-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-6:active { margin-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-6:disabled { margin-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-8 { margin-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-8:hover { margin-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-8:focus { margin-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-8:active { margin-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-8:disabled { margin-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-10 { margin-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-10:hover { margin-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-10:focus { margin-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-10:active { margin-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-10:disabled { margin-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-12 { margin-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-12:hover { margin-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-12:focus { margin-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-12:active { margin-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-12:disabled { margin-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-16 { margin-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-16:hover { margin-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-16:focus { margin-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-16:active { margin-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-16:disabled { margin-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-20 { margin-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-20:hover { margin-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-20:focus { margin-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-20:active { margin-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-20:disabled { margin-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-24 { margin-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-24:hover { margin-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-24:focus { margin-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-24:active { margin-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-24:disabled { margin-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-28 { margin-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-28:hover { margin-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-28:focus { margin-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-28:active { margin-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-28:disabled { margin-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ml-32 { margin-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ml-32:hover { margin-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ml-32:focus { margin-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ml-32:active { margin-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ml-32:disabled { margin-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-auto { margin-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-auto:hover { margin-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-auto:focus { margin-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-auto:active { margin-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-auto:disabled { margin-right: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-0 { margin-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-0:hover { margin-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-0:focus { margin-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-0:active { margin-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-0:disabled { margin-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-1 { margin-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-1:hover { margin-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-1:focus { margin-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-1:active { margin-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-1:disabled { margin-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-2 { margin-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-2:hover { margin-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-2:focus { margin-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-2:active { margin-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-2:disabled { margin-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-3 { margin-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-3:hover { margin-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-3:focus { margin-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-3:active { margin-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-3:disabled { margin-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-4 { margin-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-4:hover { margin-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-4:focus { margin-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-4:active { margin-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-4:disabled { margin-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-5 { margin-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-5:hover { margin-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-5:focus { margin-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-5:active { margin-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-5:disabled { margin-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-6 { margin-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-6:hover { margin-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-6:focus { margin-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-6:active { margin-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-6:disabled { margin-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-8 { margin-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-8:hover { margin-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-8:focus { margin-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-8:active { margin-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-8:disabled { margin-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-10 { margin-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-10:hover { margin-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-10:focus { margin-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-10:active { margin-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-10:disabled { margin-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-12 { margin-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-12:hover { margin-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-12:focus { margin-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-12:active { margin-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-12:disabled { margin-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-16 { margin-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-16:hover { margin-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-16:focus { margin-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-16:active { margin-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-16:disabled { margin-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-20 { margin-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-20:hover { margin-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-20:focus { margin-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-20:active { margin-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-20:disabled { margin-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-24 { margin-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-24:hover { margin-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-24:focus { margin-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-24:active { margin-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-24:disabled { margin-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-28 { margin-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-28:hover { margin-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-28:focus { margin-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-28:active { margin-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-28:disabled { margin-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mr-32 { margin-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mr-32:hover { margin-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mr-32:focus { margin-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mr-32:active { margin-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mr-32:disabled { margin-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-auto { --space-x: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-auto:hover { --space-x: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-auto:focus { --space-x: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-auto:active { --space-x: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-auto:disabled { --space-x: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-0 { --space-x: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-0:hover { --space-x: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-0:focus { --space-x: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-0:active { --space-x: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-0:disabled { --space-x: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-1 { --space-x: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-1:hover { --space-x: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-1:focus { --space-x: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-1:active { --space-x: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-1:disabled { --space-x: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-2 { --space-x: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-2:hover { --space-x: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-2:focus { --space-x: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-2:active { --space-x: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-2:disabled { --space-x: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-3 { --space-x: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-3:hover { --space-x: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-3:focus { --space-x: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-3:active { --space-x: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-3:disabled { --space-x: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-4 { --space-x: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-4:hover { --space-x: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-4:focus { --space-x: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-4:active { --space-x: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-4:disabled { --space-x: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-5 { --space-x: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-5:hover { --space-x: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-5:focus { --space-x: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-5:active { --space-x: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-5:disabled { --space-x: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-6 { --space-x: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-6:hover { --space-x: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-6:focus { --space-x: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-6:active { --space-x: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-6:disabled { --space-x: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-8 { --space-x: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-8:hover { --space-x: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-8:focus { --space-x: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-8:active { --space-x: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-8:disabled { --space-x: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-10 { --space-x: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-10:hover { --space-x: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-10:focus { --space-x: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-10:active { --space-x: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-10:disabled { --space-x: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-12 { --space-x: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-12:hover { --space-x: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-12:focus { --space-x: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-12:active { --space-x: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-12:disabled { --space-x: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-16 { --space-x: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-16:hover { --space-x: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-16:focus { --space-x: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-16:active { --space-x: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-16:disabled { --space-x: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-20 { --space-x: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-20:hover { --space-x: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-20:focus { --space-x: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-20:active { --space-x: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-20:disabled { --space-x: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-24 { --space-x: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-24:hover { --space-x: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-24:focus { --space-x: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-24:active { --space-x: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-24:disabled { --space-x: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-28 { --space-x: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-28:hover { --space-x: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-28:focus { --space-x: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-28:active { --space-x: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-28:disabled { --space-x: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-x-32 { --space-x: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-x-32:hover { --space-x: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-x-32:focus { --space-x: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-x-32:active { --space-x: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-x-32:disabled { --space-x: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-auto { --space-y: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-auto:hover { --space-y: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-auto:focus { --space-y: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-auto:active { --space-y: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-auto:disabled { --space-y: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-0 { --space-y: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-0:hover { --space-y: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-0:focus { --space-y: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-0:active { --space-y: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-0:disabled { --space-y: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-1 { --space-y: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-1:hover { --space-y: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-1:focus { --space-y: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-1:active { --space-y: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-1:disabled { --space-y: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-2 { --space-y: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-2:hover { --space-y: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-2:focus { --space-y: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-2:active { --space-y: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-2:disabled { --space-y: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-3 { --space-y: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-3:hover { --space-y: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-3:focus { --space-y: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-3:active { --space-y: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-3:disabled { --space-y: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-4 { --space-y: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-4:hover { --space-y: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-4:focus { --space-y: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-4:active { --space-y: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-4:disabled { --space-y: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-5 { --space-y: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-5:hover { --space-y: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-5:focus { --space-y: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-5:active { --space-y: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-5:disabled { --space-y: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-6 { --space-y: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-6:hover { --space-y: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-6:focus { --space-y: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-6:active { --space-y: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-6:disabled { --space-y: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-8 { --space-y: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-8:hover { --space-y: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-8:focus { --space-y: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-8:active { --space-y: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-8:disabled { --space-y: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-10 { --space-y: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-10:hover { --space-y: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-10:focus { --space-y: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-10:active { --space-y: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-10:disabled { --space-y: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-12 { --space-y: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-12:hover { --space-y: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-12:focus { --space-y: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-12:active { --space-y: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-12:disabled { --space-y: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-16 { --space-y: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-16:hover { --space-y: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-16:focus { --space-y: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-16:active { --space-y: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-16:disabled { --space-y: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-20 { --space-y: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-20:hover { --space-y: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-20:focus { --space-y: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-20:active { --space-y: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-20:disabled { --space-y: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-24 { --space-y: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-24:hover { --space-y: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-24:focus { --space-y: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-24:active { --space-y: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-24:disabled { --space-y: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-28 { --space-y: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-28:hover { --space-y: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-28:focus { --space-y: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-28:active { --space-y: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-28:disabled { --space-y: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-space-y-32 { --space-y: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-space-y-32:hover { --space-y: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-space-y-32:focus { --space-y: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-space-y-32:active { --space-y: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-space-y-32:disabled { --space-y: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-d-block { display: block; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-d-block:hover { display: block; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-d-block:focus { display: block; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-d-block:active { display: block; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-d-block:disabled { display: block; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-d-inline { display: inline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-d-inline:hover { display: inline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-d-inline:focus { display: inline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-d-inline:active { display: inline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-d-inline:disabled { display: inline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-d-inline-block { display: inline-block; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-d-inline-block:hover { display: inline-block; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-d-inline-block:focus { display: inline-block; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-d-inline-block:active { display: inline-block; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-d-inline-block:disabled { display: inline-block; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-d-flex { display: flex; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-d-flex:hover { display: flex; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-d-flex:focus { display: flex; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-d-flex:active { display: flex; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-d-flex:disabled { display: flex; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-d-inline-flex { display: inline-flex; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-d-inline-flex:hover { display: inline-flex; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-d-inline-flex:focus { display: inline-flex; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-d-inline-flex:active { display: inline-flex; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-d-inline-flex:disabled { display: inline-flex; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-d-grid { display: grid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-d-grid:hover { display: grid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-d-grid:focus { display: grid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-d-grid:active { display: grid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-d-grid:disabled { display: grid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-d-inline-grid { display: inline-grid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-d-inline-grid:hover { display: inline-grid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-d-inline-grid:focus { display: inline-grid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-d-inline-grid:active { display: inline-grid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-d-inline-grid:disabled { display: inline-grid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-d-none { display: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-d-none:hover { display: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-d-none:focus { display: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-d-none:active { display: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-d-none:disabled { display: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-position-static { position: static; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-position-static:hover { position: static; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-position-static:focus { position: static; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-position-static:active { position: static; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-position-static:disabled { position: static; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-position-relative { position: relative; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-position-relative:hover { position: relative; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-position-relative:focus { position: relative; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-position-relative:active { position: relative; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-position-relative:disabled { position: relative; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-position-absolute { position: absolute; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-position-absolute:hover { position: absolute; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-position-absolute:focus { position: absolute; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-position-absolute:active { position: absolute; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-position-absolute:disabled { position: absolute; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-position-fixed { position: fixed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-position-fixed:hover { position: fixed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-position-fixed:focus { position: fixed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-position-fixed:active { position: fixed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-position-fixed:disabled { position: fixed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-position-sticky { position: sticky; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-position-sticky:hover { position: sticky; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-position-sticky:focus { position: sticky; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-position-sticky:active { position: sticky; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-position-sticky:disabled { position: sticky; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-0 { inset: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-0:hover { inset: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-0:focus { inset: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-0:active { inset: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-0:disabled { inset: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-1 { inset: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-1:hover { inset: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-1:focus { inset: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-1:active { inset: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-1:disabled { inset: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-2 { inset: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-2:hover { inset: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-2:focus { inset: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-2:active { inset: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-2:disabled { inset: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-3 { inset: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-3:hover { inset: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-3:focus { inset: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-3:active { inset: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-3:disabled { inset: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-4 { inset: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-4:hover { inset: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-4:focus { inset: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-4:active { inset: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-4:disabled { inset: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-5 { inset: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-5:hover { inset: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-5:focus { inset: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-5:active { inset: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-5:disabled { inset: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-6 { inset: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-6:hover { inset: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-6:focus { inset: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-6:active { inset: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-6:disabled { inset: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-7 { inset: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-7:hover { inset: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-7:focus { inset: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-7:active { inset: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-7:disabled { inset: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-8 { inset: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-8:hover { inset: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-8:focus { inset: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-8:active { inset: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-8:disabled { inset: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-9 { inset: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-9:hover { inset: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-9:focus { inset: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-9:active { inset: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-9:disabled { inset: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-10 { inset: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-10:hover { inset: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-10:focus { inset: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-10:active { inset: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-10:disabled { inset: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-12 { inset: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-12:hover { inset: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-12:focus { inset: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-12:active { inset: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-12:disabled { inset: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-14 { inset: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-14:hover { inset: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-14:focus { inset: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-14:active { inset: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-14:disabled { inset: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-16 { inset: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-16:hover { inset: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-16:focus { inset: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-16:active { inset: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-16:disabled { inset: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-20 { inset: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-20:hover { inset: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-20:focus { inset: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-20:active { inset: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-20:disabled { inset: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-24 { inset: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-24:hover { inset: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-24:focus { inset: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-24:active { inset: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-24:disabled { inset: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-28 { inset: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-28:hover { inset: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-28:focus { inset: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-28:active { inset: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-28:disabled { inset: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-32 { inset: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-32:hover { inset: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-32:focus { inset: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-32:active { inset: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-32:disabled { inset: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-0 { inset-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-0:hover { inset-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-0:focus { inset-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-0:active { inset-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-0:disabled { inset-top: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-1 { inset-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-1:hover { inset-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-1:focus { inset-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-1:active { inset-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-2 { inset-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-2:hover { inset-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-2:focus { inset-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-2:active { inset-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-3 { inset-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-3:hover { inset-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-3:focus { inset-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-3:active { inset-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-4 { inset-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-4:hover { inset-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-4:focus { inset-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-4:active { inset-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-4:disabled { inset-top: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-5 { inset-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-5:hover { inset-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-5:focus { inset-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-5:active { inset-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-6 { inset-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-6:hover { inset-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-6:focus { inset-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-6:active { inset-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-7 { inset-top: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-7:hover { inset-top: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-7:focus { inset-top: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-7:active { inset-top: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-8 { inset-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-8:hover { inset-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-8:focus { inset-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-8:active { inset-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-8:disabled { inset-top: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-9 { inset-top: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-9:hover { inset-top: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-9:focus { inset-top: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-9:active { inset-top: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-10 { inset-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-10:hover { inset-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-10:focus { inset-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-10:active { inset-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-12 { inset-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-12:hover { inset-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-12:focus { inset-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-12:active { inset-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-12:disabled { inset-top: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-14 { inset-top: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-14:hover { inset-top: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-14:focus { inset-top: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-14:active { inset-top: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-16 { inset-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-16:hover { inset-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-16:focus { inset-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-16:active { inset-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-16:disabled { inset-top: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-20 { inset-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-20:hover { inset-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-20:focus { inset-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-20:active { inset-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-20:disabled { inset-top: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-24 { inset-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-24:hover { inset-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-24:focus { inset-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-24:active { inset-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-24:disabled { inset-top: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-28 { inset-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-28:hover { inset-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-28:focus { inset-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-28:active { inset-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-28:disabled { inset-top: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-t-32 { inset-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-t-32:hover { inset-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-t-32:focus { inset-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-t-32:active { inset-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-t-32:disabled { inset-top: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-0 { inset-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-0:hover { inset-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-0:focus { inset-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-0:active { inset-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-0:disabled { inset-right: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-1 { inset-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-1:hover { inset-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-1:focus { inset-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-1:active { inset-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-2 { inset-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-2:hover { inset-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-2:focus { inset-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-2:active { inset-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-3 { inset-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-3:hover { inset-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-3:focus { inset-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-3:active { inset-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-4 { inset-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-4:hover { inset-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-4:focus { inset-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-4:active { inset-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-4:disabled { inset-right: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-5 { inset-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-5:hover { inset-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-5:focus { inset-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-5:active { inset-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-6 { inset-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-6:hover { inset-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-6:focus { inset-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-6:active { inset-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-7 { inset-right: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-7:hover { inset-right: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-7:focus { inset-right: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-7:active { inset-right: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-8 { inset-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-8:hover { inset-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-8:focus { inset-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-8:active { inset-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-8:disabled { inset-right: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-9 { inset-right: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-9:hover { inset-right: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-9:focus { inset-right: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-9:active { inset-right: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-10 { inset-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-10:hover { inset-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-10:focus { inset-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-10:active { inset-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-12 { inset-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-12:hover { inset-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-12:focus { inset-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-12:active { inset-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-12:disabled { inset-right: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-14 { inset-right: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-14:hover { inset-right: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-14:focus { inset-right: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-14:active { inset-right: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-16 { inset-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-16:hover { inset-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-16:focus { inset-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-16:active { inset-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-16:disabled { inset-right: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-20 { inset-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-20:hover { inset-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-20:focus { inset-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-20:active { inset-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-20:disabled { inset-right: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-24 { inset-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-24:hover { inset-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-24:focus { inset-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-24:active { inset-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-24:disabled { inset-right: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-28 { inset-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-28:hover { inset-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-28:focus { inset-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-28:active { inset-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-28:disabled { inset-right: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-r-32 { inset-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-r-32:hover { inset-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-r-32:focus { inset-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-r-32:active { inset-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-r-32:disabled { inset-right: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-0 { inset-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-0:hover { inset-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-0:focus { inset-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-0:active { inset-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-0:disabled { inset-bottom: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-1 { inset-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-1:active { inset-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-2 { inset-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-2:active { inset-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-3 { inset-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-3:active { inset-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-4 { inset-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-4:hover { inset-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-4:focus { inset-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-4:active { inset-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-5 { inset-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-5:active { inset-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-6 { inset-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-6:active { inset-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-7 { inset-bottom: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-7:active { inset-bottom: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-8 { inset-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-8:hover { inset-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-8:focus { inset-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-8:active { inset-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-9 { inset-bottom: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-9:active { inset-bottom: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-10 { inset-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-10:active { inset-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-12 { inset-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-12:hover { inset-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-12:focus { inset-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-12:active { inset-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-14 { inset-bottom: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-14:active { inset-bottom: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-16 { inset-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-16:hover { inset-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-16:focus { inset-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-16:active { inset-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-20 { inset-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-20:hover { inset-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-20:focus { inset-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-20:active { inset-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-24 { inset-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-24:hover { inset-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-24:focus { inset-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-24:active { inset-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-28 { inset-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-28:hover { inset-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-28:focus { inset-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-28:active { inset-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-b-32 { inset-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-b-32:hover { inset-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-b-32:focus { inset-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-b-32:active { inset-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-0 { inset-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-0:hover { inset-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-0:focus { inset-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-0:active { inset-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-0:disabled { inset-left: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-1 { inset-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-1:hover { inset-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-1:focus { inset-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-1:active { inset-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-2 { inset-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-2:hover { inset-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-2:focus { inset-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-2:active { inset-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-3 { inset-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-3:hover { inset-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-3:focus { inset-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-3:active { inset-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-4 { inset-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-4:hover { inset-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-4:focus { inset-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-4:active { inset-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-4:disabled { inset-left: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-5 { inset-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-5:hover { inset-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-5:focus { inset-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-5:active { inset-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-6 { inset-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-6:hover { inset-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-6:focus { inset-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-6:active { inset-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-7 { inset-left: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-7:hover { inset-left: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-7:focus { inset-left: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-7:active { inset-left: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-8 { inset-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-8:hover { inset-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-8:focus { inset-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-8:active { inset-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-8:disabled { inset-left: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-9 { inset-left: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-9:hover { inset-left: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-9:focus { inset-left: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-9:active { inset-left: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-10 { inset-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-10:hover { inset-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-10:focus { inset-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-10:active { inset-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-12 { inset-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-12:hover { inset-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-12:focus { inset-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-12:active { inset-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-12:disabled { inset-left: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-14 { inset-left: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-14:hover { inset-left: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-14:focus { inset-left: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-14:active { inset-left: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-16 { inset-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-16:hover { inset-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-16:focus { inset-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-16:active { inset-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-16:disabled { inset-left: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-20 { inset-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-20:hover { inset-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-20:focus { inset-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-20:active { inset-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-20:disabled { inset-left: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-24 { inset-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-24:hover { inset-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-24:focus { inset-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-24:active { inset-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-24:disabled { inset-left: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-28 { inset-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-28:hover { inset-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-28:focus { inset-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-28:active { inset-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-28:disabled { inset-left: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-inset-l-32 { inset-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-inset-l-32:hover { inset-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-inset-l-32:focus { inset-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-inset-l-32:active { inset-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-inset-l-32:disabled { inset-left: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-0 { gap: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-0:hover { gap: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-0:focus { gap: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-0:active { gap: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-0:disabled { gap: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-1 { gap: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-1:hover { gap: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-1:focus { gap: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-1:active { gap: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-1:disabled { gap: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-2 { gap: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-2:hover { gap: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-2:focus { gap: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-2:active { gap: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-2:disabled { gap: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-3 { gap: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-3:hover { gap: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-3:focus { gap: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-3:active { gap: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-3:disabled { gap: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-4 { gap: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-4:hover { gap: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-4:focus { gap: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-4:active { gap: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-4:disabled { gap: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-5 { gap: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-5:hover { gap: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-5:focus { gap: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-5:active { gap: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-5:disabled { gap: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-6 { gap: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-6:hover { gap: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-6:focus { gap: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-6:active { gap: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-6:disabled { gap: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-7 { gap: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-7:hover { gap: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-7:focus { gap: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-7:active { gap: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-7:disabled { gap: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-8 { gap: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-8:hover { gap: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-8:focus { gap: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-8:active { gap: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-8:disabled { gap: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-9 { gap: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-9:hover { gap: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-9:focus { gap: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-9:active { gap: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-9:disabled { gap: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-10 { gap: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-10:hover { gap: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-10:focus { gap: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-10:active { gap: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-10:disabled { gap: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-12 { gap: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-12:hover { gap: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-12:focus { gap: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-12:active { gap: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-12:disabled { gap: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-14 { gap: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-14:hover { gap: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-14:focus { gap: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-14:active { gap: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-14:disabled { gap: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-16 { gap: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-16:hover { gap: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-16:focus { gap: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-16:active { gap: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-16:disabled { gap: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-20 { gap: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-20:hover { gap: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-20:focus { gap: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-20:active { gap: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-20:disabled { gap: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-24 { gap: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-24:hover { gap: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-24:focus { gap: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-24:active { gap: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-24:disabled { gap: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-28 { gap: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-28:hover { gap: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-28:focus { gap: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-28:active { gap: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-28:disabled { gap: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gap-32 { gap: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gap-32:hover { gap: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gap-32:focus { gap: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gap-32:active { gap: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gap-32:disabled { gap: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-row { flex-direction: row; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-row:hover { flex-direction: row; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-row:focus { flex-direction: row; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-row:active { flex-direction: row; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-row:disabled { flex-direction: row; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-col { flex-direction: column; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-col:hover { flex-direction: column; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-col:focus { flex-direction: column; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-col:active { flex-direction: column; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-col:disabled { flex-direction: column; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-row-reverse { flex-direction: row-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-row-reverse:active { flex-direction: row-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-col-reverse { flex-direction: column-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-col-reverse:active { flex-direction: column-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-wrap { flex-wrap: wrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-wrap:hover { flex-wrap: wrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-wrap:focus { flex-wrap: wrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-wrap:active { flex-wrap: wrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-wrap:disabled { flex-wrap: wrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-nowrap { flex-wrap: nowrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-nowrap:hover { flex-wrap: nowrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-nowrap:focus { flex-wrap: nowrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-nowrap:active { flex-wrap: nowrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-wrap-reverse { flex-wrap: wrap-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-1 { flex: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-1:hover { flex: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-1:focus { flex: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-1:active { flex: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-1:disabled { flex: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-auto { flex: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-auto:hover { flex: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-auto:focus { flex: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-auto:active { flex: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-auto:disabled { flex: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-initial { flex: initial; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-initial:hover { flex: initial; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-initial:focus { flex: initial; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-initial:active { flex: initial; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-initial:disabled { flex: initial; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-none { flex: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-none:hover { flex: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-none:focus { flex: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-none:active { flex: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-none:disabled { flex: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-grow-0 { flex-grow: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-grow-0:hover { flex-grow: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-grow-0:focus { flex-grow: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-grow-0:active { flex-grow: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-grow-0:disabled { flex-grow: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-grow-1 { flex-grow: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-grow-1:hover { flex-grow: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-grow-1:focus { flex-grow: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-grow-1:active { flex-grow: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-grow-1:disabled { flex-grow: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-shrink-0 { flex-shrink: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-shrink-0:hover { flex-shrink: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-shrink-0:focus { flex-shrink: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-shrink-0:active { flex-shrink: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-flex-shrink-1 { flex-shrink: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-flex-shrink-1:hover { flex-shrink: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-flex-shrink-1:focus { flex-shrink: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-flex-shrink-1:active { flex-shrink: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-auto { overflow: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-auto:hover { overflow: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-auto:focus { overflow: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-auto:active { overflow: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-auto:disabled { overflow: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-hidden { overflow: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-hidden:hover { overflow: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-hidden:focus { overflow: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-hidden:active { overflow: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-hidden:disabled { overflow: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-visible { overflow: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-visible:hover { overflow: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-visible:focus { overflow: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-visible:active { overflow: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-visible:disabled { overflow: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-scroll { overflow: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-scroll:hover { overflow: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-scroll:focus { overflow: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-scroll:active { overflow: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-scroll:disabled { overflow: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-x-auto { overflow-x: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-x-auto:hover { overflow-x: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-x-auto:focus { overflow-x: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-x-auto:active { overflow-x: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-x-auto:disabled { overflow-x: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-x-hidden { overflow-x: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-x-hidden:hover { overflow-x: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-x-hidden:focus { overflow-x: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-x-hidden:active { overflow-x: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-x-visible { overflow-x: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-x-visible:hover { overflow-x: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-x-visible:focus { overflow-x: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-x-visible:active { overflow-x: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-x-visible:disabled { overflow-x: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-x-scroll { overflow-x: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-x-scroll:hover { overflow-x: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-x-scroll:focus { overflow-x: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-x-scroll:active { overflow-x: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-y-auto { overflow-y: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-y-auto:hover { overflow-y: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-y-auto:focus { overflow-y: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-y-auto:active { overflow-y: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-y-auto:disabled { overflow-y: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-y-hidden { overflow-y: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-y-hidden:hover { overflow-y: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-y-hidden:focus { overflow-y: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-y-hidden:active { overflow-y: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-y-visible { overflow-y: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-y-visible:hover { overflow-y: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-y-visible:focus { overflow-y: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-y-visible:active { overflow-y: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-y-visible:disabled { overflow-y: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-overflow-y-scroll { overflow-y: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-overflow-y-scroll:hover { overflow-y: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-overflow-y-scroll:focus { overflow-y: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-overflow-y-scroll:active { overflow-y: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-visible { visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-visible:hover { visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-visible:focus { visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-visible:active { visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-visible:disabled { visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hidden { visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-hidden:hover { visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-hidden:focus { visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-hidden:active { visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-hidden:disabled { visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clear-left { clear: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clear-left:hover { clear: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clear-left:focus { clear: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clear-left:active { clear: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clear-left:disabled { clear: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clear-right { clear: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clear-right:hover { clear: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clear-right:focus { clear: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clear-right:active { clear: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clear-right:disabled { clear: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clear-both { clear: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clear-both:hover { clear: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clear-both:focus { clear: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clear-both:active { clear: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clear-both:disabled { clear: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-float-left { float: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-float-left:hover { float: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-float-left:focus { float: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-float-left:active { float: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-float-left:disabled { float: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-float-right { float: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-float-right:hover { float: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-float-right:focus { float: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-float-right:active { float: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-float-right:disabled { float: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-float-none { float: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-float-none:hover { float: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-float-none:focus { float: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-float-none:active { float: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-float-none:disabled { float: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-auto { width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-auto:hover { width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-auto:focus { width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-auto:active { width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-auto:disabled { width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-full { width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-full:hover { width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-full:focus { width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-full:active { width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-full:disabled { width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-fit { width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-fit:hover { width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-fit:focus { width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-fit:active { width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-fit:disabled { width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-max { width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-max:hover { width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-max:focus { width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-max:active { width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-max:disabled { width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-min { width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-min:hover { width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-min:focus { width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-min:active { width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-min:disabled { width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-stretch { width: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-stretch:hover { width: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-stretch:focus { width: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-stretch:active { width: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-stretch:disabled { width: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-10p { width: 10%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-10p:hover { width: 10%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-10p:focus { width: 10%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-10p:active { width: 10%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-10p:disabled { width: 10%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-20p { width: 20%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-20p:hover { width: 20%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-20p:focus { width: 20%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-20p:active { width: 20%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-20p:disabled { width: 20%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-25p { width: 25%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-25p:hover { width: 25%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-25p:focus { width: 25%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-25p:active { width: 25%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-25p:disabled { width: 25%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-30p { width: 30%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-30p:hover { width: 30%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-30p:focus { width: 30%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-30p:active { width: 30%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-30p:disabled { width: 30%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-33p { width: 33.3333%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-33p:hover { width: 33.3333%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-33p:focus { width: 33.3333%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-33p:active { width: 33.3333%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-33p:disabled { width: 33.3333%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-40p { width: 40%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-40p:hover { width: 40%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-40p:focus { width: 40%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-40p:active { width: 40%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-40p:disabled { width: 40%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-50p { width: 50%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-50p:hover { width: 50%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-50p:focus { width: 50%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-50p:active { width: 50%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-50p:disabled { width: 50%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-60p { width: 60%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-60p:hover { width: 60%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-60p:focus { width: 60%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-60p:active { width: 60%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-60p:disabled { width: 60%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-66p { width: 66.6667%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-66p:hover { width: 66.6667%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-66p:focus { width: 66.6667%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-66p:active { width: 66.6667%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-66p:disabled { width: 66.6667%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-70p { width: 70%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-70p:hover { width: 70%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-70p:focus { width: 70%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-70p:active { width: 70%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-70p:disabled { width: 70%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-75p { width: 75%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-75p:hover { width: 75%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-75p:focus { width: 75%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-75p:active { width: 75%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-75p:disabled { width: 75%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-80p { width: 80%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-80p:hover { width: 80%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-80p:focus { width: 80%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-80p:active { width: 80%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-80p:disabled { width: 80%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-90p { width: 90%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-90p:hover { width: 90%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-90p:focus { width: 90%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-90p:active { width: 90%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-90p:disabled { width: 90%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-100p { width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-100p:hover { width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-100p:focus { width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-100p:active { width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-100p:disabled { width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-10vw { width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-10vw:hover { width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-10vw:focus { width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-10vw:active { width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-10vw:disabled { width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-20vw { width: 20vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-20vw:hover { width: 20vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-20vw:focus { width: 20vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-20vw:active { width: 20vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-20vw:disabled { width: 20vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-30vw { width: 30vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-30vw:hover { width: 30vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-30vw:focus { width: 30vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-30vw:active { width: 30vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-30vw:disabled { width: 30vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-40vw { width: 40vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-40vw:hover { width: 40vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-40vw:focus { width: 40vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-40vw:active { width: 40vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-40vw:disabled { width: 40vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-50vw { width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-50vw:hover { width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-50vw:focus { width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-50vw:active { width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-50vw:disabled { width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-60vw { width: 60vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-60vw:hover { width: 60vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-60vw:focus { width: 60vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-60vw:active { width: 60vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-60vw:disabled { width: 60vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-70vw { width: 70vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-70vw:hover { width: 70vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-70vw:focus { width: 70vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-70vw:active { width: 70vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-70vw:disabled { width: 70vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-80vw { width: 80vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-80vw:hover { width: 80vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-80vw:focus { width: 80vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-80vw:active { width: 80vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-80vw:disabled { width: 80vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-90vw { width: 90vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-90vw:hover { width: 90vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-90vw:focus { width: 90vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-90vw:active { width: 90vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-90vw:disabled { width: 90vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-100vw { width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-100vw:hover { width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-100vw:focus { width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-100vw:active { width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-100vw:disabled { width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-lvw { width: 100lvw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-lvw:hover { width: 100lvw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-lvw:focus { width: 100lvw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-lvw:active { width: 100lvw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-lvw:disabled { width: 100lvw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-svw { width: 100svw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-svw:hover { width: 100svw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-svw:focus { width: 100svw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-svw:active { width: 100svw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-svw:disabled { width: 100svw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-mvw { width: 100mvw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-mvw:hover { width: 100mvw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-mvw:focus { width: 100mvw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-mvw:active { width: 100mvw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-mvw:disabled { width: 100mvw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-vmin { width: 100vmin; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-vmin:hover { width: 100vmin; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-vmin:focus { width: 100vmin; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-vmin:active { width: 100vmin; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-vmin:disabled { width: 100vmin; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-w-vmax { width: 100vmax; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-w-vmax:hover { width: 100vmax; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-w-vmax:focus { width: 100vmax; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-w-vmax:active { width: 100vmax; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-w-vmax:disabled { width: 100vmax; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-auto { height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-auto:hover { height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-auto:focus { height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-auto:active { height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-auto:disabled { height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-full { height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-full:hover { height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-full:focus { height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-full:active { height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-full:disabled { height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-fit { height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-fit:hover { height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-fit:focus { height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-fit:active { height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-fit:disabled { height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-max { height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-max:hover { height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-max:focus { height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-max:active { height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-max:disabled { height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-min { height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-min:hover { height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-min:focus { height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-min:active { height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-min:disabled { height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-stretch { height: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-stretch:hover { height: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-stretch:focus { height: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-stretch:active { height: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-stretch:disabled { height: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-10p { height: 10%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-10p:hover { height: 10%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-10p:focus { height: 10%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-10p:active { height: 10%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-10p:disabled { height: 10%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-20p { height: 20%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-20p:hover { height: 20%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-20p:focus { height: 20%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-20p:active { height: 20%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-20p:disabled { height: 20%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-25p { height: 25%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-25p:hover { height: 25%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-25p:focus { height: 25%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-25p:active { height: 25%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-25p:disabled { height: 25%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-30p { height: 30%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-30p:hover { height: 30%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-30p:focus { height: 30%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-30p:active { height: 30%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-30p:disabled { height: 30%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-33p { height: 33.3333%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-33p:hover { height: 33.3333%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-33p:focus { height: 33.3333%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-33p:active { height: 33.3333%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-33p:disabled { height: 33.3333%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-40p { height: 40%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-40p:hover { height: 40%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-40p:focus { height: 40%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-40p:active { height: 40%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-40p:disabled { height: 40%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-50p { height: 50%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-50p:hover { height: 50%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-50p:focus { height: 50%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-50p:active { height: 50%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-50p:disabled { height: 50%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-60p { height: 60%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-60p:hover { height: 60%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-60p:focus { height: 60%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-60p:active { height: 60%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-60p:disabled { height: 60%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-66p { height: 66.6667%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-66p:hover { height: 66.6667%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-66p:focus { height: 66.6667%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-66p:active { height: 66.6667%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-66p:disabled { height: 66.6667%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-70p { height: 70%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-70p:hover { height: 70%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-70p:focus { height: 70%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-70p:active { height: 70%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-70p:disabled { height: 70%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-75p { height: 75%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-75p:hover { height: 75%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-75p:focus { height: 75%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-75p:active { height: 75%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-75p:disabled { height: 75%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-80p { height: 80%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-80p:hover { height: 80%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-80p:focus { height: 80%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-80p:active { height: 80%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-80p:disabled { height: 80%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-90p { height: 90%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-90p:hover { height: 90%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-90p:focus { height: 90%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-90p:active { height: 90%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-90p:disabled { height: 90%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-100p { height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-100p:hover { height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-100p:focus { height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-100p:active { height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-100p:disabled { height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-10vh { height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-10vh:hover { height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-10vh:focus { height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-10vh:active { height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-10vh:disabled { height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-20vh { height: 20vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-20vh:hover { height: 20vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-20vh:focus { height: 20vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-20vh:active { height: 20vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-20vh:disabled { height: 20vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-30vh { height: 30vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-30vh:hover { height: 30vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-30vh:focus { height: 30vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-30vh:active { height: 30vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-30vh:disabled { height: 30vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-40vh { height: 40vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-40vh:hover { height: 40vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-40vh:focus { height: 40vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-40vh:active { height: 40vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-40vh:disabled { height: 40vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-50vh { height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-50vh:hover { height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-50vh:focus { height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-50vh:active { height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-50vh:disabled { height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-60vh { height: 60vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-60vh:hover { height: 60vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-60vh:focus { height: 60vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-60vh:active { height: 60vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-60vh:disabled { height: 60vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-70vh { height: 70vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-70vh:hover { height: 70vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-70vh:focus { height: 70vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-70vh:active { height: 70vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-70vh:disabled { height: 70vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-80vh { height: 80vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-80vh:hover { height: 80vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-80vh:focus { height: 80vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-80vh:active { height: 80vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-80vh:disabled { height: 80vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-90vh { height: 90vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-90vh:hover { height: 90vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-90vh:focus { height: 90vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-90vh:active { height: 90vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-90vh:disabled { height: 90vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-100vh { height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-100vh:hover { height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-100vh:focus { height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-100vh:active { height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-100vh:disabled { height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-lvh { height: 100lvh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-lvh:hover { height: 100lvh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-lvh:focus { height: 100lvh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-lvh:active { height: 100lvh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-lvh:disabled { height: 100lvh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-svh { height: 100svh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-svh:hover { height: 100svh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-svh:focus { height: 100svh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-svh:active { height: 100svh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-svh:disabled { height: 100svh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-mvh { height: 100mvh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-mvh:hover { height: 100mvh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-mvh:focus { height: 100mvh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-mvh:active { height: 100mvh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-mvh:disabled { height: 100mvh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-vmin { height: 100vmin; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-vmin:hover { height: 100vmin; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-vmin:focus { height: 100vmin; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-vmin:active { height: 100vmin; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-vmin:disabled { height: 100vmin; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-h-vmax { height: 100vmax; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-h-vmax:hover { height: 100vmax; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-h-vmax:focus { height: 100vmax; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-h-vmax:active { height: 100vmax; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-h-vmax:disabled { height: 100vmax; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-w-auto { min-width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-w-auto:hover { min-width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-w-auto:focus { min-width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-w-auto:active { min-width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-w-auto:disabled { min-width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-w-full { min-width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-w-full:hover { min-width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-w-full:focus { min-width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-w-full:active { min-width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-w-full:disabled { min-width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-w-fit { min-width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-w-fit:hover { min-width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-w-fit:focus { min-width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-w-fit:active { min-width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-w-fit:disabled { min-width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-w-max { min-width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-w-max:hover { min-width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-w-max:focus { min-width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-w-max:active { min-width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-w-max:disabled { min-width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-w-min { min-width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-w-min:hover { min-width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-w-min:focus { min-width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-w-min:active { min-width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-w-min:disabled { min-width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-w-10vw { min-width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-w-10vw:hover { min-width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-w-10vw:focus { min-width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-w-10vw:active { min-width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-w-10vw:disabled { min-width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-w-50vw { min-width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-w-50vw:hover { min-width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-w-50vw:focus { min-width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-w-50vw:active { min-width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-w-50vw:disabled { min-width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-w-100vw { min-width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-w-100vw:hover { min-width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-w-100vw:focus { min-width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-w-100vw:active { min-width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-w-100vw:disabled { min-width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-w-auto { max-width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-w-auto:hover { max-width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-w-auto:focus { max-width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-w-auto:active { max-width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-w-auto:disabled { max-width: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-w-full { max-width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-w-full:hover { max-width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-w-full:focus { max-width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-w-full:active { max-width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-w-full:disabled { max-width: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-w-fit { max-width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-w-fit:hover { max-width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-w-fit:focus { max-width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-w-fit:active { max-width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-w-fit:disabled { max-width: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-w-max { max-width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-w-max:hover { max-width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-w-max:focus { max-width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-w-max:active { max-width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-w-max:disabled { max-width: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-w-min { max-width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-w-min:hover { max-width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-w-min:focus { max-width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-w-min:active { max-width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-w-min:disabled { max-width: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-w-10vw { max-width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-w-10vw:hover { max-width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-w-10vw:focus { max-width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-w-10vw:active { max-width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-w-10vw:disabled { max-width: 10vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-w-50vw { max-width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-w-50vw:hover { max-width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-w-50vw:focus { max-width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-w-50vw:active { max-width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-w-50vw:disabled { max-width: 50vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-w-100vw { max-width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-w-100vw:hover { max-width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-w-100vw:focus { max-width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-w-100vw:active { max-width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-w-100vw:disabled { max-width: 100vw; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-h-auto { min-height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-h-auto:hover { min-height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-h-auto:focus { min-height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-h-auto:active { min-height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-h-auto:disabled { min-height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-h-full { min-height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-h-full:hover { min-height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-h-full:focus { min-height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-h-full:active { min-height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-h-full:disabled { min-height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-h-fit { min-height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-h-fit:hover { min-height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-h-fit:focus { min-height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-h-fit:active { min-height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-h-fit:disabled { min-height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-h-max { min-height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-h-max:hover { min-height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-h-max:focus { min-height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-h-max:active { min-height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-h-max:disabled { min-height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-h-min { min-height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-h-min:hover { min-height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-h-min:focus { min-height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-h-min:active { min-height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-h-min:disabled { min-height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-h-10vh { min-height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-h-10vh:hover { min-height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-h-10vh:focus { min-height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-h-10vh:active { min-height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-h-10vh:disabled { min-height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-h-50vh { min-height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-h-50vh:hover { min-height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-h-50vh:focus { min-height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-h-50vh:active { min-height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-h-50vh:disabled { min-height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-min-h-100vh { min-height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-min-h-100vh:hover { min-height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-min-h-100vh:focus { min-height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-min-h-100vh:active { min-height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-min-h-100vh:disabled { min-height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-h-auto { max-height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-h-auto:hover { max-height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-h-auto:focus { max-height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-h-auto:active { max-height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-h-auto:disabled { max-height: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-h-full { max-height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-h-full:hover { max-height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-h-full:focus { max-height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-h-full:active { max-height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-h-full:disabled { max-height: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-h-fit { max-height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-h-fit:hover { max-height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-h-fit:focus { max-height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-h-fit:active { max-height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-h-fit:disabled { max-height: fit-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-h-max { max-height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-h-max:hover { max-height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-h-max:focus { max-height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-h-max:active { max-height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-h-max:disabled { max-height: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-h-min { max-height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-h-min:hover { max-height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-h-min:focus { max-height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-h-min:active { max-height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-h-min:disabled { max-height: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-h-10vh { max-height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-h-10vh:hover { max-height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-h-10vh:focus { max-height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-h-10vh:active { max-height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-h-10vh:disabled { max-height: 10vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-h-50vh { max-height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-h-50vh:hover { max-height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-h-50vh:focus { max-height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-h-50vh:active { max-height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-h-50vh:disabled { max-height: 50vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-max-h-100vh { max-height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-max-h-100vh:hover { max-height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-max-h-100vh:focus { max-height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-max-h-100vh:active { max-height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-max-h-100vh:disabled { max-height: 100vh; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-auto { font-size: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-auto:hover { font-size: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-auto:focus { font-size: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-auto:active { font-size: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-auto:disabled { font-size: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-0 { font-size: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-0:hover { font-size: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-0:focus { font-size: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-0:active { font-size: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-0:disabled { font-size: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-1 { font-size: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-1:hover { font-size: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-1:focus { font-size: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-1:active { font-size: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-1:disabled { font-size: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-2 { font-size: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-2:hover { font-size: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-2:focus { font-size: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-2:active { font-size: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-2:disabled { font-size: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-3 { font-size: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-3:hover { font-size: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-3:focus { font-size: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-3:active { font-size: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-3:disabled { font-size: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-4 { font-size: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-4:hover { font-size: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-4:focus { font-size: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-4:active { font-size: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-4:disabled { font-size: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-5 { font-size: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-5:hover { font-size: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-5:focus { font-size: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-5:active { font-size: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-5:disabled { font-size: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-6 { font-size: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-6:hover { font-size: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-6:focus { font-size: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-6:active { font-size: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-6:disabled { font-size: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-7 { font-size: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-7:hover { font-size: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-7:focus { font-size: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-7:active { font-size: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-7:disabled { font-size: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-8 { font-size: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-8:hover { font-size: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-8:focus { font-size: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-8:active { font-size: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-8:disabled { font-size: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-9 { font-size: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-9:hover { font-size: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-9:focus { font-size: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-9:active { font-size: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-9:disabled { font-size: 2.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-10 { font-size: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-10:hover { font-size: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-10:focus { font-size: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-10:active { font-size: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-10:disabled { font-size: 2.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-12 { font-size: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-12:hover { font-size: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-12:focus { font-size: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-12:active { font-size: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-12:disabled { font-size: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-14 { font-size: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-14:hover { font-size: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-14:focus { font-size: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-14:active { font-size: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-14:disabled { font-size: 3.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-16 { font-size: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-16:hover { font-size: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-16:focus { font-size: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-16:active { font-size: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-16:disabled { font-size: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-18 { font-size: 4.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-18:hover { font-size: 4.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-18:focus { font-size: 4.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-18:active { font-size: 4.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-18:disabled { font-size: 4.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-20 { font-size: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-20:hover { font-size: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-20:focus { font-size: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-20:active { font-size: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-20:disabled { font-size: 5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-24 { font-size: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-24:hover { font-size: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-24:focus { font-size: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-24:active { font-size: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-24:disabled { font-size: 6rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-28 { font-size: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-28:hover { font-size: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-28:focus { font-size: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-28:active { font-size: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-28:disabled { font-size: 7rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-size-32 { font-size: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-size-32:hover { font-size: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-size-32:focus { font-size: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-size-32:active { font-size: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-size-32:disabled { font-size: 8rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-weight-normal { font-weight: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-weight-normal:hover { font-weight: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-weight-normal:focus { font-weight: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-weight-normal:active { font-weight: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-weight-normal:disabled { font-weight: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-weight-light { font-weight: 300; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-weight-light:hover { font-weight: 300; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-weight-light:focus { font-weight: 300; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-weight-light:active { font-weight: 300; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-weight-light:disabled { font-weight: 300; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-weight-medium { font-weight: 500; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-weight-medium:hover { font-weight: 500; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-weight-medium:focus { font-weight: 500; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-weight-medium:active { font-weight: 500; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-weight-medium:disabled { font-weight: 500; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-weight-bold { font-weight: 700; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-weight-bold:hover { font-weight: 700; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-weight-bold:focus { font-weight: 700; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-weight-bold:active { font-weight: 700; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-weight-bold:disabled { font-weight: 700; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-font-weight-bolder { font-weight: bolder; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-font-weight-bolder:hover { font-weight: bolder; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-font-weight-bolder:focus { font-weight: bolder; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-font-weight-bolder:active { font-weight: bolder; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-font-weight-bolder:disabled { font-weight: bolder; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-height-1 { line-height: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-height-1:hover { line-height: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-height-1:focus { line-height: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-height-1:active { line-height: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-height-1:disabled { line-height: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-height-2 { line-height: 1.25; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-height-2:hover { line-height: 1.25; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-height-2:focus { line-height: 1.25; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-height-2:active { line-height: 1.25; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-height-2:disabled { line-height: 1.25; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-height-3 { line-height: 1.375; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-height-3:hover { line-height: 1.375; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-height-3:focus { line-height: 1.375; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-height-3:active { line-height: 1.375; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-height-3:disabled { line-height: 1.375; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-height-4 { line-height: 1.5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-height-4:hover { line-height: 1.5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-height-4:focus { line-height: 1.5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-height-4:active { line-height: 1.5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-height-4:disabled { line-height: 1.5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-height-5 { line-height: 1.625; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-height-5:hover { line-height: 1.625; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-height-5:focus { line-height: 1.625; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-height-5:active { line-height: 1.625; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-height-5:disabled { line-height: 1.625; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-height-6 { line-height: 1.75; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-height-6:hover { line-height: 1.75; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-height-6:focus { line-height: 1.75; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-height-6:active { line-height: 1.75; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-height-6:disabled { line-height: 1.75; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-height-7 { line-height: 2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-height-7:hover { line-height: 2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-height-7:focus { line-height: 2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-height-7:active { line-height: 2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-height-7:disabled { line-height: 2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-left { text-align: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-left:hover { text-align: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-left:focus { text-align: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-left:active { text-align: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-left:disabled { text-align: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-center { text-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-center:hover { text-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-center:focus { text-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-center:active { text-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-center:disabled { text-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-right { text-align: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-right:hover { text-align: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-right:focus { text-align: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-right:active { text-align: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-right:disabled { text-align: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-justify { text-align: justify; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-justify:hover { text-align: justify; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-justify:focus { text-align: justify; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-justify:active { text-align: justify; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-justify:disabled { text-align: justify; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-justify-start { justify-content: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-justify-start:hover { justify-content: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-justify-start:focus { justify-content: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-justify-start:active { justify-content: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-justify-start:disabled { justify-content: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-justify-center { justify-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-justify-center:hover { justify-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-justify-center:focus { justify-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-justify-center:active { justify-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-justify-center:disabled { justify-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-justify-end { justify-content: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-justify-end:hover { justify-content: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-justify-end:focus { justify-content: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-justify-end:active { justify-content: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-justify-end:disabled { justify-content: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-justify-between { justify-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-justify-between:hover { justify-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-justify-between:focus { justify-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-justify-between:active { justify-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-justify-between:disabled { justify-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-justify-around { justify-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-justify-around:hover { justify-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-justify-around:focus { justify-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-justify-around:active { justify-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-justify-around:disabled { justify-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-justify-evenly { justify-content: space-evenly; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-justify-evenly:hover { justify-content: space-evenly; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-justify-evenly:focus { justify-content: space-evenly; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-justify-evenly:active { justify-content: space-evenly; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-justify-evenly:disabled { justify-content: space-evenly; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-items-start { align-items: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-items-start:hover { align-items: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-items-start:focus { align-items: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-items-start:active { align-items: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-items-start:disabled { align-items: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-items-center { align-items: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-items-center:hover { align-items: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-items-center:focus { align-items: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-items-center:active { align-items: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-items-center:disabled { align-items: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-items-end { align-items: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-items-end:hover { align-items: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-items-end:focus { align-items: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-items-end:active { align-items: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-items-end:disabled { align-items: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-items-baseline { align-items: baseline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-items-baseline:hover { align-items: baseline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-items-baseline:focus { align-items: baseline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-items-baseline:active { align-items: baseline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-items-baseline:disabled { align-items: baseline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-items-stretch { align-items: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-items-stretch:hover { align-items: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-items-stretch:focus { align-items: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-items-stretch:active { align-items: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-items-stretch:disabled { align-items: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-content-start { align-content: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-content-start:hover { align-content: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-content-start:focus { align-content: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-content-start:active { align-content: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-content-start:disabled { align-content: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-content-center { align-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-content-center:hover { align-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-content-center:focus { align-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-content-center:active { align-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-content-center:disabled { align-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-content-end { align-content: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-content-end:hover { align-content: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-content-end:focus { align-content: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-content-end:active { align-content: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-content-end:disabled { align-content: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-content-between { align-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-content-between:hover { align-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-content-between:focus { align-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-content-between:active { align-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-content-between:disabled { align-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-content-around { align-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-content-around:hover { align-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-content-around:focus { align-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-content-around:active { align-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-content-around:disabled { align-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-content-evenly { align-content: space-evenly; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-content-evenly:hover { align-content: space-evenly; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-content-evenly:focus { align-content: space-evenly; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-content-evenly:active { align-content: space-evenly; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-content-evenly:disabled { align-content: space-evenly; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-self-auto { align-self: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-self-auto:hover { align-self: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-self-auto:focus { align-self: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-self-auto:active { align-self: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-self-auto:disabled { align-self: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-self-start { align-self: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-self-start:hover { align-self: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-self-start:focus { align-self: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-self-start:active { align-self: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-self-start:disabled { align-self: flex-start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-self-center { align-self: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-self-center:hover { align-self: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-self-center:focus { align-self: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-self-center:active { align-self: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-self-center:disabled { align-self: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-self-end { align-self: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-self-end:hover { align-self: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-self-end:focus { align-self: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-self-end:active { align-self: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-self-end:disabled { align-self: flex-end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-self-stretch { align-self: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-self-stretch:hover { align-self: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-self-stretch:focus { align-self: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-self-stretch:active { align-self: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-self-stretch:disabled { align-self: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-items-start { place-items: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-items-start:hover { place-items: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-items-start:focus { place-items: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-items-start:active { place-items: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-items-start:disabled { place-items: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-items-center { place-items: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-items-center:hover { place-items: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-items-center:focus { place-items: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-items-center:active { place-items: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-items-center:disabled { place-items: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-items-end { place-items: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-items-end:hover { place-items: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-items-end:focus { place-items: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-items-end:active { place-items: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-items-end:disabled { place-items: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-items-stretch { place-items: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-items-stretch:hover { place-items: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-items-stretch:focus { place-items: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-items-stretch:active { place-items: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-items-stretch:disabled { place-items: stretch; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-content-start { place-content: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-content-start:hover { place-content: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-content-start:focus { place-content: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-content-start:active { place-content: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-content-start:disabled { place-content: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-content-center { place-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-content-center:hover { place-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-content-center:focus { place-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-content-center:active { place-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-content-center:disabled { place-content: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-content-end { place-content: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-content-end:hover { place-content: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-content-end:focus { place-content: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-content-end:active { place-content: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-content-end:disabled { place-content: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-content-between { place-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-content-between:hover { place-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-content-between:focus { place-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-content-between:active { place-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-content-between:disabled { place-content: space-between; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-content-around { place-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-content-around:hover { place-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-content-around:focus { place-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-content-around:active { place-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-content-around:disabled { place-content: space-around; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-self-auto { place-self: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-self-auto:hover { place-self: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-self-auto:focus { place-self: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-self-auto:active { place-self: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-self-auto:disabled { place-self: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-self-start { place-self: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-self-start:hover { place-self: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-self-start:focus { place-self: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-self-start:active { place-self: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-self-start:disabled { place-self: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-self-center { place-self: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-self-center:hover { place-self: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-self-center:focus { place-self: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-self-center:active { place-self: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-self-center:disabled { place-self: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-place-self-end { place-self: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-place-self-end:hover { place-self: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-place-self-end:focus { place-self: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-place-self-end:active { place-self: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-place-self-end:disabled { place-self: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-uppercase { text-transform: uppercase; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-uppercase:hover { text-transform: uppercase; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-uppercase:focus { text-transform: uppercase; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-uppercase:active { text-transform: uppercase; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-uppercase:disabled { text-transform: uppercase; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lowercase { text-transform: lowercase; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lowercase:hover { text-transform: lowercase; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lowercase:focus { text-transform: lowercase; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lowercase:active { text-transform: lowercase; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lowercase:disabled { text-transform: lowercase; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-capitalize { text-transform: capitalize; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-capitalize:hover { text-transform: capitalize; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-capitalize:focus { text-transform: capitalize; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-capitalize:active { text-transform: capitalize; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-capitalize:disabled { text-transform: capitalize; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-tracking-tight { letter-spacing: -0.05em; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-tracking-tight:hover { letter-spacing: -0.05em; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-tracking-tight:focus { letter-spacing: -0.05em; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-tracking-tight:active { letter-spacing: -0.05em; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-tracking-normal { letter-spacing: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-tracking-normal:hover { letter-spacing: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-tracking-normal:focus { letter-spacing: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-tracking-normal:active { letter-spacing: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-tracking-normal:disabled { letter-spacing: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-tracking-wide { letter-spacing: 0.05em; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-tracking-wide:hover { letter-spacing: 0.05em; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-tracking-wide:focus { letter-spacing: 0.05em; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-tracking-wide:active { letter-spacing: 0.05em; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-underline { text-decoration: underline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-underline:hover { text-decoration: underline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-underline:focus { text-decoration: underline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-underline:active { text-decoration: underline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-underline:disabled { text-decoration: underline; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-through { text-decoration: line-through; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-through:hover { text-decoration: line-through; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-through:focus { text-decoration: line-through; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-through:active { text-decoration: line-through; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-through:disabled { text-decoration: line-through; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-no-underline { text-decoration: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-no-underline:hover { text-decoration: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-no-underline:focus { text-decoration: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-no-underline:active { text-decoration: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-no-underline:disabled { text-decoration: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-black { color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-black:hover { color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-black:focus { color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-black:active { color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-black:disabled { color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-white { color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-white:hover { color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-white:focus { color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-white:active { color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-white:disabled { color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-red-50 { color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-red-50:hover { color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-red-50:focus { color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-red-50:active { color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-red-100 { color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-red-100:hover { color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-red-100:focus { color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-red-100:active { color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-red-200 { color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-red-200:hover { color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-red-200:focus { color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-red-200:active { color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-red-300 { color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-red-300:hover { color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-red-300:focus { color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-red-300:active { color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-red-400 { color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-red-400:hover { color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-red-400:focus { color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-red-400:active { color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-red-500 { color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-red-500:hover { color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-red-500:focus { color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-red-500:active { color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-red-600 { color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-red-600:hover { color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-red-600:focus { color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-red-600:active { color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-red-700 { color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-red-700:hover { color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-red-700:focus { color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-red-700:active { color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-red-800 { color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-red-800:hover { color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-red-800:focus { color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-red-800:active { color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-red-900 { color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-red-900:hover { color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-red-900:focus { color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-red-900:active { color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-orange-50 { color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-orange-50:active { color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-orange-100 { color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-orange-100:active { color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-orange-200 { color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-orange-200:active { color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-orange-300 { color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-orange-300:active { color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-orange-400 { color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-orange-400:active { color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-orange-500 { color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-orange-500:active { color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-orange-600 { color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-orange-600:active { color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-orange-700 { color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-orange-700:active { color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-orange-800 { color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-orange-800:active { color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-orange-900 { color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-orange-900:active { color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-teal-50 { color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-teal-50:active { color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-teal-100 { color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-teal-100:active { color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-teal-200 { color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-teal-200:active { color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-teal-300 { color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-teal-300:active { color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-teal-400 { color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-teal-400:active { color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-teal-500 { color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-teal-500:active { color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-teal-600 { color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-teal-600:active { color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-teal-700 { color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-teal-700:active { color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-teal-800 { color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-teal-800:active { color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-teal-900 { color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-teal-900:active { color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-purple-50 { color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-purple-50:active { color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-purple-100 { color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-purple-100:active { color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-purple-200 { color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-purple-200:active { color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-purple-300 { color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-purple-300:active { color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-purple-400 { color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-purple-400:active { color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-purple-500 { color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-purple-500:active { color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-purple-600 { color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-purple-600:active { color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-purple-700 { color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-purple-700:active { color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-purple-800 { color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-purple-800:active { color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-purple-900 { color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-purple-900:active { color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-indigo-50 { color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-indigo-100 { color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-indigo-200 { color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-indigo-300 { color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-indigo-400 { color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-indigo-500 { color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-indigo-600 { color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-indigo-700 { color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-indigo-800 { color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-indigo-900 { color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-yellow-50 { color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-yellow-100 { color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-yellow-200 { color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-yellow-300 { color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-yellow-400 { color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-yellow-500 { color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-yellow-600 { color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-yellow-700 { color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-yellow-800 { color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-yellow-900 { color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-pink-50 { color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-pink-50:active { color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-pink-100 { color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-pink-100:active { color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-pink-200 { color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-pink-200:active { color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-pink-300 { color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-pink-300:active { color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-pink-400 { color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-pink-400:active { color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-pink-500 { color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-pink-500:active { color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-pink-600 { color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-pink-600:active { color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-pink-700 { color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-pink-700:active { color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-pink-800 { color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-pink-800:active { color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-pink-900 { color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-pink-900:active { color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-grey-50 { color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-grey-50:active { color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-grey-100 { color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-grey-100:active { color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-grey-200 { color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-grey-200:active { color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-grey-300 { color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-grey-300:active { color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-grey-400 { color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-grey-400:active { color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-grey-500 { color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-grey-500:active { color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-grey-600 { color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-grey-600:active { color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-grey-700 { color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-grey-700:active { color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-grey-800 { color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-grey-800:active { color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-grey-900 { color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-grey-900:active { color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lime-50 { color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lime-50:active { color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lime-100 { color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lime-100:active { color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lime-200 { color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lime-200:active { color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lime-300 { color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lime-300:active { color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lime-400 { color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lime-400:active { color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lime-500 { color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lime-500:active { color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lime-600 { color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lime-600:active { color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lime-700 { color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lime-700:active { color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lime-800 { color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lime-800:active { color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-lime-900 { color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-lime-900:active { color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-cyan-50 { color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-cyan-100 { color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-cyan-200 { color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-cyan-300 { color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-cyan-400 { color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-cyan-500 { color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-cyan-600 { color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-cyan-700 { color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-cyan-800 { color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-cyan-900 { color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-sky-50 { color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-sky-50:active { color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-sky-100 { color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-sky-100:active { color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-sky-200 { color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-sky-200:active { color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-sky-300 { color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-sky-300:active { color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-sky-400 { color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-sky-400:active { color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-sky-500 { color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-sky-500:active { color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-sky-600 { color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-sky-600:active { color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-sky-700 { color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-sky-700:active { color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-sky-800 { color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-sky-800:active { color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-sky-900 { color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-sky-900:active { color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-violet-50 { color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-violet-50:active { color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-violet-100 { color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-violet-100:active { color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-violet-200 { color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-violet-200:active { color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-violet-300 { color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-violet-300:active { color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-violet-400 { color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-violet-400:active { color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-violet-500 { color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-violet-500:active { color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-violet-600 { color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-violet-600:active { color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-violet-700 { color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-violet-700:active { color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-violet-800 { color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-violet-800:active { color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-violet-900 { color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-violet-900:active { color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-rose-50 { color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-rose-50:active { color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-rose-100 { color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-rose-100:active { color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-rose-200 { color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-rose-200:active { color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-rose-300 { color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-rose-300:active { color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-rose-400 { color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-rose-400:active { color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-rose-500 { color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-rose-500:active { color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-rose-600 { color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-rose-600:active { color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-rose-700 { color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-rose-700:active { color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-rose-800 { color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-rose-800:active { color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-rose-900 { color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-rose-900:active { color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-slate-50 { color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-slate-50:active { color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-slate-100 { color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-slate-100:active { color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-slate-200 { color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-slate-200:active { color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-slate-300 { color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-slate-300:active { color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-slate-400 { color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-slate-400:active { color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-slate-500 { color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-slate-500:active { color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-slate-600 { color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-slate-600:active { color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-slate-700 { color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-slate-700:active { color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-slate-800 { color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-slate-800:active { color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-slate-900 { color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-slate-900:active { color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-blue-50 { color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-blue-50:active { color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-blue-100 { color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-blue-100:active { color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-blue-200 { color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-blue-200:active { color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-blue-300 { color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-blue-300:active { color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-blue-400 { color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-blue-400:active { color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-blue-500 { color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-blue-500:active { color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-blue-600 { color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-blue-600:active { color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-blue-700 { color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-blue-700:active { color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-blue-800 { color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-blue-800:active { color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-blue-900 { color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-blue-900:active { color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-green-50 { color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-green-50:hover { color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-green-50:focus { color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-green-50:active { color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-green-100 { color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-green-100:hover { color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-green-100:focus { color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-green-100:active { color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-green-200 { color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-green-200:hover { color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-green-200:focus { color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-green-200:active { color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-green-300 { color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-green-300:hover { color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-green-300:focus { color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-green-300:active { color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-green-400 { color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-green-400:hover { color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-green-400:focus { color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-green-400:active { color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-green-500 { color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-green-500:hover { color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-green-500:focus { color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-green-500:active { color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-green-600 { color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-green-600:hover { color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-green-600:focus { color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-green-600:active { color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-green-700 { color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-green-700:hover { color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-green-700:focus { color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-green-700:active { color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-green-800 { color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-green-800:hover { color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-green-800:focus { color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-green-800:active { color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-green-900 { color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-green-900:hover { color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-green-900:focus { color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-green-900:active { color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-red-50 { background-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-red-50:active { background-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-red-100 { background-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-red-100:active { background-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-red-200 { background-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-red-200:active { background-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-red-300 { background-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-red-300:active { background-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-red-400 { background-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-red-400:active { background-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-red-500 { background-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-red-500:active { background-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-red-600 { background-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-red-600:active { background-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-red-700 { background-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-red-700:active { background-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-red-800 { background-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-red-800:active { background-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-red-900 { background-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-red-900:active { background-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-orange-50 { background-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-orange-100 { background-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-orange-200 { background-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-orange-300 { background-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-orange-400 { background-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-orange-500 { background-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-orange-600 { background-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-orange-700 { background-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-orange-800 { background-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-orange-900 { background-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-teal-50 { background-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-teal-100 { background-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-teal-200 { background-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-teal-300 { background-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-teal-400 { background-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-teal-500 { background-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-teal-600 { background-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-teal-700 { background-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-teal-800 { background-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-teal-900 { background-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-purple-50 { background-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-purple-100 { background-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-purple-200 { background-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-purple-300 { background-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-purple-400 { background-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-purple-500 { background-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-purple-600 { background-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-purple-700 { background-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-purple-800 { background-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-purple-900 { background-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-pink-50 { background-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-pink-100 { background-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-pink-200 { background-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-pink-300 { background-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-pink-400 { background-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-pink-500 { background-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-pink-600 { background-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-pink-700 { background-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-pink-800 { background-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-pink-900 { background-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-grey-50 { background-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-grey-100 { background-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-grey-200 { background-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-grey-300 { background-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-grey-400 { background-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-grey-500 { background-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-grey-600 { background-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-grey-700 { background-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-grey-800 { background-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-grey-900 { background-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-lime-50 { background-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-lime-100 { background-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-lime-200 { background-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-lime-300 { background-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-lime-400 { background-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-lime-500 { background-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-lime-600 { background-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-lime-700 { background-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-lime-800 { background-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-lime-900 { background-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-sky-50 { background-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-sky-100 { background-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-sky-200 { background-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-sky-300 { background-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-sky-400 { background-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-sky-500 { background-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-sky-600 { background-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-sky-700 { background-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-sky-800 { background-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-sky-900 { background-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-violet-50 { background-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-violet-100 { background-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-violet-200 { background-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-violet-300 { background-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-violet-400 { background-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-violet-500 { background-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-violet-600 { background-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-violet-700 { background-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-violet-800 { background-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-violet-900 { background-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-rose-50 { background-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-rose-100 { background-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-rose-200 { background-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-rose-300 { background-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-rose-400 { background-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-rose-500 { background-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-rose-600 { background-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-rose-700 { background-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-rose-800 { background-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-rose-900 { background-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-slate-50 { background-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-slate-100 { background-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-slate-200 { background-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-slate-300 { background-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-slate-400 { background-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-slate-500 { background-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-slate-600 { background-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-slate-700 { background-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-slate-800 { background-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-slate-900 { background-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blue-50 { background-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blue-100 { background-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blue-200 { background-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blue-300 { background-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blue-400 { background-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blue-500 { background-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blue-600 { background-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blue-700 { background-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blue-800 { background-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blue-900 { background-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-green-50 { background-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-green-50:active { background-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-green-100 { background-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-green-100:active { background-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-green-200 { background-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-green-200:active { background-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-green-300 { background-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-green-300:active { background-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-green-400 { background-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-green-400:active { background-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-green-500 { background-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-green-500:active { background-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-green-600 { background-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-green-600:active { background-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-green-700 { background-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-green-700:active { background-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-green-800 { background-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-green-800:active { background-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-green-900 { background-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-green-900:active { background-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-black { background-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-black:hover { background-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-black:focus { background-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-black:active { background-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-black:disabled { background-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-white { background-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-white:hover { background-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-white:focus { background-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-white:active { background-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-white:disabled { background-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-red-50 { border-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-red-50:active { border-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-red-100 { border-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-red-100:active { border-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-red-200 { border-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-red-200:active { border-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-red-300 { border-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-red-300:active { border-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-red-400 { border-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-red-400:active { border-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-red-500 { border-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-red-500:active { border-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-red-600 { border-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-red-600:active { border-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-red-700 { border-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-red-700:active { border-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-red-800 { border-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-red-800:active { border-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-red-900 { border-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-red-900:active { border-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-orange-50 { border-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-orange-100 { border-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-orange-200 { border-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-orange-300 { border-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-orange-400 { border-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-orange-500 { border-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-orange-600 { border-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-orange-700 { border-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-orange-800 { border-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-orange-900 { border-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-teal-50 { border-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-teal-100 { border-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-teal-200 { border-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-teal-300 { border-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-teal-400 { border-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-teal-500 { border-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-teal-600 { border-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-teal-700 { border-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-teal-800 { border-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-teal-900 { border-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-purple-50 { border-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-purple-100 { border-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-purple-200 { border-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-purple-300 { border-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-purple-400 { border-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-purple-500 { border-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-purple-600 { border-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-purple-700 { border-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-purple-800 { border-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-purple-900 { border-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-indigo-50 { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-indigo-100 { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-indigo-200 { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-indigo-300 { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-indigo-400 { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-indigo-500 { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-indigo-600 { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-indigo-700 { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-indigo-800 { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-indigo-900 { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-yellow-50 { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-yellow-100 { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-yellow-200 { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-yellow-300 { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-yellow-400 { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-yellow-500 { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-yellow-600 { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-yellow-700 { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-yellow-800 { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-yellow-900 { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-pink-50 { border-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-pink-100 { border-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-pink-200 { border-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-pink-300 { border-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-pink-400 { border-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-pink-500 { border-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-pink-600 { border-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-pink-700 { border-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-pink-800 { border-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-pink-900 { border-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-grey-50 { border-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-grey-100 { border-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-grey-200 { border-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-grey-300 { border-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-grey-400 { border-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-grey-500 { border-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-grey-600 { border-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-grey-700 { border-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-grey-800 { border-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-grey-900 { border-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-lime-50 { border-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-lime-100 { border-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-lime-200 { border-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-lime-300 { border-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-lime-400 { border-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-lime-500 { border-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-lime-600 { border-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-lime-700 { border-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-lime-800 { border-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-lime-900 { border-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-cyan-50 { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-cyan-100 { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-cyan-200 { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-cyan-300 { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-cyan-400 { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-cyan-500 { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-cyan-600 { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-cyan-700 { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-cyan-800 { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-cyan-900 { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-sky-50 { border-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-sky-100 { border-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-sky-200 { border-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-sky-300 { border-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-sky-400 { border-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-sky-500 { border-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-sky-600 { border-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-sky-700 { border-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-sky-800 { border-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-sky-900 { border-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-violet-50 { border-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-violet-100 { border-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-violet-200 { border-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-violet-300 { border-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-violet-400 { border-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-violet-500 { border-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-violet-600 { border-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-violet-700 { border-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-violet-800 { border-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-violet-900 { border-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-rose-50 { border-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-rose-100 { border-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-rose-200 { border-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-rose-300 { border-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-rose-400 { border-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-rose-500 { border-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-rose-600 { border-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-rose-700 { border-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-rose-800 { border-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-rose-900 { border-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-slate-50 { border-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-slate-100 { border-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-slate-200 { border-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-slate-300 { border-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-slate-400 { border-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-slate-500 { border-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-slate-600 { border-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-slate-700 { border-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-slate-800 { border-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-slate-900 { border-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-blue-50 { border-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-blue-100 { border-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-blue-200 { border-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-blue-300 { border-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-blue-400 { border-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-blue-500 { border-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-blue-600 { border-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-blue-700 { border-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-blue-800 { border-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-blue-900 { border-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-green-50 { border-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-green-50:active { border-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-green-100 { border-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-green-100:active { border-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-green-200 { border-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-green-200:active { border-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-green-300 { border-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-green-300:active { border-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-green-400 { border-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-green-400:active { border-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-green-500 { border-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-green-500:active { border-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-green-600 { border-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-green-600:active { border-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-green-700 { border-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-green-700:active { border-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-green-800 { border-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-green-800:active { border-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-green-900 { border-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-green-900:active { border-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-black { border-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-black:hover { border-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-black:focus { border-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-black:active { border-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-black:disabled { border-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-white { border-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-white:hover { border-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-white:focus { border-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-white:active { border-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-white:disabled { border-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-0 { border-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-0:hover { border-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-0:focus { border-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-0:active { border-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-0:disabled { border-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-0 { border-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-0:hover { border-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-0:focus { border-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-0:active { border-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-0:disabled { border-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-0 { border-top-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-0:hover { border-top-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-0:focus { border-top-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-0:active { border-top-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-0 { border-right-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-0:hover { border-right-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-0:focus { border-right-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-0:active { border-right-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-0 { border-bottom-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-0:active { border-bottom-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-0 { border-left-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-0:hover { border-left-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-0:focus { border-left-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-0:active { border-left-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-1 { border-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-1:hover { border-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-1:focus { border-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-1:active { border-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-1:disabled { border-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-1 { border-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-1:hover { border-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-1:focus { border-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-1:active { border-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-1:disabled { border-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-1 { border-top-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-1:hover { border-top-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-1:focus { border-top-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-1:active { border-top-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-1 { border-right-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-1:hover { border-right-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-1:focus { border-right-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-1:active { border-right-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-1 { border-bottom-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-1:active { border-bottom-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-1 { border-left-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-1:hover { border-left-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-1:focus { border-left-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-1:active { border-left-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-2 { border-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-2:hover { border-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-2:focus { border-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-2:active { border-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-2:disabled { border-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-2 { border-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-2:hover { border-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-2:focus { border-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-2:active { border-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-2:disabled { border-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-2 { border-top-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-2:hover { border-top-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-2:focus { border-top-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-2:active { border-top-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-2 { border-right-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-2:hover { border-right-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-2:focus { border-right-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-2:active { border-right-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-2 { border-bottom-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-2:active { border-bottom-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-2 { border-left-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-2:hover { border-left-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-2:focus { border-left-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-2:active { border-left-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-3 { border-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-3:hover { border-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-3:focus { border-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-3:active { border-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-3:disabled { border-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-3 { border-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-3:hover { border-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-3:focus { border-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-3:active { border-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-3:disabled { border-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-3 { border-top-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-3:hover { border-top-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-3:focus { border-top-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-3:active { border-top-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-3 { border-right-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-3:hover { border-right-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-3:focus { border-right-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-3:active { border-right-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-3 { border-bottom-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-3:active { border-bottom-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-3 { border-left-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-3:hover { border-left-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-3:focus { border-left-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-3:active { border-left-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-4 { border-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-4:hover { border-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-4:focus { border-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-4:active { border-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-4:disabled { border-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-4 { border-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-4:hover { border-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-4:focus { border-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-4:active { border-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-4:disabled { border-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-4 { border-top-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-4:hover { border-top-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-4:focus { border-top-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-4:active { border-top-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-4 { border-right-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-4:hover { border-right-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-4:focus { border-right-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-4:active { border-right-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-4 { border-bottom-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-4:active { border-bottom-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-4 { border-left-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-4:hover { border-left-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-4:focus { border-left-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-4:active { border-left-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-5 { border-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-5:hover { border-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-5:focus { border-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-5:active { border-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-5:disabled { border-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-5 { border-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-5:hover { border-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-5:focus { border-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-5:active { border-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-5:disabled { border-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-5 { border-top-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-5:hover { border-top-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-5:focus { border-top-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-5:active { border-top-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-5 { border-right-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-5:hover { border-right-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-5:focus { border-right-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-5:active { border-right-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-5 { border-bottom-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-5:active { border-bottom-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-5 { border-left-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-5:hover { border-left-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-5:focus { border-left-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-5:active { border-left-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-6 { border-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-6:hover { border-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-6:focus { border-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-6:active { border-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-6:disabled { border-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-6 { border-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-6:hover { border-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-6:focus { border-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-6:active { border-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-6:disabled { border-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-6 { border-top-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-6:hover { border-top-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-6:focus { border-top-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-6:active { border-top-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-6 { border-right-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-6:hover { border-right-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-6:focus { border-right-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-6:active { border-right-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-6 { border-bottom-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-6:active { border-bottom-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-6 { border-left-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-6:hover { border-left-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-6:focus { border-left-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-6:active { border-left-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-7 { border-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-7:hover { border-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-7:focus { border-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-7:active { border-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-7:disabled { border-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-7 { border-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-7:hover { border-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-7:focus { border-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-7:active { border-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-7:disabled { border-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-7 { border-top-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-7:hover { border-top-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-7:focus { border-top-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-7:active { border-top-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-7 { border-right-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-7:hover { border-right-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-7:focus { border-right-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-7:active { border-right-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-7 { border-bottom-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-7:active { border-bottom-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-7 { border-left-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-7:hover { border-left-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-7:focus { border-left-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-7:active { border-left-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-8 { border-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-8:hover { border-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-8:focus { border-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-8:active { border-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-8:disabled { border-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-8 { border-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-8:hover { border-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-8:focus { border-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-8:active { border-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-8:disabled { border-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-8 { border-top-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-8:hover { border-top-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-8:focus { border-top-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-8:active { border-top-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-8 { border-right-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-8:hover { border-right-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-8:focus { border-right-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-8:active { border-right-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-8 { border-bottom-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-8:active { border-bottom-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-8 { border-left-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-8:hover { border-left-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-8:focus { border-left-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-8:active { border-left-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-9 { border-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-9:hover { border-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-9:focus { border-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-9:active { border-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-9:disabled { border-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-9 { border-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-9:hover { border-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-9:focus { border-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-9:active { border-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-9:disabled { border-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-9 { border-top-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-9:hover { border-top-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-9:focus { border-top-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-9:active { border-top-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-9 { border-right-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-9:hover { border-right-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-9:focus { border-right-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-9:active { border-right-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-9 { border-bottom-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-9:active { border-bottom-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-9 { border-left-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-9:hover { border-left-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-9:focus { border-left-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-9:active { border-left-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-10 { border-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-10:hover { border-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-10:focus { border-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-10:active { border-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-10:disabled { border-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-10 { border-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-10:hover { border-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-10:focus { border-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-10:active { border-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-10:disabled { border-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-10 { border-top-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-10:hover { border-top-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-10:focus { border-top-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-10:active { border-top-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-10 { border-right-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-10:hover { border-right-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-10:focus { border-right-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-10:active { border-right-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-10 { border-bottom-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-10:active { border-bottom-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-10 { border-left-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-10:hover { border-left-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-10:focus { border-left-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-10:active { border-left-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-11 { border-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-11:hover { border-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-11:focus { border-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-11:active { border-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-11:disabled { border-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-11 { border-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-11:hover { border-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-11:focus { border-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-11:active { border-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-11:disabled { border-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-11 { border-top-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-11:hover { border-top-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-11:focus { border-top-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-11:active { border-top-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-11 { border-right-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-11:hover { border-right-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-11:focus { border-right-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-11:active { border-right-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-11 { border-bottom-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-11:active { border-bottom-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-11 { border-left-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-11:hover { border-left-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-11:focus { border-left-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-11:active { border-left-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-12 { border-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-12:hover { border-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-12:focus { border-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-12:active { border-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-12:disabled { border-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-12 { border-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-12:hover { border-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-12:focus { border-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-12:active { border-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-12:disabled { border-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-12 { border-top-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-12:hover { border-top-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-12:focus { border-top-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-12:active { border-top-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-12 { border-right-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-12:hover { border-right-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-12:focus { border-right-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-12:active { border-right-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-12 { border-bottom-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-12:active { border-bottom-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-12 { border-left-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-12:hover { border-left-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-12:focus { border-left-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-12:active { border-left-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-13 { border-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-13:hover { border-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-13:focus { border-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-13:active { border-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-13:disabled { border-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-13 { border-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-13:hover { border-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-13:focus { border-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-13:active { border-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-13:disabled { border-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-13 { border-top-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-13:hover { border-top-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-13:focus { border-top-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-13:active { border-top-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-13 { border-right-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-13:hover { border-right-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-13:focus { border-right-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-13:active { border-right-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-13 { border-bottom-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-13:active { border-bottom-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-13 { border-left-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-13:hover { border-left-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-13:focus { border-left-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-13:active { border-left-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-14 { border-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-14:hover { border-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-14:focus { border-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-14:active { border-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-14:disabled { border-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-14 { border-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-14:hover { border-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-14:focus { border-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-14:active { border-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-14:disabled { border-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-14 { border-top-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-14:hover { border-top-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-14:focus { border-top-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-14:active { border-top-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-14 { border-right-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-14:hover { border-right-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-14:focus { border-right-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-14:active { border-right-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-14 { border-bottom-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-14:active { border-bottom-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-14 { border-left-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-14:hover { border-left-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-14:focus { border-left-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-14:active { border-left-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-15 { border-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-15:hover { border-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-15:focus { border-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-15:active { border-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-15:disabled { border-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-15 { border-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-15:hover { border-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-15:focus { border-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-15:active { border-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-15:disabled { border-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-15 { border-top-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-15:hover { border-top-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-15:focus { border-top-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-15:active { border-top-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-15 { border-right-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-15:hover { border-right-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-15:focus { border-right-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-15:active { border-right-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-15 { border-bottom-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-15:active { border-bottom-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-15 { border-left-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-15:hover { border-left-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-15:focus { border-left-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-15:active { border-left-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-16 { border-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-16:hover { border-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-16:focus { border-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-16:active { border-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-16:disabled { border-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-16 { border-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-16:hover { border-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-16:focus { border-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-16:active { border-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-16:disabled { border-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-16 { border-top-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-16:hover { border-top-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-16:focus { border-top-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-16:active { border-top-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-16 { border-right-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-16:hover { border-right-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-16:focus { border-right-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-16:active { border-right-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-16 { border-bottom-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-16:active { border-bottom-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-16 { border-left-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-16:hover { border-left-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-16:focus { border-left-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-16:active { border-left-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-17 { border-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-17:hover { border-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-17:focus { border-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-17:active { border-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-17:disabled { border-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-17 { border-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-17:hover { border-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-17:focus { border-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-17:active { border-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-17:disabled { border-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-17 { border-top-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-17:hover { border-top-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-17:focus { border-top-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-17:active { border-top-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-17 { border-right-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-17:hover { border-right-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-17:focus { border-right-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-17:active { border-right-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-17 { border-bottom-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-17:active { border-bottom-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-17 { border-left-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-17:hover { border-left-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-17:focus { border-left-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-17:active { border-left-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-18 { border-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-18:hover { border-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-18:focus { border-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-18:active { border-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-18:disabled { border-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-18 { border-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-18:hover { border-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-18:focus { border-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-18:active { border-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-18:disabled { border-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-18 { border-top-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-18:hover { border-top-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-18:focus { border-top-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-18:active { border-top-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-18 { border-right-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-18:hover { border-right-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-18:focus { border-right-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-18:active { border-right-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-18 { border-bottom-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-18:active { border-bottom-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-18 { border-left-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-18:hover { border-left-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-18:focus { border-left-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-18:active { border-left-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-19 { border-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-19:hover { border-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-19:focus { border-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-19:active { border-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-19:disabled { border-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-19 { border-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-19:hover { border-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-19:focus { border-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-19:active { border-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-19:disabled { border-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-19 { border-top-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-19:hover { border-top-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-19:focus { border-top-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-19:active { border-top-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-19 { border-right-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-19:hover { border-right-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-19:focus { border-right-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-19:active { border-right-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-19 { border-bottom-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-19:active { border-bottom-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-19 { border-left-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-19:hover { border-left-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-19:focus { border-left-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-19:active { border-left-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-20 { border-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-20:hover { border-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-20:focus { border-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-20:active { border-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-20:disabled { border-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-20 { border-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-20:hover { border-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-20:focus { border-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-20:active { border-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-20:disabled { border-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-20 { border-top-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-20:hover { border-top-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-20:focus { border-top-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-20:active { border-top-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-20 { border-right-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-20:hover { border-right-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-20:focus { border-right-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-20:active { border-right-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-20 { border-bottom-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-20:active { border-bottom-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-20 { border-left-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-20:hover { border-left-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-20:focus { border-left-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-20:active { border-left-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-21 { border-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-21:hover { border-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-21:focus { border-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-21:active { border-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-21:disabled { border-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-21 { border-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-21:hover { border-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-21:focus { border-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-21:active { border-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-21:disabled { border-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-21 { border-top-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-21:hover { border-top-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-21:focus { border-top-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-21:active { border-top-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-21 { border-right-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-21:hover { border-right-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-21:focus { border-right-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-21:active { border-right-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-21 { border-bottom-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-21:active { border-bottom-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-21 { border-left-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-21:hover { border-left-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-21:focus { border-left-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-21:active { border-left-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-22 { border-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-22:hover { border-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-22:focus { border-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-22:active { border-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-22:disabled { border-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-22 { border-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-22:hover { border-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-22:focus { border-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-22:active { border-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-22:disabled { border-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-22 { border-top-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-22:hover { border-top-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-22:focus { border-top-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-22:active { border-top-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-22 { border-right-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-22:hover { border-right-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-22:focus { border-right-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-22:active { border-right-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-22 { border-bottom-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-22:active { border-bottom-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-22 { border-left-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-22:hover { border-left-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-22:focus { border-left-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-22:active { border-left-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-23 { border-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-23:hover { border-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-23:focus { border-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-23:active { border-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-23:disabled { border-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-23 { border-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-23:hover { border-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-23:focus { border-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-23:active { border-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-23:disabled { border-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-23 { border-top-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-23:hover { border-top-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-23:focus { border-top-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-23:active { border-top-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-23 { border-right-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-23:hover { border-right-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-23:focus { border-right-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-23:active { border-right-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-23 { border-bottom-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-23:active { border-bottom-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-23 { border-left-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-23:hover { border-left-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-23:focus { border-left-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-23:active { border-left-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-24 { border-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-24:hover { border-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-24:focus { border-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-24:active { border-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-24:disabled { border-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-24 { border-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-24:hover { border-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-24:focus { border-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-24:active { border-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-24:disabled { border-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-24 { border-top-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-24:hover { border-top-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-24:focus { border-top-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-24:active { border-top-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-24 { border-right-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-24:hover { border-right-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-24:focus { border-right-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-24:active { border-right-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-24 { border-bottom-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-24:active { border-bottom-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-24 { border-left-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-24:hover { border-left-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-24:focus { border-left-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-24:active { border-left-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-25 { border-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-25:hover { border-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-25:focus { border-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-25:active { border-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-25:disabled { border-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-25 { border-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-25:hover { border-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-25:focus { border-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-25:active { border-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-25:disabled { border-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-25 { border-top-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-25:hover { border-top-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-25:focus { border-top-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-25:active { border-top-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-25 { border-right-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-25:hover { border-right-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-25:focus { border-right-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-25:active { border-right-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-25 { border-bottom-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-25:active { border-bottom-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-25 { border-left-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-25:hover { border-left-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-25:focus { border-left-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-25:active { border-left-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-26 { border-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-26:hover { border-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-26:focus { border-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-26:active { border-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-26:disabled { border-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-26 { border-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-26:hover { border-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-26:focus { border-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-26:active { border-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-26:disabled { border-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-26 { border-top-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-26:hover { border-top-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-26:focus { border-top-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-26:active { border-top-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-26 { border-right-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-26:hover { border-right-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-26:focus { border-right-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-26:active { border-right-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-26 { border-bottom-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-26:active { border-bottom-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-26 { border-left-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-26:hover { border-left-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-26:focus { border-left-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-26:active { border-left-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-27 { border-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-27:hover { border-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-27:focus { border-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-27:active { border-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-27:disabled { border-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-27 { border-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-27:hover { border-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-27:focus { border-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-27:active { border-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-27:disabled { border-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-27 { border-top-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-27:hover { border-top-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-27:focus { border-top-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-27:active { border-top-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-27 { border-right-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-27:hover { border-right-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-27:focus { border-right-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-27:active { border-right-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-27 { border-bottom-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-27:active { border-bottom-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-27 { border-left-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-27:hover { border-left-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-27:focus { border-left-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-27:active { border-left-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-28 { border-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-28:hover { border-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-28:focus { border-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-28:active { border-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-28:disabled { border-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-28 { border-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-28:hover { border-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-28:focus { border-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-28:active { border-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-28:disabled { border-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-28 { border-top-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-28:hover { border-top-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-28:focus { border-top-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-28:active { border-top-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-28 { border-right-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-28:hover { border-right-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-28:focus { border-right-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-28:active { border-right-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-28 { border-bottom-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-28:active { border-bottom-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-28 { border-left-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-28:hover { border-left-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-28:focus { border-left-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-28:active { border-left-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-29 { border-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-29:hover { border-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-29:focus { border-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-29:active { border-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-29:disabled { border-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-29 { border-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-29:hover { border-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-29:focus { border-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-29:active { border-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-29:disabled { border-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-29 { border-top-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-29:hover { border-top-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-29:focus { border-top-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-29:active { border-top-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-29 { border-right-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-29:hover { border-right-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-29:focus { border-right-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-29:active { border-right-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-29 { border-bottom-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-29:active { border-bottom-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-29 { border-left-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-29:hover { border-left-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-29:focus { border-left-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-29:active { border-left-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-30 { border-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-30:hover { border-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-30:focus { border-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-30:active { border-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-30:disabled { border-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-30 { border-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-30:hover { border-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-30:focus { border-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-30:active { border-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-30:disabled { border-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-30 { border-top-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-30:hover { border-top-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-30:focus { border-top-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-30:active { border-top-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-30 { border-right-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-30:hover { border-right-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-30:focus { border-right-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-30:active { border-right-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-30 { border-bottom-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-30:active { border-bottom-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-30 { border-left-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-30:hover { border-left-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-30:focus { border-left-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-30:active { border-left-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-31 { border-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-31:hover { border-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-31:focus { border-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-31:active { border-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-31:disabled { border-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-31 { border-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-31:hover { border-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-31:focus { border-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-31:active { border-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-31:disabled { border-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-31 { border-top-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-31:hover { border-top-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-31:focus { border-top-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-31:active { border-top-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-31 { border-right-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-31:hover { border-right-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-31:focus { border-right-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-31:active { border-right-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-31 { border-bottom-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-31:active { border-bottom-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-31 { border-left-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-31:hover { border-left-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-31:focus { border-left-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-31:active { border-left-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-32 { border-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-32:hover { border-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-32:focus { border-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-32:active { border-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-32:disabled { border-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-32 { border-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-32:hover { border-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-32:focus { border-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-32:active { border-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-32:disabled { border-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-t-32 { border-top-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-t-32:hover { border-top-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-t-32:focus { border-top-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-t-32:active { border-top-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-r-32 { border-right-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-r-32:hover { border-right-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-r-32:focus { border-right-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-r-32:active { border-right-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-b-32 { border-bottom-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-b-32:active { border-bottom-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-l-32 { border-left-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-l-32:hover { border-left-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-l-32:focus { border-left-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-l-32:active { border-left-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-transparent { border-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-transparent:hover { border-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-transparent:focus { border-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-transparent:active { border-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-transparent:disabled { border-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-inherit { border-color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-inherit:hover { border-color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-inherit:focus { border-color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-inherit:active { border-color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-inherit:disabled { border-color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-transparent { background-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-transparent:hover { background-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-transparent:focus { background-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-transparent:active { background-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-transparent:disabled { background-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-inherit { background-color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-inherit:hover { background-color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-inherit:focus { background-color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-inherit:active { background-color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-inherit:disabled { background-color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-transparent { color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-transparent:hover { color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-transparent:focus { color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-transparent:active { color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-transparent:disabled { color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-inherit { color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-inherit:hover { color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-inherit:focus { color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-inherit:active { color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-inherit:disabled { color: inherit; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-solid { border-style: solid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-solid:hover { border-style: solid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-solid:focus { border-style: solid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-solid:active { border-style: solid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-solid:disabled { border-style: solid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-dashed { border-style: dashed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-dashed:hover { border-style: dashed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-dashed:focus { border-style: dashed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-dashed:active { border-style: dashed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-dashed:disabled { border-style: dashed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-dotted { border-style: dotted; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-dotted:hover { border-style: dotted; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-dotted:focus { border-style: dotted; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-dotted:active { border-style: dotted; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-dotted:disabled { border-style: dotted; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-double { border-style: double; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-double:hover { border-style: double; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-double:focus { border-style: double; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-double:active { border-style: double; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-double:disabled { border-style: double; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-none { border-style: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-none:hover { border-style: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-none:focus { border-style: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-none:active { border-style: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-none:disabled { border-style: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-z-auto { z-index: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-z-auto:hover { z-index: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-z-auto:focus { z-index: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-z-auto:active { z-index: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-z-auto:disabled { z-index: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-z-0 { z-index: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-z-0:hover { z-index: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-z-0:focus { z-index: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-z-0:active { z-index: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-z-0:disabled { z-index: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-z-10 { z-index: 10; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-z-10:hover { z-index: 10; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-z-10:focus { z-index: 10; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-z-10:active { z-index: 10; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-z-10:disabled { z-index: 10; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-z-20 { z-index: 20; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-z-20:hover { z-index: 20; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-z-20:focus { z-index: 20; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-z-20:active { z-index: 20; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-z-20:disabled { z-index: 20; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-z-30 { z-index: 30; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-z-30:hover { z-index: 30; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-z-30:focus { z-index: 30; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-z-30:active { z-index: 30; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-z-30:disabled { z-index: 30; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-z-40 { z-index: 40; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-z-40:hover { z-index: 40; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-z-40:focus { z-index: 40; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-z-40:active { z-index: 40; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-z-40:disabled { z-index: 40; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-z-50 { z-index: 50; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-z-50:hover { z-index: 50; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-z-50:focus { z-index: 50; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-z-50:active { z-index: 50; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-z-50:disabled { z-index: 50; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-z-100 { z-index: 100; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-z-100:hover { z-index: 100; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-z-100:focus { z-index: 100; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-z-100:active { z-index: 100; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-z-100:disabled { z-index: 100; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-z-9999 { z-index: 9999; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-z-9999:hover { z-index: 9999; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-z-9999:focus { z-index: 9999; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-z-9999:active { z-index: 9999; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-z-9999:disabled { z-index: 9999; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md--z-10 { z-index: -10; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover--z-10:hover { z-index: -10; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus--z-10:focus { z-index: -10; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active--z-10:active { z-index: -10; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled--z-10:disabled { z-index: -10; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md--z-20 { z-index: -20; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover--z-20:hover { z-index: -20; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus--z-20:focus { z-index: -20; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active--z-20:active { z-index: -20; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled--z-20:disabled { z-index: -20; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md--z-40 { z-index: -40; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover--z-40:hover { z-index: -40; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus--z-40:focus { z-index: -40; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active--z-40:active { z-index: -40; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled--z-40:disabled { z-index: -40; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md--z-50 { z-index: -50; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover--z-50:hover { z-index: -50; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus--z-50:focus { z-index: -50; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active--z-50:active { z-index: -50; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled--z-50:disabled { z-index: -50; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md--z-100 { z-index: -100; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover--z-100:hover { z-index: -100; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus--z-100:focus { z-index: -100; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active--z-100:active { z-index: -100; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled--z-100:disabled { z-index: -100; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-0 { opacity: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-0:hover { opacity: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-0:focus { opacity: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-0:active { opacity: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-0:disabled { opacity: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-10 { opacity: 0.1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-10:hover { opacity: 0.1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-10:focus { opacity: 0.1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-10:active { opacity: 0.1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-10:disabled { opacity: 0.1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-20 { opacity: 0.2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-20:hover { opacity: 0.2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-20:focus { opacity: 0.2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-20:active { opacity: 0.2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-20:disabled { opacity: 0.2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-25 { opacity: 0.25; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-25:hover { opacity: 0.25; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-25:focus { opacity: 0.25; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-25:active { opacity: 0.25; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-25:disabled { opacity: 0.25; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-30 { opacity: 0.3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-30:hover { opacity: 0.3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-30:focus { opacity: 0.3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-30:active { opacity: 0.3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-30:disabled { opacity: 0.3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-40 { opacity: 0.4; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-40:hover { opacity: 0.4; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-40:focus { opacity: 0.4; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-40:active { opacity: 0.4; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-40:disabled { opacity: 0.4; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-50 { opacity: 0.5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-50:hover { opacity: 0.5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-50:focus { opacity: 0.5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-50:active { opacity: 0.5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-50:disabled { opacity: 0.5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-60 { opacity: 0.6; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-60:hover { opacity: 0.6; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-60:focus { opacity: 0.6; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-60:active { opacity: 0.6; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-60:disabled { opacity: 0.6; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-70 { opacity: 0.7; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-70:hover { opacity: 0.7; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-70:focus { opacity: 0.7; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-70:active { opacity: 0.7; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-70:disabled { opacity: 0.7; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-75 { opacity: 0.75; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-75:hover { opacity: 0.75; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-75:focus { opacity: 0.75; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-75:active { opacity: 0.75; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-75:disabled { opacity: 0.75; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-80 { opacity: 0.8; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-80:hover { opacity: 0.8; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-80:focus { opacity: 0.8; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-80:active { opacity: 0.8; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-80:disabled { opacity: 0.8; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-90 { opacity: 0.9; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-90:hover { opacity: 0.9; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-90:focus { opacity: 0.9; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-90:active { opacity: 0.9; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-90:disabled { opacity: 0.9; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-opacity-100 { opacity: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-opacity-100:hover { opacity: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-opacity-100:focus { opacity: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-opacity-100:active { opacity: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-opacity-100:disabled { opacity: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-gradient-l { --quanta-gradient-direction: to left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-gradient-r { --quanta-gradient-direction: to right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-gradient-t { --quanta-gradient-direction: to top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-gradient-b { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-gradient-tl { --quanta-gradient-direction: to top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-gradient-tr { --quanta-gradient-direction: to top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rounded-0 { border-radius: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rounded-0:hover { border-radius: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rounded-0:focus { border-radius: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rounded-0:active { border-radius: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rounded-0:disabled { border-radius: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rounded-xs { border-radius: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rounded-xs:hover { border-radius: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rounded-xs:focus { border-radius: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rounded-xs:active { border-radius: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rounded-sm { border-radius: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rounded-sm:hover { border-radius: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rounded-sm:focus { border-radius: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rounded-sm:active { border-radius: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rounded { border-radius: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rounded:hover { border-radius: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rounded:focus { border-radius: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rounded:active { border-radius: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rounded:disabled { border-radius: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rounded-md { border-radius: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rounded-md:hover { border-radius: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rounded-md:focus { border-radius: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rounded-md:active { border-radius: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rounded-md:disabled { border-radius: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rounded-lg { border-radius: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rounded-lg:hover { border-radius: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rounded-lg:focus { border-radius: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rounded-lg:active { border-radius: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rounded-lg:disabled { border-radius: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rounded-xl { border-radius: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rounded-xl:hover { border-radius: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rounded-xl:focus { border-radius: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rounded-xl:active { border-radius: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rounded-2xl { border-radius: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rounded-2xl:hover { border-radius: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rounded-2xl:focus { border-radius: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rounded-2xl:active { border-radius: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rounded-2xl:disabled { border-radius: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rounded-full { border-radius: 9999px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rounded-full:hover { border-radius: 9999px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rounded-full:focus { border-radius: 9999px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rounded-full:active { border-radius: 9999px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rounded-full:disabled { border-radius: 9999px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rounded-pill { border-radius: 50px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rounded-pill:hover { border-radius: 50px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rounded-pill:focus { border-radius: 50px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rounded-pill:active { border-radius: 50px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rounded-pill:disabled { border-radius: 50px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-none { outline: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-none:hover { outline: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-none:focus { outline: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-none:active { outline: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-none:disabled { outline: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline { outline: 1px solid currentColor; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline:hover { outline: 1px solid currentColor; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline:focus { outline: 1px solid currentColor; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline:active { outline: 1px solid currentColor; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline:disabled { outline: 1px solid currentColor; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-offset-0 { outline-offset: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-offset-0:hover { outline-offset: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-offset-0:focus { outline-offset: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-offset-0:active { outline-offset: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-offset-1 { outline-offset: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-offset-1:active { outline-offset: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-offset-2 { outline-offset: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-offset-2:active { outline-offset: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-offset-3 { outline-offset: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-offset-3:active { outline-offset: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-offset-4 { outline-offset: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-offset-4:hover { outline-offset: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-offset-4:focus { outline-offset: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-offset-4:active { outline-offset: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-offset-8 { outline-offset: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-offset-8:hover { outline-offset: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-offset-8:focus { outline-offset: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-offset-8:active { outline-offset: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-red-50 { outline-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-red-100 { outline-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-red-200 { outline-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-red-300 { outline-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-red-400 { outline-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-red-500 { outline-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-red-600 { outline-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-red-700 { outline-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-red-800 { outline-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-red-900 { outline-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-orange-50 { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-orange-100 { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-orange-200 { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-orange-300 { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-orange-400 { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-orange-500 { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-orange-600 { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-orange-700 { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-orange-800 { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-orange-900 { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-teal-50 { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-teal-100 { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-teal-200 { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-teal-300 { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-teal-400 { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-teal-500 { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-teal-600 { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-teal-700 { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-teal-800 { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-teal-900 { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-purple-50 { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-purple-100 { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-purple-200 { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-purple-300 { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-purple-400 { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-purple-500 { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-purple-600 { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-purple-700 { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-purple-800 { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-purple-900 { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-pink-50 { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-pink-100 { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-pink-200 { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-pink-300 { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-pink-400 { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-pink-500 { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-pink-600 { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-pink-700 { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-pink-800 { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-pink-900 { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-grey-50 { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-grey-100 { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-grey-200 { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-grey-300 { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-grey-400 { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-grey-500 { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-grey-600 { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-grey-700 { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-grey-800 { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-grey-900 { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-lime-50 { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-lime-100 { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-lime-200 { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-lime-300 { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-lime-400 { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-lime-500 { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-lime-600 { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-lime-700 { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-lime-800 { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-lime-900 { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-sky-50 { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-sky-100 { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-sky-200 { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-sky-300 { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-sky-400 { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-sky-500 { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-sky-600 { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-sky-700 { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-sky-800 { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-sky-900 { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-violet-50 { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-violet-100 { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-violet-200 { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-violet-300 { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-violet-400 { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-violet-500 { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-violet-600 { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-violet-700 { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-violet-800 { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-violet-900 { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-rose-50 { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-rose-100 { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-rose-200 { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-rose-300 { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-rose-400 { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-rose-500 { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-rose-600 { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-rose-700 { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-rose-800 { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-rose-900 { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-slate-50 { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-slate-100 { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-slate-200 { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-slate-300 { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-slate-400 { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-slate-500 { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-slate-600 { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-slate-700 { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-slate-800 { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-slate-900 { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-blue-50 { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-blue-100 { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-blue-200 { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-blue-300 { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-blue-400 { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-blue-500 { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-blue-600 { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-blue-700 { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-blue-800 { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-blue-900 { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-green-50 { outline-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-green-100 { outline-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-green-200 { outline-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-green-300 { outline-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-green-400 { outline-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-green-500 { outline-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-green-600 { outline-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-green-700 { outline-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-green-800 { outline-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-green-900 { outline-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-black { outline-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-black:hover { outline-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-black:focus { outline-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-black:active { outline-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-black:disabled { outline-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-white { outline-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-white:hover { outline-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-white:focus { outline-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-white:active { outline-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-white:disabled { outline-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sm { --ring-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sm:hover { --ring-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sm:focus { --ring-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sm:active { --ring-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-md { --ring-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-md:hover { --ring-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-md:focus { --ring-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-md:active { --ring-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-md:disabled { --ring-width: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lg { --ring-width: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lg:hover { --ring-width: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lg:focus { --ring-width: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lg:active { --ring-width: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lg:disabled { --ring-width: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-black { --quanta-ring-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-black:hover { --quanta-ring-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-black:focus { --quanta-ring-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-black:active { --quanta-ring-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-white { --quanta-ring-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-white:hover { --quanta-ring-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-white:focus { --quanta-ring-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-white:active { --quanta-ring-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-black { --shadow-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-black:hover { --shadow-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-black:focus { --shadow-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-black:active { --shadow-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-color-white { --shadow-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-color-white:hover { --shadow-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-color-white:focus { --shadow-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-color-white:active { --shadow-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-black { --quanta-from-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-black:active { --quanta-from-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-from-white { --quanta-from-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-from-white:active { --quanta-from-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-black { --quanta-to-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-black:active { --quanta-to-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-gradient-to-white { --quanta-to-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-gradient-to-white:active { --quanta-to-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-all { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-all:active { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-bg { transition-property: background-color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-bg:hover { transition-property: background-color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-bg:focus { transition-property: background-color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-bg:active { transition-property: background-color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-bg:disabled { transition-property: background-color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-color { transition-property: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-color:hover { transition-property: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-color:focus { transition-property: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-color:active { transition-property: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-color:disabled { transition-property: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-opacity { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-transform { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-shadow { transition-property: shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-shadow:hover { transition-property: shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-shadow:focus { transition-property: shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-shadow:active { transition-property: shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-shadow:disabled { transition-property: shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-border { transition-property: border; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-border:hover { transition-property: border; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-border:focus { transition-property: border; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-border:active { transition-property: border; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-border:disabled { transition-property: border; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-100 { transition-duration: 100ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-100:hover { transition-duration: 100ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-100:focus { transition-duration: 100ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-100:active { transition-duration: 100ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-100:disabled { transition-duration: 100ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-200 { transition-duration: 200ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-200:hover { transition-duration: 200ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-200:focus { transition-duration: 200ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-200:active { transition-duration: 200ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-200:disabled { transition-duration: 200ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-linear { transition-timing-function: ease-linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-linear:hover { transition-timing-function: ease-linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-linear:focus { transition-timing-function: ease-linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-linear:active { transition-timing-function: ease-linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-in { transition-timing-function: ease-in; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-in:hover { transition-timing-function: ease-in; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-in:focus { transition-timing-function: ease-in; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-in:active { transition-timing-function: ease-in; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-in:disabled { transition-timing-function: ease-in; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-out { transition-timing-function: ease-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-out:hover { transition-timing-function: ease-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-out:focus { transition-timing-function: ease-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-out:active { transition-timing-function: ease-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-out:disabled { transition-timing-function: ease-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-in-out { transition-timing-function: ease-in-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-in-out:active { transition-timing-function: ease-in-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-0 { transform: translateX(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-0:hover { transform: translateX(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-0:focus { transform: translateX(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-0:active { transform: translateX(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-0:disabled { transform: translateX(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-0 { transform: translateY(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-0:hover { transform: translateY(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-0:focus { transform: translateY(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-0:active { transform: translateY(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-0:disabled { transform: translateY(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-0_25 { transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-0_25:active { transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-0_25 { transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-0_25:active { transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-0_5 { transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-0_5:active { transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-0_5 { transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-0_5:active { transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-1 { transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-1:hover { transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-1:focus { transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-1:active { transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-1:disabled { transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-1 { transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-1:hover { transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-1:focus { transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-1:active { transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-1:disabled { transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-1_5 { transform: translateX(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-1_5:active { transform: translateX(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-1_5 { transform: translateY(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-1_5:active { transform: translateY(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-2 { transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-2:hover { transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-2:focus { transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-2:active { transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-2:disabled { transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-2 { transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-2:hover { transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-2:focus { transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-2:active { transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-2:disabled { transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-3 { transform: translateX(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-3:hover { transform: translateX(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-3:focus { transform: translateX(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-3:active { transform: translateX(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-3:disabled { transform: translateX(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-3 { transform: translateY(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-3:hover { transform: translateY(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-3:focus { transform: translateY(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-3:active { transform: translateY(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-3:disabled { transform: translateY(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-4 { transform: translateX(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-4:hover { transform: translateX(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-4:focus { transform: translateX(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-4:active { transform: translateX(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-4:disabled { transform: translateX(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-4 { transform: translateY(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-4:hover { transform: translateY(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-4:focus { transform: translateY(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-4:active { transform: translateY(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-4:disabled { transform: translateY(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-5 { transform: translateX(5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-5:hover { transform: translateX(5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-5:focus { transform: translateX(5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-5:active { transform: translateX(5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-5:disabled { transform: translateX(5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-5 { transform: translateY(5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-5:hover { transform: translateY(5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-5:focus { transform: translateY(5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-5:active { transform: translateY(5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-5:disabled { transform: translateY(5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-6 { transform: translateX(6rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-6:hover { transform: translateX(6rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-6:focus { transform: translateX(6rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-6:active { transform: translateX(6rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-6:disabled { transform: translateX(6rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-6 { transform: translateY(6rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-6:hover { transform: translateY(6rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-6:focus { transform: translateY(6rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-6:active { transform: translateY(6rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-6:disabled { transform: translateY(6rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-8 { transform: translateX(8rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-8:hover { transform: translateX(8rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-8:focus { transform: translateX(8rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-8:active { transform: translateX(8rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-8:disabled { transform: translateX(8rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-8 { transform: translateY(8rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-8:hover { transform: translateY(8rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-8:focus { transform: translateY(8rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-8:active { transform: translateY(8rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-8:disabled { transform: translateY(8rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-10 { transform: translateX(10rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-10:hover { transform: translateX(10rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-10:focus { transform: translateX(10rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-10:active { transform: translateX(10rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-10:disabled { transform: translateX(10rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-10 { transform: translateY(10rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-10:hover { transform: translateY(10rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-10:focus { transform: translateY(10rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-10:active { transform: translateY(10rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-10:disabled { transform: translateY(10rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-12 { transform: translateX(12rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-12:hover { transform: translateX(12rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-12:focus { transform: translateX(12rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-12:active { transform: translateX(12rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-12:disabled { transform: translateX(12rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-12 { transform: translateY(12rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-12:hover { transform: translateY(12rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-12:focus { transform: translateY(12rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-12:active { transform: translateY(12rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-12:disabled { transform: translateY(12rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-16 { transform: translateX(16rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-16:hover { transform: translateX(16rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-16:focus { transform: translateX(16rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-16:active { transform: translateX(16rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-16:disabled { transform: translateX(16rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-16 { transform: translateY(16rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-16:hover { transform: translateY(16rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-16:focus { transform: translateY(16rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-16:active { transform: translateY(16rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-16:disabled { transform: translateY(16rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-20 { transform: translateX(20rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-20:hover { transform: translateX(20rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-20:focus { transform: translateX(20rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-20:active { transform: translateX(20rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-20:disabled { transform: translateX(20rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-20 { transform: translateY(20rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-20:hover { transform: translateY(20rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-20:focus { transform: translateY(20rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-20:active { transform: translateY(20rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-20:disabled { transform: translateY(20rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-24 { transform: translateX(24rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-24:hover { transform: translateX(24rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-24:focus { transform: translateX(24rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-24:active { transform: translateX(24rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-24:disabled { transform: translateX(24rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-24 { transform: translateY(24rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-24:hover { transform: translateY(24rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-24:focus { transform: translateY(24rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-24:active { transform: translateY(24rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-24:disabled { transform: translateY(24rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-32 { transform: translateX(32rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-32:hover { transform: translateX(32rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-32:focus { transform: translateX(32rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-32:active { transform: translateX(32rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-32:disabled { transform: translateX(32rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-32 { transform: translateY(32rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-32:hover { transform: translateY(32rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-32:focus { transform: translateY(32rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-32:active { transform: translateY(32rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-32:disabled { transform: translateY(32rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-0 { transform: scale(0.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-0:hover { transform: scale(0.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-0:focus { transform: scale(0.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-0:active { transform: scale(0.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-0:disabled { transform: scale(0.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-50 { transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-50:hover { transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-50:focus { transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-50:active { transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-50:disabled { transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-75 { transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-75:hover { transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-75:focus { transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-75:active { transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-75:disabled { transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-90 { transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-90:hover { transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-90:focus { transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-90:active { transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-90:disabled { transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-95 { transform: scale(0.95); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-95:hover { transform: scale(0.95); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-95:focus { transform: scale(0.95); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-95:active { transform: scale(0.95); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-95:disabled { transform: scale(0.95); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-100 { transform: scale(1.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-100:hover { transform: scale(1.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-100:focus { transform: scale(1.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-100:active { transform: scale(1.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-100:disabled { transform: scale(1.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-105 { transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-105:hover { transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-105:focus { transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-105:active { transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-105:disabled { transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-110 { transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-110:hover { transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-110:focus { transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-110:active { transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-110:disabled { transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-125 { transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-125:hover { transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-125:focus { transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-125:active { transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-125:disabled { transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-150 { transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-150:hover { transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-150:focus { transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-150:active { transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-150:disabled { transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate--180 { transform: rotate(-180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate--180:hover { transform: rotate(-180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate--180:focus { transform: rotate(-180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate--180:active { transform: rotate(-180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate--180:disabled { transform: rotate(-180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate--90 { transform: rotate(-90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate--90:hover { transform: rotate(-90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate--90:focus { transform: rotate(-90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate--90:active { transform: rotate(-90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate--90:disabled { transform: rotate(-90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate--45 { transform: rotate(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate--45:hover { transform: rotate(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate--45:focus { transform: rotate(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate--45:active { transform: rotate(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate--45:disabled { transform: rotate(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-0 { transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-0:hover { transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-0:focus { transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-0:active { transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-0:disabled { transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-45 { transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-45:hover { transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-45:focus { transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-45:active { transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-45:disabled { transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-90 { transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-90:hover { transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-90:focus { transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-90:active { transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-90:disabled { transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-180 { transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-180:hover { transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-180:focus { transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-180:active { transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-180:disabled { transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x--45 { transform: skewX(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x--45:hover { transform: skewX(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x--45:focus { transform: skewX(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x--45:active { transform: skewX(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y--45 { transform: skewY(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y--45:hover { transform: skewY(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y--45:focus { transform: skewY(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y--45:active { transform: skewY(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x--30 { transform: skewX(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x--30:hover { transform: skewX(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x--30:focus { transform: skewX(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x--30:active { transform: skewX(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y--30 { transform: skewY(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y--30:hover { transform: skewY(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y--30:focus { transform: skewY(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y--30:active { transform: skewY(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x--15 { transform: skewX(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x--15:hover { transform: skewX(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x--15:focus { transform: skewX(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x--15:active { transform: skewX(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y--15 { transform: skewY(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y--15:hover { transform: skewY(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y--15:focus { transform: skewY(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y--15:active { transform: skewY(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-0 { transform: skewX(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-0:hover { transform: skewX(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-0:focus { transform: skewX(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-0:active { transform: skewX(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-0:disabled { transform: skewX(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-0 { transform: skewY(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-0:hover { transform: skewY(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-0:focus { transform: skewY(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-0:active { transform: skewY(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-0:disabled { transform: skewY(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-15 { transform: skewX(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-15:hover { transform: skewX(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-15:focus { transform: skewX(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-15:active { transform: skewX(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-15:disabled { transform: skewX(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-15 { transform: skewY(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-15:hover { transform: skewY(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-15:focus { transform: skewY(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-15:active { transform: skewY(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-15:disabled { transform: skewY(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-30 { transform: skewX(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-30:hover { transform: skewX(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-30:focus { transform: skewX(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-30:active { transform: skewX(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-30:disabled { transform: skewX(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-30 { transform: skewY(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-30:hover { transform: skewY(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-30:focus { transform: skewY(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-30:active { transform: skewY(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-30:disabled { transform: skewY(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-45 { transform: skewX(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-45:hover { transform: skewX(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-45:focus { transform: skewX(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-45:active { transform: skewX(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-45:disabled { transform: skewX(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-45 { transform: skewY(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-45:hover { transform: skewY(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-45:focus { transform: skewY(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-45:active { transform: skewY(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-45:disabled { transform: skewY(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur-none { filter: blur(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur-none:hover { filter: blur(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur-none:focus { filter: blur(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur-none:active { filter: blur(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur-none:disabled { filter: blur(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur-sm { filter: blur(2px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur-sm:hover { filter: blur(2px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur-sm:focus { filter: blur(2px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur-sm:active { filter: blur(2px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur-sm:disabled { filter: blur(2px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur:hover { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur:focus { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur:active { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur:disabled { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur-md { filter: blur(8px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur-md:hover { filter: blur(8px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur-md:focus { filter: blur(8px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur-md:active { filter: blur(8px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur-md:disabled { filter: blur(8px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur-lg { filter: blur(12px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur-lg:hover { filter: blur(12px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur-lg:focus { filter: blur(12px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur-lg:active { filter: blur(12px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur-lg:disabled { filter: blur(12px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur-xl { filter: blur(20px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur-xl:hover { filter: blur(20px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur-xl:focus { filter: blur(20px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur-xl:active { filter: blur(20px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur-xl:disabled { filter: blur(20px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-0 { filter: brightness(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-0:hover { filter: brightness(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-0:focus { filter: brightness(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-0:active { filter: brightness(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-0:disabled { filter: brightness(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-75 { filter: brightness(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-75:hover { filter: brightness(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-75:focus { filter: brightness(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-75:active { filter: brightness(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-75:disabled { filter: brightness(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-90 { filter: brightness(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-90:hover { filter: brightness(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-90:focus { filter: brightness(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-90:active { filter: brightness(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-90:disabled { filter: brightness(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-100 { filter: brightness(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-100:hover { filter: brightness(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-100:focus { filter: brightness(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-100:active { filter: brightness(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-100:disabled { filter: brightness(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-125 { filter: brightness(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-125:hover { filter: brightness(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-125:focus { filter: brightness(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-125:active { filter: brightness(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-125:disabled { filter: brightness(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-150 { filter: brightness(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-150:hover { filter: brightness(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-150:focus { filter: brightness(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-150:active { filter: brightness(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-150:disabled { filter: brightness(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-200 { filter: brightness(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-200:hover { filter: brightness(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-200:focus { filter: brightness(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-200:active { filter: brightness(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-200:disabled { filter: brightness(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contrast-0 { filter: contrast(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contrast-0:hover { filter: contrast(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contrast-0:focus { filter: contrast(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contrast-0:active { filter: contrast(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contrast-0:disabled { filter: contrast(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contrast-50 { filter: contrast(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contrast-50:hover { filter: contrast(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contrast-50:focus { filter: contrast(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contrast-50:active { filter: contrast(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contrast-50:disabled { filter: contrast(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contrast-75 { filter: contrast(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contrast-75:hover { filter: contrast(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contrast-75:focus { filter: contrast(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contrast-75:active { filter: contrast(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contrast-75:disabled { filter: contrast(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contrast-100 { filter: contrast(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contrast-100:hover { filter: contrast(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contrast-100:focus { filter: contrast(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contrast-100:active { filter: contrast(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contrast-100:disabled { filter: contrast(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contrast-125 { filter: contrast(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contrast-125:hover { filter: contrast(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contrast-125:focus { filter: contrast(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contrast-125:active { filter: contrast(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contrast-125:disabled { filter: contrast(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contrast-150 { filter: contrast(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contrast-150:hover { filter: contrast(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contrast-150:focus { filter: contrast(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contrast-150:active { filter: contrast(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contrast-150:disabled { filter: contrast(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contrast-200 { filter: contrast(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contrast-200:hover { filter: contrast(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contrast-200:focus { filter: contrast(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contrast-200:active { filter: contrast(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contrast-200:disabled { filter: contrast(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grayscale-0 { filter: grayscale(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grayscale-0:hover { filter: grayscale(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grayscale-0:focus { filter: grayscale(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grayscale-0:active { filter: grayscale(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grayscale-0:disabled { filter: grayscale(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grayscale-100 { filter: grayscale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grayscale-100:hover { filter: grayscale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grayscale-100:focus { filter: grayscale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grayscale-100:active { filter: grayscale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grayscale-100:disabled { filter: grayscale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hue-rotate-0 { filter: hue-rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hue-rotate-45 { filter: hue-rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hue-rotate-180 { filter: hue-rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-invert-0 { filter: invert(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-invert-0:hover { filter: invert(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-invert-0:focus { filter: invert(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-invert-0:active { filter: invert(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-invert-0:disabled { filter: invert(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-invert-100 { filter: invert(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-invert-100:hover { filter: invert(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-invert-100:focus { filter: invert(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-invert-100:active { filter: invert(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-invert-100:disabled { filter: invert(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-saturate-0 { filter: saturate(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-saturate-0:hover { filter: saturate(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-saturate-0:focus { filter: saturate(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-saturate-0:active { filter: saturate(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-saturate-0:disabled { filter: saturate(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-saturate-50 { filter: saturate(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-saturate-50:hover { filter: saturate(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-saturate-50:focus { filter: saturate(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-saturate-50:active { filter: saturate(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-saturate-50:disabled { filter: saturate(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-saturate-100 { filter: saturate(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-saturate-100:hover { filter: saturate(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-saturate-100:focus { filter: saturate(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-saturate-100:active { filter: saturate(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-saturate-100:disabled { filter: saturate(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-saturate-200 { filter: saturate(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-saturate-200:hover { filter: saturate(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-saturate-200:focus { filter: saturate(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-saturate-200:active { filter: saturate(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-saturate-200:disabled { filter: saturate(2); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-sepia-0 { filter: sepia(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-sepia-0:hover { filter: sepia(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-sepia-0:focus { filter: sepia(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-sepia-0:active { filter: sepia(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-sepia-0:disabled { filter: sepia(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-sepia-100 { filter: sepia(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-sepia-100:hover { filter: sepia(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-sepia-100:focus { filter: sepia(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-sepia-100:active { filter: sepia(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-sepia-100:disabled { filter: sepia(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-normal { mix-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-normal:hover { mix-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-normal:focus { mix-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-normal:active { mix-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-normal:disabled { mix-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-multiply { mix-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-multiply:hover { mix-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-multiply:focus { mix-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-multiply:active { mix-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-screen { mix-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-screen:hover { mix-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-screen:focus { mix-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-screen:active { mix-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-screen:disabled { mix-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-overlay { mix-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-overlay:hover { mix-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-overlay:focus { mix-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-overlay:active { mix-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-darken { mix-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-darken:hover { mix-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-darken:focus { mix-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-darken:active { mix-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-darken:disabled { mix-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-lighten { mix-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-lighten:hover { mix-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-lighten:focus { mix-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-lighten:active { mix-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-color-dodge { mix-blend-mode: color-dodge; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-color-burn { mix-blend-mode: color-burn; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-color-burn:active { mix-blend-mode: color-burn; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-hard-light { mix-blend-mode: hard-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-hard-light:active { mix-blend-mode: hard-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-soft-light { mix-blend-mode: soft-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-soft-light:active { mix-blend-mode: soft-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-difference { mix-blend-mode: difference; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-difference:hover { mix-blend-mode: difference; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-difference:focus { mix-blend-mode: difference; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-difference:active { mix-blend-mode: difference; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-difference:disabled { mix-blend-mode: difference; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-exclusion { mix-blend-mode: exclusion; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-exclusion:active { mix-blend-mode: exclusion; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-hue { mix-blend-mode: hue; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-hue:hover { mix-blend-mode: hue; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-hue:focus { mix-blend-mode: hue; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-hue:active { mix-blend-mode: hue; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-hue:disabled { mix-blend-mode: hue; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-saturation { mix-blend-mode: saturation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-saturation:hover { mix-blend-mode: saturation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-saturation:focus { mix-blend-mode: saturation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-saturation:active { mix-blend-mode: saturation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-color { mix-blend-mode: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-color:hover { mix-blend-mode: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-color:focus { mix-blend-mode: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-color:active { mix-blend-mode: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-color:disabled { mix-blend-mode: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-luminosity { mix-blend-mode: luminosity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-luminosity:active { mix-blend-mode: luminosity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-normal { background-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-normal:hover { background-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-normal:focus { background-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-normal:active { background-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-multiply { background-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-multiply:active { background-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-screen { background-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-screen:hover { background-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-screen:focus { background-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-screen:active { background-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-overlay { background-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-overlay:active { background-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-darken { background-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-darken:hover { background-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-darken:focus { background-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-darken:active { background-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-lighten { background-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-lighten:active { background-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-color-dodge { background-blend-mode: color-dodge; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-color-burn { background-blend-mode: color-burn; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-hard-light { background-blend-mode: hard-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-soft-light { background-blend-mode: soft-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-difference { background-blend-mode: difference; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-difference:hover { background-blend-mode: difference; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-difference:focus { background-blend-mode: difference; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-difference:active { background-blend-mode: difference; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-exclusion { background-blend-mode: exclusion; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-hue { background-blend-mode: hue; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-hue:hover { background-blend-mode: hue; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-hue:focus { background-blend-mode: hue; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-hue:active { background-blend-mode: hue; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-saturation { background-blend-mode: saturation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-saturation:active { background-blend-mode: saturation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-color { background-blend-mode: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-color:hover { background-blend-mode: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-color:focus { background-blend-mode: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-color:active { background-blend-mode: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-color:disabled { background-blend-mode: color; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-luminosity { background-blend-mode: luminosity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-contain { object-fit: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-contain:hover { object-fit: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-contain:focus { object-fit: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-contain:active { object-fit: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-contain:disabled { object-fit: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-cover { object-fit: cover; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-cover:hover { object-fit: cover; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-cover:focus { object-fit: cover; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-cover:active { object-fit: cover; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-cover:disabled { object-fit: cover; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-fill { object-fit: fill; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-fill:hover { object-fit: fill; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-fill:focus { object-fit: fill; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-fill:active { object-fit: fill; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-fill:disabled { object-fit: fill; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-none { object-fit: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-none:hover { object-fit: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-none:focus { object-fit: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-none:active { object-fit: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-none:disabled { object-fit: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-scale-down { object-fit: scale-down; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-scale-down:hover { object-fit: scale-down; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-scale-down:focus { object-fit: scale-down; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-scale-down:active { object-fit: scale-down; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-scale-down:disabled { object-fit: scale-down; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-top { object-position: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-top:hover { object-position: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-top:focus { object-position: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-top:active { object-position: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-top:disabled { object-position: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-bottom { object-position: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-bottom:hover { object-position: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-bottom:focus { object-position: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-bottom:active { object-position: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-bottom:disabled { object-position: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-center { object-position: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-center:hover { object-position: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-center:focus { object-position: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-center:active { object-position: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-center:disabled { object-position: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-left { object-position: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-left:hover { object-position: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-left:focus { object-position: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-left:active { object-position: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-left:disabled { object-position: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-right { object-position: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-right:hover { object-position: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-right:focus { object-position: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-right:active { object-position: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-right:disabled { object-position: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-left-top { object-position: left top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-left-top:hover { object-position: left top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-left-top:focus { object-position: left top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-left-top:active { object-position: left top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-left-top:disabled { object-position: left top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-right-top { object-position: right top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-right-top:hover { object-position: right top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-right-top:focus { object-position: right top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-right-top:active { object-position: right top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-right-top:disabled { object-position: right top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-left-bottom { object-position: left bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-left-bottom:hover { object-position: left bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-left-bottom:focus { object-position: left bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-left-bottom:active { object-position: left bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-left-bottom:disabled { object-position: left bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-object-right-bottom { object-position: right bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-object-right-bottom:hover { object-position: right bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-object-right-bottom:focus { object-position: right bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-object-right-bottom:active { object-position: right bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-object-right-bottom:disabled { object-position: right bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-image-none { list-style-image: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-image-none:hover { list-style-image: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-image-none:focus { list-style-image: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-image-none:active { list-style-image: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-image-none:disabled { list-style-image: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-position-inside { list-style-position: inside; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-position-inside:hover { list-style-position: inside; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-position-inside:focus { list-style-position: inside; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-position-inside:active { list-style-position: inside; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-position-inside:disabled { list-style-position: inside; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-position-outside { list-style-position: outside; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-position-outside:hover { list-style-position: outside; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-position-outside:focus { list-style-position: outside; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-position-outside:active { list-style-position: outside; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-position-outside:disabled { list-style-position: outside; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-type-none { list-style-type: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-type-none:hover { list-style-type: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-type-none:focus { list-style-type: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-type-none:active { list-style-type: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-type-none:disabled { list-style-type: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-type-disc { list-style-type: disc; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-type-disc:hover { list-style-type: disc; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-type-disc:focus { list-style-type: disc; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-type-disc:active { list-style-type: disc; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-type-disc:disabled { list-style-type: disc; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-type-circle { list-style-type: circle; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-type-circle:hover { list-style-type: circle; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-type-circle:focus { list-style-type: circle; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-type-circle:active { list-style-type: circle; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-type-circle:disabled { list-style-type: circle; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-type-square { list-style-type: square; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-type-square:hover { list-style-type: square; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-type-square:focus { list-style-type: square; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-type-square:active { list-style-type: square; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-type-square:disabled { list-style-type: square; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-type-decimal { list-style-type: decimal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-type-decimal:hover { list-style-type: decimal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-type-decimal:focus { list-style-type: decimal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-type-decimal:active { list-style-type: decimal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-type-lower_roman { list-style-type: lower-roman; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-type-upper_roman { list-style-type: upper-roman; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-type-lower_alpha { list-style-type: lower-alpha; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-list-style-type-upper_alpha { list-style-type: upper-alpha; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-align-left { text-align: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-align-left:hover { text-align: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-align-left:focus { text-align: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-align-left:active { text-align: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-align-left:disabled { text-align: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-align-center { text-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-align-center:hover { text-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-align-center:focus { text-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-align-center:active { text-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-align-center:disabled { text-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-align-right { text-align: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-align-right:hover { text-align: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-align-right:focus { text-align: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-align-right:active { text-align: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-align-right:disabled { text-align: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-align-justify { text-align: justify; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-align-justify:hover { text-align: justify; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-align-justify:focus { text-align: justify; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-align-justify:active { text-align: justify; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-align-justify:disabled { text-align: justify; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-backface-visible { backface-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-backface-visible:hover { backface-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-backface-visible:focus { backface-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-backface-visible:active { backface-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-backface-visible:disabled { backface-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-backface-hidden { backface-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-backface-hidden:hover { backface-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-backface-hidden:focus { backface-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-backface-hidden:active { backface-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-backface-hidden:disabled { backface-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-none { perspective: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-none:hover { perspective: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-none:focus { perspective: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-none:active { perspective: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-none:disabled { perspective: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-100 { perspective: 100px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-100:hover { perspective: 100px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-100:focus { perspective: 100px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-100:active { perspective: 100px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-100:disabled { perspective: 100px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-500 { perspective: 500px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-500:hover { perspective: 500px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-500:focus { perspective: 500px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-500:active { perspective: 500px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-500:disabled { perspective: 500px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-1000 { perspective: 1000px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-1000:hover { perspective: 1000px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-1000:focus { perspective: 1000px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-1000:active { perspective: 1000px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-1000:disabled { perspective: 1000px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-1500 { perspective: 1500px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-1500:hover { perspective: 1500px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-1500:focus { perspective: 1500px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-1500:active { perspective: 1500px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-1500:disabled { perspective: 1500px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-2000 { perspective: 2000px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-2000:hover { perspective: 2000px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-2000:focus { perspective: 2000px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-2000:active { perspective: 2000px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-2000:disabled { perspective: 2000px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-center { perspective-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-center:hover { perspective-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-center:focus { perspective-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-center:active { perspective-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-center:disabled { perspective-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-top { perspective-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-top:hover { perspective-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-top:focus { perspective-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-top:active { perspective-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-top:disabled { perspective-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-bottom { perspective-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-bottom:active { perspective-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-left { perspective-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-left:hover { perspective-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-left:focus { perspective-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-left:active { perspective-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-left:disabled { perspective-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-right { perspective-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-right:hover { perspective-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-right:focus { perspective-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-right:active { perspective-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-right:disabled { perspective-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-top_left { perspective-origin: top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-top_left:active { perspective-origin: top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-top_right { perspective-origin: top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-top_right:active { perspective-origin: top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-bottom_left { perspective-origin: bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-bottom_right { perspective-origin: bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transform { transform: var(--quanta-transform, none); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transform:hover { transform: var(--quanta-transform, none); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transform:focus { transform: var(--quanta-transform, none); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transform:active { transform: var(--quanta-transform, none); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transform:disabled { transform: var(--quanta-transform, none); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transform-none { transform: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transform-none:hover { transform: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transform-none:focus { transform: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transform-none:active { transform: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transform-none:disabled { transform: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-n180 { transform: rotate(-180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-n180:hover { transform: rotate(-180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-n180:focus { transform: rotate(-180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-n180:active { transform: rotate(-180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-n90 { transform: rotate(-90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-n90:hover { transform: rotate(-90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-n90:focus { transform: rotate(-90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-n90:active { transform: rotate(-90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-n45 { transform: rotate(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-n45:hover { transform: rotate(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-n45:focus { transform: rotate(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-n45:active { transform: rotate(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-0 { transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-0:hover { transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-0:focus { transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-0:active { transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-0:disabled { transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-45 { transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-45:hover { transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-45:focus { transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-45:active { transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-45:disabled { transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-90 { transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-90:hover { transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-90:focus { transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-90:active { transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-90:disabled { transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-180 { transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-180:hover { transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-180:focus { transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-180:active { transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-180:disabled { transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-50 { transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-50:hover { transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-50:focus { transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-50:active { transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-50:disabled { transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-75 { transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-75:hover { transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-75:focus { transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-75:active { transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-75:disabled { transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-90 { transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-90:hover { transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-90:focus { transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-90:active { transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-90:disabled { transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-95 { transform: scale(0.95); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-95:hover { transform: scale(0.95); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-95:focus { transform: scale(0.95); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-95:active { transform: scale(0.95); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-95:disabled { transform: scale(0.95); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-100 { transform: scale(1.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-100:hover { transform: scale(1.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-100:focus { transform: scale(1.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-100:active { transform: scale(1.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-100:disabled { transform: scale(1.0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-105 { transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-105:hover { transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-105:focus { transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-105:active { transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-105:disabled { transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-110 { transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-110:hover { transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-110:focus { transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-110:active { transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-110:disabled { transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-125 { transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-125:hover { transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-125:focus { transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-125:active { transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-125:disabled { transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-150 { transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-150:hover { transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-150:focus { transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-150:active { transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-150:disabled { transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-n45 { transform: skewX(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-n45:hover { transform: skewX(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-n45:focus { transform: skewX(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-n45:active { transform: skewX(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-n45 { transform: skewY(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-n45:hover { transform: skewY(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-n45:focus { transform: skewY(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-n45:active { transform: skewY(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-n30 { transform: skewX(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-n30:hover { transform: skewX(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-n30:focus { transform: skewX(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-n30:active { transform: skewX(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-n30 { transform: skewY(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-n30:hover { transform: skewY(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-n30:focus { transform: skewY(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-n30:active { transform: skewY(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-n15 { transform: skewX(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-n15:hover { transform: skewX(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-n15:focus { transform: skewX(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-n15:active { transform: skewX(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-n15 { transform: skewY(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-n15:hover { transform: skewY(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-n15:focus { transform: skewY(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-n15:active { transform: skewY(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-0 { transform: skewX(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-0:hover { transform: skewX(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-0:focus { transform: skewX(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-0:active { transform: skewX(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-0:disabled { transform: skewX(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-0 { transform: skewY(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-0:hover { transform: skewY(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-0:focus { transform: skewY(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-0:active { transform: skewY(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-0:disabled { transform: skewY(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-15 { transform: skewX(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-15:hover { transform: skewX(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-15:focus { transform: skewX(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-15:active { transform: skewX(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-15:disabled { transform: skewX(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-15 { transform: skewY(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-15:hover { transform: skewY(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-15:focus { transform: skewY(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-15:active { transform: skewY(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-15:disabled { transform: skewY(15deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-30 { transform: skewX(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-30:hover { transform: skewX(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-30:focus { transform: skewX(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-30:active { transform: skewX(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-30:disabled { transform: skewX(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-30 { transform: skewY(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-30:hover { transform: skewY(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-30:focus { transform: skewY(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-30:active { transform: skewY(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-30:disabled { transform: skewY(30deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-45 { transform: skewX(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-45:hover { transform: skewX(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-45:focus { transform: skewX(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-45:active { transform: skewX(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-45:disabled { transform: skewX(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-45 { transform: skewY(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-45:hover { transform: skewY(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-45:focus { transform: skewY(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-45:active { transform: skewY(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-45:disabled { transform: skewY(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-0 { transform: translateX(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-0:hover { transform: translateX(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-0:focus { transform: translateX(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-0:active { transform: translateX(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-0:disabled { transform: translateX(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-0 { transform: translateY(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-0:hover { transform: translateY(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-0:focus { transform: translateY(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-0:active { transform: translateY(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-0:disabled { transform: translateY(0rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-0_125 { transform: translateX(0.125rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-0_125:active { transform: translateX(0.125rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-0_125 { transform: translateY(0.125rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-0_125:active { transform: translateY(0.125rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-0_25 { transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-0_25:active { transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-0_25 { transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-0_25:active { transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-0_5 { transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-0_5:active { transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-0_5 { transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-0_5:active { transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-0_75 { transform: translateX(0.75rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-0_75:active { transform: translateX(0.75rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-0_75 { transform: translateY(0.75rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-0_75:active { transform: translateY(0.75rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-1 { transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-1:hover { transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-1:focus { transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-1:active { transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-1:disabled { transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-1 { transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-1:hover { transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-1:focus { transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-1:active { transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-1:disabled { transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-1_5 { transform: translateX(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-1_5:active { transform: translateX(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-1_5 { transform: translateY(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-1_5:active { transform: translateY(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-2 { transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-2:hover { transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-2:focus { transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-2:active { transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-2:disabled { transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-2 { transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-2:hover { transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-2:focus { transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-2:active { transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-2:disabled { transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-3 { transform: translateX(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-3:hover { transform: translateX(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-3:focus { transform: translateX(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-3:active { transform: translateX(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-3:disabled { transform: translateX(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-3 { transform: translateY(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-3:hover { transform: translateY(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-3:focus { transform: translateY(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-3:active { transform: translateY(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-3:disabled { transform: translateY(3rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-4 { transform: translateX(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-4:hover { transform: translateX(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-4:focus { transform: translateX(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-4:active { transform: translateX(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-4:disabled { transform: translateX(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-4 { transform: translateY(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-4:hover { transform: translateY(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-4:focus { transform: translateY(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-4:active { transform: translateY(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-4:disabled { transform: translateY(4rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-center { transform-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-center:hover { transform-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-center:focus { transform-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-center:active { transform-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-center:disabled { transform-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-top { transform-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-top:hover { transform-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-top:focus { transform-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-top:active { transform-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-top:disabled { transform-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-bottom { transform-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-bottom:hover { transform-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-bottom:focus { transform-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-bottom:active { transform-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-bottom:disabled { transform-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-left { transform-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-left:hover { transform-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-left:focus { transform-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-left:active { transform-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-left:disabled { transform-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-right { transform-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-right:hover { transform-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-right:focus { transform-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-right:active { transform-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-right:disabled { transform-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-top_left { transform-origin: top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-top_left:hover { transform-origin: top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-top_left:focus { transform-origin: top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-top_left:active { transform-origin: top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-top_left:disabled { transform-origin: top left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-top_right { transform-origin: top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-top_right:hover { transform-origin: top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-top_right:focus { transform-origin: top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-top_right:active { transform-origin: top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-top_right:disabled { transform-origin: top right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-bottom_left { transform-origin: bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-bottom_left:hover { transform-origin: bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-bottom_left:focus { transform-origin: bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-bottom_left:active { transform-origin: bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-bottom_right { transform-origin: bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-bottom_right:hover { transform-origin: bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-bottom_right:focus { transform-origin: bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-bottom_right:active { transform-origin: bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transform-style-flat { transform-style: flat; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transform-style-flat:hover { transform-style: flat; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transform-style-flat:focus { transform-style: flat; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transform-style-flat:active { transform-style: flat; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transform-style-flat:disabled { transform-style: flat; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transform-style-preserve-3d { transform-style: preserve-3d; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-auto { accent-color: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-auto:hover { accent-color: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-auto:focus { accent-color: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-auto:active { accent-color: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-auto:disabled { accent-color: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-transparent { accent-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-transparent:hover { accent-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-transparent:focus { accent-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-transparent:active { accent-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-transparent:disabled { accent-color: transparent; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-red-50 { accent-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-red-100 { accent-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-red-200 { accent-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-red-300 { accent-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-red-400 { accent-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-red-500 { accent-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-red-600 { accent-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-red-700 { accent-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-red-800 { accent-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-red-900 { accent-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-orange-50 { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-orange-100 { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-orange-200 { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-orange-300 { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-orange-400 { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-orange-500 { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-orange-600 { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-orange-700 { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-orange-800 { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-orange-900 { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-teal-50 { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-teal-100 { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-teal-200 { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-teal-300 { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-teal-400 { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-teal-500 { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-teal-600 { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-teal-700 { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-teal-800 { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-teal-900 { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-purple-50 { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-purple-100 { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-purple-200 { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-purple-300 { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-purple-400 { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-purple-500 { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-purple-600 { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-purple-700 { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-purple-800 { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-purple-900 { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-pink-50 { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-pink-100 { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-pink-200 { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-pink-300 { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-pink-400 { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-pink-500 { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-pink-600 { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-pink-700 { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-pink-800 { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-pink-900 { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-grey-50 { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-grey-100 { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-grey-200 { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-grey-300 { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-grey-400 { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-grey-500 { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-grey-600 { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-grey-700 { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-grey-800 { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-grey-900 { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-lime-50 { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-lime-100 { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-lime-200 { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-lime-300 { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-lime-400 { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-lime-500 { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-lime-600 { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-lime-700 { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-lime-800 { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-lime-900 { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-sky-50 { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-sky-100 { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-sky-200 { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-sky-300 { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-sky-400 { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-sky-500 { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-sky-600 { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-sky-700 { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-sky-800 { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-sky-900 { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-violet-50 { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-violet-100 { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-violet-200 { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-violet-300 { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-violet-400 { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-violet-500 { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-violet-600 { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-violet-700 { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-violet-800 { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-violet-900 { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-rose-50 { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-rose-100 { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-rose-200 { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-rose-300 { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-rose-400 { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-rose-500 { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-rose-600 { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-rose-700 { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-rose-800 { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-rose-900 { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-slate-50 { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-slate-100 { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-slate-200 { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-slate-300 { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-slate-400 { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-slate-500 { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-slate-600 { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-slate-700 { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-slate-800 { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-slate-900 { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-blue-50 { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-blue-100 { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-blue-200 { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-blue-300 { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-blue-400 { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-blue-500 { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-blue-600 { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-blue-700 { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-blue-800 { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-blue-900 { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-green-50 { accent-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-green-100 { accent-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-green-200 { accent-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-green-300 { accent-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-green-400 { accent-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-green-500 { accent-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-green-600 { accent-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-green-700 { accent-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-green-800 { accent-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-green-900 { accent-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-appearance-none { appearance: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-appearance-none:hover { appearance: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-appearance-none:focus { appearance: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-appearance-none:active { appearance: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-appearance-none:disabled { appearance: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-appearance-auto { appearance: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-appearance-auto:hover { appearance: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-appearance-auto:focus { appearance: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-appearance-auto:active { appearance: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-appearance-auto:disabled { appearance: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-red-50 { caret-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-red-100 { caret-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-red-200 { caret-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-red-300 { caret-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-red-400 { caret-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-red-500 { caret-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-red-600 { caret-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-red-700 { caret-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-red-800 { caret-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-red-900 { caret-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-orange-50 { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-orange-100 { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-orange-200 { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-orange-300 { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-orange-400 { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-orange-500 { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-orange-600 { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-orange-700 { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-orange-800 { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-orange-900 { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-teal-50 { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-teal-100 { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-teal-200 { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-teal-300 { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-teal-400 { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-teal-500 { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-teal-600 { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-teal-700 { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-teal-800 { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-teal-900 { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-purple-50 { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-purple-100 { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-purple-200 { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-purple-300 { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-purple-400 { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-purple-500 { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-purple-600 { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-purple-700 { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-purple-800 { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-purple-900 { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-pink-50 { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-pink-100 { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-pink-200 { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-pink-300 { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-pink-400 { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-pink-500 { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-pink-600 { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-pink-700 { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-pink-800 { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-pink-900 { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-grey-50 { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-grey-100 { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-grey-200 { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-grey-300 { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-grey-400 { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-grey-500 { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-grey-600 { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-grey-700 { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-grey-800 { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-grey-900 { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-lime-50 { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-lime-100 { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-lime-200 { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-lime-300 { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-lime-400 { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-lime-500 { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-lime-600 { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-lime-700 { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-lime-800 { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-lime-900 { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-sky-50 { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-sky-100 { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-sky-200 { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-sky-300 { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-sky-400 { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-sky-500 { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-sky-600 { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-sky-700 { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-sky-800 { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-sky-900 { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-violet-50 { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-violet-100 { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-violet-200 { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-violet-300 { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-violet-400 { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-violet-500 { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-violet-600 { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-violet-700 { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-violet-800 { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-violet-900 { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-rose-50 { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-rose-100 { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-rose-200 { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-rose-300 { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-rose-400 { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-rose-500 { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-rose-600 { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-rose-700 { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-rose-800 { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-rose-900 { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-slate-50 { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-slate-100 { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-slate-200 { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-slate-300 { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-slate-400 { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-slate-500 { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-slate-600 { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-slate-700 { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-slate-800 { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-slate-900 { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-blue-50 { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-blue-100 { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-blue-200 { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-blue-300 { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-blue-400 { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-blue-500 { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-blue-600 { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-blue-700 { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-blue-800 { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-blue-900 { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-green-50 { caret-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-green-100 { caret-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-green-200 { caret-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-green-300 { caret-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-green-400 { caret-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-green-500 { caret-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-green-600 { caret-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-green-700 { caret-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-green-800 { caret-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-green-900 { caret-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-black { caret-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-black:hover { caret-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-black:focus { caret-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-black:active { caret-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-black:disabled { caret-color: var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-caret-white { caret-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-caret-white:hover { caret-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-caret-white:focus { caret-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-caret-white:active { caret-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-caret-white:disabled { caret-color: var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-color-scheme-light { color-scheme: light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-color-scheme-light:hover { color-scheme: light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-color-scheme-light:focus { color-scheme: light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-color-scheme-light:active { color-scheme: light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-color-scheme-light:disabled { color-scheme: light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-color-scheme-dark { color-scheme: dark; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-color-scheme-dark:hover { color-scheme: dark; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-color-scheme-dark:focus { color-scheme: dark; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-color-scheme-dark:active { color-scheme: dark; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-color-scheme-dark:disabled { color-scheme: dark; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-color-scheme-normal { color-scheme: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-color-scheme-normal:hover { color-scheme: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-color-scheme-normal:focus { color-scheme: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-color-scheme-normal:active { color-scheme: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-color-scheme-normal:disabled { color-scheme: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-auto { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-default { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-default:active { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-pointer { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-wait { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-text { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-text:active { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-move { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-move:active { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-none { cursor: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-none:hover { cursor: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-none:focus { cursor: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-none:active { cursor: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-none:disabled { cursor: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pointer-events-none { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize-none { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize-none:hover { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize-none:focus { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize-none:active { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize-x { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize-y { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize-y:active { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize:hover { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize:focus { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize:active { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize:disabled { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-0 { scroll-margin: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-0:hover { scroll-margin: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-0:focus { scroll-margin: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-0:active { scroll-margin: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-0 { scroll-padding: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-0:hover { scroll-padding: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-0:focus { scroll-padding: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-0:active { scroll-padding: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-0_125 { scroll-margin: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-0_125 { scroll-padding: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-0_25 { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-0_25 { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-0_5 { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-0_5 { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-0_75 { scroll-margin: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-0_75 { scroll-padding: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-1 { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-1:hover { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-1:focus { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-1:active { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-1 { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-1:hover { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-1:focus { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-1:active { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-1_5 { scroll-margin: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-1_5 { scroll-padding: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-2 { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-2:hover { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-2:focus { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-2:active { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-2 { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-2:hover { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-2:focus { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-2:active { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-3 { scroll-margin: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-3:hover { scroll-margin: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-3:focus { scroll-margin: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-3:active { scroll-margin: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-3 { scroll-padding: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-3:hover { scroll-padding: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-3:focus { scroll-padding: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-3:active { scroll-padding: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-4 { scroll-margin: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-4:hover { scroll-margin: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-4:focus { scroll-margin: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-4:active { scroll-margin: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-4 { scroll-padding: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-4:hover { scroll-padding: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-4:focus { scroll-padding: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-4:active { scroll-padding: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-x { scroll-snap-type: x mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-x:hover { scroll-snap-type: x mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-x:focus { scroll-snap-type: x mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-x:active { scroll-snap-type: x mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-y { scroll-snap-type: y mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-y:hover { scroll-snap-type: y mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-y:focus { scroll-snap-type: y mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-y:active { scroll-snap-type: y mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-both { scroll-snap-type: both mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-both:hover { scroll-snap-type: both mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-both:focus { scroll-snap-type: both mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-both:active { scroll-snap-type: both mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-align-start { scroll-snap-align: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-align-start:hover { scroll-snap-align: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-align-start:focus { scroll-snap-align: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-align-start:active { scroll-snap-align: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-align-start:disabled { scroll-snap-align: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-align-end { scroll-snap-align: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-align-end:hover { scroll-snap-align: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-align-end:focus { scroll-snap-align: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-align-end:active { scroll-snap-align: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-align-end:disabled { scroll-snap-align: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-align-center { scroll-snap-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-align-center:hover { scroll-snap-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-align-center:focus { scroll-snap-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-align-center:active { scroll-snap-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-align-center:disabled { scroll-snap-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-align-none { scroll-snap-align: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-align-none:hover { scroll-snap-align: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-align-none:focus { scroll-snap-align: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-align-none:active { scroll-snap-align: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-align-none:disabled { scroll-snap-align: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-stop-normal { scroll-snap-stop: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-stop-normal:active { scroll-snap-stop: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-stop-always { scroll-snap-stop: always; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-stop-always:hover { scroll-snap-stop: always; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-stop-always:focus { scroll-snap-stop: always; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-stop-always:active { scroll-snap-stop: always; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-auto { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-none { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-none:active { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-pan_x { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-pan_x:hover { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-pan_x:focus { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-pan_x:active { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-pan_x:disabled { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-pan_y { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-pan_y:hover { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-pan_y:focus { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-pan_y:active { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-pan_y:disabled { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-auto { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-auto:active { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-none { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-none:hover { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-none:focus { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-none:active { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-text { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-text:hover { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-text:focus { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-text:active { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-all { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-all:hover { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-all:focus { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-all:active { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-contain { user-select: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-contain:hover { user-select: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-contain:focus { user-select: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-contain:active { user-select: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-contain:disabled { user-select: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-auto { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-scroll { will-change: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-scroll:hover { will-change: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-scroll:focus { will-change: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-scroll:active { will-change: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-scroll:disabled { will-change: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-transform { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-opacity { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-contents { will-change: contents; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-contents:hover { will-change: contents; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-contents:focus { will-change: contents; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-contents:active { will-change: contents; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-contents:disabled { will-change: contents; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-color-scheme-light { color-scheme: light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-color-scheme-light:hover { color-scheme: light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-color-scheme-light:focus { color-scheme: light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-color-scheme-light:active { color-scheme: light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-color-scheme-light:disabled { color-scheme: light; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-color-scheme-dark { color-scheme: dark; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-color-scheme-dark:hover { color-scheme: dark; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-color-scheme-dark:focus { color-scheme: dark; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-color-scheme-dark:active { color-scheme: dark; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-color-scheme-dark:disabled { color-scheme: dark; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-color-scheme-normal { color-scheme: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-color-scheme-normal:hover { color-scheme: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-color-scheme-normal:focus { color-scheme: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-color-scheme-normal:active { color-scheme: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-color-scheme-normal:disabled { color-scheme: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-auto { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-default { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-default:active { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-pointer { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-wait { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-text { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-text:active { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-move { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-move:active { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-none { cursor: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-none:hover { cursor: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-none:focus { cursor: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-none:active { cursor: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-none:disabled { cursor: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pointer-events-none { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize-none { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize-none:hover { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize-none:focus { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize-none:active { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize-x { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize-y { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize-y:active { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize:hover { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize:focus { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize:active { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize:disabled { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-0 { scroll-margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-0:hover { scroll-margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-0:focus { scroll-margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-0:active { scroll-margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-0:disabled { scroll-margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-1 { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-1:active { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-2 { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-2:active { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-4 { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-4:hover { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-4:focus { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-4:active { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-8 { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-8:hover { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-8:focus { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-8:active { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-0 { scroll-padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-0:hover { scroll-padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-0:focus { scroll-padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-0:active { scroll-padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-0:disabled { scroll-padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-1 { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-1:active { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-2 { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-2:active { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-4 { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-4:hover { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-4:focus { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-4:active { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-8 { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-8:hover { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-8:focus { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-8:active { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-x { scroll-snap-type: x mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-x:hover { scroll-snap-type: x mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-x:focus { scroll-snap-type: x mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-x:active { scroll-snap-type: x mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-y { scroll-snap-type: y mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-y:hover { scroll-snap-type: y mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-y:focus { scroll-snap-type: y mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-y:active { scroll-snap-type: y mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-both { scroll-snap-type: both mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-both:hover { scroll-snap-type: both mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-both:focus { scroll-snap-type: both mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-both:active { scroll-snap-type: both mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-align-start { scroll-snap-align: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-align-start:hover { scroll-snap-align: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-align-start:focus { scroll-snap-align: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-align-start:active { scroll-snap-align: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-align-start:disabled { scroll-snap-align: start; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-align-center { scroll-snap-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-align-center:hover { scroll-snap-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-align-center:focus { scroll-snap-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-align-center:active { scroll-snap-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-align-center:disabled { scroll-snap-align: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-align-end { scroll-snap-align: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-align-end:hover { scroll-snap-align: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-align-end:focus { scroll-snap-align: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-align-end:active { scroll-snap-align: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-align-end:disabled { scroll-snap-align: end; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-align-none { scroll-snap-align: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-align-none:hover { scroll-snap-align: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-align-none:focus { scroll-snap-align: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-align-none:active { scroll-snap-align: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-align-none:disabled { scroll-snap-align: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-stop-normal { scroll-snap-stop: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-stop-normal:active { scroll-snap-stop: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-snap-stop-always { scroll-snap-stop: always; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-snap-stop-always:hover { scroll-snap-stop: always; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-snap-stop-always:focus { scroll-snap-stop: always; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-snap-stop-always:active { scroll-snap-stop: always; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-auto { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-none { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-none:active { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-pan-x { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-pan-x:hover { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-pan-x:focus { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-pan-x:active { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-pan-x:disabled { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-pan-y { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-pan-y:hover { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-pan-y:focus { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-pan-y:active { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-pan-y:disabled { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-auto { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-auto:active { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-none { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-none:hover { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-none:focus { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-none:active { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-text { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-text:hover { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-text:focus { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-text:active { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-all { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-all:hover { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-all:focus { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-all:active { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-contain { user-select: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-contain:hover { user-select: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-contain:focus { user-select: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-contain:active { user-select: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-contain:disabled { user-select: contain; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-auto { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-scroll { will-change: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-scroll:hover { will-change: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-scroll:focus { will-change: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-scroll:active { will-change: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-scroll:disabled { will-change: scroll; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-transform { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-opacity { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-contents { will-change: contents; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-contents:hover { will-change: contents; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-contents:focus { will-change: contents; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-contents:active { will-change: contents; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-contents:disabled { will-change: contents; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-field-sizing-auto { block-size: auto; inline-size: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-field-sizing-fill { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-field-sizing-min { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-field-sizing-max { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-aspect-auto { aspect-ratio: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-aspect-auto:hover { aspect-ratio: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-aspect-auto:focus { aspect-ratio: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-aspect-auto:active { aspect-ratio: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-aspect-auto:disabled { aspect-ratio: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-aspect-square { aspect-ratio: 1 / 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-aspect-square:active { aspect-ratio: 1 / 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-aspect-video { aspect-ratio: 16 / 9; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-aspect-video:active { aspect-ratio: 16 / 9; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-isolation-auto { isolation: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-isolation-auto:hover { isolation: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-isolation-auto:focus { isolation: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-isolation-auto:active { isolation: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-isolation-auto:disabled { isolation: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-isolation-isolate { isolation: isolate; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-isolation-isolate:hover { isolation: isolate; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-isolation-isolate:focus { isolation: isolate; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-isolation-isolate:active { isolation: isolate; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-isolation-isolate:disabled { isolation: isolate; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contain-none { contain: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contain-none:hover { contain: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contain-none:focus { contain: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contain-none:active { contain: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contain-none:disabled { contain: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contain-layout { contain: layout; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contain-layout:hover { contain: layout; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contain-layout:focus { contain: layout; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contain-layout:active { contain: layout; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contain-layout:disabled { contain: layout; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contain-size { contain: size; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contain-size:hover { contain: size; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contain-size:focus { contain: size; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contain-size:active { contain: size; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contain-size:disabled { contain: size; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contain-style { contain: style; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contain-style:hover { contain: style; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contain-style:focus { contain: style; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contain-style:active { contain: style; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contain-style:disabled { contain: style; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contain-paint { contain: paint; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contain-paint:hover { contain: paint; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contain-paint:focus { contain: paint; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contain-paint:active { contain: paint; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contain-paint:disabled { contain: paint; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contain-content { contain: content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contain-content:hover { contain: content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contain-content:focus { contain: content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contain-content:active { contain: content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contain-content:disabled { contain: content; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-content-auto { content-visibility: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-content-auto:hover { content-visibility: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-content-auto:focus { content-visibility: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-content-auto:active { content-visibility: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-content-auto:disabled { content-visibility: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-content-hidden { content-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-content-hidden:hover { content-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-content-hidden:focus { content-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-content-hidden:active { content-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-content-hidden:disabled { content-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-content-visible { content-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-content-visible:hover { content-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-content-visible:focus { content-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-content-visible:active { content-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-content-visible:disabled { content-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-box-border { box-sizing: border-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-box-border:hover { box-sizing: border-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-box-border:focus { box-sizing: border-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-box-border:active { box-sizing: border-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-box-border:disabled { box-sizing: border-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-box-content { box-sizing: content-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-box-content:hover { box-sizing: content-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-box-content:focus { box-sizing: content-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-box-content:active { box-sizing: content-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-box-content:disabled { box-sizing: content-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clip-none { clip-path: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clip-none:hover { clip-path: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clip-none:focus { clip-path: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clip-none:active { clip-path: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clip-none:disabled { clip-path: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clip-circle { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clip-inset { clip-path: inset(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clip-inset:hover { clip-path: inset(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clip-inset:focus { clip-path: inset(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clip-inset:active { clip-path: inset(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clip-inset:disabled { clip-path: inset(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-margin-block-start-1 { margin-block-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-margin-block-start-1:active { margin-block-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-margin-block-end-1 { margin-block-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-margin-block-end-1:active { margin-block-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-margin-inline-start-1 { margin-inline-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-margin-inline-end-1 { margin-inline-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-padding-block-start-1 { padding-block-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-padding-block-start-1:active { padding-block-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-padding-block-end-1 { padding-block-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-padding-block-end-1:active { padding-block-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-padding-inline-start-1 { padding-inline-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-padding-inline-end-1 { padding-inline-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-all { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-all:active { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-opacity { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-shadow { transition-property: box-shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-shadow:hover { transition-property: box-shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-shadow:focus { transition-property: box-shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-shadow:active { transition-property: box-shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-shadow:disabled { transition-property: box-shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-transform { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-100 { transition-duration: 100ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-100:hover { transition-duration: 100ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-100:focus { transition-duration: 100ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-100:active { transition-duration: 100ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-100:disabled { transition-duration: 100ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-200 { transition-duration: 200ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-200:hover { transition-duration: 200ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-200:focus { transition-duration: 200ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-200:active { transition-duration: 200ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-200:disabled { transition-duration: 200ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-linear { transition-timing-function: linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-linear:hover { transition-timing-function: linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-linear:focus { transition-timing-function: linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-linear:active { transition-timing-function: linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-linear:disabled { transition-timing-function: linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-in { transition-timing-function: ease-in; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-in:hover { transition-timing-function: ease-in; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-in:focus { transition-timing-function: ease-in; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-in:active { transition-timing-function: ease-in; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-in:disabled { transition-timing-function: ease-in; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-out { transition-timing-function: ease-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-out:hover { transition-timing-function: ease-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-out:focus { transition-timing-function: ease-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-out:active { transition-timing-function: ease-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-out:disabled { transition-timing-function: ease-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-in-out { transition-timing-function: ease-in-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-in-out:active { transition-timing-function: ease-in-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-bounce { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-spin { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-filter-none { filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-filter-none:hover { filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-filter-none:focus { filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-filter-none:active { filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-filter-none:disabled { filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur-sm { filter: blur(2px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur-sm:hover { filter: blur(2px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur-sm:focus { filter: blur(2px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur-sm:active { filter: blur(2px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur-sm:disabled { filter: blur(2px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur:hover { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur:focus { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur:active { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur:disabled { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur-md { filter: blur(8px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur-md:hover { filter: blur(8px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur-md:focus { filter: blur(8px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur-md:active { filter: blur(8px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur-md:disabled { filter: blur(8px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur-lg { filter: blur(12px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur-lg:hover { filter: blur(12px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur-lg:focus { filter: blur(12px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur-lg:active { filter: blur(12px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur-lg:disabled { filter: blur(12px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-blur-xl { filter: blur(20px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-blur-xl:hover { filter: blur(20px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-blur-xl:focus { filter: blur(20px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-blur-xl:active { filter: blur(20px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-blur-xl:disabled { filter: blur(20px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-100 { filter: brightness(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-100:hover { filter: brightness(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-100:focus { filter: brightness(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-100:active { filter: brightness(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-100:disabled { filter: brightness(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-brightness-150 { filter: brightness(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-brightness-150:hover { filter: brightness(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-brightness-150:focus { filter: brightness(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-brightness-150:active { filter: brightness(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-brightness-150:disabled { filter: brightness(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contrast-50 { filter: contrast(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contrast-50:hover { filter: contrast(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contrast-50:focus { filter: contrast(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contrast-50:active { filter: contrast(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contrast-50:disabled { filter: contrast(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-contrast-100 { filter: contrast(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-contrast-100:hover { filter: contrast(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-contrast-100:focus { filter: contrast(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-contrast-100:active { filter: contrast(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-contrast-100:disabled { filter: contrast(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grayscale { filter: grayscale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grayscale:hover { filter: grayscale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grayscale:focus { filter: grayscale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grayscale:active { filter: grayscale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grayscale:disabled { filter: grayscale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-sepia { filter: sepia(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-sepia:hover { filter: sepia(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-sepia:focus { filter: sepia(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-sepia:active { filter: sepia(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-sepia:disabled { filter: sepia(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-flow-row { grid-auto-flow: row; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-flow-row:hover { grid-auto-flow: row; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-flow-row:focus { grid-auto-flow: row; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-flow-row:active { grid-auto-flow: row; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-flow-col { grid-auto-flow: column; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-flow-col:hover { grid-auto-flow: column; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-flow-col:focus { grid-auto-flow: column; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-flow-col:active { grid-auto-flow: column; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-flow-row-dense { grid-auto-flow: row dense; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-flow-col-dense { grid-auto-flow: column dense; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-none { transition-property: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-none:hover { transition-property: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-none:focus { transition-property: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-none:active { transition-property: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-none:disabled { transition-property: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-all { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-all:active { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-opacity { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-shadow { transition-property: box-shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-shadow:hover { transition-property: box-shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-shadow:focus { transition-property: box-shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-shadow:active { transition-property: box-shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-shadow:disabled { transition-property: box-shadow; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transition-transform { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-linear { transition-timing-function: linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-linear:hover { transition-timing-function: linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-linear:focus { transition-timing-function: linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-linear:active { transition-timing-function: linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-linear:disabled { transition-timing-function: linear; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-none { animation: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-none:hover { animation: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-none:focus { animation: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-none:active { animation: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-none:disabled { animation: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-fade { animation: fade 300ms ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-fade:active { animation: fade 300ms ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-slide-in { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-animate-spin { animation: spin 1s linear infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-animate-spin:hover { animation: spin 1s linear infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-animate-spin:focus { animation: spin 1s linear infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-animate-spin:active { animation: spin 1s linear infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transform { transform: var(--tw-transform, none); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transform:hover { transform: var(--tw-transform, none); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transform:focus { transform: var(--tw-transform, none); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transform:active { transform: var(--tw-transform, none); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transform:disabled { transform: var(--tw-transform, none); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transform-none { transform: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transform-none:hover { transform: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transform-none:focus { transform: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transform-none:active { transform: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transform-none:disabled { transform: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-50 { --tw-transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-50:hover { --tw-transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-50:focus { --tw-transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-50:active { --tw-transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-75 { --tw-transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-75:hover { --tw-transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-75:focus { --tw-transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-75:active { --tw-transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-90 { --tw-transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-90:hover { --tw-transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-90:focus { --tw-transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-90:active { --tw-transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-100 { --tw-transform: scale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-100:hover { --tw-transform: scale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-100:focus { --tw-transform: scale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-100:active { --tw-transform: scale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-100:disabled { --tw-transform: scale(1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-105 { --tw-transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-105:hover { --tw-transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-105:focus { --tw-transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-105:active { --tw-transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-110 { --tw-transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-110:hover { --tw-transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-110:focus { --tw-transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-110:active { --tw-transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-125 { --tw-transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-125:hover { --tw-transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-125:focus { --tw-transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-125:active { --tw-transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scale-150 { --tw-transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scale-150:hover { --tw-transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scale-150:focus { --tw-transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scale-150:active { --tw-transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-0 { --tw-transform: translateX(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-0:hover { --tw-transform: translateX(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-0:focus { --tw-transform: translateX(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-0:active { --tw-transform: translateX(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-1 { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-2 { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-4 { --tw-transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-4:active { --tw-transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-x-8 { --tw-transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-x-8:active { --tw-transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-0 { --tw-transform: translateY(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-0:hover { --tw-transform: translateY(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-0:focus { --tw-transform: translateY(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-0:active { --tw-transform: translateY(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-1 { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-2 { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-4 { --tw-transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-4:active { --tw-transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-translate-y-8 { --tw-transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-translate-y-8:active { --tw-transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-0 { --tw-transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-0:active { --tw-transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-45 { --tw-transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-45:active { --tw-transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-90 { --tw-transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-90:active { --tw-transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-rotate-180 { --tw-transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-rotate-180:active { --tw-transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-0 { --tw-transform: skewX(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-0:hover { --tw-transform: skewX(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-0:focus { --tw-transform: skewX(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-0:active { --tw-transform: skewX(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-3 { --tw-transform: skewX(3deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-3:active { --tw-transform: skewX(3deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-x-6 { --tw-transform: skewX(6deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-x-6:active { --tw-transform: skewX(6deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-0 { --tw-transform: skewY(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-0:hover { --tw-transform: skewY(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-0:focus { --tw-transform: skewY(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-0:active { --tw-transform: skewY(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-3 { --tw-transform: skewY(3deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-3:active { --tw-transform: skewY(3deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-skew-y-6 { --tw-transform: skewY(6deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-skew-y-6:active { --tw-transform: skewY(6deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-center { transform-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-center:hover { transform-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-center:focus { transform-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-center:active { transform-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-center:disabled { transform-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-top { transform-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-top:hover { transform-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-top:focus { transform-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-top:active { transform-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-top:disabled { transform-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-right { transform-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-right:hover { transform-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-right:focus { transform-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-right:active { transform-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-right:disabled { transform-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-bottom { transform-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-bottom:hover { transform-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-bottom:focus { transform-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-bottom:active { transform-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-bottom:disabled { transform-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-origin-left { transform-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-origin-left:hover { transform-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-origin-left:focus { transform-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-origin-left:active { transform-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-origin-left:disabled { transform-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-none { perspective: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-none:hover { perspective: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-none:focus { perspective: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-none:active { perspective: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-none:disabled { perspective: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-sm { perspective: 400px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-sm:hover { perspective: 400px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-sm:focus { perspective: 400px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-sm:active { perspective: 400px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-sm:disabled { perspective: 400px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-md { perspective: 800px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-md:hover { perspective: 800px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-md:focus { perspective: 800px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-md:active { perspective: 800px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-md:disabled { perspective: 800px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-lg { perspective: 1200px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-lg:hover { perspective: 1200px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-lg:focus { perspective: 1200px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-lg:active { perspective: 1200px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-lg:disabled { perspective: 1200px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-xl { perspective: 1600px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-xl:hover { perspective: 1600px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-xl:focus { perspective: 1600px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-xl:active { perspective: 1600px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-xl:disabled { perspective: 1600px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-center { perspective-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-center:hover { perspective-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-center:focus { perspective-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-center:active { perspective-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-center:disabled { perspective-origin: center; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-top { perspective-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-top:hover { perspective-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-top:focus { perspective-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-top:active { perspective-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-top:disabled { perspective-origin: top; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-left { perspective-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-left:hover { perspective-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-left:focus { perspective-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-left:active { perspective-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-left:disabled { perspective-origin: left; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-right { perspective-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-right:hover { perspective-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-right:focus { perspective-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-right:active { perspective-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-right:disabled { perspective-origin: right; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-perspective-origin-bottom { perspective-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-perspective-origin-bottom:active { perspective-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-backface-visible { backface-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-backface-visible:hover { backface-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-backface-visible:focus { backface-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-backface-visible:active { backface-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-backface-visible:disabled { backface-visibility: visible; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-backface-hidden { backface-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-backface-hidden:hover { backface-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-backface-hidden:focus { backface-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-backface-hidden:active { backface-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-backface-hidden:disabled { backface-visibility: hidden; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transform-style-flat { transform-style: flat; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transform-style-flat:hover { transform-style: flat; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transform-style-flat:focus { transform-style: flat; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transform-style-flat:active { transform-style: flat; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transform-style-flat:disabled { transform-style: flat; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-transform-style-preserve { transform-style: preserve-3d; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-transform-style-preserve:active { transform-style: preserve-3d; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-filter-none { filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-filter-none:hover { filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-filter-none:focus { filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-filter-none:active { filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-filter-none:disabled { filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-filter-grayscale { filter: grayscale(100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-filter-grayscale:hover { filter: grayscale(100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-filter-grayscale:focus { filter: grayscale(100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-filter-grayscale:active { filter: grayscale(100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-filter-blur { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-filter-blur:hover { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-filter-blur:focus { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-filter-blur:active { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-filter-blur:disabled { filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-filter-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-filter-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-filter-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-filter-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-filter-contrast-125 { filter: contrast(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-filter-contrast-125:hover { filter: contrast(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-filter-contrast-125:focus { filter: contrast(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-filter-contrast-125:active { filter: contrast(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-filter-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-filter-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-filter-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-filter-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-filter-sepia { filter: sepia(100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-filter-sepia:hover { filter: sepia(100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-filter-sepia:focus { filter: sepia(100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-filter-sepia:active { filter: sepia(100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-filter-sepia:disabled { filter: sepia(100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-backdrop-filter-none { backdrop-filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-backdrop-filter-none:hover { backdrop-filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-backdrop-filter-none:focus { backdrop-filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-backdrop-filter-none:active { backdrop-filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-backdrop-blur { backdrop-filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-backdrop-blur:active { backdrop-filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-normal { background-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-normal:hover { background-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-normal:focus { background-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-normal:active { background-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-multiply { background-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-multiply:active { background-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-screen { background-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-screen:hover { background-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-screen:focus { background-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-screen:active { background-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-overlay { background-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-overlay:active { background-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-darken { background-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-darken:hover { background-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-darken:focus { background-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-darken:active { background-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-blend-lighten { background-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-blend-lighten:active { background-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-blend-normal { mix-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-blend-normal:active { mix-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-blend-multiply { mix-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-blend-screen { mix-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-blend-screen:active { mix-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-mix-blend-overlay { mix-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-decoration-slice { box-decoration-break: slice; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-decoration-slice:hover { box-decoration-break: slice; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-decoration-slice:focus { box-decoration-break: slice; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-decoration-slice:active { box-decoration-break: slice; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-decoration-slice:disabled { box-decoration-break: slice; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-decoration-clone { box-decoration-break: clone; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-decoration-clone:hover { box-decoration-break: clone; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-decoration-clone:focus { box-decoration-break: clone; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-decoration-clone:active { box-decoration-break: clone; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-decoration-clone:disabled { box-decoration-break: clone; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-box-border { box-sizing: border-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-box-border:hover { box-sizing: border-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-box-border:focus { box-sizing: border-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-box-border:active { box-sizing: border-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-box-border:disabled { box-sizing: border-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-box-content { box-sizing: content-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-box-content:hover { box-sizing: content-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-box-content:focus { box-sizing: content-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-box-content:active { box-sizing: content-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-box-content:disabled { box-sizing: content-box; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clip-none { clip-path: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clip-none:hover { clip-path: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clip-none:focus { clip-path: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clip-none:active { clip-path: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clip-none:disabled { clip-path: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clip-circle { clip-path: circle(50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clip-circle:hover { clip-path: circle(50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clip-circle:focus { clip-path: circle(50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clip-circle:active { clip-path: circle(50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clip-circle:disabled { clip-path: circle(50%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clip-ellipse { clip-path: ellipse(50% 75%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clip-inset { clip-path: inset(10%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clip-inset:hover { clip-path: inset(10%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clip-inset:focus { clip-path: inset(10%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clip-inset:active { clip-path: inset(10%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clip-inset:disabled { clip-path: inset(10%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-none { outline: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-none:hover { outline: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-none:focus { outline: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-none:active { outline: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-none:disabled { outline: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-solid { outline-style: solid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-solid:hover { outline-style: solid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-solid:focus { outline-style: solid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-solid:active { outline-style: solid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-solid:disabled { outline-style: solid; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-dashed { outline-style: dashed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-dashed:hover { outline-style: dashed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-dashed:focus { outline-style: dashed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-dashed:active { outline-style: dashed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-dashed:disabled { outline-style: dashed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-offset-0 { outline-offset: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-offset-0:hover { outline-offset: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-offset-0:focus { outline-offset: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-offset-0:active { outline-offset: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-offset-0:disabled { outline-offset: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-offset-2 { outline-offset: 2px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-offset-2:hover { outline-offset: 2px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-offset-2:focus { outline-offset: 2px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-offset-2:active { outline-offset: 2px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-offset-2:disabled { outline-offset: 2px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-outline-offset-4 { outline-offset: 4px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-outline-offset-4:hover { outline-offset: 4px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-outline-offset-4:focus { outline-offset: 4px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-outline-offset-4:active { outline-offset: 4px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-outline-offset-4:disabled { outline-offset: 4px; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-none { box-shadow: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-none:hover { box-shadow: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-none:focus { box-shadow: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-none:active { box-shadow: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-none:disabled { box-shadow: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-auto { accent-color: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-auto:hover { accent-color: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-auto:focus { accent-color: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-auto:active { accent-color: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-auto:disabled { accent-color: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-accent-current { accent-color: currentColor; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-accent-current:hover { accent-color: currentColor; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-accent-current:focus { accent-color: currentColor; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-accent-current:active { accent-color: currentColor; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-accent-current:disabled { accent-color: currentColor; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-appearance-none { appearance: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-appearance-none:hover { appearance: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-appearance-none:focus { appearance: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-appearance-none:active { appearance: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-appearance-none:disabled { appearance: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-auto { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-pointer { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-default { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-default:active { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-wait { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-text { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-text:active { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-move { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-move:active { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-pointer-events-none { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize-none { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize-none:hover { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize-none:focus { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize-none:active { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize-y { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize-y:active { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize-x { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-resize { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-resize:hover { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-resize:focus { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-resize:active { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-resize:disabled { resize: both; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-0 { scroll-margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-0:hover { scroll-margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-0:focus { scroll-margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-0:active { scroll-margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-0:disabled { scroll-margin: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-1 { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-1:active { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-2 { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-2:active { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-4 { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-4:hover { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-4:focus { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-4:active { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-m-8 { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-m-8:hover { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-m-8:focus { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-m-8:active { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-0 { scroll-padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-0:hover { scroll-padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-0:focus { scroll-padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-0:active { scroll-padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-0:disabled { scroll-padding: 0; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-1 { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-1:active { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-2 { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-2:active { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-4 { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-4:hover { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-4:focus { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-4:active { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-scroll-p-8 { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-scroll-p-8:hover { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-scroll-p-8:focus { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-scroll-p-8:active { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-auto { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-none { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-none:active { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-pan-x { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-pan-x:hover { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-pan-x:focus { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-pan-x:active { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-pan-x:disabled { touch-action: pan-x; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-pan-y { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-pan-y:hover { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-pan-y:focus { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-pan-y:active { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-pan-y:disabled { touch-action: pan-y; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-none { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-none:hover { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-none:focus { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-none:active { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-text { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-text:hover { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-text:focus { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-text:active { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-all { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-all:hover { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-all:focus { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-all:active { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-select-auto { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-select-auto:active { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-auto { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-scroll { will-change: scroll-position; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-scroll:hover { will-change: scroll-position; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-scroll:focus { will-change: scroll-position; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-scroll:active { will-change: scroll-position; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-scroll:disabled { will-change: scroll-position; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-transform { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-will-change-opacity { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-primary { background-color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-primary:hover { background-color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-primary:focus { background-color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-primary:active { background-color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-secondary { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-success { background-color: var(--quanta-bg-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-success:active { background-color: var(--quanta-bg-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-warning { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-danger { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-bg-info { background-color: var(--quanta-bg-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-bg-info:active { background-color: var(--quanta-bg-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-primary { color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-primary:hover { color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-primary:focus { color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-primary:active { color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-primary:disabled { color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-secondary { color: var(--quanta-text-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-secondary:active { color: var(--quanta-text-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-success { color: var(--quanta-text-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-success:hover { color: var(--quanta-text-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-success:focus { color: var(--quanta-text-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-success:active { color: var(--quanta-text-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-success:disabled { color: var(--quanta-text-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-warning { color: var(--quanta-text-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-warning:hover { color: var(--quanta-text-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-warning:focus { color: var(--quanta-text-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-warning:active { color: var(--quanta-text-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-danger { color: var(--quanta-text-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-danger:hover { color: var(--quanta-text-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-danger:focus { color: var(--quanta-text-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-danger:active { color: var(--quanta-text-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-text-info { color: var(--quanta-text-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-text-info:hover { color: var(--quanta-text-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-text-info:focus { color: var(--quanta-text-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-text-info:active { color: var(--quanta-text-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-text-info:disabled { color: var(--quanta-text-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-primary { border-color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-primary:hover { border-color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-primary:focus { border-color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-primary:active { border-color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-secondary { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-success { border-color: var(--quanta-border-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-success:hover { border-color: var(--quanta-border-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-success:focus { border-color: var(--quanta-border-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-success:active { border-color: var(--quanta-border-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-warning { border-color: var(--quanta-border-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-warning:active { border-color: var(--quanta-border-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-danger { border-color: var(--quanta-border-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-danger:active { border-color: var(--quanta-border-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-border-info { border-color: var(--quanta-border-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-hover-border-info:hover { border-color: var(--quanta-border-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-focus-border-info:focus { border-color: var(--quanta-border-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-active-border-info:active { border-color: var(--quanta-border-info); }
}
@media (min-width: 768px) {
  [data-theme="dark"] .dark-md-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
}
}
@media (min-width: 1024px) {
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-auto { padding: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-auto:hover { padding: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-auto:focus { padding: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-auto:active { padding: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-auto:disabled { padding: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-0 { padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-0:hover { padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-0:focus { padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-0:active { padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-0:disabled { padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-1 { padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-1:hover { padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-1:focus { padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-1:active { padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-1:disabled { padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-2 { padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-2:hover { padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-2:focus { padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-2:active { padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-2:disabled { padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-3 { padding: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-3:hover { padding: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-3:focus { padding: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-3:active { padding: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-3:disabled { padding: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-4 { padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-4:hover { padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-4:focus { padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-4:active { padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-4:disabled { padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-5 { padding: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-5:hover { padding: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-5:focus { padding: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-5:active { padding: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-5:disabled { padding: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-6 { padding: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-6:hover { padding: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-6:focus { padding: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-6:active { padding: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-6:disabled { padding: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-8 { padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-8:hover { padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-8:focus { padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-8:active { padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-8:disabled { padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-10 { padding: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-10:hover { padding: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-10:focus { padding: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-10:active { padding: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-10:disabled { padding: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-12 { padding: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-12:hover { padding: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-12:focus { padding: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-12:active { padding: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-12:disabled { padding: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-16 { padding: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-16:hover { padding: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-16:focus { padding: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-16:active { padding: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-16:disabled { padding: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-20 { padding: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-20:hover { padding: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-20:focus { padding: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-20:active { padding: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-20:disabled { padding: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-24 { padding: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-24:hover { padding: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-24:focus { padding: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-24:active { padding: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-24:disabled { padding: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-28 { padding: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-28:hover { padding: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-28:focus { padding: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-28:active { padding: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-28:disabled { padding: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-p-32 { padding: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-p-32:hover { padding: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-p-32:focus { padding: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-p-32:active { padding: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-p-32:disabled { padding: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-auto { padding-top: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-auto:hover { padding-top: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-auto:focus { padding-top: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-auto:active { padding-top: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-auto:disabled { padding-top: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-0 { padding-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-0:hover { padding-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-0:focus { padding-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-0:active { padding-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-0:disabled { padding-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-1 { padding-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-1:hover { padding-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-1:focus { padding-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-1:active { padding-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-1:disabled { padding-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-2 { padding-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-2:hover { padding-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-2:focus { padding-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-2:active { padding-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-2:disabled { padding-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-3 { padding-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-3:hover { padding-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-3:focus { padding-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-3:active { padding-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-3:disabled { padding-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-4 { padding-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-4:hover { padding-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-4:focus { padding-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-4:active { padding-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-4:disabled { padding-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-5 { padding-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-5:hover { padding-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-5:focus { padding-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-5:active { padding-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-5:disabled { padding-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-6 { padding-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-6:hover { padding-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-6:focus { padding-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-6:active { padding-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-6:disabled { padding-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-8 { padding-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-8:hover { padding-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-8:focus { padding-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-8:active { padding-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-8:disabled { padding-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-10 { padding-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-10:hover { padding-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-10:focus { padding-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-10:active { padding-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-10:disabled { padding-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-12 { padding-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-12:hover { padding-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-12:focus { padding-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-12:active { padding-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-12:disabled { padding-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-16 { padding-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-16:hover { padding-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-16:focus { padding-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-16:active { padding-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-16:disabled { padding-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-20 { padding-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-20:hover { padding-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-20:focus { padding-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-20:active { padding-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-20:disabled { padding-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-24 { padding-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-24:hover { padding-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-24:focus { padding-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-24:active { padding-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-24:disabled { padding-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-28 { padding-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-28:hover { padding-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-28:focus { padding-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-28:active { padding-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-28:disabled { padding-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pt-32 { padding-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pt-32:hover { padding-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pt-32:focus { padding-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pt-32:active { padding-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pt-32:disabled { padding-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-auto { padding-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-auto:hover { padding-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-auto:focus { padding-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-auto:active { padding-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-auto:disabled { padding-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-0 { padding-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-0:hover { padding-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-0:focus { padding-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-0:active { padding-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-0:disabled { padding-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-1 { padding-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-1:hover { padding-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-1:focus { padding-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-1:active { padding-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-2 { padding-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-2:hover { padding-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-2:focus { padding-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-2:active { padding-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-3 { padding-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-3:hover { padding-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-3:focus { padding-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-3:active { padding-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-4 { padding-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-4:hover { padding-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-4:focus { padding-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-4:active { padding-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-4:disabled { padding-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-5 { padding-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-5:hover { padding-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-5:focus { padding-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-5:active { padding-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-6 { padding-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-6:hover { padding-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-6:focus { padding-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-6:active { padding-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-8 { padding-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-8:hover { padding-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-8:focus { padding-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-8:active { padding-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-8:disabled { padding-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-10 { padding-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-10:hover { padding-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-10:focus { padding-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-10:active { padding-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-12 { padding-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-12:hover { padding-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-12:focus { padding-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-12:active { padding-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-12:disabled { padding-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-16 { padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-16:hover { padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-16:focus { padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-16:active { padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-16:disabled { padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-20 { padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-20:hover { padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-20:focus { padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-20:active { padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-20:disabled { padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-24 { padding-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-24:hover { padding-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-24:focus { padding-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-24:active { padding-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-24:disabled { padding-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-28 { padding-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-28:hover { padding-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-28:focus { padding-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-28:active { padding-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-28:disabled { padding-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pb-32 { padding-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pb-32:hover { padding-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pb-32:focus { padding-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pb-32:active { padding-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pb-32:disabled { padding-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-auto { padding-left: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-auto:hover { padding-left: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-auto:focus { padding-left: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-auto:active { padding-left: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-auto:disabled { padding-left: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-0 { padding-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-0:hover { padding-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-0:focus { padding-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-0:active { padding-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-0:disabled { padding-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-1 { padding-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-1:hover { padding-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-1:focus { padding-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-1:active { padding-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-1:disabled { padding-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-2 { padding-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-2:hover { padding-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-2:focus { padding-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-2:active { padding-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-2:disabled { padding-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-3 { padding-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-3:hover { padding-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-3:focus { padding-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-3:active { padding-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-3:disabled { padding-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-4 { padding-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-4:hover { padding-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-4:focus { padding-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-4:active { padding-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-4:disabled { padding-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-5 { padding-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-5:hover { padding-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-5:focus { padding-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-5:active { padding-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-5:disabled { padding-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-6 { padding-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-6:hover { padding-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-6:focus { padding-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-6:active { padding-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-6:disabled { padding-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-8 { padding-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-8:hover { padding-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-8:focus { padding-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-8:active { padding-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-8:disabled { padding-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-10 { padding-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-10:hover { padding-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-10:focus { padding-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-10:active { padding-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-10:disabled { padding-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-12 { padding-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-12:hover { padding-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-12:focus { padding-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-12:active { padding-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-12:disabled { padding-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-16 { padding-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-16:hover { padding-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-16:focus { padding-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-16:active { padding-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-16:disabled { padding-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-20 { padding-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-20:hover { padding-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-20:focus { padding-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-20:active { padding-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-20:disabled { padding-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-24 { padding-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-24:hover { padding-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-24:focus { padding-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-24:active { padding-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-24:disabled { padding-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-28 { padding-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-28:hover { padding-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-28:focus { padding-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-28:active { padding-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-28:disabled { padding-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pl-32 { padding-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pl-32:hover { padding-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pl-32:focus { padding-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pl-32:active { padding-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pl-32:disabled { padding-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-auto { padding-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-auto:hover { padding-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-auto:focus { padding-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-auto:active { padding-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-auto:disabled { padding-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-0 { padding-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-0:hover { padding-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-0:focus { padding-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-0:active { padding-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-0:disabled { padding-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-1 { padding-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-1:hover { padding-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-1:focus { padding-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-1:active { padding-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-1:disabled { padding-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-2 { padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-2:hover { padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-2:focus { padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-2:active { padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-2:disabled { padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-3 { padding-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-3:hover { padding-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-3:focus { padding-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-3:active { padding-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-3:disabled { padding-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-4 { padding-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-4:hover { padding-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-4:focus { padding-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-4:active { padding-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-4:disabled { padding-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-5 { padding-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-5:hover { padding-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-5:focus { padding-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-5:active { padding-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-5:disabled { padding-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-6 { padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-6:hover { padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-6:focus { padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-6:active { padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-6:disabled { padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-8 { padding-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-8:hover { padding-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-8:focus { padding-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-8:active { padding-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-8:disabled { padding-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-10 { padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-10:hover { padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-10:focus { padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-10:active { padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-10:disabled { padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-12 { padding-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-12:hover { padding-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-12:focus { padding-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-12:active { padding-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-12:disabled { padding-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-16 { padding-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-16:hover { padding-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-16:focus { padding-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-16:active { padding-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-16:disabled { padding-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-20 { padding-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-20:hover { padding-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-20:focus { padding-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-20:active { padding-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-20:disabled { padding-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-24 { padding-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-24:hover { padding-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-24:focus { padding-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-24:active { padding-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-24:disabled { padding-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-28 { padding-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-28:hover { padding-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-28:focus { padding-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-28:active { padding-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-28:disabled { padding-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pr-32 { padding-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pr-32:hover { padding-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pr-32:focus { padding-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pr-32:active { padding-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pr-32:disabled { padding-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-auto { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-auto:active { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-0 { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-0:hover { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-0:focus { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-0:active { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-4 { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-8 { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-12 { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-16 { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-20 { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-24 { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-28 { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-px-32 { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-auto { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-0 { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-0:active { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-auto { margin: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-auto:hover { margin: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-auto:focus { margin: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-auto:active { margin: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-auto:disabled { margin: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-0 { margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-0:hover { margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-0:focus { margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-0:active { margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-0:disabled { margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-1 { margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-1:hover { margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-1:focus { margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-1:active { margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-1:disabled { margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-2 { margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-2:hover { margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-2:focus { margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-2:active { margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-2:disabled { margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-3 { margin: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-3:hover { margin: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-3:focus { margin: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-3:active { margin: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-3:disabled { margin: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-4 { margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-4:hover { margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-4:focus { margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-4:active { margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-4:disabled { margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-5 { margin: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-5:hover { margin: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-5:focus { margin: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-5:active { margin: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-5:disabled { margin: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-6 { margin: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-6:hover { margin: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-6:focus { margin: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-6:active { margin: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-6:disabled { margin: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-8 { margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-8:hover { margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-8:focus { margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-8:active { margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-8:disabled { margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-10 { margin: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-10:hover { margin: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-10:focus { margin: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-10:active { margin: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-10:disabled { margin: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-12 { margin: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-12:hover { margin: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-12:focus { margin: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-12:active { margin: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-12:disabled { margin: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-16 { margin: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-16:hover { margin: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-16:focus { margin: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-16:active { margin: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-16:disabled { margin: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-20 { margin: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-20:hover { margin: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-20:focus { margin: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-20:active { margin: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-20:disabled { margin: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-24 { margin: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-24:hover { margin: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-24:focus { margin: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-24:active { margin: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-24:disabled { margin: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-28 { margin: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-28:hover { margin: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-28:focus { margin: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-28:active { margin: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-28:disabled { margin: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-m-32 { margin: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-m-32:hover { margin: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-m-32:focus { margin: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-m-32:active { margin: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-m-32:disabled { margin: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-auto { margin-top: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-auto:hover { margin-top: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-auto:focus { margin-top: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-auto:active { margin-top: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-auto:disabled { margin-top: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-0 { margin-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-0:hover { margin-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-0:focus { margin-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-0:active { margin-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-0:disabled { margin-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-1 { margin-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-1:hover { margin-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-1:focus { margin-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-1:active { margin-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-1:disabled { margin-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-2 { margin-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-2:hover { margin-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-2:focus { margin-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-2:active { margin-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-2:disabled { margin-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-3 { margin-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-3:hover { margin-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-3:focus { margin-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-3:active { margin-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-3:disabled { margin-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-4 { margin-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-4:hover { margin-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-4:focus { margin-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-4:active { margin-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-4:disabled { margin-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-5 { margin-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-5:hover { margin-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-5:focus { margin-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-5:active { margin-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-5:disabled { margin-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-6 { margin-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-6:hover { margin-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-6:focus { margin-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-6:active { margin-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-6:disabled { margin-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-8 { margin-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-8:hover { margin-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-8:focus { margin-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-8:active { margin-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-8:disabled { margin-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-10 { margin-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-10:hover { margin-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-10:focus { margin-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-10:active { margin-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-10:disabled { margin-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-12 { margin-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-12:hover { margin-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-12:focus { margin-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-12:active { margin-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-12:disabled { margin-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-16 { margin-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-16:hover { margin-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-16:focus { margin-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-16:active { margin-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-16:disabled { margin-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-20 { margin-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-20:hover { margin-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-20:focus { margin-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-20:active { margin-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-20:disabled { margin-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-24 { margin-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-24:hover { margin-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-24:focus { margin-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-24:active { margin-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-24:disabled { margin-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-28 { margin-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-28:hover { margin-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-28:focus { margin-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-28:active { margin-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-28:disabled { margin-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mt-32 { margin-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mt-32:hover { margin-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mt-32:focus { margin-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mt-32:active { margin-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mt-32:disabled { margin-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-auto { margin-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-auto:hover { margin-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-auto:focus { margin-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-auto:active { margin-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-auto:disabled { margin-bottom: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-0 { margin-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-0:hover { margin-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-0:focus { margin-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-0:active { margin-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-0:disabled { margin-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-1 { margin-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-1:hover { margin-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-1:focus { margin-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-1:active { margin-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-2 { margin-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-2:hover { margin-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-2:focus { margin-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-2:active { margin-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-3 { margin-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-3:hover { margin-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-3:focus { margin-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-3:active { margin-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-4 { margin-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-4:hover { margin-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-4:focus { margin-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-4:active { margin-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-4:disabled { margin-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-5 { margin-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-5:hover { margin-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-5:focus { margin-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-5:active { margin-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-6 { margin-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-6:hover { margin-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-6:focus { margin-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-6:active { margin-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-8 { margin-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-8:hover { margin-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-8:focus { margin-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-8:active { margin-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-8:disabled { margin-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-10 { margin-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-10:hover { margin-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-10:focus { margin-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-10:active { margin-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-12 { margin-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-12:hover { margin-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-12:focus { margin-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-12:active { margin-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-12:disabled { margin-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-16 { margin-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-16:hover { margin-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-16:focus { margin-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-16:active { margin-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-16:disabled { margin-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-20 { margin-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-20:hover { margin-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-20:focus { margin-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-20:active { margin-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-20:disabled { margin-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-24 { margin-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-24:hover { margin-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-24:focus { margin-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-24:active { margin-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-24:disabled { margin-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-28 { margin-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-28:hover { margin-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-28:focus { margin-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-28:active { margin-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-28:disabled { margin-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mb-32 { margin-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mb-32:hover { margin-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mb-32:focus { margin-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mb-32:active { margin-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mb-32:disabled { margin-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-auto { margin-left: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-auto:hover { margin-left: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-auto:focus { margin-left: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-auto:active { margin-left: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-auto:disabled { margin-left: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-0 { margin-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-0:hover { margin-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-0:focus { margin-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-0:active { margin-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-0:disabled { margin-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-1 { margin-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-1:hover { margin-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-1:focus { margin-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-1:active { margin-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-1:disabled { margin-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-2 { margin-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-2:hover { margin-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-2:focus { margin-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-2:active { margin-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-2:disabled { margin-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-3 { margin-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-3:hover { margin-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-3:focus { margin-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-3:active { margin-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-3:disabled { margin-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-4 { margin-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-4:hover { margin-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-4:focus { margin-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-4:active { margin-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-4:disabled { margin-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-5 { margin-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-5:hover { margin-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-5:focus { margin-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-5:active { margin-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-5:disabled { margin-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-6 { margin-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-6:hover { margin-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-6:focus { margin-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-6:active { margin-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-6:disabled { margin-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-8 { margin-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-8:hover { margin-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-8:focus { margin-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-8:active { margin-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-8:disabled { margin-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-10 { margin-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-10:hover { margin-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-10:focus { margin-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-10:active { margin-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-10:disabled { margin-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-12 { margin-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-12:hover { margin-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-12:focus { margin-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-12:active { margin-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-12:disabled { margin-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-16 { margin-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-16:hover { margin-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-16:focus { margin-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-16:active { margin-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-16:disabled { margin-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-20 { margin-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-20:hover { margin-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-20:focus { margin-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-20:active { margin-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-20:disabled { margin-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-24 { margin-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-24:hover { margin-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-24:focus { margin-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-24:active { margin-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-24:disabled { margin-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-28 { margin-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-28:hover { margin-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-28:focus { margin-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-28:active { margin-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-28:disabled { margin-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ml-32 { margin-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ml-32:hover { margin-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ml-32:focus { margin-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ml-32:active { margin-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ml-32:disabled { margin-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-auto { margin-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-auto:hover { margin-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-auto:focus { margin-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-auto:active { margin-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-auto:disabled { margin-right: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-0 { margin-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-0:hover { margin-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-0:focus { margin-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-0:active { margin-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-0:disabled { margin-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-1 { margin-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-1:hover { margin-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-1:focus { margin-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-1:active { margin-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-1:disabled { margin-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-2 { margin-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-2:hover { margin-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-2:focus { margin-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-2:active { margin-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-2:disabled { margin-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-3 { margin-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-3:hover { margin-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-3:focus { margin-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-3:active { margin-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-3:disabled { margin-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-4 { margin-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-4:hover { margin-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-4:focus { margin-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-4:active { margin-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-4:disabled { margin-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-5 { margin-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-5:hover { margin-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-5:focus { margin-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-5:active { margin-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-5:disabled { margin-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-6 { margin-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-6:hover { margin-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-6:focus { margin-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-6:active { margin-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-6:disabled { margin-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-8 { margin-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-8:hover { margin-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-8:focus { margin-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-8:active { margin-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-8:disabled { margin-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-10 { margin-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-10:hover { margin-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-10:focus { margin-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-10:active { margin-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-10:disabled { margin-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-12 { margin-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-12:hover { margin-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-12:focus { margin-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-12:active { margin-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-12:disabled { margin-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-16 { margin-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-16:hover { margin-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-16:focus { margin-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-16:active { margin-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-16:disabled { margin-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-20 { margin-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-20:hover { margin-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-20:focus { margin-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-20:active { margin-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-20:disabled { margin-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-24 { margin-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-24:hover { margin-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-24:focus { margin-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-24:active { margin-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-24:disabled { margin-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-28 { margin-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-28:hover { margin-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-28:focus { margin-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-28:active { margin-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-28:disabled { margin-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mr-32 { margin-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mr-32:hover { margin-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mr-32:focus { margin-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mr-32:active { margin-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mr-32:disabled { margin-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-auto { --space-x: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-auto:hover { --space-x: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-auto:focus { --space-x: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-auto:active { --space-x: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-auto:disabled { --space-x: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-0 { --space-x: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-0:hover { --space-x: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-0:focus { --space-x: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-0:active { --space-x: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-0:disabled { --space-x: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-1 { --space-x: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-1:hover { --space-x: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-1:focus { --space-x: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-1:active { --space-x: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-1:disabled { --space-x: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-2 { --space-x: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-2:hover { --space-x: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-2:focus { --space-x: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-2:active { --space-x: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-2:disabled { --space-x: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-3 { --space-x: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-3:hover { --space-x: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-3:focus { --space-x: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-3:active { --space-x: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-3:disabled { --space-x: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-4 { --space-x: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-4:hover { --space-x: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-4:focus { --space-x: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-4:active { --space-x: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-4:disabled { --space-x: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-5 { --space-x: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-5:hover { --space-x: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-5:focus { --space-x: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-5:active { --space-x: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-5:disabled { --space-x: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-6 { --space-x: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-6:hover { --space-x: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-6:focus { --space-x: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-6:active { --space-x: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-6:disabled { --space-x: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-8 { --space-x: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-8:hover { --space-x: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-8:focus { --space-x: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-8:active { --space-x: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-8:disabled { --space-x: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-10 { --space-x: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-10:hover { --space-x: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-10:focus { --space-x: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-10:active { --space-x: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-10:disabled { --space-x: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-12 { --space-x: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-12:hover { --space-x: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-12:focus { --space-x: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-12:active { --space-x: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-12:disabled { --space-x: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-16 { --space-x: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-16:hover { --space-x: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-16:focus { --space-x: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-16:active { --space-x: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-16:disabled { --space-x: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-20 { --space-x: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-20:hover { --space-x: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-20:focus { --space-x: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-20:active { --space-x: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-20:disabled { --space-x: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-24 { --space-x: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-24:hover { --space-x: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-24:focus { --space-x: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-24:active { --space-x: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-24:disabled { --space-x: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-28 { --space-x: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-28:hover { --space-x: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-28:focus { --space-x: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-28:active { --space-x: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-28:disabled { --space-x: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-x-32 { --space-x: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-x-32:hover { --space-x: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-x-32:focus { --space-x: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-x-32:active { --space-x: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-x-32:disabled { --space-x: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-auto { --space-y: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-auto:hover { --space-y: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-auto:focus { --space-y: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-auto:active { --space-y: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-auto:disabled { --space-y: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-0 { --space-y: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-0:hover { --space-y: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-0:focus { --space-y: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-0:active { --space-y: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-0:disabled { --space-y: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-1 { --space-y: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-1:hover { --space-y: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-1:focus { --space-y: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-1:active { --space-y: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-1:disabled { --space-y: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-2 { --space-y: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-2:hover { --space-y: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-2:focus { --space-y: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-2:active { --space-y: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-2:disabled { --space-y: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-3 { --space-y: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-3:hover { --space-y: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-3:focus { --space-y: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-3:active { --space-y: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-3:disabled { --space-y: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-4 { --space-y: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-4:hover { --space-y: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-4:focus { --space-y: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-4:active { --space-y: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-4:disabled { --space-y: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-5 { --space-y: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-5:hover { --space-y: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-5:focus { --space-y: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-5:active { --space-y: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-5:disabled { --space-y: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-6 { --space-y: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-6:hover { --space-y: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-6:focus { --space-y: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-6:active { --space-y: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-6:disabled { --space-y: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-8 { --space-y: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-8:hover { --space-y: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-8:focus { --space-y: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-8:active { --space-y: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-8:disabled { --space-y: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-10 { --space-y: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-10:hover { --space-y: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-10:focus { --space-y: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-10:active { --space-y: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-10:disabled { --space-y: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-12 { --space-y: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-12:hover { --space-y: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-12:focus { --space-y: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-12:active { --space-y: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-12:disabled { --space-y: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-16 { --space-y: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-16:hover { --space-y: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-16:focus { --space-y: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-16:active { --space-y: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-16:disabled { --space-y: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-20 { --space-y: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-20:hover { --space-y: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-20:focus { --space-y: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-20:active { --space-y: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-20:disabled { --space-y: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-24 { --space-y: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-24:hover { --space-y: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-24:focus { --space-y: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-24:active { --space-y: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-24:disabled { --space-y: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-28 { --space-y: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-28:hover { --space-y: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-28:focus { --space-y: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-28:active { --space-y: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-28:disabled { --space-y: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-space-y-32 { --space-y: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-space-y-32:hover { --space-y: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-space-y-32:focus { --space-y: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-space-y-32:active { --space-y: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-space-y-32:disabled { --space-y: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-d-block { display: block; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-d-block:hover { display: block; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-d-block:focus { display: block; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-d-block:active { display: block; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-d-block:disabled { display: block; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-d-inline { display: inline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-d-inline:hover { display: inline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-d-inline:focus { display: inline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-d-inline:active { display: inline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-d-inline:disabled { display: inline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-d-inline-block { display: inline-block; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-d-inline-block:hover { display: inline-block; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-d-inline-block:focus { display: inline-block; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-d-inline-block:active { display: inline-block; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-d-inline-block:disabled { display: inline-block; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-d-flex { display: flex; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-d-flex:hover { display: flex; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-d-flex:focus { display: flex; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-d-flex:active { display: flex; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-d-flex:disabled { display: flex; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-d-inline-flex { display: inline-flex; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-d-inline-flex:hover { display: inline-flex; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-d-inline-flex:focus { display: inline-flex; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-d-inline-flex:active { display: inline-flex; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-d-inline-flex:disabled { display: inline-flex; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-d-grid { display: grid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-d-grid:hover { display: grid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-d-grid:focus { display: grid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-d-grid:active { display: grid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-d-grid:disabled { display: grid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-d-inline-grid { display: inline-grid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-d-inline-grid:hover { display: inline-grid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-d-inline-grid:focus { display: inline-grid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-d-inline-grid:active { display: inline-grid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-d-inline-grid:disabled { display: inline-grid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-d-none { display: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-d-none:hover { display: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-d-none:focus { display: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-d-none:active { display: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-d-none:disabled { display: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-position-static { position: static; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-position-static:hover { position: static; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-position-static:focus { position: static; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-position-static:active { position: static; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-position-static:disabled { position: static; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-position-relative { position: relative; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-position-relative:hover { position: relative; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-position-relative:focus { position: relative; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-position-relative:active { position: relative; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-position-relative:disabled { position: relative; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-position-absolute { position: absolute; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-position-absolute:hover { position: absolute; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-position-absolute:focus { position: absolute; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-position-absolute:active { position: absolute; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-position-absolute:disabled { position: absolute; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-position-fixed { position: fixed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-position-fixed:hover { position: fixed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-position-fixed:focus { position: fixed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-position-fixed:active { position: fixed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-position-fixed:disabled { position: fixed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-position-sticky { position: sticky; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-position-sticky:hover { position: sticky; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-position-sticky:focus { position: sticky; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-position-sticky:active { position: sticky; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-position-sticky:disabled { position: sticky; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-0 { inset: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-0:hover { inset: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-0:focus { inset: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-0:active { inset: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-0:disabled { inset: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-1 { inset: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-1:hover { inset: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-1:focus { inset: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-1:active { inset: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-1:disabled { inset: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-2 { inset: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-2:hover { inset: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-2:focus { inset: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-2:active { inset: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-2:disabled { inset: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-3 { inset: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-3:hover { inset: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-3:focus { inset: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-3:active { inset: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-3:disabled { inset: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-4 { inset: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-4:hover { inset: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-4:focus { inset: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-4:active { inset: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-4:disabled { inset: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-5 { inset: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-5:hover { inset: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-5:focus { inset: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-5:active { inset: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-5:disabled { inset: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-6 { inset: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-6:hover { inset: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-6:focus { inset: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-6:active { inset: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-6:disabled { inset: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-7 { inset: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-7:hover { inset: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-7:focus { inset: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-7:active { inset: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-7:disabled { inset: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-8 { inset: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-8:hover { inset: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-8:focus { inset: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-8:active { inset: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-8:disabled { inset: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-9 { inset: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-9:hover { inset: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-9:focus { inset: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-9:active { inset: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-9:disabled { inset: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-10 { inset: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-10:hover { inset: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-10:focus { inset: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-10:active { inset: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-10:disabled { inset: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-12 { inset: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-12:hover { inset: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-12:focus { inset: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-12:active { inset: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-12:disabled { inset: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-14 { inset: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-14:hover { inset: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-14:focus { inset: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-14:active { inset: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-14:disabled { inset: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-16 { inset: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-16:hover { inset: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-16:focus { inset: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-16:active { inset: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-16:disabled { inset: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-20 { inset: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-20:hover { inset: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-20:focus { inset: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-20:active { inset: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-20:disabled { inset: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-24 { inset: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-24:hover { inset: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-24:focus { inset: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-24:active { inset: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-24:disabled { inset: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-28 { inset: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-28:hover { inset: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-28:focus { inset: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-28:active { inset: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-28:disabled { inset: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-32 { inset: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-32:hover { inset: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-32:focus { inset: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-32:active { inset: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-32:disabled { inset: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-0 { inset-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-0:hover { inset-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-0:focus { inset-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-0:active { inset-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-0:disabled { inset-top: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-1 { inset-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-1:hover { inset-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-1:focus { inset-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-1:active { inset-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-2 { inset-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-2:hover { inset-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-2:focus { inset-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-2:active { inset-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-3 { inset-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-3:hover { inset-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-3:focus { inset-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-3:active { inset-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-4 { inset-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-4:hover { inset-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-4:focus { inset-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-4:active { inset-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-4:disabled { inset-top: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-5 { inset-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-5:hover { inset-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-5:focus { inset-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-5:active { inset-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-6 { inset-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-6:hover { inset-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-6:focus { inset-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-6:active { inset-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-7 { inset-top: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-7:hover { inset-top: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-7:focus { inset-top: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-7:active { inset-top: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-8 { inset-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-8:hover { inset-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-8:focus { inset-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-8:active { inset-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-8:disabled { inset-top: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-9 { inset-top: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-9:hover { inset-top: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-9:focus { inset-top: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-9:active { inset-top: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-10 { inset-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-10:hover { inset-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-10:focus { inset-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-10:active { inset-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-12 { inset-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-12:hover { inset-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-12:focus { inset-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-12:active { inset-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-12:disabled { inset-top: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-14 { inset-top: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-14:hover { inset-top: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-14:focus { inset-top: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-14:active { inset-top: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-16 { inset-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-16:hover { inset-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-16:focus { inset-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-16:active { inset-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-16:disabled { inset-top: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-20 { inset-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-20:hover { inset-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-20:focus { inset-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-20:active { inset-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-20:disabled { inset-top: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-24 { inset-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-24:hover { inset-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-24:focus { inset-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-24:active { inset-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-24:disabled { inset-top: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-28 { inset-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-28:hover { inset-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-28:focus { inset-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-28:active { inset-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-28:disabled { inset-top: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-t-32 { inset-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-t-32:hover { inset-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-t-32:focus { inset-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-t-32:active { inset-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-t-32:disabled { inset-top: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-0 { inset-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-0:hover { inset-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-0:focus { inset-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-0:active { inset-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-0:disabled { inset-right: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-1 { inset-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-1:hover { inset-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-1:focus { inset-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-1:active { inset-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-2 { inset-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-2:hover { inset-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-2:focus { inset-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-2:active { inset-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-3 { inset-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-3:hover { inset-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-3:focus { inset-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-3:active { inset-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-4 { inset-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-4:hover { inset-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-4:focus { inset-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-4:active { inset-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-4:disabled { inset-right: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-5 { inset-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-5:hover { inset-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-5:focus { inset-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-5:active { inset-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-6 { inset-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-6:hover { inset-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-6:focus { inset-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-6:active { inset-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-7 { inset-right: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-7:hover { inset-right: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-7:focus { inset-right: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-7:active { inset-right: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-8 { inset-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-8:hover { inset-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-8:focus { inset-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-8:active { inset-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-8:disabled { inset-right: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-9 { inset-right: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-9:hover { inset-right: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-9:focus { inset-right: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-9:active { inset-right: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-10 { inset-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-10:hover { inset-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-10:focus { inset-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-10:active { inset-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-12 { inset-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-12:hover { inset-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-12:focus { inset-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-12:active { inset-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-12:disabled { inset-right: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-14 { inset-right: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-14:hover { inset-right: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-14:focus { inset-right: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-14:active { inset-right: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-16 { inset-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-16:hover { inset-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-16:focus { inset-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-16:active { inset-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-16:disabled { inset-right: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-20 { inset-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-20:hover { inset-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-20:focus { inset-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-20:active { inset-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-20:disabled { inset-right: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-24 { inset-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-24:hover { inset-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-24:focus { inset-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-24:active { inset-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-24:disabled { inset-right: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-28 { inset-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-28:hover { inset-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-28:focus { inset-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-28:active { inset-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-28:disabled { inset-right: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-r-32 { inset-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-r-32:hover { inset-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-r-32:focus { inset-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-r-32:active { inset-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-r-32:disabled { inset-right: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-0 { inset-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-0:hover { inset-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-0:focus { inset-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-0:active { inset-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-0:disabled { inset-bottom: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-1 { inset-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-1:active { inset-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-2 { inset-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-2:active { inset-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-3 { inset-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-3:active { inset-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-4 { inset-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-4:hover { inset-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-4:focus { inset-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-4:active { inset-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-5 { inset-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-5:active { inset-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-6 { inset-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-6:active { inset-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-7 { inset-bottom: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-7:active { inset-bottom: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-8 { inset-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-8:hover { inset-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-8:focus { inset-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-8:active { inset-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-9 { inset-bottom: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-9:active { inset-bottom: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-10 { inset-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-10:active { inset-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-12 { inset-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-12:hover { inset-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-12:focus { inset-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-12:active { inset-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-14 { inset-bottom: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-14:active { inset-bottom: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-16 { inset-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-16:hover { inset-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-16:focus { inset-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-16:active { inset-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-20 { inset-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-20:hover { inset-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-20:focus { inset-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-20:active { inset-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-24 { inset-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-24:hover { inset-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-24:focus { inset-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-24:active { inset-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-28 { inset-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-28:hover { inset-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-28:focus { inset-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-28:active { inset-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-b-32 { inset-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-b-32:hover { inset-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-b-32:focus { inset-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-b-32:active { inset-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-0 { inset-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-0:hover { inset-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-0:focus { inset-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-0:active { inset-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-0:disabled { inset-left: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-1 { inset-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-1:hover { inset-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-1:focus { inset-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-1:active { inset-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-2 { inset-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-2:hover { inset-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-2:focus { inset-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-2:active { inset-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-3 { inset-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-3:hover { inset-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-3:focus { inset-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-3:active { inset-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-4 { inset-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-4:hover { inset-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-4:focus { inset-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-4:active { inset-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-4:disabled { inset-left: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-5 { inset-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-5:hover { inset-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-5:focus { inset-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-5:active { inset-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-6 { inset-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-6:hover { inset-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-6:focus { inset-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-6:active { inset-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-7 { inset-left: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-7:hover { inset-left: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-7:focus { inset-left: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-7:active { inset-left: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-8 { inset-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-8:hover { inset-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-8:focus { inset-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-8:active { inset-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-8:disabled { inset-left: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-9 { inset-left: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-9:hover { inset-left: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-9:focus { inset-left: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-9:active { inset-left: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-10 { inset-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-10:hover { inset-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-10:focus { inset-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-10:active { inset-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-12 { inset-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-12:hover { inset-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-12:focus { inset-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-12:active { inset-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-12:disabled { inset-left: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-14 { inset-left: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-14:hover { inset-left: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-14:focus { inset-left: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-14:active { inset-left: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-16 { inset-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-16:hover { inset-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-16:focus { inset-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-16:active { inset-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-16:disabled { inset-left: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-20 { inset-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-20:hover { inset-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-20:focus { inset-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-20:active { inset-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-20:disabled { inset-left: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-24 { inset-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-24:hover { inset-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-24:focus { inset-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-24:active { inset-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-24:disabled { inset-left: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-28 { inset-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-28:hover { inset-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-28:focus { inset-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-28:active { inset-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-28:disabled { inset-left: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-inset-l-32 { inset-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-inset-l-32:hover { inset-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-inset-l-32:focus { inset-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-inset-l-32:active { inset-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-inset-l-32:disabled { inset-left: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-0 { gap: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-0:hover { gap: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-0:focus { gap: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-0:active { gap: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-0:disabled { gap: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-1 { gap: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-1:hover { gap: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-1:focus { gap: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-1:active { gap: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-1:disabled { gap: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-2 { gap: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-2:hover { gap: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-2:focus { gap: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-2:active { gap: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-2:disabled { gap: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-3 { gap: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-3:hover { gap: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-3:focus { gap: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-3:active { gap: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-3:disabled { gap: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-4 { gap: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-4:hover { gap: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-4:focus { gap: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-4:active { gap: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-4:disabled { gap: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-5 { gap: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-5:hover { gap: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-5:focus { gap: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-5:active { gap: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-5:disabled { gap: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-6 { gap: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-6:hover { gap: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-6:focus { gap: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-6:active { gap: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-6:disabled { gap: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-7 { gap: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-7:hover { gap: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-7:focus { gap: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-7:active { gap: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-7:disabled { gap: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-8 { gap: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-8:hover { gap: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-8:focus { gap: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-8:active { gap: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-8:disabled { gap: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-9 { gap: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-9:hover { gap: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-9:focus { gap: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-9:active { gap: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-9:disabled { gap: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-10 { gap: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-10:hover { gap: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-10:focus { gap: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-10:active { gap: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-10:disabled { gap: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-12 { gap: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-12:hover { gap: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-12:focus { gap: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-12:active { gap: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-12:disabled { gap: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-14 { gap: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-14:hover { gap: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-14:focus { gap: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-14:active { gap: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-14:disabled { gap: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-16 { gap: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-16:hover { gap: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-16:focus { gap: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-16:active { gap: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-16:disabled { gap: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-20 { gap: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-20:hover { gap: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-20:focus { gap: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-20:active { gap: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-20:disabled { gap: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-24 { gap: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-24:hover { gap: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-24:focus { gap: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-24:active { gap: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-24:disabled { gap: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-28 { gap: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-28:hover { gap: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-28:focus { gap: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-28:active { gap: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-28:disabled { gap: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gap-32 { gap: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gap-32:hover { gap: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gap-32:focus { gap: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gap-32:active { gap: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gap-32:disabled { gap: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-row { flex-direction: row; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-row:hover { flex-direction: row; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-row:focus { flex-direction: row; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-row:active { flex-direction: row; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-row:disabled { flex-direction: row; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-col { flex-direction: column; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-col:hover { flex-direction: column; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-col:focus { flex-direction: column; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-col:active { flex-direction: column; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-col:disabled { flex-direction: column; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-row-reverse { flex-direction: row-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-row-reverse:active { flex-direction: row-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-col-reverse { flex-direction: column-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-col-reverse:active { flex-direction: column-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-wrap { flex-wrap: wrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-wrap:hover { flex-wrap: wrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-wrap:focus { flex-wrap: wrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-wrap:active { flex-wrap: wrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-wrap:disabled { flex-wrap: wrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-nowrap { flex-wrap: nowrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-nowrap:hover { flex-wrap: nowrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-nowrap:focus { flex-wrap: nowrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-nowrap:active { flex-wrap: nowrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-wrap-reverse { flex-wrap: wrap-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-1 { flex: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-1:hover { flex: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-1:focus { flex: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-1:active { flex: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-1:disabled { flex: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-auto { flex: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-auto:hover { flex: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-auto:focus { flex: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-auto:active { flex: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-auto:disabled { flex: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-initial { flex: initial; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-initial:hover { flex: initial; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-initial:focus { flex: initial; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-initial:active { flex: initial; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-initial:disabled { flex: initial; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-none { flex: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-none:hover { flex: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-none:focus { flex: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-none:active { flex: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-none:disabled { flex: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-grow-0 { flex-grow: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-grow-0:hover { flex-grow: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-grow-0:focus { flex-grow: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-grow-0:active { flex-grow: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-grow-0:disabled { flex-grow: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-grow-1 { flex-grow: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-grow-1:hover { flex-grow: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-grow-1:focus { flex-grow: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-grow-1:active { flex-grow: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-grow-1:disabled { flex-grow: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-shrink-0 { flex-shrink: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-shrink-0:hover { flex-shrink: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-shrink-0:focus { flex-shrink: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-shrink-0:active { flex-shrink: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-flex-shrink-1 { flex-shrink: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-flex-shrink-1:hover { flex-shrink: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-flex-shrink-1:focus { flex-shrink: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-flex-shrink-1:active { flex-shrink: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-auto { overflow: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-auto:hover { overflow: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-auto:focus { overflow: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-auto:active { overflow: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-auto:disabled { overflow: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-hidden { overflow: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-hidden:hover { overflow: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-hidden:focus { overflow: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-hidden:active { overflow: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-hidden:disabled { overflow: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-visible { overflow: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-visible:hover { overflow: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-visible:focus { overflow: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-visible:active { overflow: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-visible:disabled { overflow: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-scroll { overflow: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-scroll:hover { overflow: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-scroll:focus { overflow: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-scroll:active { overflow: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-scroll:disabled { overflow: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-x-auto { overflow-x: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-x-auto:hover { overflow-x: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-x-auto:focus { overflow-x: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-x-auto:active { overflow-x: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-x-auto:disabled { overflow-x: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-x-hidden { overflow-x: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-x-hidden:hover { overflow-x: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-x-hidden:focus { overflow-x: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-x-hidden:active { overflow-x: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-x-visible { overflow-x: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-x-visible:hover { overflow-x: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-x-visible:focus { overflow-x: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-x-visible:active { overflow-x: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-x-visible:disabled { overflow-x: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-x-scroll { overflow-x: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-x-scroll:hover { overflow-x: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-x-scroll:focus { overflow-x: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-x-scroll:active { overflow-x: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-y-auto { overflow-y: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-y-auto:hover { overflow-y: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-y-auto:focus { overflow-y: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-y-auto:active { overflow-y: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-y-auto:disabled { overflow-y: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-y-hidden { overflow-y: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-y-hidden:hover { overflow-y: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-y-hidden:focus { overflow-y: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-y-hidden:active { overflow-y: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-y-visible { overflow-y: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-y-visible:hover { overflow-y: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-y-visible:focus { overflow-y: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-y-visible:active { overflow-y: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-y-visible:disabled { overflow-y: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-overflow-y-scroll { overflow-y: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-overflow-y-scroll:hover { overflow-y: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-overflow-y-scroll:focus { overflow-y: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-overflow-y-scroll:active { overflow-y: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-visible { visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-visible:hover { visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-visible:focus { visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-visible:active { visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-visible:disabled { visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hidden { visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-hidden:hover { visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-hidden:focus { visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-hidden:active { visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-hidden:disabled { visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clear-left { clear: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clear-left:hover { clear: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clear-left:focus { clear: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clear-left:active { clear: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clear-left:disabled { clear: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clear-right { clear: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clear-right:hover { clear: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clear-right:focus { clear: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clear-right:active { clear: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clear-right:disabled { clear: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clear-both { clear: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clear-both:hover { clear: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clear-both:focus { clear: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clear-both:active { clear: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clear-both:disabled { clear: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-float-left { float: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-float-left:hover { float: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-float-left:focus { float: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-float-left:active { float: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-float-left:disabled { float: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-float-right { float: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-float-right:hover { float: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-float-right:focus { float: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-float-right:active { float: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-float-right:disabled { float: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-float-none { float: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-float-none:hover { float: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-float-none:focus { float: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-float-none:active { float: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-float-none:disabled { float: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-auto { width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-auto:hover { width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-auto:focus { width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-auto:active { width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-auto:disabled { width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-full { width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-full:hover { width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-full:focus { width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-full:active { width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-full:disabled { width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-fit { width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-fit:hover { width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-fit:focus { width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-fit:active { width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-fit:disabled { width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-max { width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-max:hover { width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-max:focus { width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-max:active { width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-max:disabled { width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-min { width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-min:hover { width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-min:focus { width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-min:active { width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-min:disabled { width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-stretch { width: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-stretch:hover { width: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-stretch:focus { width: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-stretch:active { width: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-stretch:disabled { width: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-10p { width: 10%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-10p:hover { width: 10%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-10p:focus { width: 10%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-10p:active { width: 10%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-10p:disabled { width: 10%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-20p { width: 20%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-20p:hover { width: 20%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-20p:focus { width: 20%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-20p:active { width: 20%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-20p:disabled { width: 20%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-25p { width: 25%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-25p:hover { width: 25%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-25p:focus { width: 25%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-25p:active { width: 25%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-25p:disabled { width: 25%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-30p { width: 30%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-30p:hover { width: 30%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-30p:focus { width: 30%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-30p:active { width: 30%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-30p:disabled { width: 30%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-33p { width: 33.3333%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-33p:hover { width: 33.3333%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-33p:focus { width: 33.3333%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-33p:active { width: 33.3333%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-33p:disabled { width: 33.3333%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-40p { width: 40%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-40p:hover { width: 40%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-40p:focus { width: 40%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-40p:active { width: 40%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-40p:disabled { width: 40%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-50p { width: 50%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-50p:hover { width: 50%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-50p:focus { width: 50%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-50p:active { width: 50%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-50p:disabled { width: 50%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-60p { width: 60%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-60p:hover { width: 60%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-60p:focus { width: 60%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-60p:active { width: 60%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-60p:disabled { width: 60%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-66p { width: 66.6667%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-66p:hover { width: 66.6667%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-66p:focus { width: 66.6667%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-66p:active { width: 66.6667%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-66p:disabled { width: 66.6667%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-70p { width: 70%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-70p:hover { width: 70%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-70p:focus { width: 70%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-70p:active { width: 70%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-70p:disabled { width: 70%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-75p { width: 75%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-75p:hover { width: 75%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-75p:focus { width: 75%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-75p:active { width: 75%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-75p:disabled { width: 75%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-80p { width: 80%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-80p:hover { width: 80%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-80p:focus { width: 80%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-80p:active { width: 80%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-80p:disabled { width: 80%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-90p { width: 90%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-90p:hover { width: 90%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-90p:focus { width: 90%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-90p:active { width: 90%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-90p:disabled { width: 90%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-100p { width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-100p:hover { width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-100p:focus { width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-100p:active { width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-100p:disabled { width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-10vw { width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-10vw:hover { width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-10vw:focus { width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-10vw:active { width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-10vw:disabled { width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-20vw { width: 20vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-20vw:hover { width: 20vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-20vw:focus { width: 20vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-20vw:active { width: 20vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-20vw:disabled { width: 20vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-30vw { width: 30vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-30vw:hover { width: 30vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-30vw:focus { width: 30vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-30vw:active { width: 30vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-30vw:disabled { width: 30vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-40vw { width: 40vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-40vw:hover { width: 40vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-40vw:focus { width: 40vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-40vw:active { width: 40vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-40vw:disabled { width: 40vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-50vw { width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-50vw:hover { width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-50vw:focus { width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-50vw:active { width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-50vw:disabled { width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-60vw { width: 60vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-60vw:hover { width: 60vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-60vw:focus { width: 60vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-60vw:active { width: 60vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-60vw:disabled { width: 60vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-70vw { width: 70vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-70vw:hover { width: 70vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-70vw:focus { width: 70vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-70vw:active { width: 70vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-70vw:disabled { width: 70vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-80vw { width: 80vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-80vw:hover { width: 80vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-80vw:focus { width: 80vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-80vw:active { width: 80vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-80vw:disabled { width: 80vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-90vw { width: 90vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-90vw:hover { width: 90vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-90vw:focus { width: 90vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-90vw:active { width: 90vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-90vw:disabled { width: 90vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-100vw { width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-100vw:hover { width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-100vw:focus { width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-100vw:active { width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-100vw:disabled { width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-lvw { width: 100lvw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-lvw:hover { width: 100lvw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-lvw:focus { width: 100lvw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-lvw:active { width: 100lvw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-lvw:disabled { width: 100lvw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-svw { width: 100svw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-svw:hover { width: 100svw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-svw:focus { width: 100svw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-svw:active { width: 100svw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-svw:disabled { width: 100svw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-mvw { width: 100mvw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-mvw:hover { width: 100mvw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-mvw:focus { width: 100mvw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-mvw:active { width: 100mvw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-mvw:disabled { width: 100mvw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-vmin { width: 100vmin; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-vmin:hover { width: 100vmin; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-vmin:focus { width: 100vmin; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-vmin:active { width: 100vmin; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-vmin:disabled { width: 100vmin; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-w-vmax { width: 100vmax; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-w-vmax:hover { width: 100vmax; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-w-vmax:focus { width: 100vmax; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-w-vmax:active { width: 100vmax; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-w-vmax:disabled { width: 100vmax; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-auto { height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-auto:hover { height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-auto:focus { height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-auto:active { height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-auto:disabled { height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-full { height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-full:hover { height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-full:focus { height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-full:active { height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-full:disabled { height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-fit { height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-fit:hover { height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-fit:focus { height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-fit:active { height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-fit:disabled { height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-max { height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-max:hover { height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-max:focus { height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-max:active { height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-max:disabled { height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-min { height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-min:hover { height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-min:focus { height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-min:active { height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-min:disabled { height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-stretch { height: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-stretch:hover { height: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-stretch:focus { height: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-stretch:active { height: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-stretch:disabled { height: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-10p { height: 10%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-10p:hover { height: 10%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-10p:focus { height: 10%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-10p:active { height: 10%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-10p:disabled { height: 10%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-20p { height: 20%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-20p:hover { height: 20%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-20p:focus { height: 20%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-20p:active { height: 20%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-20p:disabled { height: 20%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-25p { height: 25%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-25p:hover { height: 25%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-25p:focus { height: 25%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-25p:active { height: 25%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-25p:disabled { height: 25%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-30p { height: 30%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-30p:hover { height: 30%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-30p:focus { height: 30%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-30p:active { height: 30%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-30p:disabled { height: 30%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-33p { height: 33.3333%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-33p:hover { height: 33.3333%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-33p:focus { height: 33.3333%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-33p:active { height: 33.3333%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-33p:disabled { height: 33.3333%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-40p { height: 40%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-40p:hover { height: 40%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-40p:focus { height: 40%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-40p:active { height: 40%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-40p:disabled { height: 40%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-50p { height: 50%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-50p:hover { height: 50%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-50p:focus { height: 50%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-50p:active { height: 50%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-50p:disabled { height: 50%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-60p { height: 60%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-60p:hover { height: 60%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-60p:focus { height: 60%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-60p:active { height: 60%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-60p:disabled { height: 60%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-66p { height: 66.6667%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-66p:hover { height: 66.6667%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-66p:focus { height: 66.6667%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-66p:active { height: 66.6667%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-66p:disabled { height: 66.6667%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-70p { height: 70%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-70p:hover { height: 70%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-70p:focus { height: 70%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-70p:active { height: 70%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-70p:disabled { height: 70%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-75p { height: 75%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-75p:hover { height: 75%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-75p:focus { height: 75%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-75p:active { height: 75%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-75p:disabled { height: 75%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-80p { height: 80%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-80p:hover { height: 80%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-80p:focus { height: 80%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-80p:active { height: 80%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-80p:disabled { height: 80%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-90p { height: 90%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-90p:hover { height: 90%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-90p:focus { height: 90%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-90p:active { height: 90%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-90p:disabled { height: 90%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-100p { height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-100p:hover { height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-100p:focus { height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-100p:active { height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-100p:disabled { height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-10vh { height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-10vh:hover { height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-10vh:focus { height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-10vh:active { height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-10vh:disabled { height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-20vh { height: 20vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-20vh:hover { height: 20vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-20vh:focus { height: 20vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-20vh:active { height: 20vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-20vh:disabled { height: 20vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-30vh { height: 30vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-30vh:hover { height: 30vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-30vh:focus { height: 30vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-30vh:active { height: 30vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-30vh:disabled { height: 30vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-40vh { height: 40vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-40vh:hover { height: 40vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-40vh:focus { height: 40vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-40vh:active { height: 40vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-40vh:disabled { height: 40vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-50vh { height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-50vh:hover { height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-50vh:focus { height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-50vh:active { height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-50vh:disabled { height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-60vh { height: 60vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-60vh:hover { height: 60vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-60vh:focus { height: 60vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-60vh:active { height: 60vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-60vh:disabled { height: 60vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-70vh { height: 70vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-70vh:hover { height: 70vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-70vh:focus { height: 70vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-70vh:active { height: 70vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-70vh:disabled { height: 70vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-80vh { height: 80vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-80vh:hover { height: 80vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-80vh:focus { height: 80vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-80vh:active { height: 80vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-80vh:disabled { height: 80vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-90vh { height: 90vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-90vh:hover { height: 90vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-90vh:focus { height: 90vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-90vh:active { height: 90vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-90vh:disabled { height: 90vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-100vh { height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-100vh:hover { height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-100vh:focus { height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-100vh:active { height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-100vh:disabled { height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-lvh { height: 100lvh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-lvh:hover { height: 100lvh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-lvh:focus { height: 100lvh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-lvh:active { height: 100lvh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-lvh:disabled { height: 100lvh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-svh { height: 100svh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-svh:hover { height: 100svh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-svh:focus { height: 100svh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-svh:active { height: 100svh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-svh:disabled { height: 100svh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-mvh { height: 100mvh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-mvh:hover { height: 100mvh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-mvh:focus { height: 100mvh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-mvh:active { height: 100mvh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-mvh:disabled { height: 100mvh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-vmin { height: 100vmin; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-vmin:hover { height: 100vmin; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-vmin:focus { height: 100vmin; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-vmin:active { height: 100vmin; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-vmin:disabled { height: 100vmin; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-h-vmax { height: 100vmax; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-h-vmax:hover { height: 100vmax; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-h-vmax:focus { height: 100vmax; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-h-vmax:active { height: 100vmax; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-h-vmax:disabled { height: 100vmax; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-w-auto { min-width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-w-auto:hover { min-width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-w-auto:focus { min-width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-w-auto:active { min-width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-w-auto:disabled { min-width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-w-full { min-width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-w-full:hover { min-width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-w-full:focus { min-width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-w-full:active { min-width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-w-full:disabled { min-width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-w-fit { min-width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-w-fit:hover { min-width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-w-fit:focus { min-width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-w-fit:active { min-width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-w-fit:disabled { min-width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-w-max { min-width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-w-max:hover { min-width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-w-max:focus { min-width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-w-max:active { min-width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-w-max:disabled { min-width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-w-min { min-width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-w-min:hover { min-width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-w-min:focus { min-width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-w-min:active { min-width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-w-min:disabled { min-width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-w-10vw { min-width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-w-10vw:hover { min-width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-w-10vw:focus { min-width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-w-10vw:active { min-width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-w-10vw:disabled { min-width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-w-50vw { min-width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-w-50vw:hover { min-width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-w-50vw:focus { min-width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-w-50vw:active { min-width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-w-50vw:disabled { min-width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-w-100vw { min-width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-w-100vw:hover { min-width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-w-100vw:focus { min-width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-w-100vw:active { min-width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-w-100vw:disabled { min-width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-w-auto { max-width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-w-auto:hover { max-width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-w-auto:focus { max-width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-w-auto:active { max-width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-w-auto:disabled { max-width: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-w-full { max-width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-w-full:hover { max-width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-w-full:focus { max-width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-w-full:active { max-width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-w-full:disabled { max-width: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-w-fit { max-width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-w-fit:hover { max-width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-w-fit:focus { max-width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-w-fit:active { max-width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-w-fit:disabled { max-width: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-w-max { max-width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-w-max:hover { max-width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-w-max:focus { max-width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-w-max:active { max-width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-w-max:disabled { max-width: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-w-min { max-width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-w-min:hover { max-width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-w-min:focus { max-width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-w-min:active { max-width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-w-min:disabled { max-width: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-w-10vw { max-width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-w-10vw:hover { max-width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-w-10vw:focus { max-width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-w-10vw:active { max-width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-w-10vw:disabled { max-width: 10vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-w-50vw { max-width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-w-50vw:hover { max-width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-w-50vw:focus { max-width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-w-50vw:active { max-width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-w-50vw:disabled { max-width: 50vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-w-100vw { max-width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-w-100vw:hover { max-width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-w-100vw:focus { max-width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-w-100vw:active { max-width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-w-100vw:disabled { max-width: 100vw; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-h-auto { min-height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-h-auto:hover { min-height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-h-auto:focus { min-height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-h-auto:active { min-height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-h-auto:disabled { min-height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-h-full { min-height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-h-full:hover { min-height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-h-full:focus { min-height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-h-full:active { min-height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-h-full:disabled { min-height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-h-fit { min-height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-h-fit:hover { min-height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-h-fit:focus { min-height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-h-fit:active { min-height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-h-fit:disabled { min-height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-h-max { min-height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-h-max:hover { min-height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-h-max:focus { min-height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-h-max:active { min-height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-h-max:disabled { min-height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-h-min { min-height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-h-min:hover { min-height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-h-min:focus { min-height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-h-min:active { min-height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-h-min:disabled { min-height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-h-10vh { min-height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-h-10vh:hover { min-height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-h-10vh:focus { min-height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-h-10vh:active { min-height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-h-10vh:disabled { min-height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-h-50vh { min-height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-h-50vh:hover { min-height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-h-50vh:focus { min-height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-h-50vh:active { min-height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-h-50vh:disabled { min-height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-min-h-100vh { min-height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-min-h-100vh:hover { min-height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-min-h-100vh:focus { min-height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-min-h-100vh:active { min-height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-min-h-100vh:disabled { min-height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-h-auto { max-height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-h-auto:hover { max-height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-h-auto:focus { max-height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-h-auto:active { max-height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-h-auto:disabled { max-height: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-h-full { max-height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-h-full:hover { max-height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-h-full:focus { max-height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-h-full:active { max-height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-h-full:disabled { max-height: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-h-fit { max-height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-h-fit:hover { max-height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-h-fit:focus { max-height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-h-fit:active { max-height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-h-fit:disabled { max-height: fit-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-h-max { max-height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-h-max:hover { max-height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-h-max:focus { max-height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-h-max:active { max-height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-h-max:disabled { max-height: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-h-min { max-height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-h-min:hover { max-height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-h-min:focus { max-height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-h-min:active { max-height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-h-min:disabled { max-height: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-h-10vh { max-height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-h-10vh:hover { max-height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-h-10vh:focus { max-height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-h-10vh:active { max-height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-h-10vh:disabled { max-height: 10vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-h-50vh { max-height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-h-50vh:hover { max-height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-h-50vh:focus { max-height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-h-50vh:active { max-height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-h-50vh:disabled { max-height: 50vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-max-h-100vh { max-height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-max-h-100vh:hover { max-height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-max-h-100vh:focus { max-height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-max-h-100vh:active { max-height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-max-h-100vh:disabled { max-height: 100vh; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-auto { font-size: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-auto:hover { font-size: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-auto:focus { font-size: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-auto:active { font-size: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-auto:disabled { font-size: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-0 { font-size: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-0:hover { font-size: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-0:focus { font-size: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-0:active { font-size: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-0:disabled { font-size: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-1 { font-size: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-1:hover { font-size: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-1:focus { font-size: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-1:active { font-size: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-1:disabled { font-size: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-2 { font-size: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-2:hover { font-size: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-2:focus { font-size: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-2:active { font-size: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-2:disabled { font-size: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-3 { font-size: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-3:hover { font-size: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-3:focus { font-size: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-3:active { font-size: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-3:disabled { font-size: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-4 { font-size: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-4:hover { font-size: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-4:focus { font-size: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-4:active { font-size: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-4:disabled { font-size: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-5 { font-size: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-5:hover { font-size: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-5:focus { font-size: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-5:active { font-size: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-5:disabled { font-size: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-6 { font-size: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-6:hover { font-size: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-6:focus { font-size: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-6:active { font-size: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-6:disabled { font-size: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-7 { font-size: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-7:hover { font-size: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-7:focus { font-size: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-7:active { font-size: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-7:disabled { font-size: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-8 { font-size: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-8:hover { font-size: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-8:focus { font-size: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-8:active { font-size: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-8:disabled { font-size: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-9 { font-size: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-9:hover { font-size: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-9:focus { font-size: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-9:active { font-size: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-9:disabled { font-size: 2.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-10 { font-size: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-10:hover { font-size: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-10:focus { font-size: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-10:active { font-size: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-10:disabled { font-size: 2.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-12 { font-size: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-12:hover { font-size: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-12:focus { font-size: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-12:active { font-size: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-12:disabled { font-size: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-14 { font-size: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-14:hover { font-size: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-14:focus { font-size: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-14:active { font-size: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-14:disabled { font-size: 3.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-16 { font-size: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-16:hover { font-size: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-16:focus { font-size: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-16:active { font-size: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-16:disabled { font-size: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-18 { font-size: 4.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-18:hover { font-size: 4.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-18:focus { font-size: 4.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-18:active { font-size: 4.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-18:disabled { font-size: 4.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-20 { font-size: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-20:hover { font-size: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-20:focus { font-size: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-20:active { font-size: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-20:disabled { font-size: 5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-24 { font-size: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-24:hover { font-size: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-24:focus { font-size: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-24:active { font-size: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-24:disabled { font-size: 6rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-28 { font-size: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-28:hover { font-size: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-28:focus { font-size: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-28:active { font-size: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-28:disabled { font-size: 7rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-size-32 { font-size: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-size-32:hover { font-size: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-size-32:focus { font-size: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-size-32:active { font-size: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-size-32:disabled { font-size: 8rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-weight-normal { font-weight: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-weight-normal:hover { font-weight: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-weight-normal:focus { font-weight: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-weight-normal:active { font-weight: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-weight-normal:disabled { font-weight: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-weight-light { font-weight: 300; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-weight-light:hover { font-weight: 300; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-weight-light:focus { font-weight: 300; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-weight-light:active { font-weight: 300; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-weight-light:disabled { font-weight: 300; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-weight-medium { font-weight: 500; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-weight-medium:hover { font-weight: 500; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-weight-medium:focus { font-weight: 500; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-weight-medium:active { font-weight: 500; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-weight-medium:disabled { font-weight: 500; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-weight-bold { font-weight: 700; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-weight-bold:hover { font-weight: 700; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-weight-bold:focus { font-weight: 700; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-weight-bold:active { font-weight: 700; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-weight-bold:disabled { font-weight: 700; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-font-weight-bolder { font-weight: bolder; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-font-weight-bolder:hover { font-weight: bolder; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-font-weight-bolder:focus { font-weight: bolder; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-font-weight-bolder:active { font-weight: bolder; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-font-weight-bolder:disabled { font-weight: bolder; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-height-1 { line-height: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-height-1:hover { line-height: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-height-1:focus { line-height: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-height-1:active { line-height: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-height-1:disabled { line-height: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-height-2 { line-height: 1.25; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-height-2:hover { line-height: 1.25; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-height-2:focus { line-height: 1.25; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-height-2:active { line-height: 1.25; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-height-2:disabled { line-height: 1.25; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-height-3 { line-height: 1.375; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-height-3:hover { line-height: 1.375; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-height-3:focus { line-height: 1.375; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-height-3:active { line-height: 1.375; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-height-3:disabled { line-height: 1.375; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-height-4 { line-height: 1.5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-height-4:hover { line-height: 1.5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-height-4:focus { line-height: 1.5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-height-4:active { line-height: 1.5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-height-4:disabled { line-height: 1.5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-height-5 { line-height: 1.625; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-height-5:hover { line-height: 1.625; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-height-5:focus { line-height: 1.625; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-height-5:active { line-height: 1.625; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-height-5:disabled { line-height: 1.625; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-height-6 { line-height: 1.75; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-height-6:hover { line-height: 1.75; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-height-6:focus { line-height: 1.75; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-height-6:active { line-height: 1.75; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-height-6:disabled { line-height: 1.75; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-height-7 { line-height: 2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-height-7:hover { line-height: 2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-height-7:focus { line-height: 2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-height-7:active { line-height: 2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-height-7:disabled { line-height: 2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-left { text-align: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-left:hover { text-align: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-left:focus { text-align: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-left:active { text-align: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-left:disabled { text-align: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-center { text-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-center:hover { text-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-center:focus { text-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-center:active { text-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-center:disabled { text-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-right { text-align: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-right:hover { text-align: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-right:focus { text-align: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-right:active { text-align: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-right:disabled { text-align: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-justify { text-align: justify; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-justify:hover { text-align: justify; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-justify:focus { text-align: justify; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-justify:active { text-align: justify; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-justify:disabled { text-align: justify; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-justify-start { justify-content: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-justify-start:hover { justify-content: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-justify-start:focus { justify-content: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-justify-start:active { justify-content: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-justify-start:disabled { justify-content: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-justify-center { justify-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-justify-center:hover { justify-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-justify-center:focus { justify-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-justify-center:active { justify-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-justify-center:disabled { justify-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-justify-end { justify-content: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-justify-end:hover { justify-content: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-justify-end:focus { justify-content: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-justify-end:active { justify-content: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-justify-end:disabled { justify-content: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-justify-between { justify-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-justify-between:hover { justify-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-justify-between:focus { justify-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-justify-between:active { justify-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-justify-between:disabled { justify-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-justify-around { justify-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-justify-around:hover { justify-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-justify-around:focus { justify-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-justify-around:active { justify-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-justify-around:disabled { justify-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-justify-evenly { justify-content: space-evenly; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-justify-evenly:hover { justify-content: space-evenly; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-justify-evenly:focus { justify-content: space-evenly; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-justify-evenly:active { justify-content: space-evenly; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-justify-evenly:disabled { justify-content: space-evenly; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-items-start { align-items: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-items-start:hover { align-items: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-items-start:focus { align-items: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-items-start:active { align-items: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-items-start:disabled { align-items: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-items-center { align-items: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-items-center:hover { align-items: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-items-center:focus { align-items: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-items-center:active { align-items: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-items-center:disabled { align-items: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-items-end { align-items: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-items-end:hover { align-items: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-items-end:focus { align-items: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-items-end:active { align-items: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-items-end:disabled { align-items: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-items-baseline { align-items: baseline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-items-baseline:hover { align-items: baseline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-items-baseline:focus { align-items: baseline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-items-baseline:active { align-items: baseline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-items-baseline:disabled { align-items: baseline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-items-stretch { align-items: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-items-stretch:hover { align-items: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-items-stretch:focus { align-items: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-items-stretch:active { align-items: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-items-stretch:disabled { align-items: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-content-start { align-content: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-content-start:hover { align-content: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-content-start:focus { align-content: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-content-start:active { align-content: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-content-start:disabled { align-content: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-content-center { align-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-content-center:hover { align-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-content-center:focus { align-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-content-center:active { align-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-content-center:disabled { align-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-content-end { align-content: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-content-end:hover { align-content: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-content-end:focus { align-content: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-content-end:active { align-content: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-content-end:disabled { align-content: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-content-between { align-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-content-between:hover { align-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-content-between:focus { align-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-content-between:active { align-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-content-between:disabled { align-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-content-around { align-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-content-around:hover { align-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-content-around:focus { align-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-content-around:active { align-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-content-around:disabled { align-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-content-evenly { align-content: space-evenly; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-content-evenly:hover { align-content: space-evenly; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-content-evenly:focus { align-content: space-evenly; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-content-evenly:active { align-content: space-evenly; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-content-evenly:disabled { align-content: space-evenly; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-self-auto { align-self: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-self-auto:hover { align-self: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-self-auto:focus { align-self: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-self-auto:active { align-self: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-self-auto:disabled { align-self: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-self-start { align-self: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-self-start:hover { align-self: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-self-start:focus { align-self: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-self-start:active { align-self: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-self-start:disabled { align-self: flex-start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-self-center { align-self: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-self-center:hover { align-self: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-self-center:focus { align-self: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-self-center:active { align-self: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-self-center:disabled { align-self: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-self-end { align-self: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-self-end:hover { align-self: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-self-end:focus { align-self: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-self-end:active { align-self: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-self-end:disabled { align-self: flex-end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-self-stretch { align-self: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-self-stretch:hover { align-self: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-self-stretch:focus { align-self: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-self-stretch:active { align-self: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-self-stretch:disabled { align-self: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-items-start { place-items: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-items-start:hover { place-items: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-items-start:focus { place-items: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-items-start:active { place-items: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-items-start:disabled { place-items: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-items-center { place-items: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-items-center:hover { place-items: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-items-center:focus { place-items: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-items-center:active { place-items: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-items-center:disabled { place-items: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-items-end { place-items: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-items-end:hover { place-items: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-items-end:focus { place-items: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-items-end:active { place-items: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-items-end:disabled { place-items: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-items-stretch { place-items: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-items-stretch:hover { place-items: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-items-stretch:focus { place-items: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-items-stretch:active { place-items: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-items-stretch:disabled { place-items: stretch; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-content-start { place-content: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-content-start:hover { place-content: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-content-start:focus { place-content: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-content-start:active { place-content: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-content-start:disabled { place-content: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-content-center { place-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-content-center:hover { place-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-content-center:focus { place-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-content-center:active { place-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-content-center:disabled { place-content: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-content-end { place-content: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-content-end:hover { place-content: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-content-end:focus { place-content: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-content-end:active { place-content: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-content-end:disabled { place-content: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-content-between { place-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-content-between:hover { place-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-content-between:focus { place-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-content-between:active { place-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-content-between:disabled { place-content: space-between; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-content-around { place-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-content-around:hover { place-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-content-around:focus { place-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-content-around:active { place-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-content-around:disabled { place-content: space-around; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-self-auto { place-self: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-self-auto:hover { place-self: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-self-auto:focus { place-self: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-self-auto:active { place-self: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-self-auto:disabled { place-self: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-self-start { place-self: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-self-start:hover { place-self: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-self-start:focus { place-self: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-self-start:active { place-self: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-self-start:disabled { place-self: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-self-center { place-self: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-self-center:hover { place-self: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-self-center:focus { place-self: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-self-center:active { place-self: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-self-center:disabled { place-self: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-place-self-end { place-self: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-place-self-end:hover { place-self: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-place-self-end:focus { place-self: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-place-self-end:active { place-self: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-place-self-end:disabled { place-self: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-uppercase { text-transform: uppercase; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-uppercase:hover { text-transform: uppercase; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-uppercase:focus { text-transform: uppercase; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-uppercase:active { text-transform: uppercase; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-uppercase:disabled { text-transform: uppercase; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lowercase { text-transform: lowercase; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lowercase:hover { text-transform: lowercase; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lowercase:focus { text-transform: lowercase; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lowercase:active { text-transform: lowercase; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lowercase:disabled { text-transform: lowercase; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-capitalize { text-transform: capitalize; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-capitalize:hover { text-transform: capitalize; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-capitalize:focus { text-transform: capitalize; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-capitalize:active { text-transform: capitalize; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-capitalize:disabled { text-transform: capitalize; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-tracking-tight { letter-spacing: -0.05em; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-tracking-tight:hover { letter-spacing: -0.05em; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-tracking-tight:focus { letter-spacing: -0.05em; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-tracking-tight:active { letter-spacing: -0.05em; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-tracking-normal { letter-spacing: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-tracking-normal:hover { letter-spacing: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-tracking-normal:focus { letter-spacing: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-tracking-normal:active { letter-spacing: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-tracking-normal:disabled { letter-spacing: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-tracking-wide { letter-spacing: 0.05em; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-tracking-wide:hover { letter-spacing: 0.05em; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-tracking-wide:focus { letter-spacing: 0.05em; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-tracking-wide:active { letter-spacing: 0.05em; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-underline { text-decoration: underline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-underline:hover { text-decoration: underline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-underline:focus { text-decoration: underline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-underline:active { text-decoration: underline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-underline:disabled { text-decoration: underline; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-through { text-decoration: line-through; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-through:hover { text-decoration: line-through; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-through:focus { text-decoration: line-through; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-through:active { text-decoration: line-through; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-through:disabled { text-decoration: line-through; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-no-underline { text-decoration: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-no-underline:hover { text-decoration: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-no-underline:focus { text-decoration: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-no-underline:active { text-decoration: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-no-underline:disabled { text-decoration: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-black { color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-black:hover { color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-black:focus { color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-black:active { color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-black:disabled { color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-white { color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-white:hover { color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-white:focus { color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-white:active { color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-white:disabled { color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-red-50 { color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-red-50:hover { color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-red-50:focus { color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-red-50:active { color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-red-100 { color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-red-100:hover { color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-red-100:focus { color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-red-100:active { color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-red-200 { color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-red-200:hover { color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-red-200:focus { color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-red-200:active { color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-red-300 { color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-red-300:hover { color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-red-300:focus { color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-red-300:active { color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-red-400 { color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-red-400:hover { color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-red-400:focus { color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-red-400:active { color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-red-500 { color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-red-500:hover { color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-red-500:focus { color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-red-500:active { color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-red-600 { color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-red-600:hover { color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-red-600:focus { color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-red-600:active { color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-red-700 { color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-red-700:hover { color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-red-700:focus { color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-red-700:active { color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-red-800 { color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-red-800:hover { color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-red-800:focus { color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-red-800:active { color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-red-900 { color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-red-900:hover { color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-red-900:focus { color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-red-900:active { color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-orange-50 { color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-orange-50:active { color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-orange-100 { color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-orange-100:active { color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-orange-200 { color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-orange-200:active { color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-orange-300 { color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-orange-300:active { color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-orange-400 { color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-orange-400:active { color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-orange-500 { color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-orange-500:active { color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-orange-600 { color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-orange-600:active { color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-orange-700 { color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-orange-700:active { color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-orange-800 { color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-orange-800:active { color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-orange-900 { color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-orange-900:active { color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-teal-50 { color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-teal-50:active { color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-teal-100 { color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-teal-100:active { color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-teal-200 { color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-teal-200:active { color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-teal-300 { color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-teal-300:active { color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-teal-400 { color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-teal-400:active { color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-teal-500 { color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-teal-500:active { color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-teal-600 { color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-teal-600:active { color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-teal-700 { color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-teal-700:active { color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-teal-800 { color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-teal-800:active { color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-teal-900 { color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-teal-900:active { color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-purple-50 { color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-purple-50:active { color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-purple-100 { color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-purple-100:active { color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-purple-200 { color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-purple-200:active { color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-purple-300 { color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-purple-300:active { color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-purple-400 { color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-purple-400:active { color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-purple-500 { color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-purple-500:active { color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-purple-600 { color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-purple-600:active { color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-purple-700 { color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-purple-700:active { color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-purple-800 { color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-purple-800:active { color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-purple-900 { color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-purple-900:active { color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-indigo-50 { color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-indigo-100 { color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-indigo-200 { color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-indigo-300 { color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-indigo-400 { color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-indigo-500 { color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-indigo-600 { color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-indigo-700 { color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-indigo-800 { color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-indigo-900 { color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-yellow-50 { color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-yellow-100 { color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-yellow-200 { color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-yellow-300 { color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-yellow-400 { color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-yellow-500 { color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-yellow-600 { color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-yellow-700 { color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-yellow-800 { color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-yellow-900 { color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-pink-50 { color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-pink-50:active { color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-pink-100 { color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-pink-100:active { color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-pink-200 { color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-pink-200:active { color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-pink-300 { color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-pink-300:active { color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-pink-400 { color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-pink-400:active { color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-pink-500 { color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-pink-500:active { color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-pink-600 { color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-pink-600:active { color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-pink-700 { color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-pink-700:active { color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-pink-800 { color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-pink-800:active { color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-pink-900 { color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-pink-900:active { color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-grey-50 { color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-grey-50:active { color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-grey-100 { color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-grey-100:active { color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-grey-200 { color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-grey-200:active { color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-grey-300 { color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-grey-300:active { color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-grey-400 { color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-grey-400:active { color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-grey-500 { color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-grey-500:active { color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-grey-600 { color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-grey-600:active { color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-grey-700 { color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-grey-700:active { color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-grey-800 { color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-grey-800:active { color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-grey-900 { color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-grey-900:active { color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lime-50 { color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lime-50:active { color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lime-100 { color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lime-100:active { color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lime-200 { color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lime-200:active { color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lime-300 { color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lime-300:active { color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lime-400 { color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lime-400:active { color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lime-500 { color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lime-500:active { color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lime-600 { color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lime-600:active { color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lime-700 { color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lime-700:active { color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lime-800 { color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lime-800:active { color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-lime-900 { color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-lime-900:active { color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-cyan-50 { color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-cyan-100 { color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-cyan-200 { color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-cyan-300 { color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-cyan-400 { color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-cyan-500 { color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-cyan-600 { color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-cyan-700 { color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-cyan-800 { color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-cyan-900 { color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-sky-50 { color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-sky-50:active { color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-sky-100 { color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-sky-100:active { color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-sky-200 { color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-sky-200:active { color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-sky-300 { color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-sky-300:active { color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-sky-400 { color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-sky-400:active { color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-sky-500 { color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-sky-500:active { color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-sky-600 { color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-sky-600:active { color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-sky-700 { color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-sky-700:active { color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-sky-800 { color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-sky-800:active { color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-sky-900 { color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-sky-900:active { color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-violet-50 { color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-violet-50:active { color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-violet-100 { color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-violet-100:active { color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-violet-200 { color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-violet-200:active { color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-violet-300 { color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-violet-300:active { color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-violet-400 { color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-violet-400:active { color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-violet-500 { color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-violet-500:active { color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-violet-600 { color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-violet-600:active { color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-violet-700 { color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-violet-700:active { color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-violet-800 { color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-violet-800:active { color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-violet-900 { color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-violet-900:active { color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-rose-50 { color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-rose-50:active { color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-rose-100 { color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-rose-100:active { color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-rose-200 { color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-rose-200:active { color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-rose-300 { color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-rose-300:active { color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-rose-400 { color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-rose-400:active { color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-rose-500 { color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-rose-500:active { color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-rose-600 { color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-rose-600:active { color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-rose-700 { color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-rose-700:active { color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-rose-800 { color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-rose-800:active { color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-rose-900 { color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-rose-900:active { color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-slate-50 { color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-slate-50:active { color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-slate-100 { color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-slate-100:active { color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-slate-200 { color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-slate-200:active { color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-slate-300 { color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-slate-300:active { color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-slate-400 { color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-slate-400:active { color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-slate-500 { color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-slate-500:active { color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-slate-600 { color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-slate-600:active { color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-slate-700 { color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-slate-700:active { color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-slate-800 { color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-slate-800:active { color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-slate-900 { color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-slate-900:active { color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-blue-50 { color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-blue-50:active { color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-blue-100 { color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-blue-100:active { color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-blue-200 { color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-blue-200:active { color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-blue-300 { color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-blue-300:active { color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-blue-400 { color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-blue-400:active { color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-blue-500 { color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-blue-500:active { color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-blue-600 { color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-blue-600:active { color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-blue-700 { color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-blue-700:active { color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-blue-800 { color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-blue-800:active { color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-blue-900 { color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-blue-900:active { color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-green-50 { color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-green-50:hover { color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-green-50:focus { color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-green-50:active { color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-green-100 { color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-green-100:hover { color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-green-100:focus { color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-green-100:active { color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-green-200 { color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-green-200:hover { color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-green-200:focus { color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-green-200:active { color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-green-300 { color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-green-300:hover { color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-green-300:focus { color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-green-300:active { color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-green-400 { color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-green-400:hover { color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-green-400:focus { color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-green-400:active { color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-green-500 { color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-green-500:hover { color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-green-500:focus { color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-green-500:active { color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-green-600 { color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-green-600:hover { color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-green-600:focus { color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-green-600:active { color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-green-700 { color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-green-700:hover { color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-green-700:focus { color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-green-700:active { color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-green-800 { color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-green-800:hover { color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-green-800:focus { color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-green-800:active { color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-green-900 { color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-green-900:hover { color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-green-900:focus { color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-green-900:active { color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-red-50 { background-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-red-50:active { background-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-red-100 { background-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-red-100:active { background-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-red-200 { background-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-red-200:active { background-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-red-300 { background-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-red-300:active { background-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-red-400 { background-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-red-400:active { background-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-red-500 { background-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-red-500:active { background-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-red-600 { background-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-red-600:active { background-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-red-700 { background-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-red-700:active { background-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-red-800 { background-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-red-800:active { background-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-red-900 { background-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-red-900:active { background-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-orange-50 { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-orange-100 { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-orange-200 { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-orange-300 { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-orange-400 { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-orange-500 { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-orange-600 { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-orange-700 { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-orange-800 { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-orange-900 { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-teal-50 { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-teal-100 { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-teal-200 { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-teal-300 { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-teal-400 { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-teal-500 { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-teal-600 { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-teal-700 { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-teal-800 { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-teal-900 { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-purple-50 { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-purple-100 { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-purple-200 { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-purple-300 { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-purple-400 { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-purple-500 { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-purple-600 { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-purple-700 { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-purple-800 { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-purple-900 { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-pink-50 { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-pink-100 { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-pink-200 { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-pink-300 { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-pink-400 { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-pink-500 { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-pink-600 { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-pink-700 { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-pink-800 { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-pink-900 { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-grey-50 { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-grey-100 { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-grey-200 { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-grey-300 { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-grey-400 { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-grey-500 { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-grey-600 { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-grey-700 { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-grey-800 { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-grey-900 { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-lime-50 { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-lime-100 { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-lime-200 { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-lime-300 { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-lime-400 { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-lime-500 { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-lime-600 { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-lime-700 { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-lime-800 { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-lime-900 { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-sky-50 { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-sky-100 { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-sky-200 { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-sky-300 { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-sky-400 { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-sky-500 { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-sky-600 { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-sky-700 { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-sky-800 { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-sky-900 { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-violet-50 { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-violet-100 { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-violet-200 { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-violet-300 { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-violet-400 { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-violet-500 { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-violet-600 { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-violet-700 { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-violet-800 { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-violet-900 { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-rose-50 { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-rose-100 { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-rose-200 { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-rose-300 { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-rose-400 { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-rose-500 { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-rose-600 { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-rose-700 { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-rose-800 { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-rose-900 { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-slate-50 { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-slate-100 { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-slate-200 { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-slate-300 { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-slate-400 { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-slate-500 { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-slate-600 { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-slate-700 { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-slate-800 { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-slate-900 { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blue-50 { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blue-100 { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blue-200 { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blue-300 { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blue-400 { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blue-500 { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blue-600 { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blue-700 { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blue-800 { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blue-900 { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-green-50 { background-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-green-50:active { background-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-green-100 { background-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-green-100:active { background-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-green-200 { background-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-green-200:active { background-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-green-300 { background-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-green-300:active { background-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-green-400 { background-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-green-400:active { background-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-green-500 { background-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-green-500:active { background-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-green-600 { background-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-green-600:active { background-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-green-700 { background-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-green-700:active { background-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-green-800 { background-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-green-800:active { background-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-green-900 { background-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-green-900:active { background-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-black { background-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-black:hover { background-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-black:focus { background-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-black:active { background-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-black:disabled { background-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-white { background-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-white:hover { background-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-white:focus { background-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-white:active { background-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-white:disabled { background-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-red-50 { border-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-red-50:active { border-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-red-100 { border-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-red-100:active { border-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-red-200 { border-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-red-200:active { border-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-red-300 { border-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-red-300:active { border-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-red-400 { border-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-red-400:active { border-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-red-500 { border-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-red-500:active { border-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-red-600 { border-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-red-600:active { border-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-red-700 { border-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-red-700:active { border-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-red-800 { border-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-red-800:active { border-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-red-900 { border-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-red-900:active { border-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-orange-50 { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-orange-100 { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-orange-200 { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-orange-300 { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-orange-400 { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-orange-500 { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-orange-600 { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-orange-700 { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-orange-800 { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-orange-900 { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-teal-50 { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-teal-100 { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-teal-200 { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-teal-300 { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-teal-400 { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-teal-500 { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-teal-600 { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-teal-700 { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-teal-800 { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-teal-900 { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-purple-50 { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-purple-100 { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-purple-200 { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-purple-300 { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-purple-400 { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-purple-500 { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-purple-600 { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-purple-700 { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-purple-800 { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-purple-900 { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-indigo-50 { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-indigo-100 { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-indigo-200 { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-indigo-300 { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-indigo-400 { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-indigo-500 { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-indigo-600 { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-indigo-700 { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-indigo-800 { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-indigo-900 { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-yellow-50 { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-yellow-100 { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-yellow-200 { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-yellow-300 { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-yellow-400 { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-yellow-500 { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-yellow-600 { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-yellow-700 { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-yellow-800 { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-yellow-900 { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-pink-50 { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-pink-100 { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-pink-200 { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-pink-300 { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-pink-400 { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-pink-500 { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-pink-600 { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-pink-700 { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-pink-800 { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-pink-900 { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-grey-50 { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-grey-100 { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-grey-200 { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-grey-300 { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-grey-400 { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-grey-500 { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-grey-600 { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-grey-700 { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-grey-800 { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-grey-900 { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-lime-50 { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-lime-100 { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-lime-200 { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-lime-300 { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-lime-400 { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-lime-500 { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-lime-600 { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-lime-700 { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-lime-800 { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-lime-900 { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-cyan-50 { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-cyan-100 { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-cyan-200 { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-cyan-300 { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-cyan-400 { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-cyan-500 { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-cyan-600 { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-cyan-700 { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-cyan-800 { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-cyan-900 { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-sky-50 { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-sky-100 { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-sky-200 { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-sky-300 { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-sky-400 { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-sky-500 { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-sky-600 { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-sky-700 { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-sky-800 { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-sky-900 { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-violet-50 { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-violet-100 { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-violet-200 { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-violet-300 { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-violet-400 { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-violet-500 { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-violet-600 { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-violet-700 { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-violet-800 { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-violet-900 { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-rose-50 { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-rose-100 { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-rose-200 { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-rose-300 { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-rose-400 { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-rose-500 { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-rose-600 { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-rose-700 { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-rose-800 { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-rose-900 { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-slate-50 { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-slate-100 { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-slate-200 { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-slate-300 { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-slate-400 { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-slate-500 { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-slate-600 { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-slate-700 { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-slate-800 { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-slate-900 { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-blue-50 { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-blue-100 { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-blue-200 { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-blue-300 { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-blue-400 { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-blue-500 { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-blue-600 { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-blue-700 { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-blue-800 { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-blue-900 { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-green-50 { border-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-green-50:active { border-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-green-100 { border-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-green-100:active { border-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-green-200 { border-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-green-200:active { border-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-green-300 { border-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-green-300:active { border-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-green-400 { border-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-green-400:active { border-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-green-500 { border-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-green-500:active { border-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-green-600 { border-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-green-600:active { border-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-green-700 { border-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-green-700:active { border-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-green-800 { border-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-green-800:active { border-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-green-900 { border-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-green-900:active { border-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-black { border-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-black:hover { border-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-black:focus { border-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-black:active { border-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-black:disabled { border-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-white { border-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-white:hover { border-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-white:focus { border-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-white:active { border-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-white:disabled { border-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-0 { border-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-0:hover { border-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-0:focus { border-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-0:active { border-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-0:disabled { border-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-0 { border-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-0:hover { border-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-0:focus { border-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-0:active { border-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-0:disabled { border-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-0 { border-top-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-0:hover { border-top-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-0:focus { border-top-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-0:active { border-top-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-0 { border-right-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-0:hover { border-right-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-0:focus { border-right-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-0:active { border-right-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-0 { border-bottom-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-0:active { border-bottom-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-0 { border-left-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-0:hover { border-left-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-0:focus { border-left-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-0:active { border-left-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-1 { border-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-1:hover { border-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-1:focus { border-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-1:active { border-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-1:disabled { border-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-1 { border-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-1:hover { border-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-1:focus { border-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-1:active { border-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-1:disabled { border-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-1 { border-top-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-1:hover { border-top-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-1:focus { border-top-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-1:active { border-top-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-1 { border-right-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-1:hover { border-right-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-1:focus { border-right-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-1:active { border-right-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-1 { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-1:active { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-1 { border-left-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-1:hover { border-left-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-1:focus { border-left-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-1:active { border-left-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-2 { border-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-2:hover { border-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-2:focus { border-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-2:active { border-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-2:disabled { border-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-2 { border-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-2:hover { border-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-2:focus { border-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-2:active { border-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-2:disabled { border-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-2 { border-top-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-2:hover { border-top-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-2:focus { border-top-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-2:active { border-top-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-2 { border-right-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-2:hover { border-right-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-2:focus { border-right-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-2:active { border-right-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-2 { border-bottom-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-2:active { border-bottom-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-2 { border-left-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-2:hover { border-left-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-2:focus { border-left-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-2:active { border-left-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-3 { border-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-3:hover { border-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-3:focus { border-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-3:active { border-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-3:disabled { border-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-3 { border-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-3:hover { border-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-3:focus { border-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-3:active { border-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-3:disabled { border-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-3 { border-top-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-3:hover { border-top-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-3:focus { border-top-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-3:active { border-top-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-3 { border-right-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-3:hover { border-right-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-3:focus { border-right-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-3:active { border-right-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-3 { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-3:active { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-3 { border-left-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-3:hover { border-left-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-3:focus { border-left-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-3:active { border-left-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-4 { border-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-4:hover { border-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-4:focus { border-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-4:active { border-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-4:disabled { border-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-4 { border-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-4:hover { border-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-4:focus { border-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-4:active { border-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-4:disabled { border-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-4 { border-top-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-4:hover { border-top-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-4:focus { border-top-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-4:active { border-top-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-4 { border-right-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-4:hover { border-right-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-4:focus { border-right-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-4:active { border-right-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-4 { border-bottom-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-4:active { border-bottom-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-4 { border-left-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-4:hover { border-left-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-4:focus { border-left-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-4:active { border-left-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-5 { border-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-5:hover { border-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-5:focus { border-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-5:active { border-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-5:disabled { border-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-5 { border-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-5:hover { border-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-5:focus { border-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-5:active { border-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-5:disabled { border-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-5 { border-top-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-5:hover { border-top-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-5:focus { border-top-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-5:active { border-top-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-5 { border-right-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-5:hover { border-right-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-5:focus { border-right-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-5:active { border-right-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-5 { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-5:active { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-5 { border-left-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-5:hover { border-left-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-5:focus { border-left-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-5:active { border-left-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-6 { border-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-6:hover { border-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-6:focus { border-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-6:active { border-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-6:disabled { border-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-6 { border-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-6:hover { border-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-6:focus { border-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-6:active { border-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-6:disabled { border-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-6 { border-top-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-6:hover { border-top-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-6:focus { border-top-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-6:active { border-top-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-6 { border-right-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-6:hover { border-right-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-6:focus { border-right-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-6:active { border-right-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-6 { border-bottom-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-6:active { border-bottom-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-6 { border-left-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-6:hover { border-left-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-6:focus { border-left-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-6:active { border-left-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-7 { border-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-7:hover { border-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-7:focus { border-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-7:active { border-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-7:disabled { border-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-7 { border-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-7:hover { border-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-7:focus { border-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-7:active { border-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-7:disabled { border-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-7 { border-top-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-7:hover { border-top-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-7:focus { border-top-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-7:active { border-top-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-7 { border-right-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-7:hover { border-right-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-7:focus { border-right-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-7:active { border-right-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-7 { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-7:active { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-7 { border-left-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-7:hover { border-left-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-7:focus { border-left-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-7:active { border-left-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-8 { border-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-8:hover { border-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-8:focus { border-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-8:active { border-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-8:disabled { border-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-8 { border-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-8:hover { border-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-8:focus { border-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-8:active { border-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-8:disabled { border-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-8 { border-top-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-8:hover { border-top-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-8:focus { border-top-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-8:active { border-top-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-8 { border-right-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-8:hover { border-right-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-8:focus { border-right-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-8:active { border-right-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-8 { border-bottom-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-8:active { border-bottom-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-8 { border-left-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-8:hover { border-left-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-8:focus { border-left-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-8:active { border-left-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-9 { border-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-9:hover { border-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-9:focus { border-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-9:active { border-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-9:disabled { border-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-9 { border-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-9:hover { border-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-9:focus { border-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-9:active { border-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-9:disabled { border-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-9 { border-top-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-9:hover { border-top-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-9:focus { border-top-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-9:active { border-top-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-9 { border-right-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-9:hover { border-right-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-9:focus { border-right-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-9:active { border-right-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-9 { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-9:active { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-9 { border-left-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-9:hover { border-left-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-9:focus { border-left-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-9:active { border-left-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-10 { border-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-10:hover { border-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-10:focus { border-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-10:active { border-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-10:disabled { border-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-10 { border-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-10:hover { border-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-10:focus { border-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-10:active { border-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-10:disabled { border-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-10 { border-top-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-10:hover { border-top-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-10:focus { border-top-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-10:active { border-top-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-10 { border-right-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-10:hover { border-right-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-10:focus { border-right-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-10:active { border-right-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-10 { border-bottom-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-10:active { border-bottom-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-10 { border-left-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-10:hover { border-left-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-10:focus { border-left-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-10:active { border-left-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-11 { border-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-11:hover { border-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-11:focus { border-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-11:active { border-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-11:disabled { border-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-11 { border-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-11:hover { border-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-11:focus { border-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-11:active { border-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-11:disabled { border-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-11 { border-top-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-11:hover { border-top-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-11:focus { border-top-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-11:active { border-top-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-11 { border-right-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-11:hover { border-right-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-11:focus { border-right-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-11:active { border-right-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-11 { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-11:active { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-11 { border-left-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-11:hover { border-left-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-11:focus { border-left-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-11:active { border-left-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-12 { border-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-12:hover { border-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-12:focus { border-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-12:active { border-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-12:disabled { border-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-12 { border-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-12:hover { border-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-12:focus { border-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-12:active { border-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-12:disabled { border-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-12 { border-top-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-12:hover { border-top-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-12:focus { border-top-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-12:active { border-top-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-12 { border-right-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-12:hover { border-right-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-12:focus { border-right-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-12:active { border-right-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-12 { border-bottom-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-12:active { border-bottom-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-12 { border-left-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-12:hover { border-left-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-12:focus { border-left-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-12:active { border-left-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-13 { border-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-13:hover { border-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-13:focus { border-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-13:active { border-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-13:disabled { border-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-13 { border-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-13:hover { border-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-13:focus { border-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-13:active { border-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-13:disabled { border-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-13 { border-top-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-13:hover { border-top-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-13:focus { border-top-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-13:active { border-top-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-13 { border-right-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-13:hover { border-right-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-13:focus { border-right-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-13:active { border-right-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-13 { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-13:active { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-13 { border-left-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-13:hover { border-left-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-13:focus { border-left-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-13:active { border-left-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-14 { border-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-14:hover { border-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-14:focus { border-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-14:active { border-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-14:disabled { border-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-14 { border-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-14:hover { border-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-14:focus { border-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-14:active { border-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-14:disabled { border-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-14 { border-top-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-14:hover { border-top-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-14:focus { border-top-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-14:active { border-top-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-14 { border-right-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-14:hover { border-right-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-14:focus { border-right-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-14:active { border-right-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-14 { border-bottom-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-14:active { border-bottom-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-14 { border-left-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-14:hover { border-left-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-14:focus { border-left-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-14:active { border-left-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-15 { border-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-15:hover { border-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-15:focus { border-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-15:active { border-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-15:disabled { border-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-15 { border-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-15:hover { border-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-15:focus { border-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-15:active { border-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-15:disabled { border-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-15 { border-top-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-15:hover { border-top-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-15:focus { border-top-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-15:active { border-top-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-15 { border-right-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-15:hover { border-right-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-15:focus { border-right-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-15:active { border-right-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-15 { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-15:active { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-15 { border-left-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-15:hover { border-left-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-15:focus { border-left-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-15:active { border-left-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-16 { border-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-16:hover { border-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-16:focus { border-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-16:active { border-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-16:disabled { border-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-16 { border-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-16:hover { border-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-16:focus { border-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-16:active { border-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-16:disabled { border-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-16 { border-top-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-16:hover { border-top-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-16:focus { border-top-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-16:active { border-top-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-16 { border-right-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-16:hover { border-right-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-16:focus { border-right-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-16:active { border-right-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-16 { border-bottom-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-16:active { border-bottom-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-16 { border-left-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-16:hover { border-left-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-16:focus { border-left-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-16:active { border-left-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-17 { border-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-17:hover { border-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-17:focus { border-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-17:active { border-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-17:disabled { border-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-17 { border-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-17:hover { border-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-17:focus { border-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-17:active { border-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-17:disabled { border-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-17 { border-top-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-17:hover { border-top-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-17:focus { border-top-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-17:active { border-top-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-17 { border-right-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-17:hover { border-right-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-17:focus { border-right-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-17:active { border-right-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-17 { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-17:active { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-17 { border-left-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-17:hover { border-left-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-17:focus { border-left-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-17:active { border-left-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-18 { border-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-18:hover { border-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-18:focus { border-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-18:active { border-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-18:disabled { border-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-18 { border-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-18:hover { border-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-18:focus { border-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-18:active { border-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-18:disabled { border-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-18 { border-top-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-18:hover { border-top-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-18:focus { border-top-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-18:active { border-top-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-18 { border-right-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-18:hover { border-right-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-18:focus { border-right-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-18:active { border-right-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-18 { border-bottom-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-18:active { border-bottom-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-18 { border-left-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-18:hover { border-left-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-18:focus { border-left-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-18:active { border-left-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-19 { border-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-19:hover { border-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-19:focus { border-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-19:active { border-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-19:disabled { border-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-19 { border-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-19:hover { border-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-19:focus { border-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-19:active { border-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-19:disabled { border-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-19 { border-top-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-19:hover { border-top-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-19:focus { border-top-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-19:active { border-top-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-19 { border-right-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-19:hover { border-right-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-19:focus { border-right-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-19:active { border-right-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-19 { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-19:active { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-19 { border-left-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-19:hover { border-left-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-19:focus { border-left-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-19:active { border-left-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-20 { border-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-20:hover { border-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-20:focus { border-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-20:active { border-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-20:disabled { border-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-20 { border-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-20:hover { border-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-20:focus { border-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-20:active { border-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-20:disabled { border-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-20 { border-top-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-20:hover { border-top-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-20:focus { border-top-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-20:active { border-top-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-20 { border-right-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-20:hover { border-right-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-20:focus { border-right-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-20:active { border-right-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-20 { border-bottom-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-20:active { border-bottom-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-20 { border-left-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-20:hover { border-left-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-20:focus { border-left-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-20:active { border-left-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-21 { border-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-21:hover { border-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-21:focus { border-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-21:active { border-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-21:disabled { border-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-21 { border-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-21:hover { border-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-21:focus { border-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-21:active { border-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-21:disabled { border-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-21 { border-top-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-21:hover { border-top-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-21:focus { border-top-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-21:active { border-top-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-21 { border-right-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-21:hover { border-right-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-21:focus { border-right-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-21:active { border-right-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-21 { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-21:active { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-21 { border-left-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-21:hover { border-left-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-21:focus { border-left-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-21:active { border-left-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-22 { border-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-22:hover { border-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-22:focus { border-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-22:active { border-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-22:disabled { border-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-22 { border-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-22:hover { border-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-22:focus { border-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-22:active { border-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-22:disabled { border-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-22 { border-top-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-22:hover { border-top-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-22:focus { border-top-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-22:active { border-top-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-22 { border-right-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-22:hover { border-right-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-22:focus { border-right-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-22:active { border-right-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-22 { border-bottom-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-22:active { border-bottom-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-22 { border-left-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-22:hover { border-left-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-22:focus { border-left-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-22:active { border-left-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-23 { border-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-23:hover { border-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-23:focus { border-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-23:active { border-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-23:disabled { border-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-23 { border-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-23:hover { border-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-23:focus { border-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-23:active { border-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-23:disabled { border-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-23 { border-top-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-23:hover { border-top-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-23:focus { border-top-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-23:active { border-top-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-23 { border-right-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-23:hover { border-right-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-23:focus { border-right-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-23:active { border-right-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-23 { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-23:active { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-23 { border-left-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-23:hover { border-left-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-23:focus { border-left-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-23:active { border-left-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-24 { border-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-24:hover { border-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-24:focus { border-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-24:active { border-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-24:disabled { border-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-24 { border-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-24:hover { border-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-24:focus { border-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-24:active { border-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-24:disabled { border-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-24 { border-top-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-24:hover { border-top-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-24:focus { border-top-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-24:active { border-top-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-24 { border-right-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-24:hover { border-right-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-24:focus { border-right-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-24:active { border-right-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-24 { border-bottom-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-24:active { border-bottom-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-24 { border-left-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-24:hover { border-left-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-24:focus { border-left-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-24:active { border-left-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-25 { border-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-25:hover { border-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-25:focus { border-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-25:active { border-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-25:disabled { border-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-25 { border-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-25:hover { border-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-25:focus { border-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-25:active { border-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-25:disabled { border-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-25 { border-top-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-25:hover { border-top-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-25:focus { border-top-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-25:active { border-top-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-25 { border-right-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-25:hover { border-right-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-25:focus { border-right-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-25:active { border-right-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-25 { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-25:active { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-25 { border-left-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-25:hover { border-left-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-25:focus { border-left-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-25:active { border-left-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-26 { border-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-26:hover { border-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-26:focus { border-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-26:active { border-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-26:disabled { border-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-26 { border-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-26:hover { border-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-26:focus { border-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-26:active { border-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-26:disabled { border-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-26 { border-top-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-26:hover { border-top-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-26:focus { border-top-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-26:active { border-top-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-26 { border-right-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-26:hover { border-right-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-26:focus { border-right-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-26:active { border-right-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-26 { border-bottom-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-26:active { border-bottom-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-26 { border-left-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-26:hover { border-left-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-26:focus { border-left-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-26:active { border-left-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-27 { border-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-27:hover { border-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-27:focus { border-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-27:active { border-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-27:disabled { border-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-27 { border-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-27:hover { border-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-27:focus { border-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-27:active { border-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-27:disabled { border-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-27 { border-top-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-27:hover { border-top-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-27:focus { border-top-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-27:active { border-top-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-27 { border-right-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-27:hover { border-right-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-27:focus { border-right-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-27:active { border-right-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-27 { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-27:active { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-27 { border-left-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-27:hover { border-left-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-27:focus { border-left-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-27:active { border-left-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-28 { border-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-28:hover { border-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-28:focus { border-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-28:active { border-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-28:disabled { border-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-28 { border-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-28:hover { border-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-28:focus { border-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-28:active { border-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-28:disabled { border-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-28 { border-top-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-28:hover { border-top-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-28:focus { border-top-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-28:active { border-top-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-28 { border-right-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-28:hover { border-right-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-28:focus { border-right-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-28:active { border-right-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-28 { border-bottom-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-28:active { border-bottom-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-28 { border-left-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-28:hover { border-left-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-28:focus { border-left-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-28:active { border-left-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-29 { border-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-29:hover { border-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-29:focus { border-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-29:active { border-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-29:disabled { border-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-29 { border-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-29:hover { border-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-29:focus { border-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-29:active { border-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-29:disabled { border-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-29 { border-top-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-29:hover { border-top-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-29:focus { border-top-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-29:active { border-top-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-29 { border-right-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-29:hover { border-right-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-29:focus { border-right-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-29:active { border-right-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-29 { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-29:active { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-29 { border-left-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-29:hover { border-left-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-29:focus { border-left-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-29:active { border-left-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-30 { border-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-30:hover { border-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-30:focus { border-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-30:active { border-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-30:disabled { border-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-30 { border-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-30:hover { border-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-30:focus { border-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-30:active { border-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-30:disabled { border-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-30 { border-top-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-30:hover { border-top-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-30:focus { border-top-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-30:active { border-top-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-30 { border-right-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-30:hover { border-right-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-30:focus { border-right-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-30:active { border-right-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-30 { border-bottom-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-30:active { border-bottom-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-30 { border-left-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-30:hover { border-left-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-30:focus { border-left-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-30:active { border-left-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-31 { border-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-31:hover { border-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-31:focus { border-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-31:active { border-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-31:disabled { border-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-31 { border-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-31:hover { border-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-31:focus { border-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-31:active { border-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-31:disabled { border-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-31 { border-top-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-31:hover { border-top-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-31:focus { border-top-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-31:active { border-top-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-31 { border-right-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-31:hover { border-right-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-31:focus { border-right-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-31:active { border-right-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-31 { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-31:active { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-31 { border-left-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-31:hover { border-left-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-31:focus { border-left-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-31:active { border-left-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-32 { border-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-32:hover { border-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-32:focus { border-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-32:active { border-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-32:disabled { border-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-32 { border-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-32:hover { border-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-32:focus { border-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-32:active { border-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-32:disabled { border-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-t-32 { border-top-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-t-32:hover { border-top-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-t-32:focus { border-top-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-t-32:active { border-top-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-r-32 { border-right-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-r-32:hover { border-right-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-r-32:focus { border-right-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-r-32:active { border-right-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-b-32 { border-bottom-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-b-32:active { border-bottom-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-l-32 { border-left-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-l-32:hover { border-left-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-l-32:focus { border-left-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-l-32:active { border-left-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-transparent { border-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-transparent:hover { border-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-transparent:focus { border-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-transparent:active { border-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-transparent:disabled { border-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-inherit { border-color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-inherit:hover { border-color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-inherit:focus { border-color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-inherit:active { border-color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-inherit:disabled { border-color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-transparent { background-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-transparent:hover { background-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-transparent:focus { background-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-transparent:active { background-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-transparent:disabled { background-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-inherit { background-color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-inherit:hover { background-color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-inherit:focus { background-color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-inherit:active { background-color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-inherit:disabled { background-color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-transparent { color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-transparent:hover { color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-transparent:focus { color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-transparent:active { color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-transparent:disabled { color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-inherit { color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-inherit:hover { color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-inherit:focus { color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-inherit:active { color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-inherit:disabled { color: inherit; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-solid { border-style: solid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-solid:hover { border-style: solid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-solid:focus { border-style: solid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-solid:active { border-style: solid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-solid:disabled { border-style: solid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-dashed { border-style: dashed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-dashed:hover { border-style: dashed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-dashed:focus { border-style: dashed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-dashed:active { border-style: dashed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-dashed:disabled { border-style: dashed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-dotted { border-style: dotted; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-dotted:hover { border-style: dotted; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-dotted:focus { border-style: dotted; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-dotted:active { border-style: dotted; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-dotted:disabled { border-style: dotted; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-double { border-style: double; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-double:hover { border-style: double; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-double:focus { border-style: double; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-double:active { border-style: double; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-double:disabled { border-style: double; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-none { border-style: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-none:hover { border-style: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-none:focus { border-style: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-none:active { border-style: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-none:disabled { border-style: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-z-auto { z-index: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-z-auto:hover { z-index: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-z-auto:focus { z-index: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-z-auto:active { z-index: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-z-auto:disabled { z-index: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-z-0 { z-index: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-z-0:hover { z-index: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-z-0:focus { z-index: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-z-0:active { z-index: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-z-0:disabled { z-index: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-z-10 { z-index: 10; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-z-10:hover { z-index: 10; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-z-10:focus { z-index: 10; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-z-10:active { z-index: 10; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-z-10:disabled { z-index: 10; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-z-20 { z-index: 20; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-z-20:hover { z-index: 20; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-z-20:focus { z-index: 20; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-z-20:active { z-index: 20; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-z-20:disabled { z-index: 20; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-z-30 { z-index: 30; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-z-30:hover { z-index: 30; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-z-30:focus { z-index: 30; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-z-30:active { z-index: 30; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-z-30:disabled { z-index: 30; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-z-40 { z-index: 40; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-z-40:hover { z-index: 40; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-z-40:focus { z-index: 40; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-z-40:active { z-index: 40; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-z-40:disabled { z-index: 40; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-z-50 { z-index: 50; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-z-50:hover { z-index: 50; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-z-50:focus { z-index: 50; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-z-50:active { z-index: 50; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-z-50:disabled { z-index: 50; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-z-100 { z-index: 100; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-z-100:hover { z-index: 100; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-z-100:focus { z-index: 100; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-z-100:active { z-index: 100; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-z-100:disabled { z-index: 100; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-z-9999 { z-index: 9999; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-z-9999:hover { z-index: 9999; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-z-9999:focus { z-index: 9999; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-z-9999:active { z-index: 9999; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-z-9999:disabled { z-index: 9999; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg--z-10 { z-index: -10; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover--z-10:hover { z-index: -10; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus--z-10:focus { z-index: -10; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active--z-10:active { z-index: -10; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled--z-10:disabled { z-index: -10; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg--z-20 { z-index: -20; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover--z-20:hover { z-index: -20; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus--z-20:focus { z-index: -20; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active--z-20:active { z-index: -20; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled--z-20:disabled { z-index: -20; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg--z-40 { z-index: -40; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover--z-40:hover { z-index: -40; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus--z-40:focus { z-index: -40; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active--z-40:active { z-index: -40; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled--z-40:disabled { z-index: -40; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg--z-50 { z-index: -50; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover--z-50:hover { z-index: -50; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus--z-50:focus { z-index: -50; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active--z-50:active { z-index: -50; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled--z-50:disabled { z-index: -50; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg--z-100 { z-index: -100; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover--z-100:hover { z-index: -100; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus--z-100:focus { z-index: -100; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active--z-100:active { z-index: -100; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled--z-100:disabled { z-index: -100; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-0 { opacity: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-0:hover { opacity: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-0:focus { opacity: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-0:active { opacity: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-0:disabled { opacity: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-10 { opacity: 0.1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-10:hover { opacity: 0.1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-10:focus { opacity: 0.1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-10:active { opacity: 0.1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-10:disabled { opacity: 0.1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-20 { opacity: 0.2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-20:hover { opacity: 0.2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-20:focus { opacity: 0.2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-20:active { opacity: 0.2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-20:disabled { opacity: 0.2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-25 { opacity: 0.25; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-25:hover { opacity: 0.25; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-25:focus { opacity: 0.25; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-25:active { opacity: 0.25; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-25:disabled { opacity: 0.25; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-30 { opacity: 0.3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-30:hover { opacity: 0.3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-30:focus { opacity: 0.3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-30:active { opacity: 0.3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-30:disabled { opacity: 0.3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-40 { opacity: 0.4; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-40:hover { opacity: 0.4; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-40:focus { opacity: 0.4; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-40:active { opacity: 0.4; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-40:disabled { opacity: 0.4; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-50 { opacity: 0.5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-50:hover { opacity: 0.5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-50:focus { opacity: 0.5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-50:active { opacity: 0.5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-50:disabled { opacity: 0.5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-60 { opacity: 0.6; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-60:hover { opacity: 0.6; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-60:focus { opacity: 0.6; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-60:active { opacity: 0.6; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-60:disabled { opacity: 0.6; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-70 { opacity: 0.7; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-70:hover { opacity: 0.7; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-70:focus { opacity: 0.7; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-70:active { opacity: 0.7; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-70:disabled { opacity: 0.7; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-75 { opacity: 0.75; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-75:hover { opacity: 0.75; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-75:focus { opacity: 0.75; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-75:active { opacity: 0.75; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-75:disabled { opacity: 0.75; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-80 { opacity: 0.8; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-80:hover { opacity: 0.8; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-80:focus { opacity: 0.8; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-80:active { opacity: 0.8; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-80:disabled { opacity: 0.8; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-90 { opacity: 0.9; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-90:hover { opacity: 0.9; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-90:focus { opacity: 0.9; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-90:active { opacity: 0.9; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-90:disabled { opacity: 0.9; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-opacity-100 { opacity: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-opacity-100:hover { opacity: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-opacity-100:focus { opacity: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-opacity-100:active { opacity: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-opacity-100:disabled { opacity: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-gradient-l { --quanta-gradient-direction: to left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-gradient-r { --quanta-gradient-direction: to right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-gradient-t { --quanta-gradient-direction: to top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-gradient-b { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-gradient-tl { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-gradient-tr { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rounded-0 { border-radius: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rounded-0:hover { border-radius: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rounded-0:focus { border-radius: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rounded-0:active { border-radius: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rounded-0:disabled { border-radius: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rounded-xs { border-radius: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rounded-xs:hover { border-radius: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rounded-xs:focus { border-radius: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rounded-xs:active { border-radius: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rounded-sm { border-radius: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rounded-sm:hover { border-radius: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rounded-sm:focus { border-radius: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rounded-sm:active { border-radius: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rounded { border-radius: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rounded:hover { border-radius: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rounded:focus { border-radius: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rounded:active { border-radius: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rounded:disabled { border-radius: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rounded-md { border-radius: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rounded-md:hover { border-radius: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rounded-md:focus { border-radius: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rounded-md:active { border-radius: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rounded-md:disabled { border-radius: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rounded-lg { border-radius: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rounded-lg:hover { border-radius: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rounded-lg:focus { border-radius: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rounded-lg:active { border-radius: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rounded-lg:disabled { border-radius: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rounded-xl { border-radius: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rounded-xl:hover { border-radius: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rounded-xl:focus { border-radius: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rounded-xl:active { border-radius: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rounded-2xl { border-radius: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rounded-2xl:hover { border-radius: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rounded-2xl:focus { border-radius: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rounded-2xl:active { border-radius: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rounded-2xl:disabled { border-radius: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rounded-full { border-radius: 9999px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rounded-full:hover { border-radius: 9999px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rounded-full:focus { border-radius: 9999px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rounded-full:active { border-radius: 9999px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rounded-full:disabled { border-radius: 9999px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rounded-pill { border-radius: 50px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rounded-pill:hover { border-radius: 50px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rounded-pill:focus { border-radius: 50px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rounded-pill:active { border-radius: 50px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rounded-pill:disabled { border-radius: 50px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-none { outline: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-none:hover { outline: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-none:focus { outline: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-none:active { outline: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-none:disabled { outline: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline { outline: 1px solid currentColor; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline:hover { outline: 1px solid currentColor; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline:focus { outline: 1px solid currentColor; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline:active { outline: 1px solid currentColor; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline:disabled { outline: 1px solid currentColor; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-offset-0 { outline-offset: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-offset-0:hover { outline-offset: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-offset-0:focus { outline-offset: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-offset-0:active { outline-offset: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-offset-1 { outline-offset: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-offset-1:active { outline-offset: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-offset-2 { outline-offset: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-offset-2:active { outline-offset: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-offset-3 { outline-offset: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-offset-3:active { outline-offset: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-offset-4 { outline-offset: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-offset-4:hover { outline-offset: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-offset-4:focus { outline-offset: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-offset-4:active { outline-offset: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-offset-8 { outline-offset: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-offset-8:hover { outline-offset: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-offset-8:focus { outline-offset: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-offset-8:active { outline-offset: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-red-50 { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-red-100 { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-red-200 { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-red-300 { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-red-400 { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-red-500 { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-red-600 { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-red-700 { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-red-800 { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-red-900 { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-orange-50 { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-orange-100 { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-orange-200 { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-orange-300 { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-orange-400 { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-orange-500 { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-orange-600 { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-orange-700 { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-orange-800 { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-orange-900 { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-teal-50 { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-teal-100 { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-teal-200 { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-teal-300 { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-teal-400 { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-teal-500 { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-teal-600 { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-teal-700 { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-teal-800 { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-teal-900 { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-purple-50 { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-purple-100 { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-purple-200 { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-purple-300 { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-purple-400 { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-purple-500 { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-purple-600 { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-purple-700 { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-purple-800 { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-purple-900 { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-pink-50 { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-pink-100 { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-pink-200 { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-pink-300 { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-pink-400 { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-pink-500 { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-pink-600 { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-pink-700 { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-pink-800 { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-pink-900 { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-grey-50 { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-grey-100 { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-grey-200 { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-grey-300 { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-grey-400 { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-grey-500 { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-grey-600 { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-grey-700 { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-grey-800 { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-grey-900 { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-lime-50 { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-lime-100 { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-lime-200 { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-lime-300 { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-lime-400 { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-lime-500 { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-lime-600 { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-lime-700 { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-lime-800 { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-lime-900 { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-sky-50 { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-sky-100 { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-sky-200 { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-sky-300 { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-sky-400 { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-sky-500 { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-sky-600 { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-sky-700 { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-sky-800 { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-sky-900 { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-violet-50 { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-violet-100 { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-violet-200 { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-violet-300 { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-violet-400 { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-violet-500 { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-violet-600 { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-violet-700 { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-violet-800 { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-violet-900 { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-rose-50 { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-rose-100 { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-rose-200 { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-rose-300 { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-rose-400 { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-rose-500 { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-rose-600 { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-rose-700 { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-rose-800 { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-rose-900 { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-slate-50 { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-slate-100 { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-slate-200 { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-slate-300 { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-slate-400 { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-slate-500 { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-slate-600 { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-slate-700 { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-slate-800 { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-slate-900 { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-blue-50 { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-blue-100 { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-blue-200 { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-blue-300 { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-blue-400 { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-blue-500 { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-blue-600 { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-blue-700 { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-blue-800 { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-blue-900 { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-green-50 { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-green-100 { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-green-200 { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-green-300 { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-green-400 { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-green-500 { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-green-600 { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-green-700 { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-green-800 { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-green-900 { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-black { outline-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-black:hover { outline-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-black:focus { outline-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-black:active { outline-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-black:disabled { outline-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-white { outline-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-white:hover { outline-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-white:focus { outline-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-white:active { outline-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-white:disabled { outline-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sm { --ring-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sm:hover { --ring-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sm:focus { --ring-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sm:active { --ring-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-md { --ring-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-md:hover { --ring-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-md:focus { --ring-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-md:active { --ring-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-md:disabled { --ring-width: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lg { --ring-width: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lg:hover { --ring-width: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lg:focus { --ring-width: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lg:active { --ring-width: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lg:disabled { --ring-width: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-black { --quanta-ring-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-black:hover { --quanta-ring-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-black:focus { --quanta-ring-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-black:active { --quanta-ring-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-white { --quanta-ring-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-white:hover { --quanta-ring-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-white:focus { --quanta-ring-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-white:active { --quanta-ring-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-black { --shadow-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-black:hover { --shadow-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-black:focus { --shadow-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-black:active { --shadow-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-color-white { --shadow-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-color-white:hover { --shadow-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-color-white:focus { --shadow-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-color-white:active { --shadow-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-black { --quanta-from-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-black:active { --quanta-from-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-from-white { --quanta-from-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-from-white:active { --quanta-from-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-black { --quanta-to-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-black:active { --quanta-to-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-gradient-to-white { --quanta-to-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-gradient-to-white:active { --quanta-to-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-all { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-all:active { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-bg { transition-property: background-color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-bg:hover { transition-property: background-color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-bg:focus { transition-property: background-color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-bg:active { transition-property: background-color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-bg:disabled { transition-property: background-color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-color { transition-property: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-color:hover { transition-property: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-color:focus { transition-property: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-color:active { transition-property: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-color:disabled { transition-property: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-opacity { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-transform { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-shadow { transition-property: shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-shadow:hover { transition-property: shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-shadow:focus { transition-property: shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-shadow:active { transition-property: shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-shadow:disabled { transition-property: shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-border { transition-property: border; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-border:hover { transition-property: border; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-border:focus { transition-property: border; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-border:active { transition-property: border; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-border:disabled { transition-property: border; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-100 { transition-duration: 100ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-100:hover { transition-duration: 100ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-100:focus { transition-duration: 100ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-100:active { transition-duration: 100ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-100:disabled { transition-duration: 100ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-200 { transition-duration: 200ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-200:hover { transition-duration: 200ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-200:focus { transition-duration: 200ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-200:active { transition-duration: 200ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-200:disabled { transition-duration: 200ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-linear { transition-timing-function: ease-linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-linear:hover { transition-timing-function: ease-linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-linear:focus { transition-timing-function: ease-linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-linear:active { transition-timing-function: ease-linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-in { transition-timing-function: ease-in; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-in:hover { transition-timing-function: ease-in; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-in:focus { transition-timing-function: ease-in; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-in:active { transition-timing-function: ease-in; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-in:disabled { transition-timing-function: ease-in; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-out { transition-timing-function: ease-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-out:hover { transition-timing-function: ease-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-out:focus { transition-timing-function: ease-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-out:active { transition-timing-function: ease-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-out:disabled { transition-timing-function: ease-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-in-out { transition-timing-function: ease-in-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-in-out:active { transition-timing-function: ease-in-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-0 { transform: translateX(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-0:hover { transform: translateX(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-0:focus { transform: translateX(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-0:active { transform: translateX(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-0:disabled { transform: translateX(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-0 { transform: translateY(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-0:hover { transform: translateY(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-0:focus { transform: translateY(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-0:active { transform: translateY(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-0:disabled { transform: translateY(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-0_25 { transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-0_25:active { transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-0_25 { transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-0_25:active { transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-0_5 { transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-0_5:active { transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-0_5 { transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-0_5:active { transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-1 { transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-1:hover { transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-1:focus { transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-1:active { transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-1:disabled { transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-1 { transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-1:hover { transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-1:focus { transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-1:active { transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-1:disabled { transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-1_5 { transform: translateX(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-1_5:active { transform: translateX(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-1_5 { transform: translateY(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-1_5:active { transform: translateY(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-2 { transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-2:hover { transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-2:focus { transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-2:active { transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-2:disabled { transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-2 { transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-2:hover { transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-2:focus { transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-2:active { transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-2:disabled { transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-3 { transform: translateX(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-3:hover { transform: translateX(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-3:focus { transform: translateX(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-3:active { transform: translateX(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-3:disabled { transform: translateX(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-3 { transform: translateY(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-3:hover { transform: translateY(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-3:focus { transform: translateY(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-3:active { transform: translateY(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-3:disabled { transform: translateY(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-4 { transform: translateX(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-4:hover { transform: translateX(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-4:focus { transform: translateX(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-4:active { transform: translateX(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-4:disabled { transform: translateX(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-4 { transform: translateY(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-4:hover { transform: translateY(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-4:focus { transform: translateY(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-4:active { transform: translateY(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-4:disabled { transform: translateY(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-5 { transform: translateX(5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-5:hover { transform: translateX(5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-5:focus { transform: translateX(5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-5:active { transform: translateX(5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-5:disabled { transform: translateX(5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-5 { transform: translateY(5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-5:hover { transform: translateY(5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-5:focus { transform: translateY(5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-5:active { transform: translateY(5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-5:disabled { transform: translateY(5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-6 { transform: translateX(6rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-6:hover { transform: translateX(6rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-6:focus { transform: translateX(6rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-6:active { transform: translateX(6rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-6:disabled { transform: translateX(6rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-6 { transform: translateY(6rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-6:hover { transform: translateY(6rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-6:focus { transform: translateY(6rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-6:active { transform: translateY(6rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-6:disabled { transform: translateY(6rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-8 { transform: translateX(8rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-8:hover { transform: translateX(8rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-8:focus { transform: translateX(8rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-8:active { transform: translateX(8rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-8:disabled { transform: translateX(8rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-8 { transform: translateY(8rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-8:hover { transform: translateY(8rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-8:focus { transform: translateY(8rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-8:active { transform: translateY(8rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-8:disabled { transform: translateY(8rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-10 { transform: translateX(10rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-10:hover { transform: translateX(10rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-10:focus { transform: translateX(10rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-10:active { transform: translateX(10rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-10:disabled { transform: translateX(10rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-10 { transform: translateY(10rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-10:hover { transform: translateY(10rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-10:focus { transform: translateY(10rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-10:active { transform: translateY(10rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-10:disabled { transform: translateY(10rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-12 { transform: translateX(12rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-12:hover { transform: translateX(12rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-12:focus { transform: translateX(12rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-12:active { transform: translateX(12rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-12:disabled { transform: translateX(12rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-12 { transform: translateY(12rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-12:hover { transform: translateY(12rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-12:focus { transform: translateY(12rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-12:active { transform: translateY(12rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-12:disabled { transform: translateY(12rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-16 { transform: translateX(16rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-16:hover { transform: translateX(16rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-16:focus { transform: translateX(16rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-16:active { transform: translateX(16rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-16:disabled { transform: translateX(16rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-16 { transform: translateY(16rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-16:hover { transform: translateY(16rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-16:focus { transform: translateY(16rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-16:active { transform: translateY(16rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-16:disabled { transform: translateY(16rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-20 { transform: translateX(20rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-20:hover { transform: translateX(20rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-20:focus { transform: translateX(20rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-20:active { transform: translateX(20rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-20:disabled { transform: translateX(20rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-20 { transform: translateY(20rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-20:hover { transform: translateY(20rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-20:focus { transform: translateY(20rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-20:active { transform: translateY(20rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-20:disabled { transform: translateY(20rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-24 { transform: translateX(24rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-24:hover { transform: translateX(24rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-24:focus { transform: translateX(24rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-24:active { transform: translateX(24rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-24:disabled { transform: translateX(24rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-24 { transform: translateY(24rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-24:hover { transform: translateY(24rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-24:focus { transform: translateY(24rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-24:active { transform: translateY(24rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-24:disabled { transform: translateY(24rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-32 { transform: translateX(32rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-32:hover { transform: translateX(32rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-32:focus { transform: translateX(32rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-32:active { transform: translateX(32rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-32:disabled { transform: translateX(32rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-32 { transform: translateY(32rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-32:hover { transform: translateY(32rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-32:focus { transform: translateY(32rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-32:active { transform: translateY(32rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-32:disabled { transform: translateY(32rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-0 { transform: scale(0.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-0:hover { transform: scale(0.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-0:focus { transform: scale(0.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-0:active { transform: scale(0.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-0:disabled { transform: scale(0.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-50 { transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-50:hover { transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-50:focus { transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-50:active { transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-50:disabled { transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-75 { transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-75:hover { transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-75:focus { transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-75:active { transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-75:disabled { transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-90 { transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-90:hover { transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-90:focus { transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-90:active { transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-90:disabled { transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-95 { transform: scale(0.95); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-95:hover { transform: scale(0.95); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-95:focus { transform: scale(0.95); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-95:active { transform: scale(0.95); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-95:disabled { transform: scale(0.95); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-100 { transform: scale(1.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-100:hover { transform: scale(1.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-100:focus { transform: scale(1.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-100:active { transform: scale(1.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-100:disabled { transform: scale(1.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-105 { transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-105:hover { transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-105:focus { transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-105:active { transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-105:disabled { transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-110 { transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-110:hover { transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-110:focus { transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-110:active { transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-110:disabled { transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-125 { transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-125:hover { transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-125:focus { transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-125:active { transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-125:disabled { transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-150 { transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-150:hover { transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-150:focus { transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-150:active { transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-150:disabled { transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate--180 { transform: rotate(-180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate--180:hover { transform: rotate(-180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate--180:focus { transform: rotate(-180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate--180:active { transform: rotate(-180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate--180:disabled { transform: rotate(-180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate--90 { transform: rotate(-90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate--90:hover { transform: rotate(-90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate--90:focus { transform: rotate(-90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate--90:active { transform: rotate(-90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate--90:disabled { transform: rotate(-90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate--45 { transform: rotate(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate--45:hover { transform: rotate(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate--45:focus { transform: rotate(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate--45:active { transform: rotate(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate--45:disabled { transform: rotate(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-0 { transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-0:hover { transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-0:focus { transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-0:active { transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-0:disabled { transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-45 { transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-45:hover { transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-45:focus { transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-45:active { transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-45:disabled { transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-90 { transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-90:hover { transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-90:focus { transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-90:active { transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-90:disabled { transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-180 { transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-180:hover { transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-180:focus { transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-180:active { transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-180:disabled { transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x--45 { transform: skewX(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x--45:hover { transform: skewX(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x--45:focus { transform: skewX(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x--45:active { transform: skewX(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y--45 { transform: skewY(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y--45:hover { transform: skewY(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y--45:focus { transform: skewY(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y--45:active { transform: skewY(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x--30 { transform: skewX(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x--30:hover { transform: skewX(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x--30:focus { transform: skewX(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x--30:active { transform: skewX(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y--30 { transform: skewY(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y--30:hover { transform: skewY(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y--30:focus { transform: skewY(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y--30:active { transform: skewY(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x--15 { transform: skewX(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x--15:hover { transform: skewX(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x--15:focus { transform: skewX(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x--15:active { transform: skewX(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y--15 { transform: skewY(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y--15:hover { transform: skewY(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y--15:focus { transform: skewY(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y--15:active { transform: skewY(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-0 { transform: skewX(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-0:hover { transform: skewX(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-0:focus { transform: skewX(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-0:active { transform: skewX(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-0:disabled { transform: skewX(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-0 { transform: skewY(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-0:hover { transform: skewY(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-0:focus { transform: skewY(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-0:active { transform: skewY(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-0:disabled { transform: skewY(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-15 { transform: skewX(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-15:hover { transform: skewX(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-15:focus { transform: skewX(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-15:active { transform: skewX(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-15:disabled { transform: skewX(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-15 { transform: skewY(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-15:hover { transform: skewY(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-15:focus { transform: skewY(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-15:active { transform: skewY(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-15:disabled { transform: skewY(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-30 { transform: skewX(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-30:hover { transform: skewX(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-30:focus { transform: skewX(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-30:active { transform: skewX(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-30:disabled { transform: skewX(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-30 { transform: skewY(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-30:hover { transform: skewY(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-30:focus { transform: skewY(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-30:active { transform: skewY(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-30:disabled { transform: skewY(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-45 { transform: skewX(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-45:hover { transform: skewX(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-45:focus { transform: skewX(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-45:active { transform: skewX(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-45:disabled { transform: skewX(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-45 { transform: skewY(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-45:hover { transform: skewY(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-45:focus { transform: skewY(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-45:active { transform: skewY(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-45:disabled { transform: skewY(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur-none { filter: blur(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur-none:hover { filter: blur(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur-none:focus { filter: blur(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur-none:active { filter: blur(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur-none:disabled { filter: blur(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur-sm { filter: blur(2px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur-sm:hover { filter: blur(2px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur-sm:focus { filter: blur(2px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur-sm:active { filter: blur(2px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur-sm:disabled { filter: blur(2px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur:hover { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur:focus { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur:active { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur:disabled { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur-md { filter: blur(8px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur-md:hover { filter: blur(8px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur-md:focus { filter: blur(8px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur-md:active { filter: blur(8px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur-md:disabled { filter: blur(8px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur-lg { filter: blur(12px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur-lg:hover { filter: blur(12px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur-lg:focus { filter: blur(12px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur-lg:active { filter: blur(12px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur-lg:disabled { filter: blur(12px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur-xl { filter: blur(20px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur-xl:hover { filter: blur(20px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur-xl:focus { filter: blur(20px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur-xl:active { filter: blur(20px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur-xl:disabled { filter: blur(20px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-0 { filter: brightness(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-0:hover { filter: brightness(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-0:focus { filter: brightness(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-0:active { filter: brightness(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-0:disabled { filter: brightness(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-75 { filter: brightness(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-75:hover { filter: brightness(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-75:focus { filter: brightness(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-75:active { filter: brightness(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-75:disabled { filter: brightness(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-90 { filter: brightness(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-90:hover { filter: brightness(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-90:focus { filter: brightness(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-90:active { filter: brightness(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-90:disabled { filter: brightness(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-100 { filter: brightness(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-100:hover { filter: brightness(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-100:focus { filter: brightness(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-100:active { filter: brightness(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-100:disabled { filter: brightness(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-125 { filter: brightness(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-125:hover { filter: brightness(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-125:focus { filter: brightness(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-125:active { filter: brightness(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-125:disabled { filter: brightness(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-150 { filter: brightness(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-150:hover { filter: brightness(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-150:focus { filter: brightness(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-150:active { filter: brightness(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-150:disabled { filter: brightness(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-200 { filter: brightness(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-200:hover { filter: brightness(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-200:focus { filter: brightness(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-200:active { filter: brightness(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-200:disabled { filter: brightness(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contrast-0 { filter: contrast(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contrast-0:hover { filter: contrast(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contrast-0:focus { filter: contrast(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contrast-0:active { filter: contrast(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contrast-0:disabled { filter: contrast(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contrast-50 { filter: contrast(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contrast-50:hover { filter: contrast(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contrast-50:focus { filter: contrast(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contrast-50:active { filter: contrast(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contrast-50:disabled { filter: contrast(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contrast-75 { filter: contrast(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contrast-75:hover { filter: contrast(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contrast-75:focus { filter: contrast(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contrast-75:active { filter: contrast(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contrast-75:disabled { filter: contrast(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contrast-100 { filter: contrast(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contrast-100:hover { filter: contrast(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contrast-100:focus { filter: contrast(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contrast-100:active { filter: contrast(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contrast-100:disabled { filter: contrast(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contrast-125 { filter: contrast(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contrast-125:hover { filter: contrast(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contrast-125:focus { filter: contrast(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contrast-125:active { filter: contrast(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contrast-125:disabled { filter: contrast(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contrast-150 { filter: contrast(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contrast-150:hover { filter: contrast(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contrast-150:focus { filter: contrast(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contrast-150:active { filter: contrast(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contrast-150:disabled { filter: contrast(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contrast-200 { filter: contrast(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contrast-200:hover { filter: contrast(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contrast-200:focus { filter: contrast(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contrast-200:active { filter: contrast(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contrast-200:disabled { filter: contrast(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grayscale-0 { filter: grayscale(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grayscale-0:hover { filter: grayscale(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grayscale-0:focus { filter: grayscale(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grayscale-0:active { filter: grayscale(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grayscale-0:disabled { filter: grayscale(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grayscale-100 { filter: grayscale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grayscale-100:hover { filter: grayscale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grayscale-100:focus { filter: grayscale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grayscale-100:active { filter: grayscale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grayscale-100:disabled { filter: grayscale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hue-rotate-0 { filter: hue-rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hue-rotate-45 { filter: hue-rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hue-rotate-180 { filter: hue-rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-invert-0 { filter: invert(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-invert-0:hover { filter: invert(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-invert-0:focus { filter: invert(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-invert-0:active { filter: invert(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-invert-0:disabled { filter: invert(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-invert-100 { filter: invert(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-invert-100:hover { filter: invert(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-invert-100:focus { filter: invert(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-invert-100:active { filter: invert(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-invert-100:disabled { filter: invert(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-saturate-0 { filter: saturate(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-saturate-0:hover { filter: saturate(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-saturate-0:focus { filter: saturate(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-saturate-0:active { filter: saturate(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-saturate-0:disabled { filter: saturate(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-saturate-50 { filter: saturate(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-saturate-50:hover { filter: saturate(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-saturate-50:focus { filter: saturate(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-saturate-50:active { filter: saturate(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-saturate-50:disabled { filter: saturate(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-saturate-100 { filter: saturate(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-saturate-100:hover { filter: saturate(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-saturate-100:focus { filter: saturate(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-saturate-100:active { filter: saturate(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-saturate-100:disabled { filter: saturate(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-saturate-200 { filter: saturate(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-saturate-200:hover { filter: saturate(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-saturate-200:focus { filter: saturate(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-saturate-200:active { filter: saturate(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-saturate-200:disabled { filter: saturate(2); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-sepia-0 { filter: sepia(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-sepia-0:hover { filter: sepia(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-sepia-0:focus { filter: sepia(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-sepia-0:active { filter: sepia(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-sepia-0:disabled { filter: sepia(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-sepia-100 { filter: sepia(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-sepia-100:hover { filter: sepia(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-sepia-100:focus { filter: sepia(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-sepia-100:active { filter: sepia(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-sepia-100:disabled { filter: sepia(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-normal { mix-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-normal:hover { mix-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-normal:focus { mix-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-normal:active { mix-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-normal:disabled { mix-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-multiply { mix-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-multiply:hover { mix-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-multiply:focus { mix-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-multiply:active { mix-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-screen { mix-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-screen:hover { mix-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-screen:focus { mix-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-screen:active { mix-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-screen:disabled { mix-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-overlay { mix-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-overlay:hover { mix-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-overlay:focus { mix-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-overlay:active { mix-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-darken { mix-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-darken:hover { mix-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-darken:focus { mix-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-darken:active { mix-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-darken:disabled { mix-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-lighten { mix-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-lighten:hover { mix-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-lighten:focus { mix-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-lighten:active { mix-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-color-dodge { mix-blend-mode: color-dodge; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-color-burn { mix-blend-mode: color-burn; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-color-burn:active { mix-blend-mode: color-burn; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-hard-light { mix-blend-mode: hard-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-hard-light:active { mix-blend-mode: hard-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-soft-light { mix-blend-mode: soft-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-soft-light:active { mix-blend-mode: soft-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-difference { mix-blend-mode: difference; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-difference:hover { mix-blend-mode: difference; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-difference:focus { mix-blend-mode: difference; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-difference:active { mix-blend-mode: difference; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-difference:disabled { mix-blend-mode: difference; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-exclusion { mix-blend-mode: exclusion; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-exclusion:active { mix-blend-mode: exclusion; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-hue { mix-blend-mode: hue; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-hue:hover { mix-blend-mode: hue; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-hue:focus { mix-blend-mode: hue; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-hue:active { mix-blend-mode: hue; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-hue:disabled { mix-blend-mode: hue; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-saturation { mix-blend-mode: saturation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-saturation:hover { mix-blend-mode: saturation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-saturation:focus { mix-blend-mode: saturation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-saturation:active { mix-blend-mode: saturation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-color { mix-blend-mode: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-color:hover { mix-blend-mode: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-color:focus { mix-blend-mode: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-color:active { mix-blend-mode: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-color:disabled { mix-blend-mode: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-luminosity { mix-blend-mode: luminosity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-luminosity:active { mix-blend-mode: luminosity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-normal { background-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-normal:hover { background-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-normal:focus { background-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-normal:active { background-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-multiply { background-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-multiply:active { background-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-screen { background-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-screen:hover { background-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-screen:focus { background-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-screen:active { background-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-overlay { background-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-overlay:active { background-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-darken { background-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-darken:hover { background-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-darken:focus { background-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-darken:active { background-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-lighten { background-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-lighten:active { background-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-color-dodge { background-blend-mode: color-dodge; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-color-burn { background-blend-mode: color-burn; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-hard-light { background-blend-mode: hard-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-soft-light { background-blend-mode: soft-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-difference { background-blend-mode: difference; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-difference:hover { background-blend-mode: difference; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-difference:focus { background-blend-mode: difference; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-difference:active { background-blend-mode: difference; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-exclusion { background-blend-mode: exclusion; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-hue { background-blend-mode: hue; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-hue:hover { background-blend-mode: hue; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-hue:focus { background-blend-mode: hue; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-hue:active { background-blend-mode: hue; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-saturation { background-blend-mode: saturation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-saturation:active { background-blend-mode: saturation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-color { background-blend-mode: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-color:hover { background-blend-mode: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-color:focus { background-blend-mode: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-color:active { background-blend-mode: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-color:disabled { background-blend-mode: color; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-luminosity { background-blend-mode: luminosity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-contain { object-fit: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-contain:hover { object-fit: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-contain:focus { object-fit: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-contain:active { object-fit: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-contain:disabled { object-fit: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-cover { object-fit: cover; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-cover:hover { object-fit: cover; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-cover:focus { object-fit: cover; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-cover:active { object-fit: cover; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-cover:disabled { object-fit: cover; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-fill { object-fit: fill; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-fill:hover { object-fit: fill; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-fill:focus { object-fit: fill; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-fill:active { object-fit: fill; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-fill:disabled { object-fit: fill; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-none { object-fit: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-none:hover { object-fit: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-none:focus { object-fit: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-none:active { object-fit: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-none:disabled { object-fit: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-scale-down { object-fit: scale-down; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-scale-down:hover { object-fit: scale-down; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-scale-down:focus { object-fit: scale-down; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-scale-down:active { object-fit: scale-down; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-scale-down:disabled { object-fit: scale-down; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-top { object-position: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-top:hover { object-position: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-top:focus { object-position: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-top:active { object-position: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-top:disabled { object-position: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-bottom { object-position: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-bottom:hover { object-position: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-bottom:focus { object-position: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-bottom:active { object-position: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-bottom:disabled { object-position: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-center { object-position: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-center:hover { object-position: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-center:focus { object-position: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-center:active { object-position: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-center:disabled { object-position: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-left { object-position: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-left:hover { object-position: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-left:focus { object-position: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-left:active { object-position: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-left:disabled { object-position: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-right { object-position: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-right:hover { object-position: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-right:focus { object-position: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-right:active { object-position: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-right:disabled { object-position: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-left-top { object-position: left top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-left-top:hover { object-position: left top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-left-top:focus { object-position: left top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-left-top:active { object-position: left top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-left-top:disabled { object-position: left top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-right-top { object-position: right top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-right-top:hover { object-position: right top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-right-top:focus { object-position: right top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-right-top:active { object-position: right top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-right-top:disabled { object-position: right top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-left-bottom { object-position: left bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-left-bottom:hover { object-position: left bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-left-bottom:focus { object-position: left bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-left-bottom:active { object-position: left bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-left-bottom:disabled { object-position: left bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-object-right-bottom { object-position: right bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-object-right-bottom:hover { object-position: right bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-object-right-bottom:focus { object-position: right bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-object-right-bottom:active { object-position: right bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-object-right-bottom:disabled { object-position: right bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-image-none { list-style-image: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-image-none:hover { list-style-image: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-image-none:focus { list-style-image: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-image-none:active { list-style-image: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-image-none:disabled { list-style-image: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-position-inside { list-style-position: inside; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-position-inside:hover { list-style-position: inside; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-position-inside:focus { list-style-position: inside; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-position-inside:active { list-style-position: inside; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-position-inside:disabled { list-style-position: inside; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-position-outside { list-style-position: outside; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-position-outside:hover { list-style-position: outside; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-position-outside:focus { list-style-position: outside; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-position-outside:active { list-style-position: outside; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-position-outside:disabled { list-style-position: outside; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-type-none { list-style-type: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-type-none:hover { list-style-type: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-type-none:focus { list-style-type: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-type-none:active { list-style-type: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-type-none:disabled { list-style-type: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-type-disc { list-style-type: disc; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-type-disc:hover { list-style-type: disc; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-type-disc:focus { list-style-type: disc; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-type-disc:active { list-style-type: disc; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-type-disc:disabled { list-style-type: disc; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-type-circle { list-style-type: circle; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-type-circle:hover { list-style-type: circle; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-type-circle:focus { list-style-type: circle; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-type-circle:active { list-style-type: circle; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-type-circle:disabled { list-style-type: circle; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-type-square { list-style-type: square; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-type-square:hover { list-style-type: square; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-type-square:focus { list-style-type: square; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-type-square:active { list-style-type: square; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-type-square:disabled { list-style-type: square; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-type-decimal { list-style-type: decimal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-type-decimal:hover { list-style-type: decimal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-type-decimal:focus { list-style-type: decimal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-type-decimal:active { list-style-type: decimal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-type-lower_roman { list-style-type: lower-roman; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-type-upper_roman { list-style-type: upper-roman; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-type-lower_alpha { list-style-type: lower-alpha; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-list-style-type-upper_alpha { list-style-type: upper-alpha; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-align-left { text-align: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-align-left:hover { text-align: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-align-left:focus { text-align: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-align-left:active { text-align: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-align-left:disabled { text-align: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-align-center { text-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-align-center:hover { text-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-align-center:focus { text-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-align-center:active { text-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-align-center:disabled { text-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-align-right { text-align: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-align-right:hover { text-align: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-align-right:focus { text-align: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-align-right:active { text-align: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-align-right:disabled { text-align: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-align-justify { text-align: justify; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-align-justify:hover { text-align: justify; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-align-justify:focus { text-align: justify; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-align-justify:active { text-align: justify; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-align-justify:disabled { text-align: justify; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-backface-visible { backface-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-backface-visible:hover { backface-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-backface-visible:focus { backface-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-backface-visible:active { backface-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-backface-visible:disabled { backface-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-backface-hidden { backface-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-backface-hidden:hover { backface-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-backface-hidden:focus { backface-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-backface-hidden:active { backface-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-backface-hidden:disabled { backface-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-none { perspective: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-none:hover { perspective: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-none:focus { perspective: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-none:active { perspective: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-none:disabled { perspective: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-100 { perspective: 100px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-100:hover { perspective: 100px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-100:focus { perspective: 100px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-100:active { perspective: 100px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-100:disabled { perspective: 100px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-500 { perspective: 500px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-500:hover { perspective: 500px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-500:focus { perspective: 500px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-500:active { perspective: 500px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-500:disabled { perspective: 500px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-1000 { perspective: 1000px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-1000:hover { perspective: 1000px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-1000:focus { perspective: 1000px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-1000:active { perspective: 1000px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-1000:disabled { perspective: 1000px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-1500 { perspective: 1500px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-1500:hover { perspective: 1500px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-1500:focus { perspective: 1500px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-1500:active { perspective: 1500px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-1500:disabled { perspective: 1500px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-2000 { perspective: 2000px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-2000:hover { perspective: 2000px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-2000:focus { perspective: 2000px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-2000:active { perspective: 2000px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-2000:disabled { perspective: 2000px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-center { perspective-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-center:hover { perspective-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-center:focus { perspective-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-center:active { perspective-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-center:disabled { perspective-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-top { perspective-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-top:hover { perspective-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-top:focus { perspective-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-top:active { perspective-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-top:disabled { perspective-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-bottom { perspective-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-bottom:active { perspective-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-left { perspective-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-left:hover { perspective-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-left:focus { perspective-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-left:active { perspective-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-left:disabled { perspective-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-right { perspective-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-right:hover { perspective-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-right:focus { perspective-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-right:active { perspective-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-right:disabled { perspective-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-top_left { perspective-origin: top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-top_left:active { perspective-origin: top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-top_right { perspective-origin: top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-top_right:active { perspective-origin: top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-bottom_left { perspective-origin: bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-bottom_right { perspective-origin: bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transform { transform: var(--quanta-transform, none); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transform:hover { transform: var(--quanta-transform, none); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transform:focus { transform: var(--quanta-transform, none); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transform:active { transform: var(--quanta-transform, none); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transform:disabled { transform: var(--quanta-transform, none); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transform-none { transform: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transform-none:hover { transform: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transform-none:focus { transform: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transform-none:active { transform: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transform-none:disabled { transform: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-n180 { transform: rotate(-180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-n180:hover { transform: rotate(-180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-n180:focus { transform: rotate(-180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-n180:active { transform: rotate(-180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-n90 { transform: rotate(-90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-n90:hover { transform: rotate(-90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-n90:focus { transform: rotate(-90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-n90:active { transform: rotate(-90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-n45 { transform: rotate(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-n45:hover { transform: rotate(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-n45:focus { transform: rotate(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-n45:active { transform: rotate(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-0 { transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-0:hover { transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-0:focus { transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-0:active { transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-0:disabled { transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-45 { transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-45:hover { transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-45:focus { transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-45:active { transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-45:disabled { transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-90 { transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-90:hover { transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-90:focus { transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-90:active { transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-90:disabled { transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-180 { transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-180:hover { transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-180:focus { transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-180:active { transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-180:disabled { transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-50 { transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-50:hover { transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-50:focus { transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-50:active { transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-50:disabled { transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-75 { transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-75:hover { transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-75:focus { transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-75:active { transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-75:disabled { transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-90 { transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-90:hover { transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-90:focus { transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-90:active { transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-90:disabled { transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-95 { transform: scale(0.95); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-95:hover { transform: scale(0.95); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-95:focus { transform: scale(0.95); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-95:active { transform: scale(0.95); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-95:disabled { transform: scale(0.95); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-100 { transform: scale(1.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-100:hover { transform: scale(1.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-100:focus { transform: scale(1.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-100:active { transform: scale(1.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-100:disabled { transform: scale(1.0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-105 { transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-105:hover { transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-105:focus { transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-105:active { transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-105:disabled { transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-110 { transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-110:hover { transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-110:focus { transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-110:active { transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-110:disabled { transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-125 { transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-125:hover { transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-125:focus { transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-125:active { transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-125:disabled { transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-150 { transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-150:hover { transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-150:focus { transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-150:active { transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-150:disabled { transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-n45 { transform: skewX(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-n45:hover { transform: skewX(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-n45:focus { transform: skewX(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-n45:active { transform: skewX(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-n45 { transform: skewY(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-n45:hover { transform: skewY(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-n45:focus { transform: skewY(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-n45:active { transform: skewY(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-n30 { transform: skewX(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-n30:hover { transform: skewX(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-n30:focus { transform: skewX(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-n30:active { transform: skewX(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-n30 { transform: skewY(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-n30:hover { transform: skewY(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-n30:focus { transform: skewY(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-n30:active { transform: skewY(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-n15 { transform: skewX(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-n15:hover { transform: skewX(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-n15:focus { transform: skewX(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-n15:active { transform: skewX(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-n15 { transform: skewY(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-n15:hover { transform: skewY(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-n15:focus { transform: skewY(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-n15:active { transform: skewY(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-0 { transform: skewX(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-0:hover { transform: skewX(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-0:focus { transform: skewX(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-0:active { transform: skewX(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-0:disabled { transform: skewX(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-0 { transform: skewY(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-0:hover { transform: skewY(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-0:focus { transform: skewY(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-0:active { transform: skewY(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-0:disabled { transform: skewY(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-15 { transform: skewX(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-15:hover { transform: skewX(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-15:focus { transform: skewX(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-15:active { transform: skewX(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-15:disabled { transform: skewX(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-15 { transform: skewY(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-15:hover { transform: skewY(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-15:focus { transform: skewY(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-15:active { transform: skewY(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-15:disabled { transform: skewY(15deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-30 { transform: skewX(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-30:hover { transform: skewX(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-30:focus { transform: skewX(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-30:active { transform: skewX(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-30:disabled { transform: skewX(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-30 { transform: skewY(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-30:hover { transform: skewY(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-30:focus { transform: skewY(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-30:active { transform: skewY(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-30:disabled { transform: skewY(30deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-45 { transform: skewX(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-45:hover { transform: skewX(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-45:focus { transform: skewX(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-45:active { transform: skewX(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-45:disabled { transform: skewX(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-45 { transform: skewY(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-45:hover { transform: skewY(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-45:focus { transform: skewY(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-45:active { transform: skewY(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-45:disabled { transform: skewY(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-0 { transform: translateX(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-0:hover { transform: translateX(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-0:focus { transform: translateX(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-0:active { transform: translateX(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-0:disabled { transform: translateX(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-0 { transform: translateY(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-0:hover { transform: translateY(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-0:focus { transform: translateY(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-0:active { transform: translateY(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-0:disabled { transform: translateY(0rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-0_125 { transform: translateX(0.125rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-0_125:active { transform: translateX(0.125rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-0_125 { transform: translateY(0.125rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-0_125:active { transform: translateY(0.125rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-0_25 { transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-0_25:active { transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-0_25 { transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-0_25:active { transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-0_5 { transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-0_5:active { transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-0_5 { transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-0_5:active { transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-0_75 { transform: translateX(0.75rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-0_75:active { transform: translateX(0.75rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-0_75 { transform: translateY(0.75rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-0_75:active { transform: translateY(0.75rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-1 { transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-1:hover { transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-1:focus { transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-1:active { transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-1:disabled { transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-1 { transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-1:hover { transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-1:focus { transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-1:active { transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-1:disabled { transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-1_5 { transform: translateX(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-1_5:active { transform: translateX(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-1_5 { transform: translateY(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-1_5:active { transform: translateY(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-2 { transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-2:hover { transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-2:focus { transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-2:active { transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-2:disabled { transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-2 { transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-2:hover { transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-2:focus { transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-2:active { transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-2:disabled { transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-3 { transform: translateX(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-3:hover { transform: translateX(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-3:focus { transform: translateX(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-3:active { transform: translateX(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-3:disabled { transform: translateX(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-3 { transform: translateY(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-3:hover { transform: translateY(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-3:focus { transform: translateY(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-3:active { transform: translateY(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-3:disabled { transform: translateY(3rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-4 { transform: translateX(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-4:hover { transform: translateX(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-4:focus { transform: translateX(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-4:active { transform: translateX(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-4:disabled { transform: translateX(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-4 { transform: translateY(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-4:hover { transform: translateY(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-4:focus { transform: translateY(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-4:active { transform: translateY(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-4:disabled { transform: translateY(4rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-center { transform-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-center:hover { transform-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-center:focus { transform-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-center:active { transform-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-center:disabled { transform-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-top { transform-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-top:hover { transform-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-top:focus { transform-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-top:active { transform-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-top:disabled { transform-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-bottom { transform-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-bottom:hover { transform-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-bottom:focus { transform-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-bottom:active { transform-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-bottom:disabled { transform-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-left { transform-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-left:hover { transform-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-left:focus { transform-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-left:active { transform-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-left:disabled { transform-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-right { transform-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-right:hover { transform-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-right:focus { transform-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-right:active { transform-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-right:disabled { transform-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-top_left { transform-origin: top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-top_left:hover { transform-origin: top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-top_left:focus { transform-origin: top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-top_left:active { transform-origin: top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-top_left:disabled { transform-origin: top left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-top_right { transform-origin: top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-top_right:hover { transform-origin: top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-top_right:focus { transform-origin: top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-top_right:active { transform-origin: top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-top_right:disabled { transform-origin: top right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-bottom_left { transform-origin: bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-bottom_left:hover { transform-origin: bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-bottom_left:focus { transform-origin: bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-bottom_left:active { transform-origin: bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-bottom_right { transform-origin: bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-bottom_right:hover { transform-origin: bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-bottom_right:focus { transform-origin: bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-bottom_right:active { transform-origin: bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transform-style-flat { transform-style: flat; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transform-style-flat:hover { transform-style: flat; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transform-style-flat:focus { transform-style: flat; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transform-style-flat:active { transform-style: flat; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transform-style-flat:disabled { transform-style: flat; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transform-style-preserve-3d { transform-style: preserve-3d; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-auto { accent-color: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-auto:hover { accent-color: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-auto:focus { accent-color: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-auto:active { accent-color: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-auto:disabled { accent-color: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-transparent { accent-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-transparent:hover { accent-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-transparent:focus { accent-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-transparent:active { accent-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-transparent:disabled { accent-color: transparent; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-red-50 { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-red-100 { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-red-200 { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-red-300 { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-red-400 { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-red-500 { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-red-600 { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-red-700 { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-red-800 { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-red-900 { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-orange-50 { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-orange-100 { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-orange-200 { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-orange-300 { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-orange-400 { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-orange-500 { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-orange-600 { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-orange-700 { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-orange-800 { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-orange-900 { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-teal-50 { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-teal-100 { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-teal-200 { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-teal-300 { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-teal-400 { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-teal-500 { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-teal-600 { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-teal-700 { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-teal-800 { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-teal-900 { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-purple-50 { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-purple-100 { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-purple-200 { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-purple-300 { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-purple-400 { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-purple-500 { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-purple-600 { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-purple-700 { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-purple-800 { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-purple-900 { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-pink-50 { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-pink-100 { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-pink-200 { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-pink-300 { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-pink-400 { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-pink-500 { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-pink-600 { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-pink-700 { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-pink-800 { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-pink-900 { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-grey-50 { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-grey-100 { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-grey-200 { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-grey-300 { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-grey-400 { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-grey-500 { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-grey-600 { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-grey-700 { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-grey-800 { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-grey-900 { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-lime-50 { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-lime-100 { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-lime-200 { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-lime-300 { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-lime-400 { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-lime-500 { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-lime-600 { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-lime-700 { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-lime-800 { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-lime-900 { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-sky-50 { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-sky-100 { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-sky-200 { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-sky-300 { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-sky-400 { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-sky-500 { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-sky-600 { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-sky-700 { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-sky-800 { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-sky-900 { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-violet-50 { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-violet-100 { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-violet-200 { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-violet-300 { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-violet-400 { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-violet-500 { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-violet-600 { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-violet-700 { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-violet-800 { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-violet-900 { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-rose-50 { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-rose-100 { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-rose-200 { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-rose-300 { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-rose-400 { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-rose-500 { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-rose-600 { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-rose-700 { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-rose-800 { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-rose-900 { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-slate-50 { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-slate-100 { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-slate-200 { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-slate-300 { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-slate-400 { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-slate-500 { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-slate-600 { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-slate-700 { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-slate-800 { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-slate-900 { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-blue-50 { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-blue-100 { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-blue-200 { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-blue-300 { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-blue-400 { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-blue-500 { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-blue-600 { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-blue-700 { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-blue-800 { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-blue-900 { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-green-50 { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-green-100 { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-green-200 { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-green-300 { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-green-400 { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-green-500 { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-green-600 { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-green-700 { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-green-800 { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-green-900 { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-appearance-none { appearance: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-appearance-none:hover { appearance: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-appearance-none:focus { appearance: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-appearance-none:active { appearance: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-appearance-none:disabled { appearance: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-appearance-auto { appearance: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-appearance-auto:hover { appearance: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-appearance-auto:focus { appearance: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-appearance-auto:active { appearance: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-appearance-auto:disabled { appearance: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-red-50 { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-red-100 { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-red-200 { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-red-300 { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-red-400 { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-red-500 { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-red-600 { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-red-700 { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-red-800 { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-red-900 { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-orange-50 { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-orange-100 { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-orange-200 { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-orange-300 { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-orange-400 { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-orange-500 { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-orange-600 { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-orange-700 { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-orange-800 { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-orange-900 { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-teal-50 { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-teal-100 { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-teal-200 { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-teal-300 { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-teal-400 { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-teal-500 { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-teal-600 { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-teal-700 { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-teal-800 { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-teal-900 { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-purple-50 { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-purple-100 { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-purple-200 { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-purple-300 { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-purple-400 { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-purple-500 { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-purple-600 { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-purple-700 { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-purple-800 { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-purple-900 { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-pink-50 { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-pink-100 { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-pink-200 { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-pink-300 { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-pink-400 { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-pink-500 { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-pink-600 { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-pink-700 { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-pink-800 { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-pink-900 { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-grey-50 { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-grey-100 { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-grey-200 { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-grey-300 { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-grey-400 { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-grey-500 { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-grey-600 { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-grey-700 { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-grey-800 { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-grey-900 { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-lime-50 { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-lime-100 { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-lime-200 { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-lime-300 { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-lime-400 { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-lime-500 { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-lime-600 { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-lime-700 { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-lime-800 { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-lime-900 { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-sky-50 { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-sky-100 { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-sky-200 { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-sky-300 { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-sky-400 { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-sky-500 { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-sky-600 { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-sky-700 { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-sky-800 { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-sky-900 { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-violet-50 { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-violet-100 { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-violet-200 { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-violet-300 { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-violet-400 { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-violet-500 { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-violet-600 { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-violet-700 { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-violet-800 { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-violet-900 { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-rose-50 { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-rose-100 { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-rose-200 { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-rose-300 { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-rose-400 { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-rose-500 { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-rose-600 { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-rose-700 { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-rose-800 { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-rose-900 { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-slate-50 { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-slate-100 { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-slate-200 { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-slate-300 { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-slate-400 { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-slate-500 { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-slate-600 { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-slate-700 { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-slate-800 { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-slate-900 { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-blue-50 { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-blue-100 { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-blue-200 { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-blue-300 { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-blue-400 { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-blue-500 { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-blue-600 { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-blue-700 { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-blue-800 { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-blue-900 { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-green-50 { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-green-100 { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-green-200 { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-green-300 { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-green-400 { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-green-500 { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-green-600 { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-green-700 { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-green-800 { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-green-900 { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-black { caret-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-black:hover { caret-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-black:focus { caret-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-black:active { caret-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-black:disabled { caret-color: var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-caret-white { caret-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-caret-white:hover { caret-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-caret-white:focus { caret-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-caret-white:active { caret-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-caret-white:disabled { caret-color: var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-color-scheme-light { color-scheme: light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-color-scheme-light:hover { color-scheme: light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-color-scheme-light:focus { color-scheme: light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-color-scheme-light:active { color-scheme: light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-color-scheme-light:disabled { color-scheme: light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-color-scheme-dark { color-scheme: dark; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-color-scheme-dark:hover { color-scheme: dark; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-color-scheme-dark:focus { color-scheme: dark; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-color-scheme-dark:active { color-scheme: dark; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-color-scheme-dark:disabled { color-scheme: dark; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-color-scheme-normal { color-scheme: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-color-scheme-normal:hover { color-scheme: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-color-scheme-normal:focus { color-scheme: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-color-scheme-normal:active { color-scheme: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-color-scheme-normal:disabled { color-scheme: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-auto { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-default { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-default:active { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-pointer { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-wait { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-text { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-text:active { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-move { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-move:active { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-none { cursor: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-none:hover { cursor: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-none:focus { cursor: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-none:active { cursor: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-none:disabled { cursor: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pointer-events-none { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize-none { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize-none:hover { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize-none:focus { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize-none:active { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize-x { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize-y { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize-y:active { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize:hover { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize:focus { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize:active { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize:disabled { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-0 { scroll-margin: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-0:hover { scroll-margin: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-0:focus { scroll-margin: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-0:active { scroll-margin: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-0 { scroll-padding: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-0:hover { scroll-padding: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-0:focus { scroll-padding: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-0:active { scroll-padding: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-0_125 { scroll-margin: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-0_125 { scroll-padding: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-0_25 { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-0_25 { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-0_5 { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-0_5 { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-0_75 { scroll-margin: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-0_75 { scroll-padding: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-1 { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-1:hover { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-1:focus { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-1:active { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-1 { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-1:hover { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-1:focus { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-1:active { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-1_5 { scroll-margin: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-1_5 { scroll-padding: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-2 { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-2:hover { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-2:focus { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-2:active { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-2 { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-2:hover { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-2:focus { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-2:active { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-3 { scroll-margin: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-3:hover { scroll-margin: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-3:focus { scroll-margin: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-3:active { scroll-margin: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-3 { scroll-padding: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-3:hover { scroll-padding: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-3:focus { scroll-padding: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-3:active { scroll-padding: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-4 { scroll-margin: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-4:hover { scroll-margin: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-4:focus { scroll-margin: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-4:active { scroll-margin: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-4 { scroll-padding: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-4:hover { scroll-padding: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-4:focus { scroll-padding: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-4:active { scroll-padding: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-x { scroll-snap-type: x mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-x:hover { scroll-snap-type: x mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-x:focus { scroll-snap-type: x mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-x:active { scroll-snap-type: x mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-y { scroll-snap-type: y mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-y:hover { scroll-snap-type: y mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-y:focus { scroll-snap-type: y mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-y:active { scroll-snap-type: y mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-both { scroll-snap-type: both mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-both:hover { scroll-snap-type: both mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-both:focus { scroll-snap-type: both mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-both:active { scroll-snap-type: both mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-align-start { scroll-snap-align: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-align-start:hover { scroll-snap-align: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-align-start:focus { scroll-snap-align: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-align-start:active { scroll-snap-align: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-align-start:disabled { scroll-snap-align: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-align-end { scroll-snap-align: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-align-end:hover { scroll-snap-align: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-align-end:focus { scroll-snap-align: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-align-end:active { scroll-snap-align: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-align-end:disabled { scroll-snap-align: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-align-center { scroll-snap-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-align-center:hover { scroll-snap-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-align-center:focus { scroll-snap-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-align-center:active { scroll-snap-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-align-center:disabled { scroll-snap-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-align-none { scroll-snap-align: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-align-none:hover { scroll-snap-align: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-align-none:focus { scroll-snap-align: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-align-none:active { scroll-snap-align: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-align-none:disabled { scroll-snap-align: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-stop-normal { scroll-snap-stop: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-stop-normal:active { scroll-snap-stop: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-stop-always { scroll-snap-stop: always; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-stop-always:hover { scroll-snap-stop: always; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-stop-always:focus { scroll-snap-stop: always; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-stop-always:active { scroll-snap-stop: always; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-auto { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-none { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-none:active { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-pan_x { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-pan_x:hover { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-pan_x:focus { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-pan_x:active { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-pan_x:disabled { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-pan_y { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-pan_y:hover { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-pan_y:focus { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-pan_y:active { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-pan_y:disabled { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-auto { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-auto:active { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-none { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-none:hover { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-none:focus { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-none:active { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-text { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-text:hover { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-text:focus { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-text:active { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-all { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-all:hover { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-all:focus { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-all:active { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-contain { user-select: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-contain:hover { user-select: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-contain:focus { user-select: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-contain:active { user-select: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-contain:disabled { user-select: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-auto { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-scroll { will-change: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-scroll:hover { will-change: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-scroll:focus { will-change: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-scroll:active { will-change: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-scroll:disabled { will-change: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-transform { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-opacity { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-contents { will-change: contents; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-contents:hover { will-change: contents; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-contents:focus { will-change: contents; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-contents:active { will-change: contents; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-contents:disabled { will-change: contents; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-color-scheme-light { color-scheme: light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-color-scheme-light:hover { color-scheme: light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-color-scheme-light:focus { color-scheme: light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-color-scheme-light:active { color-scheme: light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-color-scheme-light:disabled { color-scheme: light; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-color-scheme-dark { color-scheme: dark; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-color-scheme-dark:hover { color-scheme: dark; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-color-scheme-dark:focus { color-scheme: dark; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-color-scheme-dark:active { color-scheme: dark; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-color-scheme-dark:disabled { color-scheme: dark; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-color-scheme-normal { color-scheme: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-color-scheme-normal:hover { color-scheme: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-color-scheme-normal:focus { color-scheme: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-color-scheme-normal:active { color-scheme: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-color-scheme-normal:disabled { color-scheme: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-auto { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-default { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-default:active { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-pointer { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-wait { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-text { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-text:active { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-move { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-move:active { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-none { cursor: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-none:hover { cursor: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-none:focus { cursor: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-none:active { cursor: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-none:disabled { cursor: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pointer-events-none { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize-none { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize-none:hover { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize-none:focus { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize-none:active { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize-x { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize-y { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize-y:active { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize:hover { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize:focus { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize:active { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize:disabled { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-0 { scroll-margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-0:hover { scroll-margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-0:focus { scroll-margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-0:active { scroll-margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-0:disabled { scroll-margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-1 { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-1:active { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-2 { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-2:active { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-4 { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-4:hover { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-4:focus { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-4:active { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-8 { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-8:hover { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-8:focus { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-8:active { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-0 { scroll-padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-0:hover { scroll-padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-0:focus { scroll-padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-0:active { scroll-padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-0:disabled { scroll-padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-1 { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-1:active { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-2 { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-2:active { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-4 { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-4:hover { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-4:focus { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-4:active { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-8 { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-8:hover { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-8:focus { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-8:active { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-x { scroll-snap-type: x mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-x:hover { scroll-snap-type: x mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-x:focus { scroll-snap-type: x mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-x:active { scroll-snap-type: x mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-y { scroll-snap-type: y mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-y:hover { scroll-snap-type: y mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-y:focus { scroll-snap-type: y mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-y:active { scroll-snap-type: y mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-both { scroll-snap-type: both mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-both:hover { scroll-snap-type: both mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-both:focus { scroll-snap-type: both mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-both:active { scroll-snap-type: both mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-align-start { scroll-snap-align: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-align-start:hover { scroll-snap-align: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-align-start:focus { scroll-snap-align: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-align-start:active { scroll-snap-align: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-align-start:disabled { scroll-snap-align: start; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-align-center { scroll-snap-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-align-center:hover { scroll-snap-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-align-center:focus { scroll-snap-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-align-center:active { scroll-snap-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-align-center:disabled { scroll-snap-align: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-align-end { scroll-snap-align: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-align-end:hover { scroll-snap-align: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-align-end:focus { scroll-snap-align: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-align-end:active { scroll-snap-align: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-align-end:disabled { scroll-snap-align: end; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-align-none { scroll-snap-align: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-align-none:hover { scroll-snap-align: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-align-none:focus { scroll-snap-align: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-align-none:active { scroll-snap-align: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-align-none:disabled { scroll-snap-align: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-stop-normal { scroll-snap-stop: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-stop-normal:active { scroll-snap-stop: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-snap-stop-always { scroll-snap-stop: always; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-snap-stop-always:hover { scroll-snap-stop: always; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-snap-stop-always:focus { scroll-snap-stop: always; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-snap-stop-always:active { scroll-snap-stop: always; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-auto { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-none { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-none:active { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-pan-x { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-pan-x:hover { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-pan-x:focus { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-pan-x:active { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-pan-x:disabled { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-pan-y { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-pan-y:hover { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-pan-y:focus { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-pan-y:active { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-pan-y:disabled { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-auto { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-auto:active { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-none { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-none:hover { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-none:focus { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-none:active { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-text { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-text:hover { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-text:focus { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-text:active { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-all { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-all:hover { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-all:focus { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-all:active { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-contain { user-select: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-contain:hover { user-select: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-contain:focus { user-select: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-contain:active { user-select: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-contain:disabled { user-select: contain; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-auto { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-scroll { will-change: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-scroll:hover { will-change: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-scroll:focus { will-change: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-scroll:active { will-change: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-scroll:disabled { will-change: scroll; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-transform { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-opacity { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-contents { will-change: contents; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-contents:hover { will-change: contents; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-contents:focus { will-change: contents; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-contents:active { will-change: contents; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-contents:disabled { will-change: contents; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-field-sizing-auto { block-size: auto; inline-size: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-field-sizing-fill { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-field-sizing-min { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-field-sizing-max { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-aspect-auto { aspect-ratio: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-aspect-auto:hover { aspect-ratio: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-aspect-auto:focus { aspect-ratio: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-aspect-auto:active { aspect-ratio: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-aspect-auto:disabled { aspect-ratio: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-aspect-square { aspect-ratio: 1 / 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-aspect-square:active { aspect-ratio: 1 / 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-aspect-video { aspect-ratio: 16 / 9; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-aspect-video:active { aspect-ratio: 16 / 9; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-isolation-auto { isolation: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-isolation-auto:hover { isolation: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-isolation-auto:focus { isolation: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-isolation-auto:active { isolation: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-isolation-auto:disabled { isolation: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-isolation-isolate { isolation: isolate; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-isolation-isolate:hover { isolation: isolate; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-isolation-isolate:focus { isolation: isolate; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-isolation-isolate:active { isolation: isolate; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-isolation-isolate:disabled { isolation: isolate; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contain-none { contain: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contain-none:hover { contain: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contain-none:focus { contain: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contain-none:active { contain: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contain-none:disabled { contain: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contain-layout { contain: layout; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contain-layout:hover { contain: layout; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contain-layout:focus { contain: layout; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contain-layout:active { contain: layout; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contain-layout:disabled { contain: layout; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contain-size { contain: size; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contain-size:hover { contain: size; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contain-size:focus { contain: size; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contain-size:active { contain: size; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contain-size:disabled { contain: size; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contain-style { contain: style; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contain-style:hover { contain: style; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contain-style:focus { contain: style; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contain-style:active { contain: style; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contain-style:disabled { contain: style; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contain-paint { contain: paint; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contain-paint:hover { contain: paint; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contain-paint:focus { contain: paint; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contain-paint:active { contain: paint; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contain-paint:disabled { contain: paint; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contain-content { contain: content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contain-content:hover { contain: content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contain-content:focus { contain: content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contain-content:active { contain: content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contain-content:disabled { contain: content; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-content-auto { content-visibility: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-content-auto:hover { content-visibility: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-content-auto:focus { content-visibility: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-content-auto:active { content-visibility: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-content-auto:disabled { content-visibility: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-content-hidden { content-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-content-hidden:hover { content-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-content-hidden:focus { content-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-content-hidden:active { content-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-content-hidden:disabled { content-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-content-visible { content-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-content-visible:hover { content-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-content-visible:focus { content-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-content-visible:active { content-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-content-visible:disabled { content-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-box-border { box-sizing: border-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-box-border:hover { box-sizing: border-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-box-border:focus { box-sizing: border-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-box-border:active { box-sizing: border-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-box-border:disabled { box-sizing: border-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-box-content { box-sizing: content-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-box-content:hover { box-sizing: content-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-box-content:focus { box-sizing: content-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-box-content:active { box-sizing: content-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-box-content:disabled { box-sizing: content-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clip-none { clip-path: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clip-none:hover { clip-path: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clip-none:focus { clip-path: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clip-none:active { clip-path: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clip-none:disabled { clip-path: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clip-circle { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clip-inset { clip-path: inset(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clip-inset:hover { clip-path: inset(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clip-inset:focus { clip-path: inset(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clip-inset:active { clip-path: inset(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clip-inset:disabled { clip-path: inset(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-margin-block-start-1 { margin-block-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-margin-block-start-1:active { margin-block-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-margin-block-end-1 { margin-block-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-margin-block-end-1:active { margin-block-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-margin-inline-start-1 { margin-inline-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-margin-inline-end-1 { margin-inline-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-padding-block-start-1 { padding-block-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-padding-block-start-1:active { padding-block-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-padding-block-end-1 { padding-block-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-padding-block-end-1:active { padding-block-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-padding-inline-start-1 { padding-inline-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-padding-inline-end-1 { padding-inline-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-all { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-all:active { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-opacity { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-shadow { transition-property: box-shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-shadow:hover { transition-property: box-shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-shadow:focus { transition-property: box-shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-shadow:active { transition-property: box-shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-shadow:disabled { transition-property: box-shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-transform { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-100 { transition-duration: 100ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-100:hover { transition-duration: 100ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-100:focus { transition-duration: 100ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-100:active { transition-duration: 100ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-100:disabled { transition-duration: 100ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-200 { transition-duration: 200ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-200:hover { transition-duration: 200ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-200:focus { transition-duration: 200ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-200:active { transition-duration: 200ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-200:disabled { transition-duration: 200ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-linear { transition-timing-function: linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-linear:hover { transition-timing-function: linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-linear:focus { transition-timing-function: linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-linear:active { transition-timing-function: linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-linear:disabled { transition-timing-function: linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-in { transition-timing-function: ease-in; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-in:hover { transition-timing-function: ease-in; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-in:focus { transition-timing-function: ease-in; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-in:active { transition-timing-function: ease-in; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-in:disabled { transition-timing-function: ease-in; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-out { transition-timing-function: ease-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-out:hover { transition-timing-function: ease-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-out:focus { transition-timing-function: ease-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-out:active { transition-timing-function: ease-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-out:disabled { transition-timing-function: ease-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-in-out { transition-timing-function: ease-in-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-in-out:active { transition-timing-function: ease-in-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-bounce { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-spin { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-filter-none { filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-filter-none:hover { filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-filter-none:focus { filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-filter-none:active { filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-filter-none:disabled { filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur-sm { filter: blur(2px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur-sm:hover { filter: blur(2px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur-sm:focus { filter: blur(2px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur-sm:active { filter: blur(2px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur-sm:disabled { filter: blur(2px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur:hover { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur:focus { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur:active { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur:disabled { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur-md { filter: blur(8px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur-md:hover { filter: blur(8px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur-md:focus { filter: blur(8px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur-md:active { filter: blur(8px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur-md:disabled { filter: blur(8px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur-lg { filter: blur(12px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur-lg:hover { filter: blur(12px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur-lg:focus { filter: blur(12px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur-lg:active { filter: blur(12px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur-lg:disabled { filter: blur(12px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-blur-xl { filter: blur(20px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-blur-xl:hover { filter: blur(20px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-blur-xl:focus { filter: blur(20px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-blur-xl:active { filter: blur(20px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-blur-xl:disabled { filter: blur(20px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-100 { filter: brightness(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-100:hover { filter: brightness(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-100:focus { filter: brightness(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-100:active { filter: brightness(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-100:disabled { filter: brightness(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-brightness-150 { filter: brightness(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-brightness-150:hover { filter: brightness(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-brightness-150:focus { filter: brightness(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-brightness-150:active { filter: brightness(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-brightness-150:disabled { filter: brightness(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contrast-50 { filter: contrast(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contrast-50:hover { filter: contrast(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contrast-50:focus { filter: contrast(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contrast-50:active { filter: contrast(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contrast-50:disabled { filter: contrast(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-contrast-100 { filter: contrast(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-contrast-100:hover { filter: contrast(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-contrast-100:focus { filter: contrast(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-contrast-100:active { filter: contrast(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-contrast-100:disabled { filter: contrast(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grayscale { filter: grayscale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grayscale:hover { filter: grayscale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grayscale:focus { filter: grayscale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grayscale:active { filter: grayscale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grayscale:disabled { filter: grayscale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-sepia { filter: sepia(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-sepia:hover { filter: sepia(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-sepia:focus { filter: sepia(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-sepia:active { filter: sepia(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-sepia:disabled { filter: sepia(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-flow-row { grid-auto-flow: row; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-flow-row:hover { grid-auto-flow: row; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-flow-row:focus { grid-auto-flow: row; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-flow-row:active { grid-auto-flow: row; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-flow-col { grid-auto-flow: column; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-flow-col:hover { grid-auto-flow: column; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-flow-col:focus { grid-auto-flow: column; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-flow-col:active { grid-auto-flow: column; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-flow-row-dense { grid-auto-flow: row dense; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-flow-col-dense { grid-auto-flow: column dense; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-none { transition-property: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-none:hover { transition-property: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-none:focus { transition-property: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-none:active { transition-property: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-none:disabled { transition-property: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-all { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-all:active { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-opacity { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-shadow { transition-property: box-shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-shadow:hover { transition-property: box-shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-shadow:focus { transition-property: box-shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-shadow:active { transition-property: box-shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-shadow:disabled { transition-property: box-shadow; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transition-transform { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-linear { transition-timing-function: linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-linear:hover { transition-timing-function: linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-linear:focus { transition-timing-function: linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-linear:active { transition-timing-function: linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-linear:disabled { transition-timing-function: linear; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-none { animation: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-none:hover { animation: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-none:focus { animation: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-none:active { animation: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-none:disabled { animation: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-fade { animation: fade 300ms ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-fade:active { animation: fade 300ms ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-slide-in { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-animate-spin { animation: spin 1s linear infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-animate-spin:hover { animation: spin 1s linear infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-animate-spin:focus { animation: spin 1s linear infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-animate-spin:active { animation: spin 1s linear infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transform { transform: var(--tw-transform, none); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transform:hover { transform: var(--tw-transform, none); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transform:focus { transform: var(--tw-transform, none); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transform:active { transform: var(--tw-transform, none); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transform:disabled { transform: var(--tw-transform, none); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transform-none { transform: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transform-none:hover { transform: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transform-none:focus { transform: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transform-none:active { transform: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transform-none:disabled { transform: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-50 { --tw-transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-50:hover { --tw-transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-50:focus { --tw-transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-50:active { --tw-transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-75 { --tw-transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-75:hover { --tw-transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-75:focus { --tw-transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-75:active { --tw-transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-90 { --tw-transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-90:hover { --tw-transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-90:focus { --tw-transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-90:active { --tw-transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-100 { --tw-transform: scale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-100:hover { --tw-transform: scale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-100:focus { --tw-transform: scale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-100:active { --tw-transform: scale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-100:disabled { --tw-transform: scale(1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-105 { --tw-transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-105:hover { --tw-transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-105:focus { --tw-transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-105:active { --tw-transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-110 { --tw-transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-110:hover { --tw-transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-110:focus { --tw-transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-110:active { --tw-transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-125 { --tw-transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-125:hover { --tw-transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-125:focus { --tw-transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-125:active { --tw-transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scale-150 { --tw-transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scale-150:hover { --tw-transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scale-150:focus { --tw-transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scale-150:active { --tw-transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-0 { --tw-transform: translateX(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-0:hover { --tw-transform: translateX(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-0:focus { --tw-transform: translateX(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-0:active { --tw-transform: translateX(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-1 { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-2 { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-4 { --tw-transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-4:active { --tw-transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-x-8 { --tw-transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-x-8:active { --tw-transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-0 { --tw-transform: translateY(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-0:hover { --tw-transform: translateY(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-0:focus { --tw-transform: translateY(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-0:active { --tw-transform: translateY(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-1 { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-2 { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-4 { --tw-transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-4:active { --tw-transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-translate-y-8 { --tw-transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-translate-y-8:active { --tw-transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-0 { --tw-transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-0:active { --tw-transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-45 { --tw-transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-45:active { --tw-transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-90 { --tw-transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-90:active { --tw-transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-rotate-180 { --tw-transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-rotate-180:active { --tw-transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-0 { --tw-transform: skewX(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-0:hover { --tw-transform: skewX(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-0:focus { --tw-transform: skewX(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-0:active { --tw-transform: skewX(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-3 { --tw-transform: skewX(3deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-3:active { --tw-transform: skewX(3deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-x-6 { --tw-transform: skewX(6deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-x-6:active { --tw-transform: skewX(6deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-0 { --tw-transform: skewY(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-0:hover { --tw-transform: skewY(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-0:focus { --tw-transform: skewY(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-0:active { --tw-transform: skewY(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-3 { --tw-transform: skewY(3deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-3:active { --tw-transform: skewY(3deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-skew-y-6 { --tw-transform: skewY(6deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-skew-y-6:active { --tw-transform: skewY(6deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-center { transform-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-center:hover { transform-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-center:focus { transform-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-center:active { transform-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-center:disabled { transform-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-top { transform-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-top:hover { transform-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-top:focus { transform-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-top:active { transform-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-top:disabled { transform-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-right { transform-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-right:hover { transform-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-right:focus { transform-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-right:active { transform-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-right:disabled { transform-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-bottom { transform-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-bottom:hover { transform-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-bottom:focus { transform-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-bottom:active { transform-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-bottom:disabled { transform-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-origin-left { transform-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-origin-left:hover { transform-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-origin-left:focus { transform-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-origin-left:active { transform-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-origin-left:disabled { transform-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-none { perspective: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-none:hover { perspective: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-none:focus { perspective: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-none:active { perspective: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-none:disabled { perspective: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-sm { perspective: 400px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-sm:hover { perspective: 400px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-sm:focus { perspective: 400px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-sm:active { perspective: 400px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-sm:disabled { perspective: 400px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-md { perspective: 800px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-md:hover { perspective: 800px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-md:focus { perspective: 800px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-md:active { perspective: 800px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-md:disabled { perspective: 800px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-lg { perspective: 1200px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-lg:hover { perspective: 1200px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-lg:focus { perspective: 1200px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-lg:active { perspective: 1200px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-lg:disabled { perspective: 1200px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-xl { perspective: 1600px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-xl:hover { perspective: 1600px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-xl:focus { perspective: 1600px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-xl:active { perspective: 1600px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-xl:disabled { perspective: 1600px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-center { perspective-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-center:hover { perspective-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-center:focus { perspective-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-center:active { perspective-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-center:disabled { perspective-origin: center; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-top { perspective-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-top:hover { perspective-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-top:focus { perspective-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-top:active { perspective-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-top:disabled { perspective-origin: top; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-left { perspective-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-left:hover { perspective-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-left:focus { perspective-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-left:active { perspective-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-left:disabled { perspective-origin: left; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-right { perspective-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-right:hover { perspective-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-right:focus { perspective-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-right:active { perspective-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-right:disabled { perspective-origin: right; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-perspective-origin-bottom { perspective-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-perspective-origin-bottom:active { perspective-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-backface-visible { backface-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-backface-visible:hover { backface-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-backface-visible:focus { backface-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-backface-visible:active { backface-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-backface-visible:disabled { backface-visibility: visible; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-backface-hidden { backface-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-backface-hidden:hover { backface-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-backface-hidden:focus { backface-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-backface-hidden:active { backface-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-backface-hidden:disabled { backface-visibility: hidden; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transform-style-flat { transform-style: flat; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transform-style-flat:hover { transform-style: flat; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transform-style-flat:focus { transform-style: flat; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transform-style-flat:active { transform-style: flat; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transform-style-flat:disabled { transform-style: flat; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-transform-style-preserve { transform-style: preserve-3d; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-transform-style-preserve:active { transform-style: preserve-3d; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-filter-none { filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-filter-none:hover { filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-filter-none:focus { filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-filter-none:active { filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-filter-none:disabled { filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-filter-grayscale { filter: grayscale(100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-filter-grayscale:hover { filter: grayscale(100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-filter-grayscale:focus { filter: grayscale(100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-filter-grayscale:active { filter: grayscale(100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-filter-blur { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-filter-blur:hover { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-filter-blur:focus { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-filter-blur:active { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-filter-blur:disabled { filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-filter-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-filter-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-filter-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-filter-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-filter-contrast-125 { filter: contrast(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-filter-contrast-125:hover { filter: contrast(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-filter-contrast-125:focus { filter: contrast(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-filter-contrast-125:active { filter: contrast(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-filter-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-filter-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-filter-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-filter-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-filter-sepia { filter: sepia(100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-filter-sepia:hover { filter: sepia(100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-filter-sepia:focus { filter: sepia(100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-filter-sepia:active { filter: sepia(100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-filter-sepia:disabled { filter: sepia(100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-backdrop-filter-none { backdrop-filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-backdrop-filter-none:hover { backdrop-filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-backdrop-filter-none:focus { backdrop-filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-backdrop-filter-none:active { backdrop-filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-backdrop-blur { backdrop-filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-backdrop-blur:active { backdrop-filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-normal { background-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-normal:hover { background-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-normal:focus { background-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-normal:active { background-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-multiply { background-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-multiply:active { background-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-screen { background-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-screen:hover { background-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-screen:focus { background-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-screen:active { background-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-overlay { background-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-overlay:active { background-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-darken { background-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-darken:hover { background-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-darken:focus { background-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-darken:active { background-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-blend-lighten { background-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-blend-lighten:active { background-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-blend-normal { mix-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-blend-normal:active { mix-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-blend-multiply { mix-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-blend-screen { mix-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-blend-screen:active { mix-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-mix-blend-overlay { mix-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-decoration-slice { box-decoration-break: slice; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-decoration-slice:hover { box-decoration-break: slice; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-decoration-slice:focus { box-decoration-break: slice; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-decoration-slice:active { box-decoration-break: slice; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-decoration-slice:disabled { box-decoration-break: slice; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-decoration-clone { box-decoration-break: clone; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-decoration-clone:hover { box-decoration-break: clone; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-decoration-clone:focus { box-decoration-break: clone; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-decoration-clone:active { box-decoration-break: clone; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-decoration-clone:disabled { box-decoration-break: clone; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-box-border { box-sizing: border-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-box-border:hover { box-sizing: border-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-box-border:focus { box-sizing: border-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-box-border:active { box-sizing: border-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-box-border:disabled { box-sizing: border-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-box-content { box-sizing: content-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-box-content:hover { box-sizing: content-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-box-content:focus { box-sizing: content-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-box-content:active { box-sizing: content-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-box-content:disabled { box-sizing: content-box; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clip-none { clip-path: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clip-none:hover { clip-path: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clip-none:focus { clip-path: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clip-none:active { clip-path: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clip-none:disabled { clip-path: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clip-circle { clip-path: circle(50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clip-circle:hover { clip-path: circle(50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clip-circle:focus { clip-path: circle(50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clip-circle:active { clip-path: circle(50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clip-circle:disabled { clip-path: circle(50%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clip-ellipse { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clip-inset { clip-path: inset(10%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clip-inset:hover { clip-path: inset(10%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clip-inset:focus { clip-path: inset(10%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clip-inset:active { clip-path: inset(10%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clip-inset:disabled { clip-path: inset(10%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-none { outline: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-none:hover { outline: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-none:focus { outline: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-none:active { outline: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-none:disabled { outline: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-solid { outline-style: solid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-solid:hover { outline-style: solid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-solid:focus { outline-style: solid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-solid:active { outline-style: solid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-solid:disabled { outline-style: solid; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-dashed { outline-style: dashed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-dashed:hover { outline-style: dashed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-dashed:focus { outline-style: dashed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-dashed:active { outline-style: dashed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-dashed:disabled { outline-style: dashed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-offset-0 { outline-offset: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-offset-0:hover { outline-offset: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-offset-0:focus { outline-offset: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-offset-0:active { outline-offset: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-offset-0:disabled { outline-offset: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-offset-2 { outline-offset: 2px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-offset-2:hover { outline-offset: 2px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-offset-2:focus { outline-offset: 2px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-offset-2:active { outline-offset: 2px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-offset-2:disabled { outline-offset: 2px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-outline-offset-4 { outline-offset: 4px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-outline-offset-4:hover { outline-offset: 4px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-outline-offset-4:focus { outline-offset: 4px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-outline-offset-4:active { outline-offset: 4px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-outline-offset-4:disabled { outline-offset: 4px; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-none { box-shadow: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-none:hover { box-shadow: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-none:focus { box-shadow: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-none:active { box-shadow: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-none:disabled { box-shadow: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-auto { accent-color: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-auto:hover { accent-color: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-auto:focus { accent-color: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-auto:active { accent-color: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-auto:disabled { accent-color: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-accent-current { accent-color: currentColor; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-accent-current:hover { accent-color: currentColor; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-accent-current:focus { accent-color: currentColor; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-accent-current:active { accent-color: currentColor; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-accent-current:disabled { accent-color: currentColor; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-appearance-none { appearance: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-appearance-none:hover { appearance: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-appearance-none:focus { appearance: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-appearance-none:active { appearance: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-appearance-none:disabled { appearance: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-auto { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-pointer { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-default { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-default:active { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-wait { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-text { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-text:active { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-move { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-move:active { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-pointer-events-none { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize-none { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize-none:hover { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize-none:focus { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize-none:active { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize-y { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize-y:active { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize-x { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-resize { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-resize:hover { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-resize:focus { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-resize:active { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-resize:disabled { resize: both; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-0 { scroll-margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-0:hover { scroll-margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-0:focus { scroll-margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-0:active { scroll-margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-0:disabled { scroll-margin: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-1 { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-1:active { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-2 { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-2:active { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-4 { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-4:hover { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-4:focus { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-4:active { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-m-8 { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-m-8:hover { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-m-8:focus { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-m-8:active { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-0 { scroll-padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-0:hover { scroll-padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-0:focus { scroll-padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-0:active { scroll-padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-0:disabled { scroll-padding: 0; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-1 { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-1:active { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-2 { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-2:active { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-4 { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-4:hover { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-4:focus { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-4:active { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-scroll-p-8 { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-scroll-p-8:hover { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-scroll-p-8:focus { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-scroll-p-8:active { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-auto { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-none { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-none:active { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-pan-x { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-pan-x:hover { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-pan-x:focus { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-pan-x:active { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-pan-x:disabled { touch-action: pan-x; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-pan-y { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-pan-y:hover { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-pan-y:focus { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-pan-y:active { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-pan-y:disabled { touch-action: pan-y; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-none { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-none:hover { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-none:focus { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-none:active { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-text { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-text:hover { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-text:focus { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-text:active { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-all { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-all:hover { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-all:focus { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-all:active { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-select-auto { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-select-auto:active { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-auto { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-scroll { will-change: scroll-position; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-scroll:hover { will-change: scroll-position; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-scroll:focus { will-change: scroll-position; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-scroll:active { will-change: scroll-position; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-scroll:disabled { will-change: scroll-position; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-transform { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-will-change-opacity { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-primary { background-color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-primary:hover { background-color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-primary:focus { background-color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-primary:active { background-color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-secondary { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-success { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-success:active { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-warning { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-danger { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-bg-info { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-bg-info:active { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-primary { color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-primary:hover { color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-primary:focus { color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-primary:active { color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-primary:disabled { color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-secondary { color: var(--quanta-text-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-secondary:active { color: var(--quanta-text-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-success { color: var(--quanta-text-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-success:hover { color: var(--quanta-text-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-success:focus { color: var(--quanta-text-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-success:active { color: var(--quanta-text-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-success:disabled { color: var(--quanta-text-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-warning { color: var(--quanta-text-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-warning:hover { color: var(--quanta-text-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-warning:focus { color: var(--quanta-text-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-warning:active { color: var(--quanta-text-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-danger { color: var(--quanta-text-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-danger:hover { color: var(--quanta-text-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-danger:focus { color: var(--quanta-text-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-danger:active { color: var(--quanta-text-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-text-info { color: var(--quanta-text-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-text-info:hover { color: var(--quanta-text-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-text-info:focus { color: var(--quanta-text-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-text-info:active { color: var(--quanta-text-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-text-info:disabled { color: var(--quanta-text-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-primary { border-color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-primary:hover { border-color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-primary:focus { border-color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-primary:active { border-color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-secondary { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-success { border-color: var(--quanta-border-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-success:hover { border-color: var(--quanta-border-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-success:focus { border-color: var(--quanta-border-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-success:active { border-color: var(--quanta-border-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-warning { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-warning:active { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-danger { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-danger:active { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-border-info { border-color: var(--quanta-border-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-hover-border-info:hover { border-color: var(--quanta-border-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-focus-border-info:focus { border-color: var(--quanta-border-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-active-border-info:active { border-color: var(--quanta-border-info); }
}
@media (min-width: 1024px) {
  [data-theme="dark"] .dark-lg-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
}
}
@media (min-width: 1280px) {
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-auto { padding: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-auto:hover { padding: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-auto:focus { padding: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-auto:active { padding: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-auto:disabled { padding: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-0 { padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-0:hover { padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-0:focus { padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-0:active { padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-0:disabled { padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-1 { padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-1:hover { padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-1:focus { padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-1:active { padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-1:disabled { padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-2 { padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-2:hover { padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-2:focus { padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-2:active { padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-2:disabled { padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-3 { padding: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-3:hover { padding: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-3:focus { padding: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-3:active { padding: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-3:disabled { padding: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-4 { padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-4:hover { padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-4:focus { padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-4:active { padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-4:disabled { padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-5 { padding: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-5:hover { padding: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-5:focus { padding: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-5:active { padding: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-5:disabled { padding: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-6 { padding: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-6:hover { padding: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-6:focus { padding: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-6:active { padding: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-6:disabled { padding: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-8 { padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-8:hover { padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-8:focus { padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-8:active { padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-8:disabled { padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-10 { padding: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-10:hover { padding: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-10:focus { padding: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-10:active { padding: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-10:disabled { padding: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-12 { padding: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-12:hover { padding: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-12:focus { padding: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-12:active { padding: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-12:disabled { padding: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-16 { padding: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-16:hover { padding: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-16:focus { padding: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-16:active { padding: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-16:disabled { padding: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-20 { padding: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-20:hover { padding: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-20:focus { padding: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-20:active { padding: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-20:disabled { padding: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-24 { padding: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-24:hover { padding: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-24:focus { padding: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-24:active { padding: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-24:disabled { padding: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-28 { padding: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-28:hover { padding: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-28:focus { padding: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-28:active { padding: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-28:disabled { padding: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-p-32 { padding: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-p-32:hover { padding: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-p-32:focus { padding: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-p-32:active { padding: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-p-32:disabled { padding: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-auto { padding-top: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-auto:hover { padding-top: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-auto:focus { padding-top: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-auto:active { padding-top: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-auto:disabled { padding-top: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-0 { padding-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-0:hover { padding-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-0:focus { padding-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-0:active { padding-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-0:disabled { padding-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-1 { padding-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-1:hover { padding-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-1:focus { padding-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-1:active { padding-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-1:disabled { padding-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-2 { padding-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-2:hover { padding-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-2:focus { padding-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-2:active { padding-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-2:disabled { padding-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-3 { padding-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-3:hover { padding-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-3:focus { padding-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-3:active { padding-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-3:disabled { padding-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-4 { padding-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-4:hover { padding-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-4:focus { padding-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-4:active { padding-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-4:disabled { padding-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-5 { padding-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-5:hover { padding-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-5:focus { padding-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-5:active { padding-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-5:disabled { padding-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-6 { padding-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-6:hover { padding-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-6:focus { padding-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-6:active { padding-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-6:disabled { padding-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-8 { padding-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-8:hover { padding-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-8:focus { padding-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-8:active { padding-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-8:disabled { padding-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-10 { padding-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-10:hover { padding-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-10:focus { padding-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-10:active { padding-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-10:disabled { padding-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-12 { padding-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-12:hover { padding-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-12:focus { padding-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-12:active { padding-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-12:disabled { padding-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-16 { padding-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-16:hover { padding-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-16:focus { padding-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-16:active { padding-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-16:disabled { padding-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-20 { padding-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-20:hover { padding-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-20:focus { padding-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-20:active { padding-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-20:disabled { padding-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-24 { padding-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-24:hover { padding-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-24:focus { padding-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-24:active { padding-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-24:disabled { padding-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-28 { padding-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-28:hover { padding-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-28:focus { padding-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-28:active { padding-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-28:disabled { padding-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pt-32 { padding-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pt-32:hover { padding-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pt-32:focus { padding-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pt-32:active { padding-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pt-32:disabled { padding-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-auto { padding-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-auto:hover { padding-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-auto:focus { padding-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-auto:active { padding-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-auto:disabled { padding-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-0 { padding-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-0:hover { padding-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-0:focus { padding-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-0:active { padding-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-0:disabled { padding-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-1 { padding-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-1:hover { padding-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-1:focus { padding-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-1:active { padding-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-2 { padding-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-2:hover { padding-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-2:focus { padding-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-2:active { padding-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-3 { padding-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-3:hover { padding-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-3:focus { padding-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-3:active { padding-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-4 { padding-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-4:hover { padding-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-4:focus { padding-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-4:active { padding-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-4:disabled { padding-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-5 { padding-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-5:hover { padding-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-5:focus { padding-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-5:active { padding-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-6 { padding-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-6:hover { padding-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-6:focus { padding-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-6:active { padding-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-8 { padding-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-8:hover { padding-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-8:focus { padding-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-8:active { padding-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-8:disabled { padding-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-10 { padding-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-10:hover { padding-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-10:focus { padding-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-10:active { padding-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-12 { padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-12:hover { padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-12:focus { padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-12:active { padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-12:disabled { padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-16 { padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-16:hover { padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-16:focus { padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-16:active { padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-16:disabled { padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-20 { padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-20:hover { padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-20:focus { padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-20:active { padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-20:disabled { padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-24 { padding-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-24:hover { padding-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-24:focus { padding-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-24:active { padding-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-24:disabled { padding-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-28 { padding-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-28:hover { padding-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-28:focus { padding-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-28:active { padding-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-28:disabled { padding-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pb-32 { padding-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pb-32:hover { padding-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pb-32:focus { padding-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pb-32:active { padding-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pb-32:disabled { padding-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-auto { padding-left: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-auto:hover { padding-left: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-auto:focus { padding-left: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-auto:active { padding-left: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-auto:disabled { padding-left: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-0 { padding-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-0:hover { padding-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-0:focus { padding-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-0:active { padding-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-0:disabled { padding-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-1 { padding-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-1:hover { padding-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-1:focus { padding-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-1:active { padding-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-1:disabled { padding-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-2 { padding-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-2:hover { padding-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-2:focus { padding-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-2:active { padding-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-2:disabled { padding-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-3 { padding-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-3:hover { padding-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-3:focus { padding-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-3:active { padding-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-3:disabled { padding-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-4 { padding-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-4:hover { padding-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-4:focus { padding-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-4:active { padding-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-4:disabled { padding-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-5 { padding-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-5:hover { padding-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-5:focus { padding-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-5:active { padding-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-5:disabled { padding-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-6 { padding-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-6:hover { padding-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-6:focus { padding-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-6:active { padding-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-6:disabled { padding-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-8 { padding-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-8:hover { padding-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-8:focus { padding-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-8:active { padding-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-8:disabled { padding-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-10 { padding-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-10:hover { padding-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-10:focus { padding-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-10:active { padding-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-10:disabled { padding-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-12 { padding-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-12:hover { padding-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-12:focus { padding-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-12:active { padding-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-12:disabled { padding-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-16 { padding-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-16:hover { padding-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-16:focus { padding-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-16:active { padding-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-16:disabled { padding-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-20 { padding-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-20:hover { padding-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-20:focus { padding-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-20:active { padding-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-20:disabled { padding-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-24 { padding-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-24:hover { padding-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-24:focus { padding-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-24:active { padding-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-24:disabled { padding-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-28 { padding-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-28:hover { padding-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-28:focus { padding-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-28:active { padding-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-28:disabled { padding-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pl-32 { padding-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pl-32:hover { padding-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pl-32:focus { padding-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pl-32:active { padding-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pl-32:disabled { padding-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-auto { padding-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-auto:hover { padding-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-auto:focus { padding-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-auto:active { padding-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-auto:disabled { padding-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-0 { padding-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-0:hover { padding-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-0:focus { padding-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-0:active { padding-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-0:disabled { padding-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-1 { padding-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-1:hover { padding-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-1:focus { padding-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-1:active { padding-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-1:disabled { padding-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-2 { padding-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-2:hover { padding-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-2:focus { padding-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-2:active { padding-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-2:disabled { padding-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-3 { padding-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-3:hover { padding-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-3:focus { padding-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-3:active { padding-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-3:disabled { padding-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-4 { padding-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-4:hover { padding-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-4:focus { padding-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-4:active { padding-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-4:disabled { padding-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-5 { padding-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-5:hover { padding-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-5:focus { padding-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-5:active { padding-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-5:disabled { padding-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-6 { padding-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-6:hover { padding-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-6:focus { padding-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-6:active { padding-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-6:disabled { padding-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-8 { padding-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-8:hover { padding-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-8:focus { padding-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-8:active { padding-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-8:disabled { padding-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-10 { padding-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-10:hover { padding-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-10:focus { padding-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-10:active { padding-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-10:disabled { padding-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-12 { padding-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-12:hover { padding-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-12:focus { padding-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-12:active { padding-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-12:disabled { padding-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-16 { padding-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-16:hover { padding-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-16:focus { padding-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-16:active { padding-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-16:disabled { padding-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-20 { padding-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-20:hover { padding-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-20:focus { padding-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-20:active { padding-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-20:disabled { padding-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-24 { padding-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-24:hover { padding-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-24:focus { padding-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-24:active { padding-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-24:disabled { padding-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-28 { padding-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-28:hover { padding-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-28:focus { padding-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-28:active { padding-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-28:disabled { padding-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pr-32 { padding-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pr-32:hover { padding-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pr-32:focus { padding-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pr-32:active { padding-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pr-32:disabled { padding-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-auto { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-auto:active { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-0 { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-0:hover { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-0:focus { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-0:active { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-4 { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-8 { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-12 { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-16 { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-20 { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-24 { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-28 { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-px-32 { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-auto { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-0 { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-0:active { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-auto { margin: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-auto:hover { margin: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-auto:focus { margin: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-auto:active { margin: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-auto:disabled { margin: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-0 { margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-0:hover { margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-0:focus { margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-0:active { margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-0:disabled { margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-1 { margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-1:hover { margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-1:focus { margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-1:active { margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-1:disabled { margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-2 { margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-2:hover { margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-2:focus { margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-2:active { margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-2:disabled { margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-3 { margin: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-3:hover { margin: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-3:focus { margin: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-3:active { margin: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-3:disabled { margin: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-4 { margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-4:hover { margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-4:focus { margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-4:active { margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-4:disabled { margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-5 { margin: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-5:hover { margin: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-5:focus { margin: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-5:active { margin: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-5:disabled { margin: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-6 { margin: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-6:hover { margin: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-6:focus { margin: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-6:active { margin: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-6:disabled { margin: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-8 { margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-8:hover { margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-8:focus { margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-8:active { margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-8:disabled { margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-10 { margin: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-10:hover { margin: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-10:focus { margin: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-10:active { margin: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-10:disabled { margin: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-12 { margin: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-12:hover { margin: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-12:focus { margin: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-12:active { margin: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-12:disabled { margin: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-16 { margin: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-16:hover { margin: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-16:focus { margin: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-16:active { margin: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-16:disabled { margin: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-20 { margin: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-20:hover { margin: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-20:focus { margin: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-20:active { margin: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-20:disabled { margin: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-24 { margin: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-24:hover { margin: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-24:focus { margin: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-24:active { margin: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-24:disabled { margin: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-28 { margin: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-28:hover { margin: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-28:focus { margin: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-28:active { margin: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-28:disabled { margin: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-m-32 { margin: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-m-32:hover { margin: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-m-32:focus { margin: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-m-32:active { margin: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-m-32:disabled { margin: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-auto { margin-top: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-auto:hover { margin-top: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-auto:focus { margin-top: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-auto:active { margin-top: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-auto:disabled { margin-top: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-0 { margin-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-0:hover { margin-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-0:focus { margin-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-0:active { margin-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-0:disabled { margin-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-1 { margin-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-1:hover { margin-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-1:focus { margin-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-1:active { margin-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-1:disabled { margin-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-2 { margin-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-2:hover { margin-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-2:focus { margin-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-2:active { margin-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-2:disabled { margin-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-3 { margin-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-3:hover { margin-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-3:focus { margin-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-3:active { margin-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-3:disabled { margin-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-4 { margin-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-4:hover { margin-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-4:focus { margin-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-4:active { margin-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-4:disabled { margin-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-5 { margin-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-5:hover { margin-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-5:focus { margin-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-5:active { margin-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-5:disabled { margin-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-6 { margin-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-6:hover { margin-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-6:focus { margin-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-6:active { margin-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-6:disabled { margin-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-8 { margin-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-8:hover { margin-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-8:focus { margin-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-8:active { margin-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-8:disabled { margin-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-10 { margin-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-10:hover { margin-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-10:focus { margin-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-10:active { margin-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-10:disabled { margin-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-12 { margin-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-12:hover { margin-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-12:focus { margin-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-12:active { margin-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-12:disabled { margin-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-16 { margin-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-16:hover { margin-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-16:focus { margin-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-16:active { margin-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-16:disabled { margin-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-20 { margin-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-20:hover { margin-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-20:focus { margin-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-20:active { margin-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-20:disabled { margin-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-24 { margin-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-24:hover { margin-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-24:focus { margin-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-24:active { margin-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-24:disabled { margin-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-28 { margin-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-28:hover { margin-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-28:focus { margin-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-28:active { margin-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-28:disabled { margin-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mt-32 { margin-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mt-32:hover { margin-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mt-32:focus { margin-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mt-32:active { margin-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mt-32:disabled { margin-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-auto { margin-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-auto:hover { margin-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-auto:focus { margin-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-auto:active { margin-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-auto:disabled { margin-bottom: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-0 { margin-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-0:hover { margin-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-0:focus { margin-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-0:active { margin-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-0:disabled { margin-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-1 { margin-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-1:hover { margin-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-1:focus { margin-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-1:active { margin-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-2 { margin-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-2:hover { margin-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-2:focus { margin-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-2:active { margin-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-3 { margin-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-3:hover { margin-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-3:focus { margin-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-3:active { margin-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-4 { margin-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-4:hover { margin-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-4:focus { margin-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-4:active { margin-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-4:disabled { margin-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-5 { margin-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-5:hover { margin-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-5:focus { margin-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-5:active { margin-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-6 { margin-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-6:hover { margin-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-6:focus { margin-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-6:active { margin-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-8 { margin-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-8:hover { margin-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-8:focus { margin-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-8:active { margin-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-8:disabled { margin-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-10 { margin-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-10:hover { margin-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-10:focus { margin-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-10:active { margin-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-12 { margin-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-12:hover { margin-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-12:focus { margin-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-12:active { margin-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-12:disabled { margin-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-16 { margin-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-16:hover { margin-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-16:focus { margin-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-16:active { margin-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-16:disabled { margin-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-20 { margin-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-20:hover { margin-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-20:focus { margin-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-20:active { margin-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-20:disabled { margin-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-24 { margin-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-24:hover { margin-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-24:focus { margin-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-24:active { margin-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-24:disabled { margin-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-28 { margin-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-28:hover { margin-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-28:focus { margin-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-28:active { margin-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-28:disabled { margin-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mb-32 { margin-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mb-32:hover { margin-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mb-32:focus { margin-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mb-32:active { margin-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mb-32:disabled { margin-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-auto { margin-left: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-auto:hover { margin-left: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-auto:focus { margin-left: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-auto:active { margin-left: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-auto:disabled { margin-left: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-0 { margin-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-0:hover { margin-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-0:focus { margin-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-0:active { margin-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-0:disabled { margin-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-1 { margin-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-1:hover { margin-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-1:focus { margin-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-1:active { margin-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-1:disabled { margin-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-2 { margin-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-2:hover { margin-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-2:focus { margin-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-2:active { margin-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-2:disabled { margin-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-3 { margin-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-3:hover { margin-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-3:focus { margin-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-3:active { margin-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-3:disabled { margin-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-4 { margin-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-4:hover { margin-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-4:focus { margin-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-4:active { margin-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-4:disabled { margin-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-5 { margin-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-5:hover { margin-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-5:focus { margin-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-5:active { margin-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-5:disabled { margin-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-6 { margin-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-6:hover { margin-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-6:focus { margin-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-6:active { margin-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-6:disabled { margin-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-8 { margin-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-8:hover { margin-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-8:focus { margin-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-8:active { margin-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-8:disabled { margin-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-10 { margin-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-10:hover { margin-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-10:focus { margin-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-10:active { margin-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-10:disabled { margin-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-12 { margin-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-12:hover { margin-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-12:focus { margin-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-12:active { margin-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-12:disabled { margin-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-16 { margin-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-16:hover { margin-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-16:focus { margin-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-16:active { margin-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-16:disabled { margin-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-20 { margin-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-20:hover { margin-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-20:focus { margin-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-20:active { margin-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-20:disabled { margin-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-24 { margin-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-24:hover { margin-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-24:focus { margin-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-24:active { margin-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-24:disabled { margin-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-28 { margin-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-28:hover { margin-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-28:focus { margin-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-28:active { margin-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-28:disabled { margin-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ml-32 { margin-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ml-32:hover { margin-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ml-32:focus { margin-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ml-32:active { margin-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ml-32:disabled { margin-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-auto { margin-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-auto:hover { margin-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-auto:focus { margin-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-auto:active { margin-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-auto:disabled { margin-right: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-0 { margin-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-0:hover { margin-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-0:focus { margin-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-0:active { margin-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-0:disabled { margin-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-1 { margin-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-1:hover { margin-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-1:focus { margin-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-1:active { margin-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-1:disabled { margin-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-2 { margin-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-2:hover { margin-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-2:focus { margin-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-2:active { margin-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-2:disabled { margin-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-3 { margin-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-3:hover { margin-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-3:focus { margin-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-3:active { margin-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-3:disabled { margin-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-4 { margin-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-4:hover { margin-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-4:focus { margin-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-4:active { margin-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-4:disabled { margin-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-5 { margin-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-5:hover { margin-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-5:focus { margin-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-5:active { margin-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-5:disabled { margin-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-6 { margin-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-6:hover { margin-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-6:focus { margin-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-6:active { margin-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-6:disabled { margin-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-8 { margin-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-8:hover { margin-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-8:focus { margin-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-8:active { margin-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-8:disabled { margin-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-10 { margin-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-10:hover { margin-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-10:focus { margin-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-10:active { margin-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-10:disabled { margin-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-12 { margin-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-12:hover { margin-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-12:focus { margin-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-12:active { margin-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-12:disabled { margin-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-16 { margin-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-16:hover { margin-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-16:focus { margin-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-16:active { margin-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-16:disabled { margin-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-20 { margin-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-20:hover { margin-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-20:focus { margin-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-20:active { margin-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-20:disabled { margin-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-24 { margin-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-24:hover { margin-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-24:focus { margin-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-24:active { margin-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-24:disabled { margin-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-28 { margin-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-28:hover { margin-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-28:focus { margin-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-28:active { margin-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-28:disabled { margin-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mr-32 { margin-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mr-32:hover { margin-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mr-32:focus { margin-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mr-32:active { margin-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mr-32:disabled { margin-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-auto { --space-x: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-auto:hover { --space-x: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-auto:focus { --space-x: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-auto:active { --space-x: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-auto:disabled { --space-x: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-0 { --space-x: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-0:hover { --space-x: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-0:focus { --space-x: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-0:active { --space-x: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-0:disabled { --space-x: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-1 { --space-x: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-1:hover { --space-x: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-1:focus { --space-x: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-1:active { --space-x: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-1:disabled { --space-x: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-2 { --space-x: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-2:hover { --space-x: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-2:focus { --space-x: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-2:active { --space-x: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-2:disabled { --space-x: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-3 { --space-x: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-3:hover { --space-x: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-3:focus { --space-x: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-3:active { --space-x: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-3:disabled { --space-x: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-4 { --space-x: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-4:hover { --space-x: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-4:focus { --space-x: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-4:active { --space-x: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-4:disabled { --space-x: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-5 { --space-x: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-5:hover { --space-x: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-5:focus { --space-x: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-5:active { --space-x: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-5:disabled { --space-x: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-6 { --space-x: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-6:hover { --space-x: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-6:focus { --space-x: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-6:active { --space-x: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-6:disabled { --space-x: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-8 { --space-x: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-8:hover { --space-x: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-8:focus { --space-x: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-8:active { --space-x: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-8:disabled { --space-x: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-10 { --space-x: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-10:hover { --space-x: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-10:focus { --space-x: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-10:active { --space-x: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-10:disabled { --space-x: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-12 { --space-x: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-12:hover { --space-x: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-12:focus { --space-x: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-12:active { --space-x: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-12:disabled { --space-x: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-16 { --space-x: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-16:hover { --space-x: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-16:focus { --space-x: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-16:active { --space-x: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-16:disabled { --space-x: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-20 { --space-x: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-20:hover { --space-x: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-20:focus { --space-x: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-20:active { --space-x: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-20:disabled { --space-x: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-24 { --space-x: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-24:hover { --space-x: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-24:focus { --space-x: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-24:active { --space-x: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-24:disabled { --space-x: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-28 { --space-x: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-28:hover { --space-x: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-28:focus { --space-x: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-28:active { --space-x: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-28:disabled { --space-x: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-x-32 { --space-x: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-x-32:hover { --space-x: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-x-32:focus { --space-x: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-x-32:active { --space-x: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-x-32:disabled { --space-x: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-auto { --space-y: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-auto:hover { --space-y: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-auto:focus { --space-y: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-auto:active { --space-y: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-auto:disabled { --space-y: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-0 { --space-y: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-0:hover { --space-y: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-0:focus { --space-y: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-0:active { --space-y: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-0:disabled { --space-y: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-1 { --space-y: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-1:hover { --space-y: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-1:focus { --space-y: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-1:active { --space-y: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-1:disabled { --space-y: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-2 { --space-y: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-2:hover { --space-y: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-2:focus { --space-y: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-2:active { --space-y: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-2:disabled { --space-y: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-3 { --space-y: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-3:hover { --space-y: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-3:focus { --space-y: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-3:active { --space-y: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-3:disabled { --space-y: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-4 { --space-y: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-4:hover { --space-y: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-4:focus { --space-y: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-4:active { --space-y: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-4:disabled { --space-y: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-5 { --space-y: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-5:hover { --space-y: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-5:focus { --space-y: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-5:active { --space-y: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-5:disabled { --space-y: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-6 { --space-y: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-6:hover { --space-y: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-6:focus { --space-y: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-6:active { --space-y: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-6:disabled { --space-y: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-8 { --space-y: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-8:hover { --space-y: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-8:focus { --space-y: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-8:active { --space-y: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-8:disabled { --space-y: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-10 { --space-y: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-10:hover { --space-y: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-10:focus { --space-y: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-10:active { --space-y: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-10:disabled { --space-y: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-12 { --space-y: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-12:hover { --space-y: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-12:focus { --space-y: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-12:active { --space-y: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-12:disabled { --space-y: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-16 { --space-y: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-16:hover { --space-y: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-16:focus { --space-y: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-16:active { --space-y: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-16:disabled { --space-y: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-20 { --space-y: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-20:hover { --space-y: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-20:focus { --space-y: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-20:active { --space-y: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-20:disabled { --space-y: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-24 { --space-y: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-24:hover { --space-y: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-24:focus { --space-y: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-24:active { --space-y: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-24:disabled { --space-y: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-28 { --space-y: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-28:hover { --space-y: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-28:focus { --space-y: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-28:active { --space-y: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-28:disabled { --space-y: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-space-y-32 { --space-y: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-space-y-32:hover { --space-y: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-space-y-32:focus { --space-y: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-space-y-32:active { --space-y: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-space-y-32:disabled { --space-y: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-d-block { display: block; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-d-block:hover { display: block; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-d-block:focus { display: block; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-d-block:active { display: block; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-d-block:disabled { display: block; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-d-inline { display: inline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-d-inline:hover { display: inline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-d-inline:focus { display: inline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-d-inline:active { display: inline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-d-inline:disabled { display: inline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-d-inline-block { display: inline-block; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-d-inline-block:hover { display: inline-block; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-d-inline-block:focus { display: inline-block; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-d-inline-block:active { display: inline-block; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-d-inline-block:disabled { display: inline-block; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-d-flex { display: flex; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-d-flex:hover { display: flex; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-d-flex:focus { display: flex; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-d-flex:active { display: flex; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-d-flex:disabled { display: flex; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-d-inline-flex { display: inline-flex; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-d-inline-flex:hover { display: inline-flex; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-d-inline-flex:focus { display: inline-flex; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-d-inline-flex:active { display: inline-flex; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-d-inline-flex:disabled { display: inline-flex; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-d-grid { display: grid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-d-grid:hover { display: grid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-d-grid:focus { display: grid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-d-grid:active { display: grid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-d-grid:disabled { display: grid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-d-inline-grid { display: inline-grid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-d-inline-grid:hover { display: inline-grid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-d-inline-grid:focus { display: inline-grid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-d-inline-grid:active { display: inline-grid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-d-inline-grid:disabled { display: inline-grid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-d-none { display: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-d-none:hover { display: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-d-none:focus { display: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-d-none:active { display: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-d-none:disabled { display: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-position-static { position: static; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-position-static:hover { position: static; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-position-static:focus { position: static; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-position-static:active { position: static; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-position-static:disabled { position: static; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-position-relative { position: relative; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-position-relative:hover { position: relative; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-position-relative:focus { position: relative; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-position-relative:active { position: relative; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-position-relative:disabled { position: relative; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-position-absolute { position: absolute; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-position-absolute:hover { position: absolute; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-position-absolute:focus { position: absolute; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-position-absolute:active { position: absolute; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-position-absolute:disabled { position: absolute; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-position-fixed { position: fixed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-position-fixed:hover { position: fixed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-position-fixed:focus { position: fixed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-position-fixed:active { position: fixed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-position-fixed:disabled { position: fixed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-position-sticky { position: sticky; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-position-sticky:hover { position: sticky; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-position-sticky:focus { position: sticky; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-position-sticky:active { position: sticky; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-position-sticky:disabled { position: sticky; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-0 { inset: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-0:hover { inset: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-0:focus { inset: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-0:active { inset: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-0:disabled { inset: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-1 { inset: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-1:hover { inset: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-1:focus { inset: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-1:active { inset: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-1:disabled { inset: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-2 { inset: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-2:hover { inset: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-2:focus { inset: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-2:active { inset: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-2:disabled { inset: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-3 { inset: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-3:hover { inset: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-3:focus { inset: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-3:active { inset: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-3:disabled { inset: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-4 { inset: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-4:hover { inset: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-4:focus { inset: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-4:active { inset: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-4:disabled { inset: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-5 { inset: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-5:hover { inset: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-5:focus { inset: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-5:active { inset: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-5:disabled { inset: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-6 { inset: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-6:hover { inset: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-6:focus { inset: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-6:active { inset: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-6:disabled { inset: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-7 { inset: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-7:hover { inset: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-7:focus { inset: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-7:active { inset: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-7:disabled { inset: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-8 { inset: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-8:hover { inset: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-8:focus { inset: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-8:active { inset: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-8:disabled { inset: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-9 { inset: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-9:hover { inset: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-9:focus { inset: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-9:active { inset: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-9:disabled { inset: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-10 { inset: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-10:hover { inset: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-10:focus { inset: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-10:active { inset: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-10:disabled { inset: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-12 { inset: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-12:hover { inset: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-12:focus { inset: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-12:active { inset: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-12:disabled { inset: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-14 { inset: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-14:hover { inset: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-14:focus { inset: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-14:active { inset: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-14:disabled { inset: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-16 { inset: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-16:hover { inset: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-16:focus { inset: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-16:active { inset: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-16:disabled { inset: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-20 { inset: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-20:hover { inset: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-20:focus { inset: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-20:active { inset: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-20:disabled { inset: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-24 { inset: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-24:hover { inset: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-24:focus { inset: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-24:active { inset: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-24:disabled { inset: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-28 { inset: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-28:hover { inset: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-28:focus { inset: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-28:active { inset: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-28:disabled { inset: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-32 { inset: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-32:hover { inset: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-32:focus { inset: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-32:active { inset: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-32:disabled { inset: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-0 { inset-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-0:hover { inset-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-0:focus { inset-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-0:active { inset-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-0:disabled { inset-top: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-1 { inset-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-1:hover { inset-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-1:focus { inset-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-1:active { inset-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-2 { inset-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-2:hover { inset-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-2:focus { inset-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-2:active { inset-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-3 { inset-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-3:hover { inset-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-3:focus { inset-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-3:active { inset-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-4 { inset-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-4:hover { inset-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-4:focus { inset-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-4:active { inset-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-4:disabled { inset-top: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-5 { inset-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-5:hover { inset-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-5:focus { inset-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-5:active { inset-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-6 { inset-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-6:hover { inset-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-6:focus { inset-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-6:active { inset-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-7 { inset-top: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-7:hover { inset-top: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-7:focus { inset-top: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-7:active { inset-top: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-8 { inset-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-8:hover { inset-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-8:focus { inset-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-8:active { inset-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-8:disabled { inset-top: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-9 { inset-top: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-9:hover { inset-top: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-9:focus { inset-top: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-9:active { inset-top: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-10 { inset-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-10:hover { inset-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-10:focus { inset-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-10:active { inset-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-12 { inset-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-12:hover { inset-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-12:focus { inset-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-12:active { inset-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-12:disabled { inset-top: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-14 { inset-top: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-14:hover { inset-top: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-14:focus { inset-top: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-14:active { inset-top: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-16 { inset-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-16:hover { inset-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-16:focus { inset-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-16:active { inset-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-16:disabled { inset-top: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-20 { inset-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-20:hover { inset-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-20:focus { inset-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-20:active { inset-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-20:disabled { inset-top: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-24 { inset-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-24:hover { inset-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-24:focus { inset-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-24:active { inset-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-24:disabled { inset-top: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-28 { inset-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-28:hover { inset-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-28:focus { inset-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-28:active { inset-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-28:disabled { inset-top: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-t-32 { inset-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-t-32:hover { inset-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-t-32:focus { inset-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-t-32:active { inset-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-t-32:disabled { inset-top: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-0 { inset-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-0:hover { inset-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-0:focus { inset-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-0:active { inset-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-0:disabled { inset-right: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-1 { inset-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-1:hover { inset-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-1:focus { inset-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-1:active { inset-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-2 { inset-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-2:hover { inset-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-2:focus { inset-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-2:active { inset-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-3 { inset-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-3:hover { inset-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-3:focus { inset-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-3:active { inset-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-4 { inset-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-4:hover { inset-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-4:focus { inset-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-4:active { inset-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-4:disabled { inset-right: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-5 { inset-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-5:hover { inset-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-5:focus { inset-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-5:active { inset-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-6 { inset-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-6:hover { inset-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-6:focus { inset-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-6:active { inset-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-7 { inset-right: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-7:hover { inset-right: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-7:focus { inset-right: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-7:active { inset-right: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-8 { inset-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-8:hover { inset-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-8:focus { inset-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-8:active { inset-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-8:disabled { inset-right: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-9 { inset-right: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-9:hover { inset-right: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-9:focus { inset-right: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-9:active { inset-right: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-10 { inset-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-10:hover { inset-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-10:focus { inset-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-10:active { inset-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-12 { inset-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-12:hover { inset-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-12:focus { inset-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-12:active { inset-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-12:disabled { inset-right: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-14 { inset-right: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-14:hover { inset-right: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-14:focus { inset-right: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-14:active { inset-right: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-16 { inset-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-16:hover { inset-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-16:focus { inset-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-16:active { inset-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-16:disabled { inset-right: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-20 { inset-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-20:hover { inset-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-20:focus { inset-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-20:active { inset-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-20:disabled { inset-right: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-24 { inset-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-24:hover { inset-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-24:focus { inset-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-24:active { inset-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-24:disabled { inset-right: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-28 { inset-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-28:hover { inset-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-28:focus { inset-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-28:active { inset-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-28:disabled { inset-right: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-r-32 { inset-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-r-32:hover { inset-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-r-32:focus { inset-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-r-32:active { inset-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-r-32:disabled { inset-right: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-0 { inset-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-0:hover { inset-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-0:focus { inset-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-0:active { inset-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-0:disabled { inset-bottom: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-1 { inset-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-1:active { inset-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-2 { inset-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-2:active { inset-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-3 { inset-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-3:active { inset-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-4 { inset-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-4:hover { inset-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-4:focus { inset-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-4:active { inset-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-5 { inset-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-5:active { inset-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-6 { inset-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-6:active { inset-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-7 { inset-bottom: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-7:active { inset-bottom: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-8 { inset-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-8:hover { inset-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-8:focus { inset-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-8:active { inset-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-9 { inset-bottom: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-9:active { inset-bottom: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-10 { inset-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-10:active { inset-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-12 { inset-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-12:hover { inset-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-12:focus { inset-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-12:active { inset-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-14 { inset-bottom: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-14:active { inset-bottom: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-16 { inset-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-16:hover { inset-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-16:focus { inset-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-16:active { inset-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-20 { inset-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-20:hover { inset-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-20:focus { inset-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-20:active { inset-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-24 { inset-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-24:hover { inset-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-24:focus { inset-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-24:active { inset-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-28 { inset-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-28:hover { inset-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-28:focus { inset-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-28:active { inset-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-b-32 { inset-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-b-32:hover { inset-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-b-32:focus { inset-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-b-32:active { inset-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-0 { inset-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-0:hover { inset-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-0:focus { inset-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-0:active { inset-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-0:disabled { inset-left: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-1 { inset-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-1:hover { inset-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-1:focus { inset-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-1:active { inset-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-2 { inset-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-2:hover { inset-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-2:focus { inset-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-2:active { inset-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-3 { inset-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-3:hover { inset-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-3:focus { inset-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-3:active { inset-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-4 { inset-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-4:hover { inset-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-4:focus { inset-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-4:active { inset-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-4:disabled { inset-left: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-5 { inset-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-5:hover { inset-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-5:focus { inset-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-5:active { inset-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-6 { inset-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-6:hover { inset-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-6:focus { inset-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-6:active { inset-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-7 { inset-left: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-7:hover { inset-left: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-7:focus { inset-left: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-7:active { inset-left: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-8 { inset-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-8:hover { inset-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-8:focus { inset-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-8:active { inset-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-8:disabled { inset-left: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-9 { inset-left: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-9:hover { inset-left: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-9:focus { inset-left: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-9:active { inset-left: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-10 { inset-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-10:hover { inset-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-10:focus { inset-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-10:active { inset-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-12 { inset-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-12:hover { inset-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-12:focus { inset-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-12:active { inset-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-12:disabled { inset-left: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-14 { inset-left: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-14:hover { inset-left: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-14:focus { inset-left: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-14:active { inset-left: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-16 { inset-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-16:hover { inset-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-16:focus { inset-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-16:active { inset-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-16:disabled { inset-left: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-20 { inset-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-20:hover { inset-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-20:focus { inset-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-20:active { inset-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-20:disabled { inset-left: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-24 { inset-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-24:hover { inset-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-24:focus { inset-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-24:active { inset-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-24:disabled { inset-left: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-28 { inset-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-28:hover { inset-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-28:focus { inset-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-28:active { inset-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-28:disabled { inset-left: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-inset-l-32 { inset-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-inset-l-32:hover { inset-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-inset-l-32:focus { inset-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-inset-l-32:active { inset-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-inset-l-32:disabled { inset-left: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-0 { gap: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-0:hover { gap: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-0:focus { gap: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-0:active { gap: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-0:disabled { gap: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-1 { gap: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-1:hover { gap: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-1:focus { gap: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-1:active { gap: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-1:disabled { gap: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-2 { gap: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-2:hover { gap: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-2:focus { gap: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-2:active { gap: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-2:disabled { gap: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-3 { gap: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-3:hover { gap: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-3:focus { gap: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-3:active { gap: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-3:disabled { gap: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-4 { gap: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-4:hover { gap: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-4:focus { gap: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-4:active { gap: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-4:disabled { gap: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-5 { gap: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-5:hover { gap: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-5:focus { gap: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-5:active { gap: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-5:disabled { gap: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-6 { gap: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-6:hover { gap: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-6:focus { gap: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-6:active { gap: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-6:disabled { gap: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-7 { gap: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-7:hover { gap: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-7:focus { gap: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-7:active { gap: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-7:disabled { gap: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-8 { gap: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-8:hover { gap: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-8:focus { gap: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-8:active { gap: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-8:disabled { gap: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-9 { gap: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-9:hover { gap: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-9:focus { gap: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-9:active { gap: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-9:disabled { gap: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-10 { gap: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-10:hover { gap: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-10:focus { gap: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-10:active { gap: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-10:disabled { gap: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-12 { gap: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-12:hover { gap: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-12:focus { gap: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-12:active { gap: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-12:disabled { gap: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-14 { gap: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-14:hover { gap: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-14:focus { gap: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-14:active { gap: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-14:disabled { gap: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-16 { gap: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-16:hover { gap: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-16:focus { gap: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-16:active { gap: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-16:disabled { gap: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-20 { gap: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-20:hover { gap: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-20:focus { gap: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-20:active { gap: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-20:disabled { gap: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-24 { gap: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-24:hover { gap: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-24:focus { gap: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-24:active { gap: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-24:disabled { gap: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-28 { gap: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-28:hover { gap: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-28:focus { gap: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-28:active { gap: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-28:disabled { gap: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gap-32 { gap: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gap-32:hover { gap: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gap-32:focus { gap: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gap-32:active { gap: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gap-32:disabled { gap: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-row { flex-direction: row; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-row:hover { flex-direction: row; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-row:focus { flex-direction: row; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-row:active { flex-direction: row; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-row:disabled { flex-direction: row; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-col { flex-direction: column; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-col:hover { flex-direction: column; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-col:focus { flex-direction: column; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-col:active { flex-direction: column; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-col:disabled { flex-direction: column; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-row-reverse { flex-direction: row-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-row-reverse:active { flex-direction: row-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-col-reverse { flex-direction: column-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-col-reverse:active { flex-direction: column-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-wrap { flex-wrap: wrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-wrap:hover { flex-wrap: wrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-wrap:focus { flex-wrap: wrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-wrap:active { flex-wrap: wrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-wrap:disabled { flex-wrap: wrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-nowrap { flex-wrap: nowrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-nowrap:hover { flex-wrap: nowrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-nowrap:focus { flex-wrap: nowrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-nowrap:active { flex-wrap: nowrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-wrap-reverse { flex-wrap: wrap-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-1 { flex: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-1:hover { flex: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-1:focus { flex: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-1:active { flex: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-1:disabled { flex: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-auto { flex: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-auto:hover { flex: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-auto:focus { flex: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-auto:active { flex: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-auto:disabled { flex: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-initial { flex: initial; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-initial:hover { flex: initial; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-initial:focus { flex: initial; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-initial:active { flex: initial; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-initial:disabled { flex: initial; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-none { flex: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-none:hover { flex: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-none:focus { flex: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-none:active { flex: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-none:disabled { flex: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-grow-0 { flex-grow: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-grow-0:hover { flex-grow: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-grow-0:focus { flex-grow: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-grow-0:active { flex-grow: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-grow-0:disabled { flex-grow: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-grow-1 { flex-grow: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-grow-1:hover { flex-grow: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-grow-1:focus { flex-grow: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-grow-1:active { flex-grow: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-grow-1:disabled { flex-grow: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-shrink-0 { flex-shrink: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-shrink-0:hover { flex-shrink: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-shrink-0:focus { flex-shrink: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-shrink-0:active { flex-shrink: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-flex-shrink-1 { flex-shrink: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-flex-shrink-1:hover { flex-shrink: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-flex-shrink-1:focus { flex-shrink: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-flex-shrink-1:active { flex-shrink: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-auto { overflow: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-auto:hover { overflow: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-auto:focus { overflow: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-auto:active { overflow: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-auto:disabled { overflow: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-hidden { overflow: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-hidden:hover { overflow: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-hidden:focus { overflow: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-hidden:active { overflow: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-hidden:disabled { overflow: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-visible { overflow: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-visible:hover { overflow: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-visible:focus { overflow: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-visible:active { overflow: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-visible:disabled { overflow: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-scroll { overflow: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-scroll:hover { overflow: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-scroll:focus { overflow: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-scroll:active { overflow: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-scroll:disabled { overflow: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-x-auto { overflow-x: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-x-auto:hover { overflow-x: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-x-auto:focus { overflow-x: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-x-auto:active { overflow-x: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-x-auto:disabled { overflow-x: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-x-hidden { overflow-x: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-x-hidden:hover { overflow-x: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-x-hidden:focus { overflow-x: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-x-hidden:active { overflow-x: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-x-visible { overflow-x: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-x-visible:hover { overflow-x: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-x-visible:focus { overflow-x: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-x-visible:active { overflow-x: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-x-visible:disabled { overflow-x: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-x-scroll { overflow-x: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-x-scroll:hover { overflow-x: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-x-scroll:focus { overflow-x: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-x-scroll:active { overflow-x: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-y-auto { overflow-y: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-y-auto:hover { overflow-y: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-y-auto:focus { overflow-y: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-y-auto:active { overflow-y: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-y-auto:disabled { overflow-y: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-y-hidden { overflow-y: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-y-hidden:hover { overflow-y: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-y-hidden:focus { overflow-y: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-y-hidden:active { overflow-y: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-y-visible { overflow-y: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-y-visible:hover { overflow-y: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-y-visible:focus { overflow-y: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-y-visible:active { overflow-y: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-y-visible:disabled { overflow-y: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-overflow-y-scroll { overflow-y: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-overflow-y-scroll:hover { overflow-y: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-overflow-y-scroll:focus { overflow-y: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-overflow-y-scroll:active { overflow-y: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-visible { visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-visible:hover { visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-visible:focus { visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-visible:active { visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-visible:disabled { visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hidden { visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-hidden:hover { visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-hidden:focus { visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-hidden:active { visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-hidden:disabled { visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clear-left { clear: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clear-left:hover { clear: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clear-left:focus { clear: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clear-left:active { clear: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clear-left:disabled { clear: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clear-right { clear: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clear-right:hover { clear: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clear-right:focus { clear: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clear-right:active { clear: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clear-right:disabled { clear: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clear-both { clear: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clear-both:hover { clear: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clear-both:focus { clear: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clear-both:active { clear: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clear-both:disabled { clear: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-float-left { float: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-float-left:hover { float: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-float-left:focus { float: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-float-left:active { float: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-float-left:disabled { float: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-float-right { float: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-float-right:hover { float: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-float-right:focus { float: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-float-right:active { float: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-float-right:disabled { float: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-float-none { float: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-float-none:hover { float: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-float-none:focus { float: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-float-none:active { float: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-float-none:disabled { float: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-auto { width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-auto:hover { width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-auto:focus { width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-auto:active { width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-auto:disabled { width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-full { width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-full:hover { width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-full:focus { width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-full:active { width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-full:disabled { width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-fit { width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-fit:hover { width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-fit:focus { width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-fit:active { width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-fit:disabled { width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-max { width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-max:hover { width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-max:focus { width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-max:active { width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-max:disabled { width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-min { width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-min:hover { width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-min:focus { width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-min:active { width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-min:disabled { width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-stretch { width: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-stretch:hover { width: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-stretch:focus { width: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-stretch:active { width: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-stretch:disabled { width: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-10p { width: 10%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-10p:hover { width: 10%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-10p:focus { width: 10%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-10p:active { width: 10%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-10p:disabled { width: 10%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-20p { width: 20%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-20p:hover { width: 20%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-20p:focus { width: 20%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-20p:active { width: 20%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-20p:disabled { width: 20%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-25p { width: 25%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-25p:hover { width: 25%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-25p:focus { width: 25%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-25p:active { width: 25%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-25p:disabled { width: 25%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-30p { width: 30%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-30p:hover { width: 30%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-30p:focus { width: 30%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-30p:active { width: 30%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-30p:disabled { width: 30%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-33p { width: 33.3333%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-33p:hover { width: 33.3333%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-33p:focus { width: 33.3333%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-33p:active { width: 33.3333%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-33p:disabled { width: 33.3333%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-40p { width: 40%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-40p:hover { width: 40%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-40p:focus { width: 40%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-40p:active { width: 40%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-40p:disabled { width: 40%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-50p { width: 50%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-50p:hover { width: 50%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-50p:focus { width: 50%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-50p:active { width: 50%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-50p:disabled { width: 50%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-60p { width: 60%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-60p:hover { width: 60%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-60p:focus { width: 60%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-60p:active { width: 60%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-60p:disabled { width: 60%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-66p { width: 66.6667%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-66p:hover { width: 66.6667%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-66p:focus { width: 66.6667%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-66p:active { width: 66.6667%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-66p:disabled { width: 66.6667%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-70p { width: 70%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-70p:hover { width: 70%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-70p:focus { width: 70%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-70p:active { width: 70%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-70p:disabled { width: 70%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-75p { width: 75%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-75p:hover { width: 75%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-75p:focus { width: 75%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-75p:active { width: 75%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-75p:disabled { width: 75%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-80p { width: 80%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-80p:hover { width: 80%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-80p:focus { width: 80%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-80p:active { width: 80%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-80p:disabled { width: 80%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-90p { width: 90%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-90p:hover { width: 90%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-90p:focus { width: 90%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-90p:active { width: 90%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-90p:disabled { width: 90%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-100p { width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-100p:hover { width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-100p:focus { width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-100p:active { width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-100p:disabled { width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-10vw { width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-10vw:hover { width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-10vw:focus { width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-10vw:active { width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-10vw:disabled { width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-20vw { width: 20vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-20vw:hover { width: 20vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-20vw:focus { width: 20vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-20vw:active { width: 20vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-20vw:disabled { width: 20vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-30vw { width: 30vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-30vw:hover { width: 30vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-30vw:focus { width: 30vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-30vw:active { width: 30vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-30vw:disabled { width: 30vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-40vw { width: 40vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-40vw:hover { width: 40vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-40vw:focus { width: 40vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-40vw:active { width: 40vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-40vw:disabled { width: 40vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-50vw { width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-50vw:hover { width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-50vw:focus { width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-50vw:active { width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-50vw:disabled { width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-60vw { width: 60vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-60vw:hover { width: 60vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-60vw:focus { width: 60vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-60vw:active { width: 60vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-60vw:disabled { width: 60vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-70vw { width: 70vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-70vw:hover { width: 70vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-70vw:focus { width: 70vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-70vw:active { width: 70vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-70vw:disabled { width: 70vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-80vw { width: 80vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-80vw:hover { width: 80vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-80vw:focus { width: 80vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-80vw:active { width: 80vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-80vw:disabled { width: 80vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-90vw { width: 90vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-90vw:hover { width: 90vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-90vw:focus { width: 90vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-90vw:active { width: 90vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-90vw:disabled { width: 90vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-100vw { width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-100vw:hover { width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-100vw:focus { width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-100vw:active { width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-100vw:disabled { width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-lvw { width: 100lvw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-lvw:hover { width: 100lvw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-lvw:focus { width: 100lvw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-lvw:active { width: 100lvw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-lvw:disabled { width: 100lvw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-svw { width: 100svw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-svw:hover { width: 100svw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-svw:focus { width: 100svw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-svw:active { width: 100svw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-svw:disabled { width: 100svw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-mvw { width: 100mvw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-mvw:hover { width: 100mvw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-mvw:focus { width: 100mvw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-mvw:active { width: 100mvw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-mvw:disabled { width: 100mvw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-vmin { width: 100vmin; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-vmin:hover { width: 100vmin; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-vmin:focus { width: 100vmin; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-vmin:active { width: 100vmin; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-vmin:disabled { width: 100vmin; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-w-vmax { width: 100vmax; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-w-vmax:hover { width: 100vmax; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-w-vmax:focus { width: 100vmax; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-w-vmax:active { width: 100vmax; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-w-vmax:disabled { width: 100vmax; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-auto { height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-auto:hover { height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-auto:focus { height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-auto:active { height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-auto:disabled { height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-full { height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-full:hover { height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-full:focus { height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-full:active { height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-full:disabled { height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-fit { height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-fit:hover { height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-fit:focus { height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-fit:active { height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-fit:disabled { height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-max { height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-max:hover { height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-max:focus { height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-max:active { height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-max:disabled { height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-min { height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-min:hover { height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-min:focus { height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-min:active { height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-min:disabled { height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-stretch { height: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-stretch:hover { height: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-stretch:focus { height: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-stretch:active { height: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-stretch:disabled { height: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-10p { height: 10%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-10p:hover { height: 10%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-10p:focus { height: 10%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-10p:active { height: 10%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-10p:disabled { height: 10%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-20p { height: 20%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-20p:hover { height: 20%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-20p:focus { height: 20%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-20p:active { height: 20%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-20p:disabled { height: 20%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-25p { height: 25%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-25p:hover { height: 25%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-25p:focus { height: 25%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-25p:active { height: 25%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-25p:disabled { height: 25%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-30p { height: 30%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-30p:hover { height: 30%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-30p:focus { height: 30%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-30p:active { height: 30%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-30p:disabled { height: 30%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-33p { height: 33.3333%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-33p:hover { height: 33.3333%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-33p:focus { height: 33.3333%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-33p:active { height: 33.3333%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-33p:disabled { height: 33.3333%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-40p { height: 40%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-40p:hover { height: 40%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-40p:focus { height: 40%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-40p:active { height: 40%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-40p:disabled { height: 40%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-50p { height: 50%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-50p:hover { height: 50%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-50p:focus { height: 50%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-50p:active { height: 50%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-50p:disabled { height: 50%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-60p { height: 60%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-60p:hover { height: 60%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-60p:focus { height: 60%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-60p:active { height: 60%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-60p:disabled { height: 60%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-66p { height: 66.6667%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-66p:hover { height: 66.6667%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-66p:focus { height: 66.6667%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-66p:active { height: 66.6667%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-66p:disabled { height: 66.6667%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-70p { height: 70%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-70p:hover { height: 70%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-70p:focus { height: 70%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-70p:active { height: 70%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-70p:disabled { height: 70%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-75p { height: 75%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-75p:hover { height: 75%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-75p:focus { height: 75%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-75p:active { height: 75%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-75p:disabled { height: 75%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-80p { height: 80%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-80p:hover { height: 80%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-80p:focus { height: 80%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-80p:active { height: 80%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-80p:disabled { height: 80%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-90p { height: 90%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-90p:hover { height: 90%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-90p:focus { height: 90%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-90p:active { height: 90%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-90p:disabled { height: 90%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-100p { height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-100p:hover { height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-100p:focus { height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-100p:active { height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-100p:disabled { height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-10vh { height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-10vh:hover { height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-10vh:focus { height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-10vh:active { height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-10vh:disabled { height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-20vh { height: 20vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-20vh:hover { height: 20vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-20vh:focus { height: 20vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-20vh:active { height: 20vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-20vh:disabled { height: 20vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-30vh { height: 30vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-30vh:hover { height: 30vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-30vh:focus { height: 30vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-30vh:active { height: 30vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-30vh:disabled { height: 30vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-40vh { height: 40vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-40vh:hover { height: 40vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-40vh:focus { height: 40vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-40vh:active { height: 40vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-40vh:disabled { height: 40vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-50vh { height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-50vh:hover { height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-50vh:focus { height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-50vh:active { height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-50vh:disabled { height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-60vh { height: 60vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-60vh:hover { height: 60vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-60vh:focus { height: 60vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-60vh:active { height: 60vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-60vh:disabled { height: 60vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-70vh { height: 70vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-70vh:hover { height: 70vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-70vh:focus { height: 70vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-70vh:active { height: 70vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-70vh:disabled { height: 70vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-80vh { height: 80vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-80vh:hover { height: 80vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-80vh:focus { height: 80vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-80vh:active { height: 80vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-80vh:disabled { height: 80vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-90vh { height: 90vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-90vh:hover { height: 90vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-90vh:focus { height: 90vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-90vh:active { height: 90vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-90vh:disabled { height: 90vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-100vh { height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-100vh:hover { height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-100vh:focus { height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-100vh:active { height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-100vh:disabled { height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-lvh { height: 100lvh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-lvh:hover { height: 100lvh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-lvh:focus { height: 100lvh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-lvh:active { height: 100lvh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-lvh:disabled { height: 100lvh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-svh { height: 100svh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-svh:hover { height: 100svh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-svh:focus { height: 100svh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-svh:active { height: 100svh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-svh:disabled { height: 100svh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-mvh { height: 100mvh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-mvh:hover { height: 100mvh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-mvh:focus { height: 100mvh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-mvh:active { height: 100mvh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-mvh:disabled { height: 100mvh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-vmin { height: 100vmin; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-vmin:hover { height: 100vmin; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-vmin:focus { height: 100vmin; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-vmin:active { height: 100vmin; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-vmin:disabled { height: 100vmin; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-h-vmax { height: 100vmax; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-h-vmax:hover { height: 100vmax; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-h-vmax:focus { height: 100vmax; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-h-vmax:active { height: 100vmax; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-h-vmax:disabled { height: 100vmax; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-w-auto { min-width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-w-auto:hover { min-width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-w-auto:focus { min-width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-w-auto:active { min-width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-w-auto:disabled { min-width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-w-full { min-width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-w-full:hover { min-width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-w-full:focus { min-width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-w-full:active { min-width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-w-full:disabled { min-width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-w-fit { min-width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-w-fit:hover { min-width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-w-fit:focus { min-width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-w-fit:active { min-width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-w-fit:disabled { min-width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-w-max { min-width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-w-max:hover { min-width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-w-max:focus { min-width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-w-max:active { min-width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-w-max:disabled { min-width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-w-min { min-width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-w-min:hover { min-width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-w-min:focus { min-width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-w-min:active { min-width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-w-min:disabled { min-width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-w-10vw { min-width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-w-10vw:hover { min-width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-w-10vw:focus { min-width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-w-10vw:active { min-width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-w-10vw:disabled { min-width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-w-50vw { min-width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-w-50vw:hover { min-width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-w-50vw:focus { min-width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-w-50vw:active { min-width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-w-50vw:disabled { min-width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-w-100vw { min-width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-w-100vw:hover { min-width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-w-100vw:focus { min-width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-w-100vw:active { min-width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-w-100vw:disabled { min-width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-w-auto { max-width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-w-auto:hover { max-width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-w-auto:focus { max-width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-w-auto:active { max-width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-w-auto:disabled { max-width: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-w-full { max-width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-w-full:hover { max-width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-w-full:focus { max-width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-w-full:active { max-width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-w-full:disabled { max-width: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-w-fit { max-width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-w-fit:hover { max-width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-w-fit:focus { max-width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-w-fit:active { max-width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-w-fit:disabled { max-width: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-w-max { max-width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-w-max:hover { max-width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-w-max:focus { max-width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-w-max:active { max-width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-w-max:disabled { max-width: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-w-min { max-width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-w-min:hover { max-width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-w-min:focus { max-width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-w-min:active { max-width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-w-min:disabled { max-width: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-w-10vw { max-width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-w-10vw:hover { max-width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-w-10vw:focus { max-width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-w-10vw:active { max-width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-w-10vw:disabled { max-width: 10vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-w-50vw { max-width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-w-50vw:hover { max-width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-w-50vw:focus { max-width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-w-50vw:active { max-width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-w-50vw:disabled { max-width: 50vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-w-100vw { max-width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-w-100vw:hover { max-width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-w-100vw:focus { max-width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-w-100vw:active { max-width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-w-100vw:disabled { max-width: 100vw; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-h-auto { min-height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-h-auto:hover { min-height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-h-auto:focus { min-height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-h-auto:active { min-height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-h-auto:disabled { min-height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-h-full { min-height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-h-full:hover { min-height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-h-full:focus { min-height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-h-full:active { min-height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-h-full:disabled { min-height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-h-fit { min-height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-h-fit:hover { min-height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-h-fit:focus { min-height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-h-fit:active { min-height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-h-fit:disabled { min-height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-h-max { min-height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-h-max:hover { min-height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-h-max:focus { min-height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-h-max:active { min-height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-h-max:disabled { min-height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-h-min { min-height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-h-min:hover { min-height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-h-min:focus { min-height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-h-min:active { min-height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-h-min:disabled { min-height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-h-10vh { min-height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-h-10vh:hover { min-height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-h-10vh:focus { min-height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-h-10vh:active { min-height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-h-10vh:disabled { min-height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-h-50vh { min-height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-h-50vh:hover { min-height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-h-50vh:focus { min-height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-h-50vh:active { min-height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-h-50vh:disabled { min-height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-min-h-100vh { min-height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-min-h-100vh:hover { min-height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-min-h-100vh:focus { min-height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-min-h-100vh:active { min-height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-min-h-100vh:disabled { min-height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-h-auto { max-height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-h-auto:hover { max-height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-h-auto:focus { max-height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-h-auto:active { max-height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-h-auto:disabled { max-height: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-h-full { max-height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-h-full:hover { max-height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-h-full:focus { max-height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-h-full:active { max-height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-h-full:disabled { max-height: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-h-fit { max-height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-h-fit:hover { max-height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-h-fit:focus { max-height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-h-fit:active { max-height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-h-fit:disabled { max-height: fit-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-h-max { max-height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-h-max:hover { max-height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-h-max:focus { max-height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-h-max:active { max-height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-h-max:disabled { max-height: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-h-min { max-height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-h-min:hover { max-height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-h-min:focus { max-height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-h-min:active { max-height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-h-min:disabled { max-height: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-h-10vh { max-height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-h-10vh:hover { max-height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-h-10vh:focus { max-height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-h-10vh:active { max-height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-h-10vh:disabled { max-height: 10vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-h-50vh { max-height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-h-50vh:hover { max-height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-h-50vh:focus { max-height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-h-50vh:active { max-height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-h-50vh:disabled { max-height: 50vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-max-h-100vh { max-height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-max-h-100vh:hover { max-height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-max-h-100vh:focus { max-height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-max-h-100vh:active { max-height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-max-h-100vh:disabled { max-height: 100vh; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-auto { font-size: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-auto:hover { font-size: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-auto:focus { font-size: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-auto:active { font-size: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-auto:disabled { font-size: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-0 { font-size: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-0:hover { font-size: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-0:focus { font-size: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-0:active { font-size: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-0:disabled { font-size: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-1 { font-size: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-1:hover { font-size: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-1:focus { font-size: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-1:active { font-size: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-1:disabled { font-size: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-2 { font-size: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-2:hover { font-size: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-2:focus { font-size: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-2:active { font-size: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-2:disabled { font-size: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-3 { font-size: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-3:hover { font-size: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-3:focus { font-size: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-3:active { font-size: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-3:disabled { font-size: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-4 { font-size: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-4:hover { font-size: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-4:focus { font-size: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-4:active { font-size: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-4:disabled { font-size: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-5 { font-size: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-5:hover { font-size: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-5:focus { font-size: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-5:active { font-size: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-5:disabled { font-size: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-6 { font-size: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-6:hover { font-size: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-6:focus { font-size: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-6:active { font-size: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-6:disabled { font-size: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-7 { font-size: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-7:hover { font-size: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-7:focus { font-size: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-7:active { font-size: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-7:disabled { font-size: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-8 { font-size: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-8:hover { font-size: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-8:focus { font-size: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-8:active { font-size: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-8:disabled { font-size: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-9 { font-size: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-9:hover { font-size: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-9:focus { font-size: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-9:active { font-size: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-9:disabled { font-size: 2.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-10 { font-size: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-10:hover { font-size: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-10:focus { font-size: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-10:active { font-size: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-10:disabled { font-size: 2.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-12 { font-size: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-12:hover { font-size: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-12:focus { font-size: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-12:active { font-size: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-12:disabled { font-size: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-14 { font-size: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-14:hover { font-size: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-14:focus { font-size: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-14:active { font-size: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-14:disabled { font-size: 3.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-16 { font-size: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-16:hover { font-size: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-16:focus { font-size: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-16:active { font-size: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-16:disabled { font-size: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-18 { font-size: 4.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-18:hover { font-size: 4.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-18:focus { font-size: 4.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-18:active { font-size: 4.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-18:disabled { font-size: 4.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-20 { font-size: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-20:hover { font-size: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-20:focus { font-size: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-20:active { font-size: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-20:disabled { font-size: 5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-24 { font-size: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-24:hover { font-size: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-24:focus { font-size: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-24:active { font-size: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-24:disabled { font-size: 6rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-28 { font-size: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-28:hover { font-size: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-28:focus { font-size: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-28:active { font-size: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-28:disabled { font-size: 7rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-size-32 { font-size: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-size-32:hover { font-size: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-size-32:focus { font-size: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-size-32:active { font-size: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-size-32:disabled { font-size: 8rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-weight-normal { font-weight: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-weight-normal:hover { font-weight: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-weight-normal:focus { font-weight: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-weight-normal:active { font-weight: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-weight-normal:disabled { font-weight: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-weight-light { font-weight: 300; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-weight-light:hover { font-weight: 300; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-weight-light:focus { font-weight: 300; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-weight-light:active { font-weight: 300; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-weight-light:disabled { font-weight: 300; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-weight-medium { font-weight: 500; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-weight-medium:hover { font-weight: 500; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-weight-medium:focus { font-weight: 500; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-weight-medium:active { font-weight: 500; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-weight-medium:disabled { font-weight: 500; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-weight-bold { font-weight: 700; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-weight-bold:hover { font-weight: 700; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-weight-bold:focus { font-weight: 700; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-weight-bold:active { font-weight: 700; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-weight-bold:disabled { font-weight: 700; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-font-weight-bolder { font-weight: bolder; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-font-weight-bolder:hover { font-weight: bolder; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-font-weight-bolder:focus { font-weight: bolder; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-font-weight-bolder:active { font-weight: bolder; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-font-weight-bolder:disabled { font-weight: bolder; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-height-1 { line-height: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-height-1:hover { line-height: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-height-1:focus { line-height: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-height-1:active { line-height: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-height-1:disabled { line-height: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-height-2 { line-height: 1.25; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-height-2:hover { line-height: 1.25; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-height-2:focus { line-height: 1.25; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-height-2:active { line-height: 1.25; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-height-2:disabled { line-height: 1.25; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-height-3 { line-height: 1.375; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-height-3:hover { line-height: 1.375; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-height-3:focus { line-height: 1.375; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-height-3:active { line-height: 1.375; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-height-3:disabled { line-height: 1.375; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-height-4 { line-height: 1.5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-height-4:hover { line-height: 1.5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-height-4:focus { line-height: 1.5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-height-4:active { line-height: 1.5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-height-4:disabled { line-height: 1.5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-height-5 { line-height: 1.625; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-height-5:hover { line-height: 1.625; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-height-5:focus { line-height: 1.625; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-height-5:active { line-height: 1.625; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-height-5:disabled { line-height: 1.625; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-height-6 { line-height: 1.75; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-height-6:hover { line-height: 1.75; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-height-6:focus { line-height: 1.75; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-height-6:active { line-height: 1.75; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-height-6:disabled { line-height: 1.75; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-height-7 { line-height: 2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-height-7:hover { line-height: 2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-height-7:focus { line-height: 2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-height-7:active { line-height: 2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-height-7:disabled { line-height: 2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-left { text-align: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-left:hover { text-align: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-left:focus { text-align: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-left:active { text-align: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-left:disabled { text-align: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-center { text-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-center:hover { text-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-center:focus { text-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-center:active { text-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-center:disabled { text-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-right { text-align: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-right:hover { text-align: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-right:focus { text-align: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-right:active { text-align: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-right:disabled { text-align: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-justify { text-align: justify; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-justify:hover { text-align: justify; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-justify:focus { text-align: justify; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-justify:active { text-align: justify; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-justify:disabled { text-align: justify; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-justify-start { justify-content: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-justify-start:hover { justify-content: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-justify-start:focus { justify-content: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-justify-start:active { justify-content: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-justify-start:disabled { justify-content: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-justify-center { justify-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-justify-center:hover { justify-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-justify-center:focus { justify-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-justify-center:active { justify-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-justify-center:disabled { justify-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-justify-end { justify-content: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-justify-end:hover { justify-content: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-justify-end:focus { justify-content: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-justify-end:active { justify-content: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-justify-end:disabled { justify-content: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-justify-between { justify-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-justify-between:hover { justify-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-justify-between:focus { justify-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-justify-between:active { justify-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-justify-between:disabled { justify-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-justify-around { justify-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-justify-around:hover { justify-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-justify-around:focus { justify-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-justify-around:active { justify-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-justify-around:disabled { justify-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-justify-evenly { justify-content: space-evenly; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-justify-evenly:hover { justify-content: space-evenly; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-justify-evenly:focus { justify-content: space-evenly; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-justify-evenly:active { justify-content: space-evenly; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-justify-evenly:disabled { justify-content: space-evenly; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-items-start { align-items: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-items-start:hover { align-items: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-items-start:focus { align-items: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-items-start:active { align-items: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-items-start:disabled { align-items: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-items-center { align-items: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-items-center:hover { align-items: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-items-center:focus { align-items: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-items-center:active { align-items: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-items-center:disabled { align-items: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-items-end { align-items: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-items-end:hover { align-items: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-items-end:focus { align-items: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-items-end:active { align-items: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-items-end:disabled { align-items: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-items-baseline { align-items: baseline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-items-baseline:hover { align-items: baseline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-items-baseline:focus { align-items: baseline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-items-baseline:active { align-items: baseline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-items-baseline:disabled { align-items: baseline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-items-stretch { align-items: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-items-stretch:hover { align-items: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-items-stretch:focus { align-items: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-items-stretch:active { align-items: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-items-stretch:disabled { align-items: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-content-start { align-content: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-content-start:hover { align-content: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-content-start:focus { align-content: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-content-start:active { align-content: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-content-start:disabled { align-content: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-content-center { align-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-content-center:hover { align-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-content-center:focus { align-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-content-center:active { align-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-content-center:disabled { align-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-content-end { align-content: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-content-end:hover { align-content: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-content-end:focus { align-content: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-content-end:active { align-content: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-content-end:disabled { align-content: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-content-between { align-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-content-between:hover { align-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-content-between:focus { align-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-content-between:active { align-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-content-between:disabled { align-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-content-around { align-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-content-around:hover { align-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-content-around:focus { align-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-content-around:active { align-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-content-around:disabled { align-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-content-evenly { align-content: space-evenly; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-content-evenly:hover { align-content: space-evenly; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-content-evenly:focus { align-content: space-evenly; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-content-evenly:active { align-content: space-evenly; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-content-evenly:disabled { align-content: space-evenly; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-self-auto { align-self: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-self-auto:hover { align-self: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-self-auto:focus { align-self: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-self-auto:active { align-self: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-self-auto:disabled { align-self: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-self-start { align-self: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-self-start:hover { align-self: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-self-start:focus { align-self: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-self-start:active { align-self: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-self-start:disabled { align-self: flex-start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-self-center { align-self: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-self-center:hover { align-self: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-self-center:focus { align-self: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-self-center:active { align-self: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-self-center:disabled { align-self: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-self-end { align-self: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-self-end:hover { align-self: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-self-end:focus { align-self: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-self-end:active { align-self: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-self-end:disabled { align-self: flex-end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-self-stretch { align-self: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-self-stretch:hover { align-self: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-self-stretch:focus { align-self: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-self-stretch:active { align-self: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-self-stretch:disabled { align-self: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-items-start { place-items: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-items-start:hover { place-items: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-items-start:focus { place-items: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-items-start:active { place-items: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-items-start:disabled { place-items: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-items-center { place-items: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-items-center:hover { place-items: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-items-center:focus { place-items: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-items-center:active { place-items: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-items-center:disabled { place-items: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-items-end { place-items: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-items-end:hover { place-items: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-items-end:focus { place-items: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-items-end:active { place-items: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-items-end:disabled { place-items: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-items-stretch { place-items: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-items-stretch:hover { place-items: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-items-stretch:focus { place-items: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-items-stretch:active { place-items: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-items-stretch:disabled { place-items: stretch; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-content-start { place-content: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-content-start:hover { place-content: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-content-start:focus { place-content: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-content-start:active { place-content: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-content-start:disabled { place-content: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-content-center { place-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-content-center:hover { place-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-content-center:focus { place-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-content-center:active { place-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-content-center:disabled { place-content: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-content-end { place-content: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-content-end:hover { place-content: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-content-end:focus { place-content: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-content-end:active { place-content: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-content-end:disabled { place-content: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-content-between { place-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-content-between:hover { place-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-content-between:focus { place-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-content-between:active { place-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-content-between:disabled { place-content: space-between; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-content-around { place-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-content-around:hover { place-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-content-around:focus { place-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-content-around:active { place-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-content-around:disabled { place-content: space-around; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-self-auto { place-self: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-self-auto:hover { place-self: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-self-auto:focus { place-self: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-self-auto:active { place-self: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-self-auto:disabled { place-self: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-self-start { place-self: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-self-start:hover { place-self: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-self-start:focus { place-self: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-self-start:active { place-self: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-self-start:disabled { place-self: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-self-center { place-self: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-self-center:hover { place-self: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-self-center:focus { place-self: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-self-center:active { place-self: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-self-center:disabled { place-self: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-place-self-end { place-self: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-place-self-end:hover { place-self: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-place-self-end:focus { place-self: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-place-self-end:active { place-self: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-place-self-end:disabled { place-self: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-uppercase { text-transform: uppercase; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-uppercase:hover { text-transform: uppercase; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-uppercase:focus { text-transform: uppercase; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-uppercase:active { text-transform: uppercase; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-uppercase:disabled { text-transform: uppercase; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lowercase { text-transform: lowercase; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lowercase:hover { text-transform: lowercase; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lowercase:focus { text-transform: lowercase; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lowercase:active { text-transform: lowercase; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lowercase:disabled { text-transform: lowercase; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-capitalize { text-transform: capitalize; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-capitalize:hover { text-transform: capitalize; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-capitalize:focus { text-transform: capitalize; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-capitalize:active { text-transform: capitalize; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-capitalize:disabled { text-transform: capitalize; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-tracking-tight { letter-spacing: -0.05em; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-tracking-tight:hover { letter-spacing: -0.05em; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-tracking-tight:focus { letter-spacing: -0.05em; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-tracking-tight:active { letter-spacing: -0.05em; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-tracking-normal { letter-spacing: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-tracking-normal:hover { letter-spacing: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-tracking-normal:focus { letter-spacing: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-tracking-normal:active { letter-spacing: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-tracking-normal:disabled { letter-spacing: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-tracking-wide { letter-spacing: 0.05em; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-tracking-wide:hover { letter-spacing: 0.05em; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-tracking-wide:focus { letter-spacing: 0.05em; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-tracking-wide:active { letter-spacing: 0.05em; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-underline { text-decoration: underline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-underline:hover { text-decoration: underline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-underline:focus { text-decoration: underline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-underline:active { text-decoration: underline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-underline:disabled { text-decoration: underline; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-through { text-decoration: line-through; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-through:hover { text-decoration: line-through; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-through:focus { text-decoration: line-through; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-through:active { text-decoration: line-through; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-through:disabled { text-decoration: line-through; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-no-underline { text-decoration: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-no-underline:hover { text-decoration: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-no-underline:focus { text-decoration: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-no-underline:active { text-decoration: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-no-underline:disabled { text-decoration: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-black { color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-black:hover { color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-black:focus { color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-black:active { color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-black:disabled { color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-white { color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-white:hover { color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-white:focus { color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-white:active { color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-white:disabled { color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-red-50 { color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-red-50:hover { color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-red-50:focus { color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-red-50:active { color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-red-100 { color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-red-100:hover { color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-red-100:focus { color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-red-100:active { color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-red-200 { color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-red-200:hover { color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-red-200:focus { color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-red-200:active { color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-red-300 { color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-red-300:hover { color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-red-300:focus { color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-red-300:active { color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-red-400 { color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-red-400:hover { color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-red-400:focus { color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-red-400:active { color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-red-500 { color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-red-500:hover { color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-red-500:focus { color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-red-500:active { color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-red-600 { color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-red-600:hover { color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-red-600:focus { color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-red-600:active { color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-red-700 { color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-red-700:hover { color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-red-700:focus { color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-red-700:active { color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-red-800 { color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-red-800:hover { color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-red-800:focus { color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-red-800:active { color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-red-900 { color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-red-900:hover { color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-red-900:focus { color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-red-900:active { color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-orange-50 { color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-orange-50:active { color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-orange-100 { color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-orange-100:active { color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-orange-200 { color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-orange-200:active { color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-orange-300 { color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-orange-300:active { color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-orange-400 { color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-orange-400:active { color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-orange-500 { color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-orange-500:active { color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-orange-600 { color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-orange-600:active { color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-orange-700 { color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-orange-700:active { color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-orange-800 { color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-orange-800:active { color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-orange-900 { color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-orange-900:active { color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-teal-50 { color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-teal-50:active { color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-teal-100 { color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-teal-100:active { color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-teal-200 { color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-teal-200:active { color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-teal-300 { color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-teal-300:active { color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-teal-400 { color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-teal-400:active { color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-teal-500 { color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-teal-500:active { color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-teal-600 { color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-teal-600:active { color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-teal-700 { color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-teal-700:active { color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-teal-800 { color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-teal-800:active { color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-teal-900 { color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-teal-900:active { color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-purple-50 { color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-purple-50:active { color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-purple-100 { color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-purple-100:active { color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-purple-200 { color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-purple-200:active { color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-purple-300 { color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-purple-300:active { color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-purple-400 { color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-purple-400:active { color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-purple-500 { color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-purple-500:active { color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-purple-600 { color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-purple-600:active { color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-purple-700 { color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-purple-700:active { color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-purple-800 { color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-purple-800:active { color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-purple-900 { color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-purple-900:active { color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-indigo-50 { color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-indigo-100 { color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-indigo-200 { color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-indigo-300 { color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-indigo-400 { color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-indigo-500 { color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-indigo-600 { color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-indigo-700 { color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-indigo-800 { color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-indigo-900 { color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-yellow-50 { color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-yellow-100 { color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-yellow-200 { color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-yellow-300 { color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-yellow-400 { color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-yellow-500 { color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-yellow-600 { color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-yellow-700 { color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-yellow-800 { color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-yellow-900 { color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-pink-50 { color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-pink-50:active { color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-pink-100 { color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-pink-100:active { color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-pink-200 { color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-pink-200:active { color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-pink-300 { color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-pink-300:active { color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-pink-400 { color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-pink-400:active { color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-pink-500 { color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-pink-500:active { color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-pink-600 { color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-pink-600:active { color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-pink-700 { color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-pink-700:active { color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-pink-800 { color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-pink-800:active { color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-pink-900 { color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-pink-900:active { color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-grey-50 { color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-grey-50:active { color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-grey-100 { color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-grey-100:active { color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-grey-200 { color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-grey-200:active { color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-grey-300 { color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-grey-300:active { color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-grey-400 { color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-grey-400:active { color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-grey-500 { color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-grey-500:active { color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-grey-600 { color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-grey-600:active { color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-grey-700 { color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-grey-700:active { color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-grey-800 { color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-grey-800:active { color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-grey-900 { color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-grey-900:active { color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lime-50 { color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lime-50:active { color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lime-100 { color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lime-100:active { color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lime-200 { color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lime-200:active { color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lime-300 { color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lime-300:active { color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lime-400 { color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lime-400:active { color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lime-500 { color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lime-500:active { color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lime-600 { color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lime-600:active { color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lime-700 { color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lime-700:active { color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lime-800 { color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lime-800:active { color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-lime-900 { color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-lime-900:active { color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-cyan-50 { color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-cyan-100 { color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-cyan-200 { color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-cyan-300 { color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-cyan-400 { color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-cyan-500 { color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-cyan-600 { color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-cyan-700 { color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-cyan-800 { color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-cyan-900 { color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-sky-50 { color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-sky-50:active { color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-sky-100 { color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-sky-100:active { color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-sky-200 { color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-sky-200:active { color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-sky-300 { color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-sky-300:active { color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-sky-400 { color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-sky-400:active { color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-sky-500 { color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-sky-500:active { color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-sky-600 { color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-sky-600:active { color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-sky-700 { color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-sky-700:active { color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-sky-800 { color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-sky-800:active { color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-sky-900 { color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-sky-900:active { color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-violet-50 { color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-violet-50:active { color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-violet-100 { color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-violet-100:active { color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-violet-200 { color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-violet-200:active { color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-violet-300 { color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-violet-300:active { color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-violet-400 { color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-violet-400:active { color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-violet-500 { color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-violet-500:active { color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-violet-600 { color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-violet-600:active { color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-violet-700 { color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-violet-700:active { color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-violet-800 { color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-violet-800:active { color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-violet-900 { color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-violet-900:active { color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-rose-50 { color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-rose-50:active { color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-rose-100 { color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-rose-100:active { color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-rose-200 { color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-rose-200:active { color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-rose-300 { color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-rose-300:active { color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-rose-400 { color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-rose-400:active { color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-rose-500 { color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-rose-500:active { color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-rose-600 { color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-rose-600:active { color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-rose-700 { color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-rose-700:active { color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-rose-800 { color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-rose-800:active { color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-rose-900 { color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-rose-900:active { color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-slate-50 { color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-slate-50:active { color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-slate-100 { color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-slate-100:active { color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-slate-200 { color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-slate-200:active { color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-slate-300 { color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-slate-300:active { color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-slate-400 { color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-slate-400:active { color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-slate-500 { color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-slate-500:active { color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-slate-600 { color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-slate-600:active { color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-slate-700 { color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-slate-700:active { color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-slate-800 { color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-slate-800:active { color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-slate-900 { color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-slate-900:active { color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-blue-50 { color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-blue-50:active { color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-blue-100 { color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-blue-100:active { color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-blue-200 { color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-blue-200:active { color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-blue-300 { color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-blue-300:active { color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-blue-400 { color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-blue-400:active { color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-blue-500 { color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-blue-500:active { color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-blue-600 { color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-blue-600:active { color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-blue-700 { color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-blue-700:active { color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-blue-800 { color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-blue-800:active { color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-blue-900 { color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-blue-900:active { color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-green-50 { color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-green-50:hover { color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-green-50:focus { color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-green-50:active { color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-green-100 { color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-green-100:hover { color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-green-100:focus { color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-green-100:active { color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-green-200 { color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-green-200:hover { color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-green-200:focus { color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-green-200:active { color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-green-300 { color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-green-300:hover { color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-green-300:focus { color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-green-300:active { color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-green-400 { color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-green-400:hover { color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-green-400:focus { color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-green-400:active { color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-green-500 { color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-green-500:hover { color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-green-500:focus { color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-green-500:active { color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-green-600 { color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-green-600:hover { color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-green-600:focus { color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-green-600:active { color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-green-700 { color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-green-700:hover { color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-green-700:focus { color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-green-700:active { color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-green-800 { color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-green-800:hover { color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-green-800:focus { color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-green-800:active { color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-green-900 { color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-green-900:hover { color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-green-900:focus { color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-green-900:active { color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-red-50 { background-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-red-50:active { background-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-red-100 { background-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-red-100:active { background-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-red-200 { background-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-red-200:active { background-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-red-300 { background-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-red-300:active { background-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-red-400 { background-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-red-400:active { background-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-red-500 { background-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-red-500:active { background-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-red-600 { background-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-red-600:active { background-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-red-700 { background-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-red-700:active { background-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-red-800 { background-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-red-800:active { background-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-red-900 { background-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-red-900:active { background-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-orange-50 { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-orange-100 { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-orange-200 { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-orange-300 { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-orange-400 { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-orange-500 { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-orange-600 { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-orange-700 { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-orange-800 { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-orange-900 { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-teal-50 { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-teal-100 { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-teal-200 { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-teal-300 { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-teal-400 { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-teal-500 { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-teal-600 { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-teal-700 { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-teal-800 { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-teal-900 { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-purple-50 { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-purple-100 { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-purple-200 { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-purple-300 { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-purple-400 { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-purple-500 { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-purple-600 { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-purple-700 { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-purple-800 { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-purple-900 { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-pink-50 { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-pink-100 { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-pink-200 { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-pink-300 { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-pink-400 { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-pink-500 { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-pink-600 { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-pink-700 { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-pink-800 { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-pink-900 { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-grey-50 { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-grey-100 { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-grey-200 { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-grey-300 { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-grey-400 { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-grey-500 { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-grey-600 { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-grey-700 { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-grey-800 { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-grey-900 { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-lime-50 { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-lime-100 { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-lime-200 { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-lime-300 { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-lime-400 { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-lime-500 { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-lime-600 { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-lime-700 { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-lime-800 { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-lime-900 { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-sky-50 { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-sky-100 { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-sky-200 { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-sky-300 { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-sky-400 { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-sky-500 { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-sky-600 { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-sky-700 { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-sky-800 { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-sky-900 { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-violet-50 { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-violet-100 { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-violet-200 { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-violet-300 { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-violet-400 { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-violet-500 { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-violet-600 { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-violet-700 { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-violet-800 { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-violet-900 { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-rose-50 { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-rose-100 { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-rose-200 { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-rose-300 { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-rose-400 { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-rose-500 { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-rose-600 { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-rose-700 { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-rose-800 { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-rose-900 { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-slate-50 { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-slate-100 { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-slate-200 { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-slate-300 { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-slate-400 { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-slate-500 { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-slate-600 { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-slate-700 { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-slate-800 { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-slate-900 { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blue-50 { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blue-100 { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blue-200 { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blue-300 { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blue-400 { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blue-500 { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blue-600 { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blue-700 { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blue-800 { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blue-900 { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-green-50 { background-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-green-50:active { background-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-green-100 { background-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-green-100:active { background-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-green-200 { background-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-green-200:active { background-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-green-300 { background-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-green-300:active { background-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-green-400 { background-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-green-400:active { background-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-green-500 { background-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-green-500:active { background-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-green-600 { background-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-green-600:active { background-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-green-700 { background-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-green-700:active { background-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-green-800 { background-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-green-800:active { background-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-green-900 { background-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-green-900:active { background-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-black { background-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-black:hover { background-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-black:focus { background-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-black:active { background-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-black:disabled { background-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-white { background-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-white:hover { background-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-white:focus { background-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-white:active { background-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-white:disabled { background-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-red-50 { border-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-red-50:active { border-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-red-100 { border-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-red-100:active { border-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-red-200 { border-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-red-200:active { border-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-red-300 { border-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-red-300:active { border-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-red-400 { border-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-red-400:active { border-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-red-500 { border-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-red-500:active { border-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-red-600 { border-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-red-600:active { border-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-red-700 { border-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-red-700:active { border-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-red-800 { border-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-red-800:active { border-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-red-900 { border-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-red-900:active { border-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-orange-50 { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-orange-100 { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-orange-200 { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-orange-300 { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-orange-400 { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-orange-500 { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-orange-600 { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-orange-700 { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-orange-800 { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-orange-900 { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-teal-50 { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-teal-100 { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-teal-200 { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-teal-300 { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-teal-400 { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-teal-500 { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-teal-600 { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-teal-700 { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-teal-800 { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-teal-900 { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-purple-50 { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-purple-100 { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-purple-200 { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-purple-300 { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-purple-400 { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-purple-500 { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-purple-600 { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-purple-700 { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-purple-800 { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-purple-900 { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-indigo-50 { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-indigo-100 { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-indigo-200 { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-indigo-300 { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-indigo-400 { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-indigo-500 { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-indigo-600 { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-indigo-700 { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-indigo-800 { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-indigo-900 { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-yellow-50 { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-yellow-100 { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-yellow-200 { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-yellow-300 { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-yellow-400 { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-yellow-500 { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-yellow-600 { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-yellow-700 { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-yellow-800 { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-yellow-900 { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-pink-50 { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-pink-100 { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-pink-200 { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-pink-300 { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-pink-400 { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-pink-500 { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-pink-600 { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-pink-700 { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-pink-800 { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-pink-900 { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-grey-50 { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-grey-100 { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-grey-200 { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-grey-300 { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-grey-400 { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-grey-500 { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-grey-600 { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-grey-700 { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-grey-800 { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-grey-900 { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-lime-50 { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-lime-100 { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-lime-200 { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-lime-300 { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-lime-400 { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-lime-500 { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-lime-600 { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-lime-700 { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-lime-800 { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-lime-900 { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-cyan-50 { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-cyan-100 { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-cyan-200 { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-cyan-300 { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-cyan-400 { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-cyan-500 { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-cyan-600 { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-cyan-700 { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-cyan-800 { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-cyan-900 { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-sky-50 { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-sky-100 { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-sky-200 { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-sky-300 { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-sky-400 { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-sky-500 { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-sky-600 { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-sky-700 { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-sky-800 { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-sky-900 { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-violet-50 { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-violet-100 { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-violet-200 { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-violet-300 { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-violet-400 { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-violet-500 { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-violet-600 { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-violet-700 { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-violet-800 { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-violet-900 { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-rose-50 { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-rose-100 { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-rose-200 { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-rose-300 { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-rose-400 { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-rose-500 { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-rose-600 { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-rose-700 { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-rose-800 { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-rose-900 { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-slate-50 { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-slate-100 { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-slate-200 { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-slate-300 { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-slate-400 { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-slate-500 { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-slate-600 { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-slate-700 { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-slate-800 { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-slate-900 { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-blue-50 { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-blue-100 { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-blue-200 { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-blue-300 { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-blue-400 { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-blue-500 { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-blue-600 { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-blue-700 { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-blue-800 { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-blue-900 { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-green-50 { border-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-green-50:active { border-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-green-100 { border-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-green-100:active { border-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-green-200 { border-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-green-200:active { border-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-green-300 { border-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-green-300:active { border-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-green-400 { border-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-green-400:active { border-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-green-500 { border-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-green-500:active { border-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-green-600 { border-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-green-600:active { border-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-green-700 { border-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-green-700:active { border-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-green-800 { border-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-green-800:active { border-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-green-900 { border-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-green-900:active { border-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-black { border-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-black:hover { border-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-black:focus { border-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-black:active { border-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-black:disabled { border-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-white { border-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-white:hover { border-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-white:focus { border-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-white:active { border-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-white:disabled { border-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-0 { border-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-0:hover { border-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-0:focus { border-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-0:active { border-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-0:disabled { border-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-0 { border-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-0:hover { border-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-0:focus { border-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-0:active { border-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-0:disabled { border-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-0 { border-top-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-0:hover { border-top-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-0:focus { border-top-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-0:active { border-top-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-0 { border-right-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-0:hover { border-right-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-0:focus { border-right-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-0:active { border-right-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-0 { border-bottom-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-0:active { border-bottom-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-0 { border-left-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-0:hover { border-left-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-0:focus { border-left-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-0:active { border-left-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-1 { border-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-1:hover { border-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-1:focus { border-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-1:active { border-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-1:disabled { border-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-1 { border-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-1:hover { border-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-1:focus { border-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-1:active { border-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-1:disabled { border-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-1 { border-top-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-1:hover { border-top-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-1:focus { border-top-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-1:active { border-top-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-1 { border-right-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-1:hover { border-right-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-1:focus { border-right-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-1:active { border-right-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-1 { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-1:active { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-1 { border-left-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-1:hover { border-left-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-1:focus { border-left-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-1:active { border-left-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-2 { border-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-2:hover { border-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-2:focus { border-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-2:active { border-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-2:disabled { border-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-2 { border-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-2:hover { border-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-2:focus { border-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-2:active { border-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-2:disabled { border-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-2 { border-top-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-2:hover { border-top-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-2:focus { border-top-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-2:active { border-top-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-2 { border-right-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-2:hover { border-right-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-2:focus { border-right-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-2:active { border-right-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-2 { border-bottom-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-2:active { border-bottom-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-2 { border-left-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-2:hover { border-left-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-2:focus { border-left-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-2:active { border-left-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-3 { border-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-3:hover { border-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-3:focus { border-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-3:active { border-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-3:disabled { border-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-3 { border-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-3:hover { border-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-3:focus { border-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-3:active { border-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-3:disabled { border-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-3 { border-top-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-3:hover { border-top-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-3:focus { border-top-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-3:active { border-top-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-3 { border-right-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-3:hover { border-right-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-3:focus { border-right-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-3:active { border-right-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-3 { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-3:active { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-3 { border-left-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-3:hover { border-left-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-3:focus { border-left-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-3:active { border-left-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-4 { border-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-4:hover { border-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-4:focus { border-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-4:active { border-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-4:disabled { border-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-4 { border-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-4:hover { border-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-4:focus { border-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-4:active { border-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-4:disabled { border-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-4 { border-top-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-4:hover { border-top-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-4:focus { border-top-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-4:active { border-top-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-4 { border-right-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-4:hover { border-right-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-4:focus { border-right-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-4:active { border-right-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-4 { border-bottom-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-4:active { border-bottom-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-4 { border-left-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-4:hover { border-left-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-4:focus { border-left-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-4:active { border-left-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-5 { border-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-5:hover { border-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-5:focus { border-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-5:active { border-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-5:disabled { border-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-5 { border-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-5:hover { border-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-5:focus { border-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-5:active { border-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-5:disabled { border-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-5 { border-top-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-5:hover { border-top-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-5:focus { border-top-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-5:active { border-top-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-5 { border-right-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-5:hover { border-right-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-5:focus { border-right-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-5:active { border-right-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-5 { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-5:active { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-5 { border-left-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-5:hover { border-left-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-5:focus { border-left-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-5:active { border-left-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-6 { border-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-6:hover { border-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-6:focus { border-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-6:active { border-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-6:disabled { border-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-6 { border-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-6:hover { border-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-6:focus { border-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-6:active { border-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-6:disabled { border-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-6 { border-top-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-6:hover { border-top-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-6:focus { border-top-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-6:active { border-top-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-6 { border-right-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-6:hover { border-right-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-6:focus { border-right-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-6:active { border-right-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-6 { border-bottom-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-6:active { border-bottom-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-6 { border-left-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-6:hover { border-left-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-6:focus { border-left-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-6:active { border-left-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-7 { border-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-7:hover { border-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-7:focus { border-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-7:active { border-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-7:disabled { border-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-7 { border-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-7:hover { border-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-7:focus { border-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-7:active { border-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-7:disabled { border-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-7 { border-top-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-7:hover { border-top-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-7:focus { border-top-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-7:active { border-top-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-7 { border-right-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-7:hover { border-right-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-7:focus { border-right-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-7:active { border-right-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-7 { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-7:active { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-7 { border-left-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-7:hover { border-left-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-7:focus { border-left-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-7:active { border-left-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-8 { border-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-8:hover { border-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-8:focus { border-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-8:active { border-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-8:disabled { border-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-8 { border-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-8:hover { border-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-8:focus { border-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-8:active { border-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-8:disabled { border-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-8 { border-top-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-8:hover { border-top-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-8:focus { border-top-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-8:active { border-top-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-8 { border-right-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-8:hover { border-right-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-8:focus { border-right-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-8:active { border-right-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-8 { border-bottom-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-8:active { border-bottom-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-8 { border-left-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-8:hover { border-left-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-8:focus { border-left-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-8:active { border-left-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-9 { border-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-9:hover { border-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-9:focus { border-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-9:active { border-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-9:disabled { border-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-9 { border-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-9:hover { border-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-9:focus { border-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-9:active { border-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-9:disabled { border-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-9 { border-top-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-9:hover { border-top-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-9:focus { border-top-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-9:active { border-top-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-9 { border-right-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-9:hover { border-right-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-9:focus { border-right-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-9:active { border-right-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-9 { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-9:active { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-9 { border-left-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-9:hover { border-left-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-9:focus { border-left-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-9:active { border-left-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-10 { border-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-10:hover { border-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-10:focus { border-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-10:active { border-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-10:disabled { border-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-10 { border-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-10:hover { border-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-10:focus { border-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-10:active { border-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-10:disabled { border-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-10 { border-top-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-10:hover { border-top-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-10:focus { border-top-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-10:active { border-top-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-10 { border-right-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-10:hover { border-right-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-10:focus { border-right-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-10:active { border-right-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-10 { border-bottom-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-10:active { border-bottom-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-10 { border-left-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-10:hover { border-left-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-10:focus { border-left-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-10:active { border-left-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-11 { border-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-11:hover { border-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-11:focus { border-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-11:active { border-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-11:disabled { border-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-11 { border-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-11:hover { border-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-11:focus { border-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-11:active { border-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-11:disabled { border-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-11 { border-top-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-11:hover { border-top-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-11:focus { border-top-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-11:active { border-top-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-11 { border-right-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-11:hover { border-right-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-11:focus { border-right-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-11:active { border-right-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-11 { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-11:active { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-11 { border-left-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-11:hover { border-left-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-11:focus { border-left-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-11:active { border-left-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-12 { border-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-12:hover { border-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-12:focus { border-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-12:active { border-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-12:disabled { border-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-12 { border-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-12:hover { border-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-12:focus { border-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-12:active { border-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-12:disabled { border-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-12 { border-top-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-12:hover { border-top-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-12:focus { border-top-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-12:active { border-top-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-12 { border-right-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-12:hover { border-right-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-12:focus { border-right-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-12:active { border-right-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-12 { border-bottom-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-12:active { border-bottom-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-12 { border-left-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-12:hover { border-left-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-12:focus { border-left-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-12:active { border-left-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-13 { border-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-13:hover { border-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-13:focus { border-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-13:active { border-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-13:disabled { border-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-13 { border-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-13:hover { border-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-13:focus { border-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-13:active { border-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-13:disabled { border-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-13 { border-top-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-13:hover { border-top-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-13:focus { border-top-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-13:active { border-top-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-13 { border-right-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-13:hover { border-right-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-13:focus { border-right-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-13:active { border-right-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-13 { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-13:active { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-13 { border-left-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-13:hover { border-left-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-13:focus { border-left-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-13:active { border-left-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-14 { border-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-14:hover { border-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-14:focus { border-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-14:active { border-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-14:disabled { border-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-14 { border-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-14:hover { border-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-14:focus { border-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-14:active { border-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-14:disabled { border-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-14 { border-top-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-14:hover { border-top-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-14:focus { border-top-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-14:active { border-top-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-14 { border-right-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-14:hover { border-right-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-14:focus { border-right-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-14:active { border-right-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-14 { border-bottom-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-14:active { border-bottom-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-14 { border-left-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-14:hover { border-left-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-14:focus { border-left-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-14:active { border-left-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-15 { border-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-15:hover { border-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-15:focus { border-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-15:active { border-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-15:disabled { border-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-15 { border-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-15:hover { border-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-15:focus { border-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-15:active { border-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-15:disabled { border-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-15 { border-top-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-15:hover { border-top-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-15:focus { border-top-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-15:active { border-top-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-15 { border-right-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-15:hover { border-right-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-15:focus { border-right-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-15:active { border-right-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-15 { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-15:active { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-15 { border-left-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-15:hover { border-left-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-15:focus { border-left-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-15:active { border-left-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-16 { border-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-16:hover { border-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-16:focus { border-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-16:active { border-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-16:disabled { border-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-16 { border-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-16:hover { border-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-16:focus { border-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-16:active { border-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-16:disabled { border-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-16 { border-top-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-16:hover { border-top-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-16:focus { border-top-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-16:active { border-top-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-16 { border-right-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-16:hover { border-right-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-16:focus { border-right-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-16:active { border-right-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-16 { border-bottom-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-16:active { border-bottom-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-16 { border-left-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-16:hover { border-left-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-16:focus { border-left-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-16:active { border-left-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-17 { border-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-17:hover { border-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-17:focus { border-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-17:active { border-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-17:disabled { border-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-17 { border-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-17:hover { border-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-17:focus { border-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-17:active { border-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-17:disabled { border-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-17 { border-top-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-17:hover { border-top-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-17:focus { border-top-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-17:active { border-top-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-17 { border-right-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-17:hover { border-right-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-17:focus { border-right-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-17:active { border-right-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-17 { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-17:active { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-17 { border-left-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-17:hover { border-left-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-17:focus { border-left-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-17:active { border-left-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-18 { border-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-18:hover { border-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-18:focus { border-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-18:active { border-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-18:disabled { border-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-18 { border-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-18:hover { border-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-18:focus { border-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-18:active { border-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-18:disabled { border-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-18 { border-top-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-18:hover { border-top-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-18:focus { border-top-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-18:active { border-top-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-18 { border-right-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-18:hover { border-right-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-18:focus { border-right-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-18:active { border-right-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-18 { border-bottom-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-18:active { border-bottom-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-18 { border-left-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-18:hover { border-left-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-18:focus { border-left-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-18:active { border-left-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-19 { border-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-19:hover { border-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-19:focus { border-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-19:active { border-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-19:disabled { border-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-19 { border-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-19:hover { border-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-19:focus { border-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-19:active { border-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-19:disabled { border-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-19 { border-top-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-19:hover { border-top-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-19:focus { border-top-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-19:active { border-top-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-19 { border-right-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-19:hover { border-right-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-19:focus { border-right-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-19:active { border-right-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-19 { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-19:active { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-19 { border-left-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-19:hover { border-left-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-19:focus { border-left-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-19:active { border-left-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-20 { border-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-20:hover { border-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-20:focus { border-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-20:active { border-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-20:disabled { border-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-20 { border-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-20:hover { border-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-20:focus { border-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-20:active { border-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-20:disabled { border-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-20 { border-top-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-20:hover { border-top-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-20:focus { border-top-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-20:active { border-top-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-20 { border-right-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-20:hover { border-right-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-20:focus { border-right-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-20:active { border-right-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-20 { border-bottom-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-20:active { border-bottom-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-20 { border-left-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-20:hover { border-left-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-20:focus { border-left-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-20:active { border-left-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-21 { border-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-21:hover { border-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-21:focus { border-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-21:active { border-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-21:disabled { border-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-21 { border-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-21:hover { border-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-21:focus { border-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-21:active { border-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-21:disabled { border-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-21 { border-top-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-21:hover { border-top-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-21:focus { border-top-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-21:active { border-top-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-21 { border-right-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-21:hover { border-right-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-21:focus { border-right-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-21:active { border-right-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-21 { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-21:active { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-21 { border-left-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-21:hover { border-left-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-21:focus { border-left-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-21:active { border-left-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-22 { border-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-22:hover { border-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-22:focus { border-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-22:active { border-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-22:disabled { border-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-22 { border-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-22:hover { border-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-22:focus { border-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-22:active { border-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-22:disabled { border-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-22 { border-top-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-22:hover { border-top-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-22:focus { border-top-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-22:active { border-top-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-22 { border-right-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-22:hover { border-right-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-22:focus { border-right-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-22:active { border-right-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-22 { border-bottom-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-22:active { border-bottom-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-22 { border-left-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-22:hover { border-left-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-22:focus { border-left-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-22:active { border-left-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-23 { border-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-23:hover { border-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-23:focus { border-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-23:active { border-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-23:disabled { border-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-23 { border-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-23:hover { border-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-23:focus { border-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-23:active { border-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-23:disabled { border-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-23 { border-top-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-23:hover { border-top-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-23:focus { border-top-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-23:active { border-top-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-23 { border-right-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-23:hover { border-right-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-23:focus { border-right-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-23:active { border-right-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-23 { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-23:active { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-23 { border-left-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-23:hover { border-left-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-23:focus { border-left-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-23:active { border-left-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-24 { border-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-24:hover { border-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-24:focus { border-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-24:active { border-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-24:disabled { border-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-24 { border-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-24:hover { border-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-24:focus { border-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-24:active { border-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-24:disabled { border-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-24 { border-top-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-24:hover { border-top-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-24:focus { border-top-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-24:active { border-top-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-24 { border-right-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-24:hover { border-right-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-24:focus { border-right-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-24:active { border-right-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-24 { border-bottom-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-24:active { border-bottom-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-24 { border-left-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-24:hover { border-left-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-24:focus { border-left-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-24:active { border-left-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-25 { border-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-25:hover { border-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-25:focus { border-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-25:active { border-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-25:disabled { border-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-25 { border-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-25:hover { border-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-25:focus { border-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-25:active { border-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-25:disabled { border-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-25 { border-top-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-25:hover { border-top-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-25:focus { border-top-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-25:active { border-top-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-25 { border-right-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-25:hover { border-right-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-25:focus { border-right-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-25:active { border-right-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-25 { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-25:active { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-25 { border-left-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-25:hover { border-left-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-25:focus { border-left-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-25:active { border-left-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-26 { border-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-26:hover { border-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-26:focus { border-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-26:active { border-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-26:disabled { border-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-26 { border-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-26:hover { border-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-26:focus { border-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-26:active { border-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-26:disabled { border-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-26 { border-top-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-26:hover { border-top-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-26:focus { border-top-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-26:active { border-top-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-26 { border-right-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-26:hover { border-right-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-26:focus { border-right-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-26:active { border-right-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-26 { border-bottom-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-26:active { border-bottom-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-26 { border-left-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-26:hover { border-left-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-26:focus { border-left-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-26:active { border-left-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-27 { border-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-27:hover { border-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-27:focus { border-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-27:active { border-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-27:disabled { border-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-27 { border-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-27:hover { border-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-27:focus { border-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-27:active { border-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-27:disabled { border-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-27 { border-top-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-27:hover { border-top-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-27:focus { border-top-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-27:active { border-top-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-27 { border-right-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-27:hover { border-right-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-27:focus { border-right-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-27:active { border-right-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-27 { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-27:active { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-27 { border-left-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-27:hover { border-left-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-27:focus { border-left-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-27:active { border-left-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-28 { border-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-28:hover { border-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-28:focus { border-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-28:active { border-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-28:disabled { border-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-28 { border-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-28:hover { border-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-28:focus { border-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-28:active { border-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-28:disabled { border-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-28 { border-top-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-28:hover { border-top-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-28:focus { border-top-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-28:active { border-top-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-28 { border-right-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-28:hover { border-right-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-28:focus { border-right-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-28:active { border-right-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-28 { border-bottom-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-28:active { border-bottom-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-28 { border-left-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-28:hover { border-left-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-28:focus { border-left-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-28:active { border-left-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-29 { border-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-29:hover { border-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-29:focus { border-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-29:active { border-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-29:disabled { border-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-29 { border-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-29:hover { border-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-29:focus { border-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-29:active { border-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-29:disabled { border-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-29 { border-top-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-29:hover { border-top-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-29:focus { border-top-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-29:active { border-top-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-29 { border-right-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-29:hover { border-right-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-29:focus { border-right-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-29:active { border-right-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-29 { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-29:active { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-29 { border-left-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-29:hover { border-left-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-29:focus { border-left-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-29:active { border-left-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-30 { border-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-30:hover { border-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-30:focus { border-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-30:active { border-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-30:disabled { border-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-30 { border-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-30:hover { border-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-30:focus { border-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-30:active { border-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-30:disabled { border-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-30 { border-top-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-30:hover { border-top-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-30:focus { border-top-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-30:active { border-top-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-30 { border-right-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-30:hover { border-right-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-30:focus { border-right-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-30:active { border-right-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-30 { border-bottom-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-30:active { border-bottom-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-30 { border-left-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-30:hover { border-left-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-30:focus { border-left-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-30:active { border-left-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-31 { border-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-31:hover { border-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-31:focus { border-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-31:active { border-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-31:disabled { border-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-31 { border-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-31:hover { border-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-31:focus { border-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-31:active { border-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-31:disabled { border-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-31 { border-top-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-31:hover { border-top-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-31:focus { border-top-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-31:active { border-top-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-31 { border-right-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-31:hover { border-right-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-31:focus { border-right-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-31:active { border-right-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-31 { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-31:active { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-31 { border-left-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-31:hover { border-left-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-31:focus { border-left-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-31:active { border-left-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-32 { border-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-32:hover { border-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-32:focus { border-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-32:active { border-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-32:disabled { border-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-32 { border-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-32:hover { border-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-32:focus { border-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-32:active { border-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-32:disabled { border-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-t-32 { border-top-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-t-32:hover { border-top-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-t-32:focus { border-top-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-t-32:active { border-top-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-r-32 { border-right-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-r-32:hover { border-right-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-r-32:focus { border-right-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-r-32:active { border-right-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-b-32 { border-bottom-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-b-32:active { border-bottom-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-l-32 { border-left-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-l-32:hover { border-left-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-l-32:focus { border-left-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-l-32:active { border-left-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-transparent { border-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-transparent:hover { border-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-transparent:focus { border-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-transparent:active { border-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-transparent:disabled { border-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-inherit { border-color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-inherit:hover { border-color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-inherit:focus { border-color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-inherit:active { border-color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-inherit:disabled { border-color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-transparent { background-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-transparent:hover { background-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-transparent:focus { background-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-transparent:active { background-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-transparent:disabled { background-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-inherit { background-color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-inherit:hover { background-color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-inherit:focus { background-color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-inherit:active { background-color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-inherit:disabled { background-color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-transparent { color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-transparent:hover { color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-transparent:focus { color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-transparent:active { color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-transparent:disabled { color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-inherit { color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-inherit:hover { color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-inherit:focus { color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-inherit:active { color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-inherit:disabled { color: inherit; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-solid { border-style: solid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-solid:hover { border-style: solid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-solid:focus { border-style: solid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-solid:active { border-style: solid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-solid:disabled { border-style: solid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-dashed { border-style: dashed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-dashed:hover { border-style: dashed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-dashed:focus { border-style: dashed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-dashed:active { border-style: dashed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-dashed:disabled { border-style: dashed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-dotted { border-style: dotted; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-dotted:hover { border-style: dotted; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-dotted:focus { border-style: dotted; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-dotted:active { border-style: dotted; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-dotted:disabled { border-style: dotted; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-double { border-style: double; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-double:hover { border-style: double; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-double:focus { border-style: double; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-double:active { border-style: double; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-double:disabled { border-style: double; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-none { border-style: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-none:hover { border-style: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-none:focus { border-style: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-none:active { border-style: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-none:disabled { border-style: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-z-auto { z-index: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-z-auto:hover { z-index: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-z-auto:focus { z-index: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-z-auto:active { z-index: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-z-auto:disabled { z-index: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-z-0 { z-index: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-z-0:hover { z-index: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-z-0:focus { z-index: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-z-0:active { z-index: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-z-0:disabled { z-index: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-z-10 { z-index: 10; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-z-10:hover { z-index: 10; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-z-10:focus { z-index: 10; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-z-10:active { z-index: 10; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-z-10:disabled { z-index: 10; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-z-20 { z-index: 20; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-z-20:hover { z-index: 20; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-z-20:focus { z-index: 20; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-z-20:active { z-index: 20; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-z-20:disabled { z-index: 20; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-z-30 { z-index: 30; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-z-30:hover { z-index: 30; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-z-30:focus { z-index: 30; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-z-30:active { z-index: 30; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-z-30:disabled { z-index: 30; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-z-40 { z-index: 40; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-z-40:hover { z-index: 40; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-z-40:focus { z-index: 40; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-z-40:active { z-index: 40; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-z-40:disabled { z-index: 40; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-z-50 { z-index: 50; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-z-50:hover { z-index: 50; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-z-50:focus { z-index: 50; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-z-50:active { z-index: 50; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-z-50:disabled { z-index: 50; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-z-100 { z-index: 100; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-z-100:hover { z-index: 100; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-z-100:focus { z-index: 100; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-z-100:active { z-index: 100; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-z-100:disabled { z-index: 100; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-z-9999 { z-index: 9999; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-z-9999:hover { z-index: 9999; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-z-9999:focus { z-index: 9999; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-z-9999:active { z-index: 9999; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-z-9999:disabled { z-index: 9999; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl--z-10 { z-index: -10; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover--z-10:hover { z-index: -10; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus--z-10:focus { z-index: -10; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active--z-10:active { z-index: -10; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled--z-10:disabled { z-index: -10; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl--z-20 { z-index: -20; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover--z-20:hover { z-index: -20; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus--z-20:focus { z-index: -20; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active--z-20:active { z-index: -20; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled--z-20:disabled { z-index: -20; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl--z-40 { z-index: -40; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover--z-40:hover { z-index: -40; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus--z-40:focus { z-index: -40; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active--z-40:active { z-index: -40; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled--z-40:disabled { z-index: -40; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl--z-50 { z-index: -50; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover--z-50:hover { z-index: -50; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus--z-50:focus { z-index: -50; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active--z-50:active { z-index: -50; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled--z-50:disabled { z-index: -50; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl--z-100 { z-index: -100; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover--z-100:hover { z-index: -100; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus--z-100:focus { z-index: -100; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active--z-100:active { z-index: -100; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled--z-100:disabled { z-index: -100; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-0 { opacity: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-0:hover { opacity: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-0:focus { opacity: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-0:active { opacity: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-0:disabled { opacity: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-10 { opacity: 0.1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-10:hover { opacity: 0.1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-10:focus { opacity: 0.1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-10:active { opacity: 0.1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-10:disabled { opacity: 0.1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-20 { opacity: 0.2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-20:hover { opacity: 0.2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-20:focus { opacity: 0.2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-20:active { opacity: 0.2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-20:disabled { opacity: 0.2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-25 { opacity: 0.25; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-25:hover { opacity: 0.25; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-25:focus { opacity: 0.25; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-25:active { opacity: 0.25; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-25:disabled { opacity: 0.25; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-30 { opacity: 0.3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-30:hover { opacity: 0.3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-30:focus { opacity: 0.3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-30:active { opacity: 0.3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-30:disabled { opacity: 0.3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-40 { opacity: 0.4; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-40:hover { opacity: 0.4; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-40:focus { opacity: 0.4; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-40:active { opacity: 0.4; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-40:disabled { opacity: 0.4; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-50 { opacity: 0.5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-50:hover { opacity: 0.5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-50:focus { opacity: 0.5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-50:active { opacity: 0.5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-50:disabled { opacity: 0.5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-60 { opacity: 0.6; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-60:hover { opacity: 0.6; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-60:focus { opacity: 0.6; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-60:active { opacity: 0.6; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-60:disabled { opacity: 0.6; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-70 { opacity: 0.7; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-70:hover { opacity: 0.7; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-70:focus { opacity: 0.7; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-70:active { opacity: 0.7; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-70:disabled { opacity: 0.7; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-75 { opacity: 0.75; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-75:hover { opacity: 0.75; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-75:focus { opacity: 0.75; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-75:active { opacity: 0.75; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-75:disabled { opacity: 0.75; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-80 { opacity: 0.8; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-80:hover { opacity: 0.8; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-80:focus { opacity: 0.8; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-80:active { opacity: 0.8; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-80:disabled { opacity: 0.8; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-90 { opacity: 0.9; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-90:hover { opacity: 0.9; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-90:focus { opacity: 0.9; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-90:active { opacity: 0.9; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-90:disabled { opacity: 0.9; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-opacity-100 { opacity: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-opacity-100:hover { opacity: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-opacity-100:focus { opacity: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-opacity-100:active { opacity: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-opacity-100:disabled { opacity: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-gradient-l { --quanta-gradient-direction: to left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-gradient-r { --quanta-gradient-direction: to right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-gradient-t { --quanta-gradient-direction: to top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-gradient-b { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-gradient-tl { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-gradient-tr { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rounded-0 { border-radius: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rounded-0:hover { border-radius: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rounded-0:focus { border-radius: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rounded-0:active { border-radius: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rounded-0:disabled { border-radius: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rounded-xs { border-radius: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rounded-xs:hover { border-radius: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rounded-xs:focus { border-radius: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rounded-xs:active { border-radius: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rounded-sm { border-radius: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rounded-sm:hover { border-radius: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rounded-sm:focus { border-radius: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rounded-sm:active { border-radius: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rounded { border-radius: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rounded:hover { border-radius: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rounded:focus { border-radius: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rounded:active { border-radius: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rounded:disabled { border-radius: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rounded-md { border-radius: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rounded-md:hover { border-radius: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rounded-md:focus { border-radius: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rounded-md:active { border-radius: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rounded-md:disabled { border-radius: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rounded-lg { border-radius: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rounded-lg:hover { border-radius: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rounded-lg:focus { border-radius: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rounded-lg:active { border-radius: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rounded-lg:disabled { border-radius: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rounded-xl { border-radius: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rounded-xl:hover { border-radius: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rounded-xl:focus { border-radius: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rounded-xl:active { border-radius: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rounded-2xl { border-radius: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rounded-2xl:hover { border-radius: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rounded-2xl:focus { border-radius: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rounded-2xl:active { border-radius: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rounded-2xl:disabled { border-radius: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rounded-full { border-radius: 9999px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rounded-full:hover { border-radius: 9999px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rounded-full:focus { border-radius: 9999px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rounded-full:active { border-radius: 9999px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rounded-full:disabled { border-radius: 9999px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rounded-pill { border-radius: 50px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rounded-pill:hover { border-radius: 50px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rounded-pill:focus { border-radius: 50px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rounded-pill:active { border-radius: 50px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rounded-pill:disabled { border-radius: 50px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-none { outline: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-none:hover { outline: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-none:focus { outline: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-none:active { outline: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-none:disabled { outline: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline { outline: 1px solid currentColor; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline:hover { outline: 1px solid currentColor; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline:focus { outline: 1px solid currentColor; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline:active { outline: 1px solid currentColor; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline:disabled { outline: 1px solid currentColor; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-offset-0 { outline-offset: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-offset-0:hover { outline-offset: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-offset-0:focus { outline-offset: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-offset-0:active { outline-offset: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-offset-1 { outline-offset: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-offset-1:active { outline-offset: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-offset-2 { outline-offset: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-offset-2:active { outline-offset: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-offset-3 { outline-offset: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-offset-3:active { outline-offset: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-offset-4 { outline-offset: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-offset-4:hover { outline-offset: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-offset-4:focus { outline-offset: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-offset-4:active { outline-offset: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-offset-8 { outline-offset: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-offset-8:hover { outline-offset: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-offset-8:focus { outline-offset: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-offset-8:active { outline-offset: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-red-50 { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-red-100 { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-red-200 { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-red-300 { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-red-400 { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-red-500 { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-red-600 { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-red-700 { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-red-800 { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-red-900 { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-orange-50 { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-orange-100 { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-orange-200 { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-orange-300 { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-orange-400 { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-orange-500 { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-orange-600 { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-orange-700 { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-orange-800 { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-orange-900 { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-teal-50 { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-teal-100 { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-teal-200 { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-teal-300 { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-teal-400 { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-teal-500 { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-teal-600 { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-teal-700 { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-teal-800 { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-teal-900 { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-purple-50 { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-purple-100 { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-purple-200 { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-purple-300 { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-purple-400 { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-purple-500 { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-purple-600 { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-purple-700 { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-purple-800 { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-purple-900 { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-pink-50 { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-pink-100 { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-pink-200 { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-pink-300 { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-pink-400 { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-pink-500 { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-pink-600 { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-pink-700 { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-pink-800 { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-pink-900 { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-grey-50 { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-grey-100 { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-grey-200 { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-grey-300 { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-grey-400 { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-grey-500 { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-grey-600 { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-grey-700 { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-grey-800 { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-grey-900 { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-lime-50 { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-lime-100 { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-lime-200 { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-lime-300 { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-lime-400 { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-lime-500 { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-lime-600 { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-lime-700 { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-lime-800 { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-lime-900 { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-sky-50 { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-sky-100 { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-sky-200 { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-sky-300 { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-sky-400 { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-sky-500 { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-sky-600 { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-sky-700 { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-sky-800 { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-sky-900 { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-violet-50 { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-violet-100 { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-violet-200 { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-violet-300 { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-violet-400 { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-violet-500 { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-violet-600 { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-violet-700 { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-violet-800 { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-violet-900 { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-rose-50 { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-rose-100 { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-rose-200 { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-rose-300 { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-rose-400 { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-rose-500 { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-rose-600 { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-rose-700 { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-rose-800 { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-rose-900 { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-slate-50 { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-slate-100 { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-slate-200 { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-slate-300 { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-slate-400 { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-slate-500 { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-slate-600 { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-slate-700 { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-slate-800 { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-slate-900 { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-blue-50 { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-blue-100 { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-blue-200 { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-blue-300 { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-blue-400 { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-blue-500 { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-blue-600 { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-blue-700 { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-blue-800 { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-blue-900 { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-green-50 { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-green-100 { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-green-200 { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-green-300 { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-green-400 { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-green-500 { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-green-600 { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-green-700 { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-green-800 { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-green-900 { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-black { outline-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-black:hover { outline-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-black:focus { outline-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-black:active { outline-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-black:disabled { outline-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-white { outline-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-white:hover { outline-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-white:focus { outline-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-white:active { outline-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-white:disabled { outline-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sm { --ring-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sm:hover { --ring-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sm:focus { --ring-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sm:active { --ring-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-md { --ring-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-md:hover { --ring-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-md:focus { --ring-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-md:active { --ring-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-md:disabled { --ring-width: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lg { --ring-width: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lg:hover { --ring-width: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lg:focus { --ring-width: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lg:active { --ring-width: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lg:disabled { --ring-width: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-black { --quanta-ring-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-black:hover { --quanta-ring-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-black:focus { --quanta-ring-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-black:active { --quanta-ring-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-white { --quanta-ring-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-white:hover { --quanta-ring-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-white:focus { --quanta-ring-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-white:active { --quanta-ring-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-black { --shadow-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-black:hover { --shadow-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-black:focus { --shadow-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-black:active { --shadow-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-color-white { --shadow-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-color-white:hover { --shadow-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-color-white:focus { --shadow-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-color-white:active { --shadow-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-black { --quanta-from-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-black:active { --quanta-from-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-from-white { --quanta-from-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-from-white:active { --quanta-from-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-black { --quanta-to-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-black:active { --quanta-to-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-gradient-to-white { --quanta-to-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-gradient-to-white:active { --quanta-to-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-all { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-all:active { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-bg { transition-property: background-color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-bg:hover { transition-property: background-color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-bg:focus { transition-property: background-color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-bg:active { transition-property: background-color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-bg:disabled { transition-property: background-color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-color { transition-property: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-color:hover { transition-property: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-color:focus { transition-property: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-color:active { transition-property: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-color:disabled { transition-property: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-opacity { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-transform { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-shadow { transition-property: shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-shadow:hover { transition-property: shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-shadow:focus { transition-property: shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-shadow:active { transition-property: shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-shadow:disabled { transition-property: shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-border { transition-property: border; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-border:hover { transition-property: border; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-border:focus { transition-property: border; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-border:active { transition-property: border; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-border:disabled { transition-property: border; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-100 { transition-duration: 100ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-100:hover { transition-duration: 100ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-100:focus { transition-duration: 100ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-100:active { transition-duration: 100ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-100:disabled { transition-duration: 100ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-200 { transition-duration: 200ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-200:hover { transition-duration: 200ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-200:focus { transition-duration: 200ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-200:active { transition-duration: 200ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-200:disabled { transition-duration: 200ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-linear { transition-timing-function: ease-linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-linear:hover { transition-timing-function: ease-linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-linear:focus { transition-timing-function: ease-linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-linear:active { transition-timing-function: ease-linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-in { transition-timing-function: ease-in; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-in:hover { transition-timing-function: ease-in; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-in:focus { transition-timing-function: ease-in; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-in:active { transition-timing-function: ease-in; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-in:disabled { transition-timing-function: ease-in; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-out { transition-timing-function: ease-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-out:hover { transition-timing-function: ease-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-out:focus { transition-timing-function: ease-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-out:active { transition-timing-function: ease-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-out:disabled { transition-timing-function: ease-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-in-out { transition-timing-function: ease-in-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-in-out:active { transition-timing-function: ease-in-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-0 { transform: translateX(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-0:hover { transform: translateX(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-0:focus { transform: translateX(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-0:active { transform: translateX(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-0:disabled { transform: translateX(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-0 { transform: translateY(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-0:hover { transform: translateY(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-0:focus { transform: translateY(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-0:active { transform: translateY(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-0:disabled { transform: translateY(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-0_25 { transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-0_25:active { transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-0_25 { transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-0_25:active { transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-0_5 { transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-0_5:active { transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-0_5 { transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-0_5:active { transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-1 { transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-1:hover { transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-1:focus { transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-1:active { transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-1:disabled { transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-1 { transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-1:hover { transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-1:focus { transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-1:active { transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-1:disabled { transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-1_5 { transform: translateX(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-1_5:active { transform: translateX(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-1_5 { transform: translateY(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-1_5:active { transform: translateY(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-2 { transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-2:hover { transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-2:focus { transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-2:active { transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-2:disabled { transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-2 { transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-2:hover { transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-2:focus { transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-2:active { transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-2:disabled { transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-3 { transform: translateX(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-3:hover { transform: translateX(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-3:focus { transform: translateX(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-3:active { transform: translateX(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-3:disabled { transform: translateX(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-3 { transform: translateY(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-3:hover { transform: translateY(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-3:focus { transform: translateY(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-3:active { transform: translateY(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-3:disabled { transform: translateY(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-4 { transform: translateX(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-4:hover { transform: translateX(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-4:focus { transform: translateX(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-4:active { transform: translateX(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-4:disabled { transform: translateX(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-4 { transform: translateY(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-4:hover { transform: translateY(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-4:focus { transform: translateY(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-4:active { transform: translateY(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-4:disabled { transform: translateY(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-5 { transform: translateX(5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-5:hover { transform: translateX(5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-5:focus { transform: translateX(5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-5:active { transform: translateX(5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-5:disabled { transform: translateX(5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-5 { transform: translateY(5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-5:hover { transform: translateY(5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-5:focus { transform: translateY(5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-5:active { transform: translateY(5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-5:disabled { transform: translateY(5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-6 { transform: translateX(6rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-6:hover { transform: translateX(6rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-6:focus { transform: translateX(6rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-6:active { transform: translateX(6rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-6:disabled { transform: translateX(6rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-6 { transform: translateY(6rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-6:hover { transform: translateY(6rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-6:focus { transform: translateY(6rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-6:active { transform: translateY(6rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-6:disabled { transform: translateY(6rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-8 { transform: translateX(8rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-8:hover { transform: translateX(8rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-8:focus { transform: translateX(8rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-8:active { transform: translateX(8rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-8:disabled { transform: translateX(8rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-8 { transform: translateY(8rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-8:hover { transform: translateY(8rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-8:focus { transform: translateY(8rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-8:active { transform: translateY(8rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-8:disabled { transform: translateY(8rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-10 { transform: translateX(10rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-10:hover { transform: translateX(10rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-10:focus { transform: translateX(10rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-10:active { transform: translateX(10rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-10:disabled { transform: translateX(10rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-10 { transform: translateY(10rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-10:hover { transform: translateY(10rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-10:focus { transform: translateY(10rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-10:active { transform: translateY(10rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-10:disabled { transform: translateY(10rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-12 { transform: translateX(12rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-12:hover { transform: translateX(12rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-12:focus { transform: translateX(12rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-12:active { transform: translateX(12rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-12:disabled { transform: translateX(12rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-12 { transform: translateY(12rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-12:hover { transform: translateY(12rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-12:focus { transform: translateY(12rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-12:active { transform: translateY(12rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-12:disabled { transform: translateY(12rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-16 { transform: translateX(16rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-16:hover { transform: translateX(16rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-16:focus { transform: translateX(16rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-16:active { transform: translateX(16rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-16:disabled { transform: translateX(16rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-16 { transform: translateY(16rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-16:hover { transform: translateY(16rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-16:focus { transform: translateY(16rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-16:active { transform: translateY(16rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-16:disabled { transform: translateY(16rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-20 { transform: translateX(20rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-20:hover { transform: translateX(20rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-20:focus { transform: translateX(20rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-20:active { transform: translateX(20rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-20:disabled { transform: translateX(20rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-20 { transform: translateY(20rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-20:hover { transform: translateY(20rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-20:focus { transform: translateY(20rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-20:active { transform: translateY(20rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-20:disabled { transform: translateY(20rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-24 { transform: translateX(24rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-24:hover { transform: translateX(24rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-24:focus { transform: translateX(24rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-24:active { transform: translateX(24rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-24:disabled { transform: translateX(24rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-24 { transform: translateY(24rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-24:hover { transform: translateY(24rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-24:focus { transform: translateY(24rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-24:active { transform: translateY(24rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-24:disabled { transform: translateY(24rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-32 { transform: translateX(32rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-32:hover { transform: translateX(32rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-32:focus { transform: translateX(32rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-32:active { transform: translateX(32rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-32:disabled { transform: translateX(32rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-32 { transform: translateY(32rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-32:hover { transform: translateY(32rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-32:focus { transform: translateY(32rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-32:active { transform: translateY(32rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-32:disabled { transform: translateY(32rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-0 { transform: scale(0.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-0:hover { transform: scale(0.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-0:focus { transform: scale(0.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-0:active { transform: scale(0.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-0:disabled { transform: scale(0.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-50 { transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-50:hover { transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-50:focus { transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-50:active { transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-50:disabled { transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-75 { transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-75:hover { transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-75:focus { transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-75:active { transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-75:disabled { transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-90 { transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-90:hover { transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-90:focus { transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-90:active { transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-90:disabled { transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-95 { transform: scale(0.95); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-95:hover { transform: scale(0.95); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-95:focus { transform: scale(0.95); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-95:active { transform: scale(0.95); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-95:disabled { transform: scale(0.95); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-100 { transform: scale(1.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-100:hover { transform: scale(1.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-100:focus { transform: scale(1.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-100:active { transform: scale(1.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-100:disabled { transform: scale(1.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-105 { transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-105:hover { transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-105:focus { transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-105:active { transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-105:disabled { transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-110 { transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-110:hover { transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-110:focus { transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-110:active { transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-110:disabled { transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-125 { transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-125:hover { transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-125:focus { transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-125:active { transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-125:disabled { transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-150 { transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-150:hover { transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-150:focus { transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-150:active { transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-150:disabled { transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate--180 { transform: rotate(-180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate--180:hover { transform: rotate(-180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate--180:focus { transform: rotate(-180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate--180:active { transform: rotate(-180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate--180:disabled { transform: rotate(-180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate--90 { transform: rotate(-90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate--90:hover { transform: rotate(-90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate--90:focus { transform: rotate(-90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate--90:active { transform: rotate(-90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate--90:disabled { transform: rotate(-90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate--45 { transform: rotate(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate--45:hover { transform: rotate(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate--45:focus { transform: rotate(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate--45:active { transform: rotate(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate--45:disabled { transform: rotate(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-0 { transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-0:hover { transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-0:focus { transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-0:active { transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-0:disabled { transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-45 { transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-45:hover { transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-45:focus { transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-45:active { transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-45:disabled { transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-90 { transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-90:hover { transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-90:focus { transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-90:active { transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-90:disabled { transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-180 { transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-180:hover { transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-180:focus { transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-180:active { transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-180:disabled { transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x--45 { transform: skewX(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x--45:hover { transform: skewX(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x--45:focus { transform: skewX(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x--45:active { transform: skewX(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y--45 { transform: skewY(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y--45:hover { transform: skewY(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y--45:focus { transform: skewY(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y--45:active { transform: skewY(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x--30 { transform: skewX(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x--30:hover { transform: skewX(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x--30:focus { transform: skewX(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x--30:active { transform: skewX(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y--30 { transform: skewY(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y--30:hover { transform: skewY(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y--30:focus { transform: skewY(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y--30:active { transform: skewY(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x--15 { transform: skewX(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x--15:hover { transform: skewX(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x--15:focus { transform: skewX(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x--15:active { transform: skewX(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y--15 { transform: skewY(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y--15:hover { transform: skewY(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y--15:focus { transform: skewY(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y--15:active { transform: skewY(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-0 { transform: skewX(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-0:hover { transform: skewX(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-0:focus { transform: skewX(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-0:active { transform: skewX(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-0:disabled { transform: skewX(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-0 { transform: skewY(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-0:hover { transform: skewY(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-0:focus { transform: skewY(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-0:active { transform: skewY(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-0:disabled { transform: skewY(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-15 { transform: skewX(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-15:hover { transform: skewX(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-15:focus { transform: skewX(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-15:active { transform: skewX(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-15:disabled { transform: skewX(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-15 { transform: skewY(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-15:hover { transform: skewY(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-15:focus { transform: skewY(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-15:active { transform: skewY(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-15:disabled { transform: skewY(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-30 { transform: skewX(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-30:hover { transform: skewX(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-30:focus { transform: skewX(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-30:active { transform: skewX(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-30:disabled { transform: skewX(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-30 { transform: skewY(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-30:hover { transform: skewY(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-30:focus { transform: skewY(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-30:active { transform: skewY(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-30:disabled { transform: skewY(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-45 { transform: skewX(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-45:hover { transform: skewX(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-45:focus { transform: skewX(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-45:active { transform: skewX(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-45:disabled { transform: skewX(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-45 { transform: skewY(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-45:hover { transform: skewY(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-45:focus { transform: skewY(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-45:active { transform: skewY(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-45:disabled { transform: skewY(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur-none { filter: blur(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur-none:hover { filter: blur(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur-none:focus { filter: blur(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur-none:active { filter: blur(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur-none:disabled { filter: blur(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur-sm { filter: blur(2px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur-sm:hover { filter: blur(2px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur-sm:focus { filter: blur(2px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur-sm:active { filter: blur(2px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur-sm:disabled { filter: blur(2px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur:hover { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur:focus { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur:active { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur:disabled { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur-md { filter: blur(8px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur-md:hover { filter: blur(8px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur-md:focus { filter: blur(8px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur-md:active { filter: blur(8px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur-md:disabled { filter: blur(8px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur-lg { filter: blur(12px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur-lg:hover { filter: blur(12px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur-lg:focus { filter: blur(12px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur-lg:active { filter: blur(12px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur-lg:disabled { filter: blur(12px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur-xl { filter: blur(20px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur-xl:hover { filter: blur(20px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur-xl:focus { filter: blur(20px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur-xl:active { filter: blur(20px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur-xl:disabled { filter: blur(20px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-0 { filter: brightness(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-0:hover { filter: brightness(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-0:focus { filter: brightness(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-0:active { filter: brightness(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-0:disabled { filter: brightness(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-75 { filter: brightness(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-75:hover { filter: brightness(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-75:focus { filter: brightness(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-75:active { filter: brightness(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-75:disabled { filter: brightness(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-90 { filter: brightness(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-90:hover { filter: brightness(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-90:focus { filter: brightness(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-90:active { filter: brightness(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-90:disabled { filter: brightness(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-100 { filter: brightness(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-100:hover { filter: brightness(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-100:focus { filter: brightness(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-100:active { filter: brightness(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-100:disabled { filter: brightness(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-125 { filter: brightness(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-125:hover { filter: brightness(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-125:focus { filter: brightness(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-125:active { filter: brightness(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-125:disabled { filter: brightness(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-150 { filter: brightness(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-150:hover { filter: brightness(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-150:focus { filter: brightness(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-150:active { filter: brightness(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-150:disabled { filter: brightness(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-200 { filter: brightness(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-200:hover { filter: brightness(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-200:focus { filter: brightness(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-200:active { filter: brightness(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-200:disabled { filter: brightness(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contrast-0 { filter: contrast(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contrast-0:hover { filter: contrast(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contrast-0:focus { filter: contrast(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contrast-0:active { filter: contrast(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contrast-0:disabled { filter: contrast(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contrast-50 { filter: contrast(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contrast-50:hover { filter: contrast(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contrast-50:focus { filter: contrast(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contrast-50:active { filter: contrast(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contrast-50:disabled { filter: contrast(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contrast-75 { filter: contrast(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contrast-75:hover { filter: contrast(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contrast-75:focus { filter: contrast(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contrast-75:active { filter: contrast(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contrast-75:disabled { filter: contrast(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contrast-100 { filter: contrast(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contrast-100:hover { filter: contrast(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contrast-100:focus { filter: contrast(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contrast-100:active { filter: contrast(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contrast-100:disabled { filter: contrast(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contrast-125 { filter: contrast(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contrast-125:hover { filter: contrast(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contrast-125:focus { filter: contrast(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contrast-125:active { filter: contrast(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contrast-125:disabled { filter: contrast(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contrast-150 { filter: contrast(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contrast-150:hover { filter: contrast(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contrast-150:focus { filter: contrast(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contrast-150:active { filter: contrast(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contrast-150:disabled { filter: contrast(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contrast-200 { filter: contrast(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contrast-200:hover { filter: contrast(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contrast-200:focus { filter: contrast(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contrast-200:active { filter: contrast(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contrast-200:disabled { filter: contrast(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grayscale-0 { filter: grayscale(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grayscale-0:hover { filter: grayscale(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grayscale-0:focus { filter: grayscale(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grayscale-0:active { filter: grayscale(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grayscale-0:disabled { filter: grayscale(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grayscale-100 { filter: grayscale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grayscale-100:hover { filter: grayscale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grayscale-100:focus { filter: grayscale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grayscale-100:active { filter: grayscale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grayscale-100:disabled { filter: grayscale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hue-rotate-0 { filter: hue-rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hue-rotate-45 { filter: hue-rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hue-rotate-180 { filter: hue-rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-invert-0 { filter: invert(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-invert-0:hover { filter: invert(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-invert-0:focus { filter: invert(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-invert-0:active { filter: invert(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-invert-0:disabled { filter: invert(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-invert-100 { filter: invert(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-invert-100:hover { filter: invert(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-invert-100:focus { filter: invert(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-invert-100:active { filter: invert(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-invert-100:disabled { filter: invert(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-saturate-0 { filter: saturate(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-saturate-0:hover { filter: saturate(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-saturate-0:focus { filter: saturate(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-saturate-0:active { filter: saturate(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-saturate-0:disabled { filter: saturate(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-saturate-50 { filter: saturate(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-saturate-50:hover { filter: saturate(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-saturate-50:focus { filter: saturate(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-saturate-50:active { filter: saturate(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-saturate-50:disabled { filter: saturate(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-saturate-100 { filter: saturate(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-saturate-100:hover { filter: saturate(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-saturate-100:focus { filter: saturate(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-saturate-100:active { filter: saturate(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-saturate-100:disabled { filter: saturate(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-saturate-200 { filter: saturate(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-saturate-200:hover { filter: saturate(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-saturate-200:focus { filter: saturate(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-saturate-200:active { filter: saturate(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-saturate-200:disabled { filter: saturate(2); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-sepia-0 { filter: sepia(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-sepia-0:hover { filter: sepia(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-sepia-0:focus { filter: sepia(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-sepia-0:active { filter: sepia(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-sepia-0:disabled { filter: sepia(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-sepia-100 { filter: sepia(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-sepia-100:hover { filter: sepia(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-sepia-100:focus { filter: sepia(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-sepia-100:active { filter: sepia(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-sepia-100:disabled { filter: sepia(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-normal { mix-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-normal:hover { mix-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-normal:focus { mix-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-normal:active { mix-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-normal:disabled { mix-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-multiply { mix-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-multiply:hover { mix-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-multiply:focus { mix-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-multiply:active { mix-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-screen { mix-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-screen:hover { mix-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-screen:focus { mix-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-screen:active { mix-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-screen:disabled { mix-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-overlay { mix-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-overlay:hover { mix-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-overlay:focus { mix-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-overlay:active { mix-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-darken { mix-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-darken:hover { mix-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-darken:focus { mix-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-darken:active { mix-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-darken:disabled { mix-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-lighten { mix-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-lighten:hover { mix-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-lighten:focus { mix-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-lighten:active { mix-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-color-dodge { mix-blend-mode: color-dodge; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-color-burn { mix-blend-mode: color-burn; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-color-burn:active { mix-blend-mode: color-burn; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-hard-light { mix-blend-mode: hard-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-hard-light:active { mix-blend-mode: hard-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-soft-light { mix-blend-mode: soft-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-soft-light:active { mix-blend-mode: soft-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-difference { mix-blend-mode: difference; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-difference:hover { mix-blend-mode: difference; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-difference:focus { mix-blend-mode: difference; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-difference:active { mix-blend-mode: difference; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-difference:disabled { mix-blend-mode: difference; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-exclusion { mix-blend-mode: exclusion; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-exclusion:active { mix-blend-mode: exclusion; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-hue { mix-blend-mode: hue; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-hue:hover { mix-blend-mode: hue; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-hue:focus { mix-blend-mode: hue; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-hue:active { mix-blend-mode: hue; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-hue:disabled { mix-blend-mode: hue; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-saturation { mix-blend-mode: saturation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-saturation:hover { mix-blend-mode: saturation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-saturation:focus { mix-blend-mode: saturation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-saturation:active { mix-blend-mode: saturation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-color { mix-blend-mode: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-color:hover { mix-blend-mode: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-color:focus { mix-blend-mode: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-color:active { mix-blend-mode: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-color:disabled { mix-blend-mode: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-luminosity { mix-blend-mode: luminosity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-luminosity:active { mix-blend-mode: luminosity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-normal { background-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-normal:hover { background-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-normal:focus { background-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-normal:active { background-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-multiply { background-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-multiply:active { background-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-screen { background-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-screen:hover { background-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-screen:focus { background-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-screen:active { background-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-overlay { background-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-overlay:active { background-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-darken { background-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-darken:hover { background-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-darken:focus { background-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-darken:active { background-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-lighten { background-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-lighten:active { background-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-color-dodge { background-blend-mode: color-dodge; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-color-burn { background-blend-mode: color-burn; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-hard-light { background-blend-mode: hard-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-soft-light { background-blend-mode: soft-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-difference { background-blend-mode: difference; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-difference:hover { background-blend-mode: difference; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-difference:focus { background-blend-mode: difference; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-difference:active { background-blend-mode: difference; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-exclusion { background-blend-mode: exclusion; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-hue { background-blend-mode: hue; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-hue:hover { background-blend-mode: hue; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-hue:focus { background-blend-mode: hue; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-hue:active { background-blend-mode: hue; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-saturation { background-blend-mode: saturation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-saturation:active { background-blend-mode: saturation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-color { background-blend-mode: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-color:hover { background-blend-mode: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-color:focus { background-blend-mode: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-color:active { background-blend-mode: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-color:disabled { background-blend-mode: color; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-luminosity { background-blend-mode: luminosity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-contain { object-fit: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-contain:hover { object-fit: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-contain:focus { object-fit: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-contain:active { object-fit: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-contain:disabled { object-fit: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-cover { object-fit: cover; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-cover:hover { object-fit: cover; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-cover:focus { object-fit: cover; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-cover:active { object-fit: cover; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-cover:disabled { object-fit: cover; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-fill { object-fit: fill; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-fill:hover { object-fit: fill; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-fill:focus { object-fit: fill; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-fill:active { object-fit: fill; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-fill:disabled { object-fit: fill; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-none { object-fit: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-none:hover { object-fit: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-none:focus { object-fit: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-none:active { object-fit: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-none:disabled { object-fit: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-scale-down { object-fit: scale-down; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-scale-down:hover { object-fit: scale-down; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-scale-down:focus { object-fit: scale-down; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-scale-down:active { object-fit: scale-down; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-scale-down:disabled { object-fit: scale-down; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-top { object-position: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-top:hover { object-position: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-top:focus { object-position: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-top:active { object-position: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-top:disabled { object-position: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-bottom { object-position: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-bottom:hover { object-position: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-bottom:focus { object-position: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-bottom:active { object-position: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-bottom:disabled { object-position: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-center { object-position: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-center:hover { object-position: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-center:focus { object-position: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-center:active { object-position: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-center:disabled { object-position: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-left { object-position: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-left:hover { object-position: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-left:focus { object-position: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-left:active { object-position: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-left:disabled { object-position: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-right { object-position: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-right:hover { object-position: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-right:focus { object-position: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-right:active { object-position: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-right:disabled { object-position: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-left-top { object-position: left top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-left-top:hover { object-position: left top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-left-top:focus { object-position: left top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-left-top:active { object-position: left top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-left-top:disabled { object-position: left top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-right-top { object-position: right top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-right-top:hover { object-position: right top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-right-top:focus { object-position: right top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-right-top:active { object-position: right top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-right-top:disabled { object-position: right top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-left-bottom { object-position: left bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-left-bottom:hover { object-position: left bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-left-bottom:focus { object-position: left bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-left-bottom:active { object-position: left bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-left-bottom:disabled { object-position: left bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-object-right-bottom { object-position: right bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-object-right-bottom:hover { object-position: right bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-object-right-bottom:focus { object-position: right bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-object-right-bottom:active { object-position: right bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-object-right-bottom:disabled { object-position: right bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-image-none { list-style-image: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-image-none:hover { list-style-image: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-image-none:focus { list-style-image: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-image-none:active { list-style-image: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-image-none:disabled { list-style-image: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-position-inside { list-style-position: inside; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-position-inside:hover { list-style-position: inside; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-position-inside:focus { list-style-position: inside; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-position-inside:active { list-style-position: inside; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-position-inside:disabled { list-style-position: inside; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-position-outside { list-style-position: outside; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-position-outside:hover { list-style-position: outside; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-position-outside:focus { list-style-position: outside; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-position-outside:active { list-style-position: outside; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-position-outside:disabled { list-style-position: outside; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-type-none { list-style-type: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-type-none:hover { list-style-type: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-type-none:focus { list-style-type: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-type-none:active { list-style-type: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-type-none:disabled { list-style-type: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-type-disc { list-style-type: disc; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-type-disc:hover { list-style-type: disc; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-type-disc:focus { list-style-type: disc; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-type-disc:active { list-style-type: disc; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-type-disc:disabled { list-style-type: disc; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-type-circle { list-style-type: circle; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-type-circle:hover { list-style-type: circle; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-type-circle:focus { list-style-type: circle; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-type-circle:active { list-style-type: circle; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-type-circle:disabled { list-style-type: circle; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-type-square { list-style-type: square; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-type-square:hover { list-style-type: square; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-type-square:focus { list-style-type: square; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-type-square:active { list-style-type: square; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-type-square:disabled { list-style-type: square; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-type-decimal { list-style-type: decimal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-type-decimal:hover { list-style-type: decimal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-type-decimal:focus { list-style-type: decimal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-type-decimal:active { list-style-type: decimal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-type-lower_roman { list-style-type: lower-roman; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-type-upper_roman { list-style-type: upper-roman; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-type-lower_alpha { list-style-type: lower-alpha; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-list-style-type-upper_alpha { list-style-type: upper-alpha; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-align-left { text-align: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-align-left:hover { text-align: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-align-left:focus { text-align: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-align-left:active { text-align: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-align-left:disabled { text-align: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-align-center { text-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-align-center:hover { text-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-align-center:focus { text-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-align-center:active { text-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-align-center:disabled { text-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-align-right { text-align: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-align-right:hover { text-align: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-align-right:focus { text-align: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-align-right:active { text-align: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-align-right:disabled { text-align: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-align-justify { text-align: justify; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-align-justify:hover { text-align: justify; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-align-justify:focus { text-align: justify; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-align-justify:active { text-align: justify; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-align-justify:disabled { text-align: justify; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-backface-visible { backface-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-backface-visible:hover { backface-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-backface-visible:focus { backface-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-backface-visible:active { backface-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-backface-visible:disabled { backface-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-backface-hidden { backface-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-backface-hidden:hover { backface-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-backface-hidden:focus { backface-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-backface-hidden:active { backface-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-backface-hidden:disabled { backface-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-none { perspective: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-none:hover { perspective: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-none:focus { perspective: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-none:active { perspective: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-none:disabled { perspective: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-100 { perspective: 100px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-100:hover { perspective: 100px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-100:focus { perspective: 100px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-100:active { perspective: 100px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-100:disabled { perspective: 100px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-500 { perspective: 500px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-500:hover { perspective: 500px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-500:focus { perspective: 500px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-500:active { perspective: 500px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-500:disabled { perspective: 500px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-1000 { perspective: 1000px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-1000:hover { perspective: 1000px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-1000:focus { perspective: 1000px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-1000:active { perspective: 1000px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-1000:disabled { perspective: 1000px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-1500 { perspective: 1500px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-1500:hover { perspective: 1500px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-1500:focus { perspective: 1500px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-1500:active { perspective: 1500px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-1500:disabled { perspective: 1500px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-2000 { perspective: 2000px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-2000:hover { perspective: 2000px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-2000:focus { perspective: 2000px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-2000:active { perspective: 2000px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-2000:disabled { perspective: 2000px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-center { perspective-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-center:hover { perspective-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-center:focus { perspective-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-center:active { perspective-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-center:disabled { perspective-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-top { perspective-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-top:hover { perspective-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-top:focus { perspective-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-top:active { perspective-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-top:disabled { perspective-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-bottom { perspective-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-bottom:active { perspective-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-left { perspective-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-left:hover { perspective-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-left:focus { perspective-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-left:active { perspective-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-left:disabled { perspective-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-right { perspective-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-right:hover { perspective-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-right:focus { perspective-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-right:active { perspective-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-right:disabled { perspective-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-top_left { perspective-origin: top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-top_left:active { perspective-origin: top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-top_right { perspective-origin: top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-top_right:active { perspective-origin: top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-bottom_left { perspective-origin: bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-bottom_right { perspective-origin: bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transform { transform: var(--quanta-transform, none); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transform:hover { transform: var(--quanta-transform, none); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transform:focus { transform: var(--quanta-transform, none); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transform:active { transform: var(--quanta-transform, none); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transform:disabled { transform: var(--quanta-transform, none); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transform-none { transform: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transform-none:hover { transform: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transform-none:focus { transform: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transform-none:active { transform: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transform-none:disabled { transform: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-n180 { transform: rotate(-180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-n180:hover { transform: rotate(-180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-n180:focus { transform: rotate(-180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-n180:active { transform: rotate(-180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-n90 { transform: rotate(-90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-n90:hover { transform: rotate(-90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-n90:focus { transform: rotate(-90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-n90:active { transform: rotate(-90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-n45 { transform: rotate(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-n45:hover { transform: rotate(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-n45:focus { transform: rotate(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-n45:active { transform: rotate(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-0 { transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-0:hover { transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-0:focus { transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-0:active { transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-0:disabled { transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-45 { transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-45:hover { transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-45:focus { transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-45:active { transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-45:disabled { transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-90 { transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-90:hover { transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-90:focus { transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-90:active { transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-90:disabled { transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-180 { transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-180:hover { transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-180:focus { transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-180:active { transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-180:disabled { transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-50 { transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-50:hover { transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-50:focus { transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-50:active { transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-50:disabled { transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-75 { transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-75:hover { transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-75:focus { transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-75:active { transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-75:disabled { transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-90 { transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-90:hover { transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-90:focus { transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-90:active { transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-90:disabled { transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-95 { transform: scale(0.95); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-95:hover { transform: scale(0.95); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-95:focus { transform: scale(0.95); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-95:active { transform: scale(0.95); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-95:disabled { transform: scale(0.95); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-100 { transform: scale(1.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-100:hover { transform: scale(1.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-100:focus { transform: scale(1.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-100:active { transform: scale(1.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-100:disabled { transform: scale(1.0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-105 { transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-105:hover { transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-105:focus { transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-105:active { transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-105:disabled { transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-110 { transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-110:hover { transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-110:focus { transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-110:active { transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-110:disabled { transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-125 { transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-125:hover { transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-125:focus { transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-125:active { transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-125:disabled { transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-150 { transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-150:hover { transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-150:focus { transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-150:active { transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-150:disabled { transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-n45 { transform: skewX(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-n45:hover { transform: skewX(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-n45:focus { transform: skewX(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-n45:active { transform: skewX(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-n45 { transform: skewY(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-n45:hover { transform: skewY(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-n45:focus { transform: skewY(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-n45:active { transform: skewY(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-n30 { transform: skewX(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-n30:hover { transform: skewX(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-n30:focus { transform: skewX(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-n30:active { transform: skewX(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-n30 { transform: skewY(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-n30:hover { transform: skewY(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-n30:focus { transform: skewY(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-n30:active { transform: skewY(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-n15 { transform: skewX(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-n15:hover { transform: skewX(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-n15:focus { transform: skewX(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-n15:active { transform: skewX(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-n15 { transform: skewY(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-n15:hover { transform: skewY(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-n15:focus { transform: skewY(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-n15:active { transform: skewY(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-0 { transform: skewX(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-0:hover { transform: skewX(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-0:focus { transform: skewX(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-0:active { transform: skewX(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-0:disabled { transform: skewX(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-0 { transform: skewY(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-0:hover { transform: skewY(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-0:focus { transform: skewY(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-0:active { transform: skewY(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-0:disabled { transform: skewY(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-15 { transform: skewX(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-15:hover { transform: skewX(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-15:focus { transform: skewX(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-15:active { transform: skewX(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-15:disabled { transform: skewX(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-15 { transform: skewY(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-15:hover { transform: skewY(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-15:focus { transform: skewY(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-15:active { transform: skewY(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-15:disabled { transform: skewY(15deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-30 { transform: skewX(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-30:hover { transform: skewX(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-30:focus { transform: skewX(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-30:active { transform: skewX(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-30:disabled { transform: skewX(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-30 { transform: skewY(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-30:hover { transform: skewY(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-30:focus { transform: skewY(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-30:active { transform: skewY(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-30:disabled { transform: skewY(30deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-45 { transform: skewX(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-45:hover { transform: skewX(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-45:focus { transform: skewX(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-45:active { transform: skewX(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-45:disabled { transform: skewX(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-45 { transform: skewY(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-45:hover { transform: skewY(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-45:focus { transform: skewY(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-45:active { transform: skewY(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-45:disabled { transform: skewY(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-0 { transform: translateX(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-0:hover { transform: translateX(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-0:focus { transform: translateX(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-0:active { transform: translateX(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-0:disabled { transform: translateX(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-0 { transform: translateY(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-0:hover { transform: translateY(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-0:focus { transform: translateY(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-0:active { transform: translateY(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-0:disabled { transform: translateY(0rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-0_125 { transform: translateX(0.125rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-0_125:active { transform: translateX(0.125rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-0_125 { transform: translateY(0.125rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-0_125:active { transform: translateY(0.125rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-0_25 { transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-0_25:active { transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-0_25 { transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-0_25:active { transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-0_5 { transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-0_5:active { transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-0_5 { transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-0_5:active { transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-0_75 { transform: translateX(0.75rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-0_75:active { transform: translateX(0.75rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-0_75 { transform: translateY(0.75rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-0_75:active { transform: translateY(0.75rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-1 { transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-1:hover { transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-1:focus { transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-1:active { transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-1:disabled { transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-1 { transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-1:hover { transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-1:focus { transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-1:active { transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-1:disabled { transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-1_5 { transform: translateX(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-1_5:active { transform: translateX(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-1_5 { transform: translateY(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-1_5:active { transform: translateY(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-2 { transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-2:hover { transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-2:focus { transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-2:active { transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-2:disabled { transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-2 { transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-2:hover { transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-2:focus { transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-2:active { transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-2:disabled { transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-3 { transform: translateX(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-3:hover { transform: translateX(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-3:focus { transform: translateX(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-3:active { transform: translateX(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-3:disabled { transform: translateX(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-3 { transform: translateY(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-3:hover { transform: translateY(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-3:focus { transform: translateY(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-3:active { transform: translateY(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-3:disabled { transform: translateY(3rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-4 { transform: translateX(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-4:hover { transform: translateX(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-4:focus { transform: translateX(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-4:active { transform: translateX(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-4:disabled { transform: translateX(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-4 { transform: translateY(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-4:hover { transform: translateY(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-4:focus { transform: translateY(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-4:active { transform: translateY(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-4:disabled { transform: translateY(4rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-center { transform-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-center:hover { transform-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-center:focus { transform-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-center:active { transform-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-center:disabled { transform-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-top { transform-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-top:hover { transform-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-top:focus { transform-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-top:active { transform-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-top:disabled { transform-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-bottom { transform-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-bottom:hover { transform-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-bottom:focus { transform-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-bottom:active { transform-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-bottom:disabled { transform-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-left { transform-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-left:hover { transform-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-left:focus { transform-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-left:active { transform-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-left:disabled { transform-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-right { transform-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-right:hover { transform-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-right:focus { transform-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-right:active { transform-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-right:disabled { transform-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-top_left { transform-origin: top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-top_left:hover { transform-origin: top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-top_left:focus { transform-origin: top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-top_left:active { transform-origin: top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-top_left:disabled { transform-origin: top left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-top_right { transform-origin: top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-top_right:hover { transform-origin: top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-top_right:focus { transform-origin: top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-top_right:active { transform-origin: top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-top_right:disabled { transform-origin: top right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-bottom_left { transform-origin: bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-bottom_left:hover { transform-origin: bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-bottom_left:focus { transform-origin: bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-bottom_left:active { transform-origin: bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-bottom_right { transform-origin: bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-bottom_right:hover { transform-origin: bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-bottom_right:focus { transform-origin: bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-bottom_right:active { transform-origin: bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transform-style-flat { transform-style: flat; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transform-style-flat:hover { transform-style: flat; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transform-style-flat:focus { transform-style: flat; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transform-style-flat:active { transform-style: flat; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transform-style-flat:disabled { transform-style: flat; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transform-style-preserve-3d { transform-style: preserve-3d; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-auto { accent-color: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-auto:hover { accent-color: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-auto:focus { accent-color: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-auto:active { accent-color: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-auto:disabled { accent-color: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-transparent { accent-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-transparent:hover { accent-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-transparent:focus { accent-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-transparent:active { accent-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-transparent:disabled { accent-color: transparent; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-red-50 { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-red-100 { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-red-200 { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-red-300 { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-red-400 { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-red-500 { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-red-600 { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-red-700 { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-red-800 { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-red-900 { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-orange-50 { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-orange-100 { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-orange-200 { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-orange-300 { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-orange-400 { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-orange-500 { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-orange-600 { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-orange-700 { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-orange-800 { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-orange-900 { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-teal-50 { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-teal-100 { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-teal-200 { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-teal-300 { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-teal-400 { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-teal-500 { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-teal-600 { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-teal-700 { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-teal-800 { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-teal-900 { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-purple-50 { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-purple-100 { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-purple-200 { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-purple-300 { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-purple-400 { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-purple-500 { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-purple-600 { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-purple-700 { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-purple-800 { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-purple-900 { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-pink-50 { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-pink-100 { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-pink-200 { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-pink-300 { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-pink-400 { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-pink-500 { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-pink-600 { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-pink-700 { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-pink-800 { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-pink-900 { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-grey-50 { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-grey-100 { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-grey-200 { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-grey-300 { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-grey-400 { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-grey-500 { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-grey-600 { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-grey-700 { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-grey-800 { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-grey-900 { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-lime-50 { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-lime-100 { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-lime-200 { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-lime-300 { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-lime-400 { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-lime-500 { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-lime-600 { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-lime-700 { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-lime-800 { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-lime-900 { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-sky-50 { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-sky-100 { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-sky-200 { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-sky-300 { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-sky-400 { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-sky-500 { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-sky-600 { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-sky-700 { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-sky-800 { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-sky-900 { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-violet-50 { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-violet-100 { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-violet-200 { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-violet-300 { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-violet-400 { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-violet-500 { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-violet-600 { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-violet-700 { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-violet-800 { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-violet-900 { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-rose-50 { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-rose-100 { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-rose-200 { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-rose-300 { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-rose-400 { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-rose-500 { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-rose-600 { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-rose-700 { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-rose-800 { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-rose-900 { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-slate-50 { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-slate-100 { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-slate-200 { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-slate-300 { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-slate-400 { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-slate-500 { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-slate-600 { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-slate-700 { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-slate-800 { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-slate-900 { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-blue-50 { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-blue-100 { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-blue-200 { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-blue-300 { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-blue-400 { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-blue-500 { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-blue-600 { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-blue-700 { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-blue-800 { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-blue-900 { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-green-50 { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-green-100 { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-green-200 { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-green-300 { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-green-400 { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-green-500 { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-green-600 { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-green-700 { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-green-800 { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-green-900 { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-appearance-none { appearance: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-appearance-none:hover { appearance: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-appearance-none:focus { appearance: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-appearance-none:active { appearance: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-appearance-none:disabled { appearance: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-appearance-auto { appearance: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-appearance-auto:hover { appearance: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-appearance-auto:focus { appearance: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-appearance-auto:active { appearance: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-appearance-auto:disabled { appearance: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-red-50 { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-red-100 { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-red-200 { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-red-300 { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-red-400 { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-red-500 { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-red-600 { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-red-700 { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-red-800 { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-red-900 { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-orange-50 { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-orange-100 { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-orange-200 { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-orange-300 { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-orange-400 { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-orange-500 { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-orange-600 { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-orange-700 { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-orange-800 { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-orange-900 { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-teal-50 { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-teal-100 { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-teal-200 { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-teal-300 { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-teal-400 { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-teal-500 { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-teal-600 { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-teal-700 { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-teal-800 { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-teal-900 { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-purple-50 { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-purple-100 { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-purple-200 { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-purple-300 { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-purple-400 { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-purple-500 { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-purple-600 { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-purple-700 { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-purple-800 { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-purple-900 { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-pink-50 { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-pink-100 { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-pink-200 { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-pink-300 { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-pink-400 { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-pink-500 { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-pink-600 { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-pink-700 { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-pink-800 { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-pink-900 { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-grey-50 { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-grey-100 { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-grey-200 { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-grey-300 { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-grey-400 { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-grey-500 { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-grey-600 { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-grey-700 { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-grey-800 { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-grey-900 { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-lime-50 { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-lime-100 { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-lime-200 { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-lime-300 { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-lime-400 { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-lime-500 { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-lime-600 { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-lime-700 { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-lime-800 { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-lime-900 { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-sky-50 { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-sky-100 { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-sky-200 { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-sky-300 { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-sky-400 { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-sky-500 { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-sky-600 { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-sky-700 { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-sky-800 { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-sky-900 { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-violet-50 { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-violet-100 { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-violet-200 { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-violet-300 { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-violet-400 { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-violet-500 { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-violet-600 { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-violet-700 { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-violet-800 { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-violet-900 { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-rose-50 { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-rose-100 { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-rose-200 { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-rose-300 { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-rose-400 { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-rose-500 { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-rose-600 { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-rose-700 { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-rose-800 { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-rose-900 { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-slate-50 { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-slate-100 { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-slate-200 { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-slate-300 { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-slate-400 { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-slate-500 { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-slate-600 { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-slate-700 { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-slate-800 { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-slate-900 { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-blue-50 { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-blue-100 { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-blue-200 { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-blue-300 { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-blue-400 { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-blue-500 { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-blue-600 { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-blue-700 { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-blue-800 { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-blue-900 { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-green-50 { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-green-100 { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-green-200 { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-green-300 { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-green-400 { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-green-500 { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-green-600 { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-green-700 { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-green-800 { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-green-900 { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-black { caret-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-black:hover { caret-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-black:focus { caret-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-black:active { caret-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-black:disabled { caret-color: var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-caret-white { caret-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-caret-white:hover { caret-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-caret-white:focus { caret-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-caret-white:active { caret-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-caret-white:disabled { caret-color: var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-color-scheme-light { color-scheme: light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-color-scheme-light:hover { color-scheme: light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-color-scheme-light:focus { color-scheme: light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-color-scheme-light:active { color-scheme: light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-color-scheme-light:disabled { color-scheme: light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-color-scheme-dark { color-scheme: dark; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-color-scheme-dark:hover { color-scheme: dark; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-color-scheme-dark:focus { color-scheme: dark; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-color-scheme-dark:active { color-scheme: dark; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-color-scheme-dark:disabled { color-scheme: dark; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-color-scheme-normal { color-scheme: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-color-scheme-normal:hover { color-scheme: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-color-scheme-normal:focus { color-scheme: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-color-scheme-normal:active { color-scheme: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-color-scheme-normal:disabled { color-scheme: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-auto { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-default { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-default:active { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-pointer { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-wait { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-text { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-text:active { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-move { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-move:active { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-none { cursor: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-none:hover { cursor: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-none:focus { cursor: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-none:active { cursor: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-none:disabled { cursor: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pointer-events-none { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize-none { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize-none:hover { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize-none:focus { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize-none:active { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize-x { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize-y { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize-y:active { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize:hover { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize:focus { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize:active { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize:disabled { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-0 { scroll-margin: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-0:hover { scroll-margin: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-0:focus { scroll-margin: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-0:active { scroll-margin: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-0 { scroll-padding: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-0:hover { scroll-padding: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-0:focus { scroll-padding: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-0:active { scroll-padding: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-0_125 { scroll-margin: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-0_125 { scroll-padding: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-0_25 { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-0_25 { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-0_5 { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-0_5 { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-0_75 { scroll-margin: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-0_75 { scroll-padding: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-1 { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-1:hover { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-1:focus { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-1:active { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-1 { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-1:hover { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-1:focus { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-1:active { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-1_5 { scroll-margin: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-1_5 { scroll-padding: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-2 { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-2:hover { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-2:focus { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-2:active { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-2 { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-2:hover { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-2:focus { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-2:active { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-3 { scroll-margin: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-3:hover { scroll-margin: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-3:focus { scroll-margin: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-3:active { scroll-margin: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-3 { scroll-padding: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-3:hover { scroll-padding: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-3:focus { scroll-padding: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-3:active { scroll-padding: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-4 { scroll-margin: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-4:hover { scroll-margin: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-4:focus { scroll-margin: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-4:active { scroll-margin: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-4 { scroll-padding: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-4:hover { scroll-padding: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-4:focus { scroll-padding: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-4:active { scroll-padding: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-x { scroll-snap-type: x mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-x:hover { scroll-snap-type: x mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-x:focus { scroll-snap-type: x mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-x:active { scroll-snap-type: x mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-y { scroll-snap-type: y mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-y:hover { scroll-snap-type: y mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-y:focus { scroll-snap-type: y mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-y:active { scroll-snap-type: y mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-both { scroll-snap-type: both mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-both:hover { scroll-snap-type: both mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-both:focus { scroll-snap-type: both mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-both:active { scroll-snap-type: both mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-align-start { scroll-snap-align: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-align-start:hover { scroll-snap-align: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-align-start:focus { scroll-snap-align: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-align-start:active { scroll-snap-align: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-align-start:disabled { scroll-snap-align: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-align-end { scroll-snap-align: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-align-end:hover { scroll-snap-align: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-align-end:focus { scroll-snap-align: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-align-end:active { scroll-snap-align: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-align-end:disabled { scroll-snap-align: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-align-center { scroll-snap-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-align-center:hover { scroll-snap-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-align-center:focus { scroll-snap-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-align-center:active { scroll-snap-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-align-center:disabled { scroll-snap-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-align-none { scroll-snap-align: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-align-none:hover { scroll-snap-align: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-align-none:focus { scroll-snap-align: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-align-none:active { scroll-snap-align: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-align-none:disabled { scroll-snap-align: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-stop-normal { scroll-snap-stop: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-stop-normal:active { scroll-snap-stop: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-stop-always { scroll-snap-stop: always; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-stop-always:hover { scroll-snap-stop: always; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-stop-always:focus { scroll-snap-stop: always; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-stop-always:active { scroll-snap-stop: always; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-auto { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-none { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-none:active { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-pan_x { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-pan_x:hover { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-pan_x:focus { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-pan_x:active { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-pan_x:disabled { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-pan_y { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-pan_y:hover { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-pan_y:focus { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-pan_y:active { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-pan_y:disabled { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-auto { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-auto:active { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-none { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-none:hover { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-none:focus { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-none:active { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-text { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-text:hover { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-text:focus { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-text:active { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-all { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-all:hover { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-all:focus { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-all:active { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-contain { user-select: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-contain:hover { user-select: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-contain:focus { user-select: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-contain:active { user-select: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-contain:disabled { user-select: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-auto { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-scroll { will-change: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-scroll:hover { will-change: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-scroll:focus { will-change: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-scroll:active { will-change: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-scroll:disabled { will-change: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-transform { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-opacity { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-contents { will-change: contents; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-contents:hover { will-change: contents; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-contents:focus { will-change: contents; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-contents:active { will-change: contents; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-contents:disabled { will-change: contents; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-color-scheme-light { color-scheme: light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-color-scheme-light:hover { color-scheme: light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-color-scheme-light:focus { color-scheme: light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-color-scheme-light:active { color-scheme: light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-color-scheme-light:disabled { color-scheme: light; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-color-scheme-dark { color-scheme: dark; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-color-scheme-dark:hover { color-scheme: dark; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-color-scheme-dark:focus { color-scheme: dark; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-color-scheme-dark:active { color-scheme: dark; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-color-scheme-dark:disabled { color-scheme: dark; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-color-scheme-normal { color-scheme: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-color-scheme-normal:hover { color-scheme: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-color-scheme-normal:focus { color-scheme: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-color-scheme-normal:active { color-scheme: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-color-scheme-normal:disabled { color-scheme: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-auto { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-default { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-default:active { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-pointer { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-wait { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-text { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-text:active { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-move { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-move:active { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-none { cursor: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-none:hover { cursor: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-none:focus { cursor: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-none:active { cursor: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-none:disabled { cursor: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pointer-events-none { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize-none { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize-none:hover { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize-none:focus { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize-none:active { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize-x { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize-y { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize-y:active { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize:hover { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize:focus { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize:active { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize:disabled { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-0 { scroll-margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-0:hover { scroll-margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-0:focus { scroll-margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-0:active { scroll-margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-0:disabled { scroll-margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-1 { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-1:active { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-2 { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-2:active { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-4 { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-4:hover { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-4:focus { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-4:active { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-8 { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-8:hover { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-8:focus { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-8:active { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-0 { scroll-padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-0:hover { scroll-padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-0:focus { scroll-padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-0:active { scroll-padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-0:disabled { scroll-padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-1 { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-1:active { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-2 { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-2:active { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-4 { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-4:hover { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-4:focus { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-4:active { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-8 { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-8:hover { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-8:focus { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-8:active { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-x { scroll-snap-type: x mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-x:hover { scroll-snap-type: x mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-x:focus { scroll-snap-type: x mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-x:active { scroll-snap-type: x mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-y { scroll-snap-type: y mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-y:hover { scroll-snap-type: y mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-y:focus { scroll-snap-type: y mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-y:active { scroll-snap-type: y mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-both { scroll-snap-type: both mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-both:hover { scroll-snap-type: both mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-both:focus { scroll-snap-type: both mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-both:active { scroll-snap-type: both mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-align-start { scroll-snap-align: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-align-start:hover { scroll-snap-align: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-align-start:focus { scroll-snap-align: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-align-start:active { scroll-snap-align: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-align-start:disabled { scroll-snap-align: start; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-align-center { scroll-snap-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-align-center:hover { scroll-snap-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-align-center:focus { scroll-snap-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-align-center:active { scroll-snap-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-align-center:disabled { scroll-snap-align: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-align-end { scroll-snap-align: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-align-end:hover { scroll-snap-align: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-align-end:focus { scroll-snap-align: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-align-end:active { scroll-snap-align: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-align-end:disabled { scroll-snap-align: end; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-align-none { scroll-snap-align: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-align-none:hover { scroll-snap-align: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-align-none:focus { scroll-snap-align: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-align-none:active { scroll-snap-align: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-align-none:disabled { scroll-snap-align: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-stop-normal { scroll-snap-stop: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-stop-normal:active { scroll-snap-stop: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-snap-stop-always { scroll-snap-stop: always; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-snap-stop-always:hover { scroll-snap-stop: always; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-snap-stop-always:focus { scroll-snap-stop: always; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-snap-stop-always:active { scroll-snap-stop: always; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-auto { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-none { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-none:active { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-pan-x { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-pan-x:hover { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-pan-x:focus { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-pan-x:active { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-pan-x:disabled { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-pan-y { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-pan-y:hover { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-pan-y:focus { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-pan-y:active { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-pan-y:disabled { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-auto { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-auto:active { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-none { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-none:hover { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-none:focus { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-none:active { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-text { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-text:hover { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-text:focus { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-text:active { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-all { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-all:hover { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-all:focus { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-all:active { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-contain { user-select: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-contain:hover { user-select: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-contain:focus { user-select: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-contain:active { user-select: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-contain:disabled { user-select: contain; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-auto { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-scroll { will-change: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-scroll:hover { will-change: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-scroll:focus { will-change: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-scroll:active { will-change: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-scroll:disabled { will-change: scroll; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-transform { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-opacity { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-contents { will-change: contents; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-contents:hover { will-change: contents; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-contents:focus { will-change: contents; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-contents:active { will-change: contents; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-contents:disabled { will-change: contents; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-field-sizing-auto { block-size: auto; inline-size: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-field-sizing-fill { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-field-sizing-min { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-field-sizing-max { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-aspect-auto { aspect-ratio: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-aspect-auto:hover { aspect-ratio: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-aspect-auto:focus { aspect-ratio: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-aspect-auto:active { aspect-ratio: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-aspect-auto:disabled { aspect-ratio: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-aspect-square { aspect-ratio: 1 / 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-aspect-square:active { aspect-ratio: 1 / 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-aspect-video { aspect-ratio: 16 / 9; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-aspect-video:active { aspect-ratio: 16 / 9; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-isolation-auto { isolation: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-isolation-auto:hover { isolation: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-isolation-auto:focus { isolation: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-isolation-auto:active { isolation: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-isolation-auto:disabled { isolation: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-isolation-isolate { isolation: isolate; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-isolation-isolate:hover { isolation: isolate; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-isolation-isolate:focus { isolation: isolate; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-isolation-isolate:active { isolation: isolate; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-isolation-isolate:disabled { isolation: isolate; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contain-none { contain: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contain-none:hover { contain: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contain-none:focus { contain: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contain-none:active { contain: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contain-none:disabled { contain: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contain-layout { contain: layout; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contain-layout:hover { contain: layout; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contain-layout:focus { contain: layout; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contain-layout:active { contain: layout; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contain-layout:disabled { contain: layout; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contain-size { contain: size; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contain-size:hover { contain: size; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contain-size:focus { contain: size; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contain-size:active { contain: size; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contain-size:disabled { contain: size; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contain-style { contain: style; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contain-style:hover { contain: style; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contain-style:focus { contain: style; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contain-style:active { contain: style; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contain-style:disabled { contain: style; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contain-paint { contain: paint; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contain-paint:hover { contain: paint; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contain-paint:focus { contain: paint; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contain-paint:active { contain: paint; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contain-paint:disabled { contain: paint; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contain-content { contain: content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contain-content:hover { contain: content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contain-content:focus { contain: content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contain-content:active { contain: content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contain-content:disabled { contain: content; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-content-auto { content-visibility: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-content-auto:hover { content-visibility: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-content-auto:focus { content-visibility: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-content-auto:active { content-visibility: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-content-auto:disabled { content-visibility: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-content-hidden { content-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-content-hidden:hover { content-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-content-hidden:focus { content-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-content-hidden:active { content-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-content-hidden:disabled { content-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-content-visible { content-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-content-visible:hover { content-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-content-visible:focus { content-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-content-visible:active { content-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-content-visible:disabled { content-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-box-border { box-sizing: border-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-box-border:hover { box-sizing: border-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-box-border:focus { box-sizing: border-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-box-border:active { box-sizing: border-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-box-border:disabled { box-sizing: border-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-box-content { box-sizing: content-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-box-content:hover { box-sizing: content-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-box-content:focus { box-sizing: content-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-box-content:active { box-sizing: content-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-box-content:disabled { box-sizing: content-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clip-none { clip-path: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clip-none:hover { clip-path: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clip-none:focus { clip-path: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clip-none:active { clip-path: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clip-none:disabled { clip-path: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clip-circle { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clip-inset { clip-path: inset(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clip-inset:hover { clip-path: inset(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clip-inset:focus { clip-path: inset(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clip-inset:active { clip-path: inset(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clip-inset:disabled { clip-path: inset(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-margin-block-start-1 { margin-block-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-margin-block-start-1:active { margin-block-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-margin-block-end-1 { margin-block-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-margin-block-end-1:active { margin-block-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-margin-inline-start-1 { margin-inline-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-margin-inline-end-1 { margin-inline-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-padding-block-start-1 { padding-block-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-padding-block-start-1:active { padding-block-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-padding-block-end-1 { padding-block-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-padding-block-end-1:active { padding-block-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-padding-inline-start-1 { padding-inline-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-padding-inline-end-1 { padding-inline-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-all { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-all:active { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-opacity { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-shadow { transition-property: box-shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-shadow:hover { transition-property: box-shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-shadow:focus { transition-property: box-shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-shadow:active { transition-property: box-shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-shadow:disabled { transition-property: box-shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-transform { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-100 { transition-duration: 100ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-100:hover { transition-duration: 100ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-100:focus { transition-duration: 100ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-100:active { transition-duration: 100ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-100:disabled { transition-duration: 100ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-200 { transition-duration: 200ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-200:hover { transition-duration: 200ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-200:focus { transition-duration: 200ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-200:active { transition-duration: 200ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-200:disabled { transition-duration: 200ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-linear { transition-timing-function: linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-linear:hover { transition-timing-function: linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-linear:focus { transition-timing-function: linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-linear:active { transition-timing-function: linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-linear:disabled { transition-timing-function: linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-in { transition-timing-function: ease-in; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-in:hover { transition-timing-function: ease-in; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-in:focus { transition-timing-function: ease-in; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-in:active { transition-timing-function: ease-in; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-in:disabled { transition-timing-function: ease-in; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-out { transition-timing-function: ease-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-out:hover { transition-timing-function: ease-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-out:focus { transition-timing-function: ease-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-out:active { transition-timing-function: ease-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-out:disabled { transition-timing-function: ease-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-in-out { transition-timing-function: ease-in-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-in-out:active { transition-timing-function: ease-in-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-bounce { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-spin { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-filter-none { filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-filter-none:hover { filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-filter-none:focus { filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-filter-none:active { filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-filter-none:disabled { filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur-sm { filter: blur(2px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur-sm:hover { filter: blur(2px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur-sm:focus { filter: blur(2px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur-sm:active { filter: blur(2px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur-sm:disabled { filter: blur(2px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur:hover { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur:focus { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur:active { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur:disabled { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur-md { filter: blur(8px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur-md:hover { filter: blur(8px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur-md:focus { filter: blur(8px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur-md:active { filter: blur(8px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur-md:disabled { filter: blur(8px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur-lg { filter: blur(12px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur-lg:hover { filter: blur(12px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur-lg:focus { filter: blur(12px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur-lg:active { filter: blur(12px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur-lg:disabled { filter: blur(12px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-blur-xl { filter: blur(20px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-blur-xl:hover { filter: blur(20px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-blur-xl:focus { filter: blur(20px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-blur-xl:active { filter: blur(20px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-blur-xl:disabled { filter: blur(20px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-100 { filter: brightness(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-100:hover { filter: brightness(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-100:focus { filter: brightness(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-100:active { filter: brightness(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-100:disabled { filter: brightness(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-brightness-150 { filter: brightness(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-brightness-150:hover { filter: brightness(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-brightness-150:focus { filter: brightness(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-brightness-150:active { filter: brightness(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-brightness-150:disabled { filter: brightness(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contrast-50 { filter: contrast(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contrast-50:hover { filter: contrast(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contrast-50:focus { filter: contrast(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contrast-50:active { filter: contrast(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contrast-50:disabled { filter: contrast(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-contrast-100 { filter: contrast(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-contrast-100:hover { filter: contrast(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-contrast-100:focus { filter: contrast(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-contrast-100:active { filter: contrast(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-contrast-100:disabled { filter: contrast(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grayscale { filter: grayscale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grayscale:hover { filter: grayscale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grayscale:focus { filter: grayscale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grayscale:active { filter: grayscale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grayscale:disabled { filter: grayscale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-sepia { filter: sepia(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-sepia:hover { filter: sepia(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-sepia:focus { filter: sepia(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-sepia:active { filter: sepia(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-sepia:disabled { filter: sepia(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-flow-row { grid-auto-flow: row; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-flow-row:hover { grid-auto-flow: row; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-flow-row:focus { grid-auto-flow: row; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-flow-row:active { grid-auto-flow: row; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-flow-col { grid-auto-flow: column; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-flow-col:hover { grid-auto-flow: column; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-flow-col:focus { grid-auto-flow: column; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-flow-col:active { grid-auto-flow: column; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-flow-row-dense { grid-auto-flow: row dense; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-flow-col-dense { grid-auto-flow: column dense; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-none { transition-property: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-none:hover { transition-property: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-none:focus { transition-property: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-none:active { transition-property: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-none:disabled { transition-property: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-all { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-all:active { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-opacity { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-shadow { transition-property: box-shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-shadow:hover { transition-property: box-shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-shadow:focus { transition-property: box-shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-shadow:active { transition-property: box-shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-shadow:disabled { transition-property: box-shadow; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transition-transform { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-linear { transition-timing-function: linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-linear:hover { transition-timing-function: linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-linear:focus { transition-timing-function: linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-linear:active { transition-timing-function: linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-linear:disabled { transition-timing-function: linear; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-none { animation: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-none:hover { animation: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-none:focus { animation: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-none:active { animation: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-none:disabled { animation: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-fade { animation: fade 300ms ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-fade:active { animation: fade 300ms ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-slide-in { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-animate-spin { animation: spin 1s linear infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-animate-spin:hover { animation: spin 1s linear infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-animate-spin:focus { animation: spin 1s linear infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-animate-spin:active { animation: spin 1s linear infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transform { transform: var(--tw-transform, none); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transform:hover { transform: var(--tw-transform, none); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transform:focus { transform: var(--tw-transform, none); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transform:active { transform: var(--tw-transform, none); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transform:disabled { transform: var(--tw-transform, none); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transform-none { transform: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transform-none:hover { transform: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transform-none:focus { transform: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transform-none:active { transform: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transform-none:disabled { transform: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-50 { --tw-transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-50:hover { --tw-transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-50:focus { --tw-transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-50:active { --tw-transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-75 { --tw-transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-75:hover { --tw-transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-75:focus { --tw-transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-75:active { --tw-transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-90 { --tw-transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-90:hover { --tw-transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-90:focus { --tw-transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-90:active { --tw-transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-100 { --tw-transform: scale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-100:hover { --tw-transform: scale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-100:focus { --tw-transform: scale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-100:active { --tw-transform: scale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-100:disabled { --tw-transform: scale(1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-105 { --tw-transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-105:hover { --tw-transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-105:focus { --tw-transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-105:active { --tw-transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-110 { --tw-transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-110:hover { --tw-transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-110:focus { --tw-transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-110:active { --tw-transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-125 { --tw-transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-125:hover { --tw-transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-125:focus { --tw-transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-125:active { --tw-transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scale-150 { --tw-transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scale-150:hover { --tw-transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scale-150:focus { --tw-transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scale-150:active { --tw-transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-0 { --tw-transform: translateX(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-0:hover { --tw-transform: translateX(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-0:focus { --tw-transform: translateX(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-0:active { --tw-transform: translateX(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-1 { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-2 { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-4 { --tw-transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-4:active { --tw-transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-x-8 { --tw-transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-x-8:active { --tw-transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-0 { --tw-transform: translateY(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-0:hover { --tw-transform: translateY(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-0:focus { --tw-transform: translateY(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-0:active { --tw-transform: translateY(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-1 { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-2 { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-4 { --tw-transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-4:active { --tw-transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-translate-y-8 { --tw-transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-translate-y-8:active { --tw-transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-0 { --tw-transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-0:active { --tw-transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-45 { --tw-transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-45:active { --tw-transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-90 { --tw-transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-90:active { --tw-transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-rotate-180 { --tw-transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-rotate-180:active { --tw-transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-0 { --tw-transform: skewX(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-0:hover { --tw-transform: skewX(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-0:focus { --tw-transform: skewX(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-0:active { --tw-transform: skewX(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-3 { --tw-transform: skewX(3deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-3:active { --tw-transform: skewX(3deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-x-6 { --tw-transform: skewX(6deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-x-6:active { --tw-transform: skewX(6deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-0 { --tw-transform: skewY(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-0:hover { --tw-transform: skewY(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-0:focus { --tw-transform: skewY(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-0:active { --tw-transform: skewY(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-3 { --tw-transform: skewY(3deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-3:active { --tw-transform: skewY(3deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-skew-y-6 { --tw-transform: skewY(6deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-skew-y-6:active { --tw-transform: skewY(6deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-center { transform-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-center:hover { transform-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-center:focus { transform-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-center:active { transform-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-center:disabled { transform-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-top { transform-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-top:hover { transform-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-top:focus { transform-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-top:active { transform-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-top:disabled { transform-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-right { transform-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-right:hover { transform-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-right:focus { transform-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-right:active { transform-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-right:disabled { transform-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-bottom { transform-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-bottom:hover { transform-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-bottom:focus { transform-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-bottom:active { transform-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-bottom:disabled { transform-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-origin-left { transform-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-origin-left:hover { transform-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-origin-left:focus { transform-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-origin-left:active { transform-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-origin-left:disabled { transform-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-none { perspective: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-none:hover { perspective: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-none:focus { perspective: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-none:active { perspective: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-none:disabled { perspective: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-sm { perspective: 400px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-sm:hover { perspective: 400px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-sm:focus { perspective: 400px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-sm:active { perspective: 400px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-sm:disabled { perspective: 400px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-md { perspective: 800px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-md:hover { perspective: 800px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-md:focus { perspective: 800px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-md:active { perspective: 800px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-md:disabled { perspective: 800px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-lg { perspective: 1200px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-lg:hover { perspective: 1200px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-lg:focus { perspective: 1200px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-lg:active { perspective: 1200px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-lg:disabled { perspective: 1200px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-xl { perspective: 1600px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-xl:hover { perspective: 1600px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-xl:focus { perspective: 1600px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-xl:active { perspective: 1600px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-xl:disabled { perspective: 1600px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-center { perspective-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-center:hover { perspective-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-center:focus { perspective-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-center:active { perspective-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-center:disabled { perspective-origin: center; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-top { perspective-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-top:hover { perspective-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-top:focus { perspective-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-top:active { perspective-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-top:disabled { perspective-origin: top; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-left { perspective-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-left:hover { perspective-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-left:focus { perspective-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-left:active { perspective-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-left:disabled { perspective-origin: left; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-right { perspective-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-right:hover { perspective-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-right:focus { perspective-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-right:active { perspective-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-right:disabled { perspective-origin: right; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-perspective-origin-bottom { perspective-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-perspective-origin-bottom:active { perspective-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-backface-visible { backface-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-backface-visible:hover { backface-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-backface-visible:focus { backface-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-backface-visible:active { backface-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-backface-visible:disabled { backface-visibility: visible; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-backface-hidden { backface-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-backface-hidden:hover { backface-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-backface-hidden:focus { backface-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-backface-hidden:active { backface-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-backface-hidden:disabled { backface-visibility: hidden; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transform-style-flat { transform-style: flat; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transform-style-flat:hover { transform-style: flat; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transform-style-flat:focus { transform-style: flat; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transform-style-flat:active { transform-style: flat; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transform-style-flat:disabled { transform-style: flat; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-transform-style-preserve { transform-style: preserve-3d; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-transform-style-preserve:active { transform-style: preserve-3d; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-filter-none { filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-filter-none:hover { filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-filter-none:focus { filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-filter-none:active { filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-filter-none:disabled { filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-filter-grayscale { filter: grayscale(100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-filter-grayscale:hover { filter: grayscale(100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-filter-grayscale:focus { filter: grayscale(100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-filter-grayscale:active { filter: grayscale(100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-filter-blur { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-filter-blur:hover { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-filter-blur:focus { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-filter-blur:active { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-filter-blur:disabled { filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-filter-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-filter-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-filter-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-filter-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-filter-contrast-125 { filter: contrast(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-filter-contrast-125:hover { filter: contrast(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-filter-contrast-125:focus { filter: contrast(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-filter-contrast-125:active { filter: contrast(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-filter-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-filter-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-filter-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-filter-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-filter-sepia { filter: sepia(100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-filter-sepia:hover { filter: sepia(100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-filter-sepia:focus { filter: sepia(100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-filter-sepia:active { filter: sepia(100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-filter-sepia:disabled { filter: sepia(100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-backdrop-filter-none { backdrop-filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-backdrop-filter-none:hover { backdrop-filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-backdrop-filter-none:focus { backdrop-filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-backdrop-filter-none:active { backdrop-filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-backdrop-blur { backdrop-filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-backdrop-blur:active { backdrop-filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-normal { background-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-normal:hover { background-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-normal:focus { background-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-normal:active { background-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-multiply { background-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-multiply:active { background-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-screen { background-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-screen:hover { background-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-screen:focus { background-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-screen:active { background-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-overlay { background-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-overlay:active { background-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-darken { background-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-darken:hover { background-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-darken:focus { background-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-darken:active { background-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-blend-lighten { background-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-blend-lighten:active { background-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-blend-normal { mix-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-blend-normal:active { mix-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-blend-multiply { mix-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-blend-screen { mix-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-blend-screen:active { mix-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-mix-blend-overlay { mix-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-decoration-slice { box-decoration-break: slice; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-decoration-slice:hover { box-decoration-break: slice; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-decoration-slice:focus { box-decoration-break: slice; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-decoration-slice:active { box-decoration-break: slice; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-decoration-slice:disabled { box-decoration-break: slice; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-decoration-clone { box-decoration-break: clone; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-decoration-clone:hover { box-decoration-break: clone; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-decoration-clone:focus { box-decoration-break: clone; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-decoration-clone:active { box-decoration-break: clone; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-decoration-clone:disabled { box-decoration-break: clone; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-box-border { box-sizing: border-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-box-border:hover { box-sizing: border-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-box-border:focus { box-sizing: border-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-box-border:active { box-sizing: border-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-box-border:disabled { box-sizing: border-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-box-content { box-sizing: content-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-box-content:hover { box-sizing: content-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-box-content:focus { box-sizing: content-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-box-content:active { box-sizing: content-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-box-content:disabled { box-sizing: content-box; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clip-none { clip-path: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clip-none:hover { clip-path: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clip-none:focus { clip-path: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clip-none:active { clip-path: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clip-none:disabled { clip-path: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clip-circle { clip-path: circle(50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clip-circle:hover { clip-path: circle(50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clip-circle:focus { clip-path: circle(50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clip-circle:active { clip-path: circle(50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clip-circle:disabled { clip-path: circle(50%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clip-ellipse { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clip-inset { clip-path: inset(10%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clip-inset:hover { clip-path: inset(10%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clip-inset:focus { clip-path: inset(10%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clip-inset:active { clip-path: inset(10%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clip-inset:disabled { clip-path: inset(10%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-none { outline: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-none:hover { outline: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-none:focus { outline: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-none:active { outline: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-none:disabled { outline: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-solid { outline-style: solid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-solid:hover { outline-style: solid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-solid:focus { outline-style: solid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-solid:active { outline-style: solid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-solid:disabled { outline-style: solid; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-dashed { outline-style: dashed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-dashed:hover { outline-style: dashed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-dashed:focus { outline-style: dashed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-dashed:active { outline-style: dashed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-dashed:disabled { outline-style: dashed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-offset-0 { outline-offset: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-offset-0:hover { outline-offset: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-offset-0:focus { outline-offset: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-offset-0:active { outline-offset: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-offset-0:disabled { outline-offset: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-offset-2 { outline-offset: 2px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-offset-2:hover { outline-offset: 2px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-offset-2:focus { outline-offset: 2px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-offset-2:active { outline-offset: 2px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-offset-2:disabled { outline-offset: 2px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-outline-offset-4 { outline-offset: 4px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-outline-offset-4:hover { outline-offset: 4px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-outline-offset-4:focus { outline-offset: 4px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-outline-offset-4:active { outline-offset: 4px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-outline-offset-4:disabled { outline-offset: 4px; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-none { box-shadow: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-none:hover { box-shadow: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-none:focus { box-shadow: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-none:active { box-shadow: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-none:disabled { box-shadow: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-auto { accent-color: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-auto:hover { accent-color: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-auto:focus { accent-color: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-auto:active { accent-color: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-auto:disabled { accent-color: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-accent-current { accent-color: currentColor; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-accent-current:hover { accent-color: currentColor; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-accent-current:focus { accent-color: currentColor; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-accent-current:active { accent-color: currentColor; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-accent-current:disabled { accent-color: currentColor; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-appearance-none { appearance: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-appearance-none:hover { appearance: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-appearance-none:focus { appearance: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-appearance-none:active { appearance: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-appearance-none:disabled { appearance: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-auto { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-pointer { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-default { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-default:active { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-wait { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-text { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-text:active { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-move { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-move:active { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-pointer-events-none { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize-none { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize-none:hover { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize-none:focus { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize-none:active { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize-y { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize-y:active { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize-x { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-resize { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-resize:hover { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-resize:focus { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-resize:active { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-resize:disabled { resize: both; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-0 { scroll-margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-0:hover { scroll-margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-0:focus { scroll-margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-0:active { scroll-margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-0:disabled { scroll-margin: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-1 { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-1:active { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-2 { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-2:active { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-4 { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-4:hover { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-4:focus { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-4:active { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-m-8 { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-m-8:hover { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-m-8:focus { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-m-8:active { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-0 { scroll-padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-0:hover { scroll-padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-0:focus { scroll-padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-0:active { scroll-padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-0:disabled { scroll-padding: 0; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-1 { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-1:active { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-2 { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-2:active { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-4 { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-4:hover { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-4:focus { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-4:active { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-scroll-p-8 { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-scroll-p-8:hover { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-scroll-p-8:focus { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-scroll-p-8:active { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-auto { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-none { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-none:active { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-pan-x { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-pan-x:hover { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-pan-x:focus { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-pan-x:active { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-pan-x:disabled { touch-action: pan-x; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-pan-y { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-pan-y:hover { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-pan-y:focus { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-pan-y:active { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-pan-y:disabled { touch-action: pan-y; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-none { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-none:hover { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-none:focus { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-none:active { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-text { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-text:hover { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-text:focus { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-text:active { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-all { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-all:hover { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-all:focus { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-all:active { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-select-auto { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-select-auto:active { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-auto { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-scroll { will-change: scroll-position; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-scroll:hover { will-change: scroll-position; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-scroll:focus { will-change: scroll-position; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-scroll:active { will-change: scroll-position; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-scroll:disabled { will-change: scroll-position; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-transform { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-will-change-opacity { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-primary { background-color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-primary:hover { background-color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-primary:focus { background-color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-primary:active { background-color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-secondary { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-success { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-success:active { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-warning { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-danger { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-bg-info { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-bg-info:active { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-primary { color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-primary:hover { color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-primary:focus { color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-primary:active { color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-primary:disabled { color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-secondary { color: var(--quanta-text-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-secondary:active { color: var(--quanta-text-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-success { color: var(--quanta-text-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-success:hover { color: var(--quanta-text-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-success:focus { color: var(--quanta-text-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-success:active { color: var(--quanta-text-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-success:disabled { color: var(--quanta-text-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-warning { color: var(--quanta-text-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-warning:hover { color: var(--quanta-text-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-warning:focus { color: var(--quanta-text-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-warning:active { color: var(--quanta-text-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-danger { color: var(--quanta-text-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-danger:hover { color: var(--quanta-text-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-danger:focus { color: var(--quanta-text-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-danger:active { color: var(--quanta-text-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-text-info { color: var(--quanta-text-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-text-info:hover { color: var(--quanta-text-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-text-info:focus { color: var(--quanta-text-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-text-info:active { color: var(--quanta-text-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-text-info:disabled { color: var(--quanta-text-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-primary { border-color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-primary:hover { border-color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-primary:focus { border-color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-primary:active { border-color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-secondary { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-success { border-color: var(--quanta-border-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-success:hover { border-color: var(--quanta-border-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-success:focus { border-color: var(--quanta-border-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-success:active { border-color: var(--quanta-border-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-warning { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-warning:active { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-danger { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-danger:active { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-border-info { border-color: var(--quanta-border-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-hover-border-info:hover { border-color: var(--quanta-border-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-focus-border-info:focus { border-color: var(--quanta-border-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-active-border-info:active { border-color: var(--quanta-border-info); }
}
@media (min-width: 1280px) {
  [data-theme="dark"] .dark-xl-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
}
}
@media (min-width: 1536px) {
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-auto { padding: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-auto:hover { padding: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-auto:focus { padding: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-auto:active { padding: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-auto:disabled { padding: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-0 { padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-0:hover { padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-0:focus { padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-0:active { padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-0:disabled { padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-1 { padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-1:hover { padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-1:focus { padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-1:active { padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-1:disabled { padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-2 { padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-2:hover { padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-2:focus { padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-2:active { padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-2:disabled { padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-3 { padding: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-3:hover { padding: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-3:focus { padding: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-3:active { padding: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-3:disabled { padding: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-4 { padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-4:hover { padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-4:focus { padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-4:active { padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-4:disabled { padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-5 { padding: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-5:hover { padding: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-5:focus { padding: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-5:active { padding: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-5:disabled { padding: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-6 { padding: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-6:hover { padding: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-6:focus { padding: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-6:active { padding: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-6:disabled { padding: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-8 { padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-8:hover { padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-8:focus { padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-8:active { padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-8:disabled { padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-10 { padding: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-10:hover { padding: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-10:focus { padding: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-10:active { padding: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-10:disabled { padding: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-12 { padding: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-12:hover { padding: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-12:focus { padding: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-12:active { padding: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-12:disabled { padding: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-16 { padding: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-16:hover { padding: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-16:focus { padding: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-16:active { padding: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-16:disabled { padding: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-20 { padding: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-20:hover { padding: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-20:focus { padding: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-20:active { padding: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-20:disabled { padding: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-24 { padding: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-24:hover { padding: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-24:focus { padding: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-24:active { padding: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-24:disabled { padding: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-28 { padding: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-28:hover { padding: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-28:focus { padding: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-28:active { padding: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-28:disabled { padding: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-p-32 { padding: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-p-32:hover { padding: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-p-32:focus { padding: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-p-32:active { padding: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-p-32:disabled { padding: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-auto { padding-top: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-auto:hover { padding-top: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-auto:focus { padding-top: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-auto:active { padding-top: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-auto:disabled { padding-top: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-0 { padding-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-0:hover { padding-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-0:focus { padding-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-0:active { padding-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-0:disabled { padding-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-1 { padding-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-1:hover { padding-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-1:focus { padding-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-1:active { padding-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-1:disabled { padding-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-2 { padding-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-2:hover { padding-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-2:focus { padding-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-2:active { padding-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-2:disabled { padding-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-3 { padding-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-3:hover { padding-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-3:focus { padding-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-3:active { padding-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-3:disabled { padding-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-4 { padding-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-4:hover { padding-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-4:focus { padding-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-4:active { padding-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-4:disabled { padding-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-5 { padding-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-5:hover { padding-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-5:focus { padding-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-5:active { padding-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-5:disabled { padding-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-6 { padding-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-6:hover { padding-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-6:focus { padding-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-6:active { padding-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-6:disabled { padding-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-8 { padding-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-8:hover { padding-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-8:focus { padding-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-8:active { padding-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-8:disabled { padding-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-10 { padding-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-10:hover { padding-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-10:focus { padding-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-10:active { padding-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-10:disabled { padding-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-12 { padding-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-12:hover { padding-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-12:focus { padding-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-12:active { padding-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-12:disabled { padding-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-16 { padding-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-16:hover { padding-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-16:focus { padding-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-16:active { padding-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-16:disabled { padding-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-20 { padding-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-20:hover { padding-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-20:focus { padding-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-20:active { padding-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-20:disabled { padding-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-24 { padding-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-24:hover { padding-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-24:focus { padding-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-24:active { padding-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-24:disabled { padding-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-28 { padding-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-28:hover { padding-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-28:focus { padding-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-28:active { padding-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-28:disabled { padding-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pt-32 { padding-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pt-32:hover { padding-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pt-32:focus { padding-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pt-32:active { padding-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pt-32:disabled { padding-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-auto { padding-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-auto:hover { padding-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-auto:focus { padding-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-auto:active { padding-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-auto:disabled { padding-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-0 { padding-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-0:hover { padding-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-0:focus { padding-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-0:active { padding-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-0:disabled { padding-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-1 { padding-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-1:hover { padding-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-1:focus { padding-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-1:active { padding-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-1:disabled { padding-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-2 { padding-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-2:hover { padding-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-2:focus { padding-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-2:active { padding-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-2:disabled { padding-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-3 { padding-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-3:hover { padding-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-3:focus { padding-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-3:active { padding-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-3:disabled { padding-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-4 { padding-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-4:hover { padding-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-4:focus { padding-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-4:active { padding-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-4:disabled { padding-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-5 { padding-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-5:hover { padding-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-5:focus { padding-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-5:active { padding-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-5:disabled { padding-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-6 { padding-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-6:hover { padding-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-6:focus { padding-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-6:active { padding-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-6:disabled { padding-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-8 { padding-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-8:hover { padding-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-8:focus { padding-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-8:active { padding-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-8:disabled { padding-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-10 { padding-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-10:hover { padding-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-10:focus { padding-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-10:active { padding-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-10:disabled { padding-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-12 { padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-12:hover { padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-12:focus { padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-12:active { padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-12:disabled { padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-16 { padding-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-16:hover { padding-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-16:focus { padding-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-16:active { padding-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-16:disabled { padding-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-20 { padding-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-20:hover { padding-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-20:focus { padding-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-20:active { padding-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-20:disabled { padding-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-24 { padding-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-24:hover { padding-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-24:focus { padding-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-24:active { padding-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-24:disabled { padding-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-28 { padding-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-28:hover { padding-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-28:focus { padding-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-28:active { padding-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-28:disabled { padding-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pb-32 { padding-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pb-32:hover { padding-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pb-32:focus { padding-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pb-32:active { padding-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pb-32:disabled { padding-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-auto { padding-left: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-auto:hover { padding-left: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-auto:focus { padding-left: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-auto:active { padding-left: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-auto:disabled { padding-left: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-0 { padding-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-0:hover { padding-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-0:focus { padding-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-0:active { padding-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-0:disabled { padding-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-1 { padding-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-1:hover { padding-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-1:focus { padding-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-1:active { padding-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-1:disabled { padding-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-2 { padding-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-2:hover { padding-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-2:focus { padding-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-2:active { padding-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-2:disabled { padding-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-3 { padding-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-3:hover { padding-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-3:focus { padding-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-3:active { padding-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-3:disabled { padding-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-4 { padding-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-4:hover { padding-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-4:focus { padding-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-4:active { padding-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-4:disabled { padding-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-5 { padding-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-5:hover { padding-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-5:focus { padding-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-5:active { padding-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-5:disabled { padding-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-6 { padding-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-6:hover { padding-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-6:focus { padding-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-6:active { padding-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-6:disabled { padding-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-8 { padding-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-8:hover { padding-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-8:focus { padding-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-8:active { padding-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-8:disabled { padding-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-10 { padding-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-10:hover { padding-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-10:focus { padding-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-10:active { padding-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-10:disabled { padding-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-12 { padding-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-12:hover { padding-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-12:focus { padding-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-12:active { padding-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-12:disabled { padding-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-16 { padding-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-16:hover { padding-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-16:focus { padding-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-16:active { padding-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-16:disabled { padding-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-20 { padding-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-20:hover { padding-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-20:focus { padding-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-20:active { padding-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-20:disabled { padding-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-24 { padding-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-24:hover { padding-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-24:focus { padding-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-24:active { padding-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-24:disabled { padding-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-28 { padding-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-28:hover { padding-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-28:focus { padding-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-28:active { padding-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-28:disabled { padding-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pl-32 { padding-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pl-32:hover { padding-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pl-32:focus { padding-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pl-32:active { padding-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pl-32:disabled { padding-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-auto { padding-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-auto:hover { padding-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-auto:focus { padding-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-auto:active { padding-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-auto:disabled { padding-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-0 { padding-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-0:hover { padding-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-0:focus { padding-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-0:active { padding-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-0:disabled { padding-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-1 { padding-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-1:hover { padding-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-1:focus { padding-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-1:active { padding-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-1:disabled { padding-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-2 { padding-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-2:hover { padding-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-2:focus { padding-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-2:active { padding-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-2:disabled { padding-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-3 { padding-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-3:hover { padding-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-3:focus { padding-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-3:active { padding-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-3:disabled { padding-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-4 { padding-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-4:hover { padding-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-4:focus { padding-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-4:active { padding-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-4:disabled { padding-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-5 { padding-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-5:hover { padding-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-5:focus { padding-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-5:active { padding-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-5:disabled { padding-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-6 { padding-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-6:hover { padding-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-6:focus { padding-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-6:active { padding-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-6:disabled { padding-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-8 { padding-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-8:hover { padding-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-8:focus { padding-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-8:active { padding-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-8:disabled { padding-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-10 { padding-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-10:hover { padding-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-10:focus { padding-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-10:active { padding-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-10:disabled { padding-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-12 { padding-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-12:hover { padding-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-12:focus { padding-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-12:active { padding-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-12:disabled { padding-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-16 { padding-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-16:hover { padding-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-16:focus { padding-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-16:active { padding-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-16:disabled { padding-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-20 { padding-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-20:hover { padding-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-20:focus { padding-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-20:active { padding-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-20:disabled { padding-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-24 { padding-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-24:hover { padding-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-24:focus { padding-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-24:active { padding-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-24:disabled { padding-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-28 { padding-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-28:hover { padding-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-28:focus { padding-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-28:active { padding-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-28:disabled { padding-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pr-32 { padding-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pr-32:hover { padding-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pr-32:focus { padding-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pr-32:active { padding-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pr-32:disabled { padding-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-auto { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-auto:hover { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-auto:focus { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-auto:active { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-auto:disabled { padding-left: auto; padding-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-0 { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-0:hover { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-0:focus { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-0:active { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-0:disabled { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-1:hover { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-1:focus { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-1:active { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-1:disabled { padding-left: 0.25rem; padding-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-2:hover { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-2:focus { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-2:active { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-2:disabled { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-3:hover { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-3:focus { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-3:active { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-3:disabled { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-4 { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-4:hover { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-4:focus { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-4:active { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-4:disabled { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-5:hover { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-5:focus { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-5:active { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-5:disabled { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-6:hover { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-6:focus { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-6:active { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-6:disabled { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-8 { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-8:hover { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-8:focus { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-8:active { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-8:disabled { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-10:hover { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-10:focus { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-10:active { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-10:disabled { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-12 { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-12:hover { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-12:focus { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-12:active { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-12:disabled { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-16 { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-16:hover { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-16:focus { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-16:active { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-16:disabled { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-20 { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-20:hover { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-20:focus { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-20:active { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-20:disabled { padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-24 { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-24:hover { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-24:focus { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-24:active { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-24:disabled { padding-left: 6rem; padding-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-28 { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-28:hover { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-28:focus { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-28:active { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-28:disabled { padding-left: 7rem; padding-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-px-32 { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-px-32:hover { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-px-32:focus { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-px-32:active { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-px-32:disabled { padding-left: 8rem; padding-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-auto { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-auto:hover { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-auto:focus { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-auto:active { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-auto:disabled { padding-top: auto; padding-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-0 { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-0:hover { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-0:focus { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-0:active { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-0:disabled { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-1:hover { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-1:focus { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-1:active { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-1:disabled { padding-top: 0.25rem; padding-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-2:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-2:active { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-2:disabled { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-3:hover { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-3:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-3:active { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-3:disabled { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-4:hover { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-4:focus { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-4:active { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-4:disabled { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-5:hover { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-5:focus { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-5:active { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-5:disabled { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-6:hover { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-6:focus { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-6:active { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-6:disabled { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-8:hover { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-8:focus { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-8:active { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-8:disabled { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-10:focus { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-10:active { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-10:disabled { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-12:hover { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-12:focus { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-12:active { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-12:disabled { padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-16:hover { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-16:focus { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-16:active { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-16:disabled { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-20 { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-20:hover { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-20:focus { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-20:active { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-20:disabled { padding-top: 5rem; padding-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-24 { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-24:hover { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-24:focus { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-24:active { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-24:disabled { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-28 { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-28:hover { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-28:focus { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-28:active { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-28:disabled { padding-top: 7rem; padding-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-py-32 { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-py-32:hover { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-py-32:focus { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-py-32:active { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-py-32:disabled { padding-top: 8rem; padding-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-auto { margin: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-auto:hover { margin: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-auto:focus { margin: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-auto:active { margin: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-auto:disabled { margin: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-0 { margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-0:hover { margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-0:focus { margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-0:active { margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-0:disabled { margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-1 { margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-1:hover { margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-1:focus { margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-1:active { margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-1:disabled { margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-2 { margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-2:hover { margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-2:focus { margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-2:active { margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-2:disabled { margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-3 { margin: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-3:hover { margin: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-3:focus { margin: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-3:active { margin: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-3:disabled { margin: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-4 { margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-4:hover { margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-4:focus { margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-4:active { margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-4:disabled { margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-5 { margin: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-5:hover { margin: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-5:focus { margin: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-5:active { margin: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-5:disabled { margin: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-6 { margin: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-6:hover { margin: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-6:focus { margin: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-6:active { margin: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-6:disabled { margin: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-8 { margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-8:hover { margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-8:focus { margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-8:active { margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-8:disabled { margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-10 { margin: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-10:hover { margin: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-10:focus { margin: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-10:active { margin: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-10:disabled { margin: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-12 { margin: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-12:hover { margin: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-12:focus { margin: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-12:active { margin: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-12:disabled { margin: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-16 { margin: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-16:hover { margin: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-16:focus { margin: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-16:active { margin: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-16:disabled { margin: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-20 { margin: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-20:hover { margin: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-20:focus { margin: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-20:active { margin: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-20:disabled { margin: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-24 { margin: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-24:hover { margin: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-24:focus { margin: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-24:active { margin: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-24:disabled { margin: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-28 { margin: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-28:hover { margin: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-28:focus { margin: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-28:active { margin: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-28:disabled { margin: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-m-32 { margin: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-m-32:hover { margin: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-m-32:focus { margin: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-m-32:active { margin: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-m-32:disabled { margin: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-auto { margin-top: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-auto:hover { margin-top: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-auto:focus { margin-top: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-auto:active { margin-top: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-auto:disabled { margin-top: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-0 { margin-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-0:hover { margin-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-0:focus { margin-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-0:active { margin-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-0:disabled { margin-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-1 { margin-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-1:hover { margin-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-1:focus { margin-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-1:active { margin-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-1:disabled { margin-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-2 { margin-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-2:hover { margin-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-2:focus { margin-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-2:active { margin-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-2:disabled { margin-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-3 { margin-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-3:hover { margin-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-3:focus { margin-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-3:active { margin-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-3:disabled { margin-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-4 { margin-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-4:hover { margin-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-4:focus { margin-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-4:active { margin-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-4:disabled { margin-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-5 { margin-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-5:hover { margin-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-5:focus { margin-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-5:active { margin-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-5:disabled { margin-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-6 { margin-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-6:hover { margin-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-6:focus { margin-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-6:active { margin-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-6:disabled { margin-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-8 { margin-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-8:hover { margin-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-8:focus { margin-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-8:active { margin-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-8:disabled { margin-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-10 { margin-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-10:hover { margin-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-10:focus { margin-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-10:active { margin-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-10:disabled { margin-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-12 { margin-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-12:hover { margin-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-12:focus { margin-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-12:active { margin-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-12:disabled { margin-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-16 { margin-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-16:hover { margin-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-16:focus { margin-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-16:active { margin-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-16:disabled { margin-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-20 { margin-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-20:hover { margin-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-20:focus { margin-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-20:active { margin-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-20:disabled { margin-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-24 { margin-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-24:hover { margin-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-24:focus { margin-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-24:active { margin-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-24:disabled { margin-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-28 { margin-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-28:hover { margin-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-28:focus { margin-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-28:active { margin-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-28:disabled { margin-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mt-32 { margin-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mt-32:hover { margin-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mt-32:focus { margin-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mt-32:active { margin-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mt-32:disabled { margin-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-auto { margin-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-auto:hover { margin-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-auto:focus { margin-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-auto:active { margin-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-auto:disabled { margin-bottom: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-0 { margin-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-0:hover { margin-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-0:focus { margin-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-0:active { margin-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-0:disabled { margin-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-1 { margin-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-1:hover { margin-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-1:focus { margin-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-1:active { margin-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-1:disabled { margin-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-2 { margin-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-2:hover { margin-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-2:focus { margin-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-2:active { margin-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-2:disabled { margin-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-3 { margin-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-3:hover { margin-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-3:focus { margin-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-3:active { margin-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-3:disabled { margin-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-4 { margin-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-4:hover { margin-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-4:focus { margin-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-4:active { margin-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-4:disabled { margin-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-5 { margin-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-5:hover { margin-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-5:focus { margin-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-5:active { margin-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-5:disabled { margin-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-6 { margin-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-6:hover { margin-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-6:focus { margin-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-6:active { margin-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-6:disabled { margin-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-8 { margin-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-8:hover { margin-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-8:focus { margin-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-8:active { margin-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-8:disabled { margin-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-10 { margin-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-10:hover { margin-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-10:focus { margin-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-10:active { margin-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-10:disabled { margin-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-12 { margin-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-12:hover { margin-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-12:focus { margin-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-12:active { margin-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-12:disabled { margin-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-16 { margin-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-16:hover { margin-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-16:focus { margin-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-16:active { margin-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-16:disabled { margin-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-20 { margin-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-20:hover { margin-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-20:focus { margin-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-20:active { margin-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-20:disabled { margin-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-24 { margin-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-24:hover { margin-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-24:focus { margin-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-24:active { margin-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-24:disabled { margin-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-28 { margin-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-28:hover { margin-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-28:focus { margin-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-28:active { margin-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-28:disabled { margin-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mb-32 { margin-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mb-32:hover { margin-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mb-32:focus { margin-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mb-32:active { margin-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mb-32:disabled { margin-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-auto { margin-left: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-auto:hover { margin-left: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-auto:focus { margin-left: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-auto:active { margin-left: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-auto:disabled { margin-left: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-0 { margin-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-0:hover { margin-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-0:focus { margin-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-0:active { margin-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-0:disabled { margin-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-1 { margin-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-1:hover { margin-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-1:focus { margin-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-1:active { margin-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-1:disabled { margin-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-2 { margin-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-2:hover { margin-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-2:focus { margin-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-2:active { margin-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-2:disabled { margin-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-3 { margin-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-3:hover { margin-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-3:focus { margin-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-3:active { margin-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-3:disabled { margin-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-4 { margin-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-4:hover { margin-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-4:focus { margin-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-4:active { margin-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-4:disabled { margin-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-5 { margin-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-5:hover { margin-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-5:focus { margin-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-5:active { margin-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-5:disabled { margin-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-6 { margin-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-6:hover { margin-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-6:focus { margin-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-6:active { margin-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-6:disabled { margin-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-8 { margin-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-8:hover { margin-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-8:focus { margin-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-8:active { margin-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-8:disabled { margin-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-10 { margin-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-10:hover { margin-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-10:focus { margin-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-10:active { margin-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-10:disabled { margin-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-12 { margin-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-12:hover { margin-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-12:focus { margin-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-12:active { margin-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-12:disabled { margin-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-16 { margin-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-16:hover { margin-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-16:focus { margin-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-16:active { margin-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-16:disabled { margin-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-20 { margin-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-20:hover { margin-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-20:focus { margin-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-20:active { margin-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-20:disabled { margin-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-24 { margin-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-24:hover { margin-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-24:focus { margin-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-24:active { margin-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-24:disabled { margin-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-28 { margin-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-28:hover { margin-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-28:focus { margin-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-28:active { margin-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-28:disabled { margin-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ml-32 { margin-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ml-32:hover { margin-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ml-32:focus { margin-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ml-32:active { margin-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ml-32:disabled { margin-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-auto { margin-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-auto:hover { margin-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-auto:focus { margin-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-auto:active { margin-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-auto:disabled { margin-right: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-0 { margin-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-0:hover { margin-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-0:focus { margin-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-0:active { margin-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-0:disabled { margin-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-1 { margin-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-1:hover { margin-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-1:focus { margin-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-1:active { margin-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-1:disabled { margin-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-2 { margin-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-2:hover { margin-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-2:focus { margin-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-2:active { margin-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-2:disabled { margin-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-3 { margin-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-3:hover { margin-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-3:focus { margin-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-3:active { margin-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-3:disabled { margin-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-4 { margin-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-4:hover { margin-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-4:focus { margin-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-4:active { margin-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-4:disabled { margin-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-5 { margin-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-5:hover { margin-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-5:focus { margin-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-5:active { margin-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-5:disabled { margin-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-6 { margin-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-6:hover { margin-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-6:focus { margin-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-6:active { margin-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-6:disabled { margin-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-8 { margin-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-8:hover { margin-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-8:focus { margin-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-8:active { margin-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-8:disabled { margin-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-10 { margin-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-10:hover { margin-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-10:focus { margin-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-10:active { margin-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-10:disabled { margin-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-12 { margin-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-12:hover { margin-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-12:focus { margin-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-12:active { margin-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-12:disabled { margin-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-16 { margin-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-16:hover { margin-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-16:focus { margin-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-16:active { margin-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-16:disabled { margin-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-20 { margin-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-20:hover { margin-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-20:focus { margin-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-20:active { margin-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-20:disabled { margin-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-24 { margin-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-24:hover { margin-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-24:focus { margin-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-24:active { margin-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-24:disabled { margin-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-28 { margin-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-28:hover { margin-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-28:focus { margin-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-28:active { margin-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-28:disabled { margin-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mr-32 { margin-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mr-32:hover { margin-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mr-32:focus { margin-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mr-32:active { margin-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mr-32:disabled { margin-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-auto { --space-x: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-auto:hover { --space-x: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-auto:focus { --space-x: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-auto:active { --space-x: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-auto:disabled { --space-x: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-0 { --space-x: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-0:hover { --space-x: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-0:focus { --space-x: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-0:active { --space-x: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-0:disabled { --space-x: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-1 { --space-x: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-1:hover { --space-x: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-1:focus { --space-x: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-1:active { --space-x: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-1:disabled { --space-x: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-2 { --space-x: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-2:hover { --space-x: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-2:focus { --space-x: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-2:active { --space-x: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-2:disabled { --space-x: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-3 { --space-x: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-3:hover { --space-x: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-3:focus { --space-x: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-3:active { --space-x: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-3:disabled { --space-x: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-4 { --space-x: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-4:hover { --space-x: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-4:focus { --space-x: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-4:active { --space-x: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-4:disabled { --space-x: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-5 { --space-x: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-5:hover { --space-x: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-5:focus { --space-x: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-5:active { --space-x: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-5:disabled { --space-x: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-6 { --space-x: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-6:hover { --space-x: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-6:focus { --space-x: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-6:active { --space-x: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-6:disabled { --space-x: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-8 { --space-x: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-8:hover { --space-x: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-8:focus { --space-x: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-8:active { --space-x: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-8:disabled { --space-x: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-10 { --space-x: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-10:hover { --space-x: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-10:focus { --space-x: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-10:active { --space-x: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-10:disabled { --space-x: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-12 { --space-x: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-12:hover { --space-x: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-12:focus { --space-x: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-12:active { --space-x: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-12:disabled { --space-x: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-16 { --space-x: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-16:hover { --space-x: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-16:focus { --space-x: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-16:active { --space-x: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-16:disabled { --space-x: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-20 { --space-x: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-20:hover { --space-x: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-20:focus { --space-x: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-20:active { --space-x: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-20:disabled { --space-x: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-24 { --space-x: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-24:hover { --space-x: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-24:focus { --space-x: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-24:active { --space-x: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-24:disabled { --space-x: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-28 { --space-x: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-28:hover { --space-x: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-28:focus { --space-x: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-28:active { --space-x: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-28:disabled { --space-x: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-x-32 { --space-x: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-x-32:hover { --space-x: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-x-32:focus { --space-x: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-x-32:active { --space-x: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-x-32:disabled { --space-x: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-auto { --space-y: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-auto:hover { --space-y: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-auto:focus { --space-y: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-auto:active { --space-y: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-auto:disabled { --space-y: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-0 { --space-y: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-0:hover { --space-y: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-0:focus { --space-y: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-0:active { --space-y: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-0:disabled { --space-y: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-1 { --space-y: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-1:hover { --space-y: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-1:focus { --space-y: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-1:active { --space-y: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-1:disabled { --space-y: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-2 { --space-y: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-2:hover { --space-y: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-2:focus { --space-y: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-2:active { --space-y: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-2:disabled { --space-y: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-3 { --space-y: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-3:hover { --space-y: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-3:focus { --space-y: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-3:active { --space-y: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-3:disabled { --space-y: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-4 { --space-y: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-4:hover { --space-y: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-4:focus { --space-y: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-4:active { --space-y: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-4:disabled { --space-y: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-5 { --space-y: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-5:hover { --space-y: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-5:focus { --space-y: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-5:active { --space-y: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-5:disabled { --space-y: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-6 { --space-y: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-6:hover { --space-y: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-6:focus { --space-y: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-6:active { --space-y: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-6:disabled { --space-y: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-8 { --space-y: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-8:hover { --space-y: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-8:focus { --space-y: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-8:active { --space-y: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-8:disabled { --space-y: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-10 { --space-y: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-10:hover { --space-y: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-10:focus { --space-y: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-10:active { --space-y: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-10:disabled { --space-y: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-12 { --space-y: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-12:hover { --space-y: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-12:focus { --space-y: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-12:active { --space-y: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-12:disabled { --space-y: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-16 { --space-y: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-16:hover { --space-y: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-16:focus { --space-y: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-16:active { --space-y: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-16:disabled { --space-y: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-20 { --space-y: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-20:hover { --space-y: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-20:focus { --space-y: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-20:active { --space-y: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-20:disabled { --space-y: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-24 { --space-y: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-24:hover { --space-y: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-24:focus { --space-y: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-24:active { --space-y: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-24:disabled { --space-y: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-28 { --space-y: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-28:hover { --space-y: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-28:focus { --space-y: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-28:active { --space-y: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-28:disabled { --space-y: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-space-y-32 { --space-y: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-space-y-32:hover { --space-y: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-space-y-32:focus { --space-y: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-space-y-32:active { --space-y: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-space-y-32:disabled { --space-y: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-d-block { display: block; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-d-block:hover { display: block; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-d-block:focus { display: block; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-d-block:active { display: block; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-d-block:disabled { display: block; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-d-inline { display: inline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-d-inline:hover { display: inline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-d-inline:focus { display: inline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-d-inline:active { display: inline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-d-inline:disabled { display: inline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-d-inline-block { display: inline-block; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-d-inline-block:hover { display: inline-block; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-d-inline-block:focus { display: inline-block; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-d-inline-block:active { display: inline-block; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-d-inline-block:disabled { display: inline-block; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-d-flex { display: flex; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-d-flex:hover { display: flex; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-d-flex:focus { display: flex; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-d-flex:active { display: flex; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-d-flex:disabled { display: flex; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-d-inline-flex { display: inline-flex; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-d-inline-flex:hover { display: inline-flex; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-d-inline-flex:focus { display: inline-flex; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-d-inline-flex:active { display: inline-flex; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-d-inline-flex:disabled { display: inline-flex; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-d-grid { display: grid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-d-grid:hover { display: grid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-d-grid:focus { display: grid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-d-grid:active { display: grid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-d-grid:disabled { display: grid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-d-inline-grid { display: inline-grid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-d-inline-grid:hover { display: inline-grid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-d-inline-grid:focus { display: inline-grid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-d-inline-grid:active { display: inline-grid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-d-inline-grid:disabled { display: inline-grid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-d-none { display: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-d-none:hover { display: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-d-none:focus { display: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-d-none:active { display: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-d-none:disabled { display: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-position-static { position: static; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-position-static:hover { position: static; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-position-static:focus { position: static; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-position-static:active { position: static; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-position-static:disabled { position: static; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-position-relative { position: relative; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-position-relative:hover { position: relative; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-position-relative:focus { position: relative; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-position-relative:active { position: relative; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-position-relative:disabled { position: relative; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-position-absolute { position: absolute; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-position-absolute:hover { position: absolute; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-position-absolute:focus { position: absolute; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-position-absolute:active { position: absolute; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-position-absolute:disabled { position: absolute; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-position-fixed { position: fixed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-position-fixed:hover { position: fixed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-position-fixed:focus { position: fixed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-position-fixed:active { position: fixed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-position-fixed:disabled { position: fixed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-position-sticky { position: sticky; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-position-sticky:hover { position: sticky; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-position-sticky:focus { position: sticky; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-position-sticky:active { position: sticky; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-position-sticky:disabled { position: sticky; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-0 { inset: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-0:hover { inset: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-0:focus { inset: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-0:active { inset: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-0:disabled { inset: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-1 { inset: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-1:hover { inset: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-1:focus { inset: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-1:active { inset: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-1:disabled { inset: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-2 { inset: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-2:hover { inset: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-2:focus { inset: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-2:active { inset: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-2:disabled { inset: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-3 { inset: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-3:hover { inset: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-3:focus { inset: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-3:active { inset: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-3:disabled { inset: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-4 { inset: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-4:hover { inset: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-4:focus { inset: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-4:active { inset: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-4:disabled { inset: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-5 { inset: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-5:hover { inset: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-5:focus { inset: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-5:active { inset: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-5:disabled { inset: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-6 { inset: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-6:hover { inset: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-6:focus { inset: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-6:active { inset: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-6:disabled { inset: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-7 { inset: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-7:hover { inset: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-7:focus { inset: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-7:active { inset: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-7:disabled { inset: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-8 { inset: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-8:hover { inset: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-8:focus { inset: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-8:active { inset: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-8:disabled { inset: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-9 { inset: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-9:hover { inset: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-9:focus { inset: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-9:active { inset: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-9:disabled { inset: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-10 { inset: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-10:hover { inset: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-10:focus { inset: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-10:active { inset: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-10:disabled { inset: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-12 { inset: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-12:hover { inset: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-12:focus { inset: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-12:active { inset: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-12:disabled { inset: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-14 { inset: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-14:hover { inset: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-14:focus { inset: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-14:active { inset: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-14:disabled { inset: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-16 { inset: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-16:hover { inset: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-16:focus { inset: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-16:active { inset: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-16:disabled { inset: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-20 { inset: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-20:hover { inset: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-20:focus { inset: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-20:active { inset: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-20:disabled { inset: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-24 { inset: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-24:hover { inset: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-24:focus { inset: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-24:active { inset: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-24:disabled { inset: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-28 { inset: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-28:hover { inset: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-28:focus { inset: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-28:active { inset: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-28:disabled { inset: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-32 { inset: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-32:hover { inset: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-32:focus { inset: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-32:active { inset: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-32:disabled { inset: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-0 { inset-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-0:hover { inset-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-0:focus { inset-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-0:active { inset-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-0:disabled { inset-top: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-1 { inset-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-1:hover { inset-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-1:focus { inset-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-1:active { inset-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-1:disabled { inset-top: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-2 { inset-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-2:hover { inset-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-2:focus { inset-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-2:active { inset-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-2:disabled { inset-top: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-3 { inset-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-3:hover { inset-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-3:focus { inset-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-3:active { inset-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-3:disabled { inset-top: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-4 { inset-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-4:hover { inset-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-4:focus { inset-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-4:active { inset-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-4:disabled { inset-top: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-5 { inset-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-5:hover { inset-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-5:focus { inset-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-5:active { inset-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-5:disabled { inset-top: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-6 { inset-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-6:hover { inset-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-6:focus { inset-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-6:active { inset-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-6:disabled { inset-top: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-7 { inset-top: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-7:hover { inset-top: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-7:focus { inset-top: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-7:active { inset-top: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-7:disabled { inset-top: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-8 { inset-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-8:hover { inset-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-8:focus { inset-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-8:active { inset-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-8:disabled { inset-top: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-9 { inset-top: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-9:hover { inset-top: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-9:focus { inset-top: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-9:active { inset-top: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-9:disabled { inset-top: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-10 { inset-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-10:hover { inset-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-10:focus { inset-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-10:active { inset-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-10:disabled { inset-top: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-12 { inset-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-12:hover { inset-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-12:focus { inset-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-12:active { inset-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-12:disabled { inset-top: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-14 { inset-top: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-14:hover { inset-top: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-14:focus { inset-top: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-14:active { inset-top: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-14:disabled { inset-top: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-16 { inset-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-16:hover { inset-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-16:focus { inset-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-16:active { inset-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-16:disabled { inset-top: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-20 { inset-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-20:hover { inset-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-20:focus { inset-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-20:active { inset-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-20:disabled { inset-top: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-24 { inset-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-24:hover { inset-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-24:focus { inset-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-24:active { inset-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-24:disabled { inset-top: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-28 { inset-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-28:hover { inset-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-28:focus { inset-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-28:active { inset-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-28:disabled { inset-top: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-t-32 { inset-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-t-32:hover { inset-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-t-32:focus { inset-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-t-32:active { inset-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-t-32:disabled { inset-top: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-0 { inset-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-0:hover { inset-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-0:focus { inset-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-0:active { inset-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-0:disabled { inset-right: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-1 { inset-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-1:hover { inset-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-1:focus { inset-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-1:active { inset-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-1:disabled { inset-right: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-2 { inset-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-2:hover { inset-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-2:focus { inset-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-2:active { inset-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-2:disabled { inset-right: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-3 { inset-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-3:hover { inset-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-3:focus { inset-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-3:active { inset-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-3:disabled { inset-right: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-4 { inset-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-4:hover { inset-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-4:focus { inset-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-4:active { inset-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-4:disabled { inset-right: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-5 { inset-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-5:hover { inset-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-5:focus { inset-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-5:active { inset-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-5:disabled { inset-right: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-6 { inset-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-6:hover { inset-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-6:focus { inset-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-6:active { inset-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-6:disabled { inset-right: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-7 { inset-right: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-7:hover { inset-right: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-7:focus { inset-right: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-7:active { inset-right: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-7:disabled { inset-right: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-8 { inset-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-8:hover { inset-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-8:focus { inset-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-8:active { inset-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-8:disabled { inset-right: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-9 { inset-right: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-9:hover { inset-right: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-9:focus { inset-right: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-9:active { inset-right: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-9:disabled { inset-right: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-10 { inset-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-10:hover { inset-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-10:focus { inset-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-10:active { inset-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-10:disabled { inset-right: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-12 { inset-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-12:hover { inset-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-12:focus { inset-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-12:active { inset-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-12:disabled { inset-right: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-14 { inset-right: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-14:hover { inset-right: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-14:focus { inset-right: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-14:active { inset-right: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-14:disabled { inset-right: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-16 { inset-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-16:hover { inset-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-16:focus { inset-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-16:active { inset-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-16:disabled { inset-right: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-20 { inset-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-20:hover { inset-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-20:focus { inset-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-20:active { inset-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-20:disabled { inset-right: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-24 { inset-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-24:hover { inset-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-24:focus { inset-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-24:active { inset-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-24:disabled { inset-right: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-28 { inset-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-28:hover { inset-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-28:focus { inset-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-28:active { inset-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-28:disabled { inset-right: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-r-32 { inset-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-r-32:hover { inset-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-r-32:focus { inset-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-r-32:active { inset-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-r-32:disabled { inset-right: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-0 { inset-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-0:hover { inset-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-0:focus { inset-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-0:active { inset-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-0:disabled { inset-bottom: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-1 { inset-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-1:hover { inset-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-1:focus { inset-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-1:active { inset-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-1:disabled { inset-bottom: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-2 { inset-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-2:hover { inset-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-2:focus { inset-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-2:active { inset-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-2:disabled { inset-bottom: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-3 { inset-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-3:hover { inset-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-3:focus { inset-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-3:active { inset-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-3:disabled { inset-bottom: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-4 { inset-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-4:hover { inset-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-4:focus { inset-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-4:active { inset-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-4:disabled { inset-bottom: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-5 { inset-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-5:hover { inset-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-5:focus { inset-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-5:active { inset-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-5:disabled { inset-bottom: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-6 { inset-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-6:hover { inset-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-6:focus { inset-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-6:active { inset-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-6:disabled { inset-bottom: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-7 { inset-bottom: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-7:hover { inset-bottom: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-7:focus { inset-bottom: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-7:active { inset-bottom: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-7:disabled { inset-bottom: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-8 { inset-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-8:hover { inset-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-8:focus { inset-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-8:active { inset-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-8:disabled { inset-bottom: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-9 { inset-bottom: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-9:hover { inset-bottom: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-9:focus { inset-bottom: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-9:active { inset-bottom: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-9:disabled { inset-bottom: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-10 { inset-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-10:hover { inset-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-10:focus { inset-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-10:active { inset-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-10:disabled { inset-bottom: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-12 { inset-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-12:hover { inset-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-12:focus { inset-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-12:active { inset-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-12:disabled { inset-bottom: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-14 { inset-bottom: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-14:hover { inset-bottom: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-14:focus { inset-bottom: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-14:active { inset-bottom: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-14:disabled { inset-bottom: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-16 { inset-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-16:hover { inset-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-16:focus { inset-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-16:active { inset-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-16:disabled { inset-bottom: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-20 { inset-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-20:hover { inset-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-20:focus { inset-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-20:active { inset-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-20:disabled { inset-bottom: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-24 { inset-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-24:hover { inset-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-24:focus { inset-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-24:active { inset-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-24:disabled { inset-bottom: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-28 { inset-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-28:hover { inset-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-28:focus { inset-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-28:active { inset-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-28:disabled { inset-bottom: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-b-32 { inset-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-b-32:hover { inset-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-b-32:focus { inset-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-b-32:active { inset-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-b-32:disabled { inset-bottom: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-0 { inset-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-0:hover { inset-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-0:focus { inset-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-0:active { inset-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-0:disabled { inset-left: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-1 { inset-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-1:hover { inset-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-1:focus { inset-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-1:active { inset-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-1:disabled { inset-left: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-2 { inset-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-2:hover { inset-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-2:focus { inset-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-2:active { inset-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-2:disabled { inset-left: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-3 { inset-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-3:hover { inset-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-3:focus { inset-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-3:active { inset-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-3:disabled { inset-left: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-4 { inset-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-4:hover { inset-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-4:focus { inset-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-4:active { inset-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-4:disabled { inset-left: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-5 { inset-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-5:hover { inset-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-5:focus { inset-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-5:active { inset-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-5:disabled { inset-left: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-6 { inset-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-6:hover { inset-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-6:focus { inset-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-6:active { inset-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-6:disabled { inset-left: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-7 { inset-left: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-7:hover { inset-left: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-7:focus { inset-left: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-7:active { inset-left: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-7:disabled { inset-left: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-8 { inset-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-8:hover { inset-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-8:focus { inset-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-8:active { inset-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-8:disabled { inset-left: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-9 { inset-left: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-9:hover { inset-left: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-9:focus { inset-left: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-9:active { inset-left: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-9:disabled { inset-left: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-10 { inset-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-10:hover { inset-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-10:focus { inset-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-10:active { inset-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-10:disabled { inset-left: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-12 { inset-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-12:hover { inset-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-12:focus { inset-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-12:active { inset-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-12:disabled { inset-left: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-14 { inset-left: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-14:hover { inset-left: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-14:focus { inset-left: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-14:active { inset-left: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-14:disabled { inset-left: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-16 { inset-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-16:hover { inset-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-16:focus { inset-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-16:active { inset-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-16:disabled { inset-left: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-20 { inset-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-20:hover { inset-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-20:focus { inset-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-20:active { inset-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-20:disabled { inset-left: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-24 { inset-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-24:hover { inset-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-24:focus { inset-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-24:active { inset-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-24:disabled { inset-left: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-28 { inset-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-28:hover { inset-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-28:focus { inset-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-28:active { inset-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-28:disabled { inset-left: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-inset-l-32 { inset-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-inset-l-32:hover { inset-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-inset-l-32:focus { inset-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-inset-l-32:active { inset-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-inset-l-32:disabled { inset-left: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-1:hover { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-1:focus { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-1:active { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-1:disabled { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-2:hover { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-2:focus { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-2:active { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-2:disabled { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-3:hover { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-3:focus { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-3:active { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-3:disabled { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-4:hover { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-4:focus { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-4:active { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-4:disabled { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-5:hover { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-5:focus { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-5:active { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-5:disabled { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-6:hover { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-6:focus { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-6:active { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-6:disabled { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-7:hover { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-7:focus { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-7:active { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-7:disabled { grid-template-columns: repeat(7, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-8:hover { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-8:focus { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-8:active { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-8:disabled { grid-template-columns: repeat(8, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-9:hover { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-9:focus { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-9:active { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-9:disabled { grid-template-columns: repeat(9, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-10:hover { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-10:focus { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-10:active { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-10:disabled { grid-template-columns: repeat(10, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-11:hover { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-11:focus { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-11:active { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-11:disabled { grid-template-columns: repeat(11, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-12:hover { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-12:focus { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-12:active { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-12:disabled { grid-template-columns: repeat(12, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-13:hover { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-13:focus { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-13:active { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-13:disabled { grid-template-columns: repeat(13, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-14:hover { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-14:focus { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-14:active { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-14:disabled { grid-template-columns: repeat(14, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-15:hover { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-15:focus { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-15:active { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-15:disabled { grid-template-columns: repeat(15, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-16 { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-16:hover { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-16:focus { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-16:active { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-16:disabled { grid-template-columns: repeat(16, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-18 { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-18:hover { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-18:focus { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-18:active { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-18:disabled { grid-template-columns: repeat(18, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-20 { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-20:hover { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-20:focus { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-20:active { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-20:disabled { grid-template-columns: repeat(20, 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-0 { gap: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-0:hover { gap: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-0:focus { gap: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-0:active { gap: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-0:disabled { gap: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-1 { gap: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-1:hover { gap: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-1:focus { gap: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-1:active { gap: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-1:disabled { gap: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-2 { gap: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-2:hover { gap: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-2:focus { gap: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-2:active { gap: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-2:disabled { gap: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-3 { gap: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-3:hover { gap: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-3:focus { gap: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-3:active { gap: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-3:disabled { gap: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-4 { gap: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-4:hover { gap: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-4:focus { gap: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-4:active { gap: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-4:disabled { gap: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-5 { gap: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-5:hover { gap: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-5:focus { gap: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-5:active { gap: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-5:disabled { gap: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-6 { gap: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-6:hover { gap: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-6:focus { gap: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-6:active { gap: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-6:disabled { gap: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-7 { gap: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-7:hover { gap: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-7:focus { gap: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-7:active { gap: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-7:disabled { gap: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-8 { gap: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-8:hover { gap: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-8:focus { gap: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-8:active { gap: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-8:disabled { gap: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-9 { gap: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-9:hover { gap: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-9:focus { gap: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-9:active { gap: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-9:disabled { gap: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-10 { gap: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-10:hover { gap: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-10:focus { gap: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-10:active { gap: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-10:disabled { gap: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-12 { gap: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-12:hover { gap: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-12:focus { gap: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-12:active { gap: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-12:disabled { gap: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-14 { gap: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-14:hover { gap: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-14:focus { gap: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-14:active { gap: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-14:disabled { gap: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-16 { gap: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-16:hover { gap: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-16:focus { gap: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-16:active { gap: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-16:disabled { gap: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-20 { gap: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-20:hover { gap: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-20:focus { gap: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-20:active { gap: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-20:disabled { gap: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-24 { gap: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-24:hover { gap: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-24:focus { gap: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-24:active { gap: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-24:disabled { gap: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-28 { gap: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-28:hover { gap: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-28:focus { gap: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-28:active { gap: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-28:disabled { gap: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gap-32 { gap: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gap-32:hover { gap: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gap-32:focus { gap: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gap-32:active { gap: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gap-32:disabled { gap: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-row { flex-direction: row; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-row:hover { flex-direction: row; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-row:focus { flex-direction: row; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-row:active { flex-direction: row; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-row:disabled { flex-direction: row; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-col { flex-direction: column; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-col:hover { flex-direction: column; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-col:focus { flex-direction: column; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-col:active { flex-direction: column; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-col:disabled { flex-direction: column; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-row-reverse { flex-direction: row-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-row-reverse:hover { flex-direction: row-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-row-reverse:focus { flex-direction: row-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-row-reverse:active { flex-direction: row-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-row-reverse:disabled { flex-direction: row-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-col-reverse { flex-direction: column-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-col-reverse:hover { flex-direction: column-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-col-reverse:focus { flex-direction: column-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-col-reverse:active { flex-direction: column-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-col-reverse:disabled { flex-direction: column-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-wrap { flex-wrap: wrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-wrap:hover { flex-wrap: wrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-wrap:focus { flex-wrap: wrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-wrap:active { flex-wrap: wrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-wrap:disabled { flex-wrap: wrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-nowrap { flex-wrap: nowrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-nowrap:hover { flex-wrap: nowrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-nowrap:focus { flex-wrap: nowrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-nowrap:active { flex-wrap: nowrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-nowrap:disabled { flex-wrap: nowrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-wrap-reverse { flex-wrap: wrap-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-wrap-reverse:hover { flex-wrap: wrap-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-wrap-reverse:focus { flex-wrap: wrap-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-wrap-reverse:active { flex-wrap: wrap-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-wrap-reverse:disabled { flex-wrap: wrap-reverse; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-1 { flex: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-1:hover { flex: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-1:focus { flex: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-1:active { flex: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-1:disabled { flex: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-auto { flex: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-auto:hover { flex: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-auto:focus { flex: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-auto:active { flex: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-auto:disabled { flex: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-initial { flex: initial; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-initial:hover { flex: initial; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-initial:focus { flex: initial; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-initial:active { flex: initial; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-initial:disabled { flex: initial; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-none { flex: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-none:hover { flex: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-none:focus { flex: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-none:active { flex: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-none:disabled { flex: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-grow-0 { flex-grow: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-grow-0:hover { flex-grow: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-grow-0:focus { flex-grow: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-grow-0:active { flex-grow: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-grow-0:disabled { flex-grow: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-grow-1 { flex-grow: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-grow-1:hover { flex-grow: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-grow-1:focus { flex-grow: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-grow-1:active { flex-grow: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-grow-1:disabled { flex-grow: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-shrink-0 { flex-shrink: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-shrink-0:hover { flex-shrink: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-shrink-0:focus { flex-shrink: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-shrink-0:active { flex-shrink: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-shrink-0:disabled { flex-shrink: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-flex-shrink-1 { flex-shrink: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-flex-shrink-1:hover { flex-shrink: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-flex-shrink-1:focus { flex-shrink: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-flex-shrink-1:active { flex-shrink: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-flex-shrink-1:disabled { flex-shrink: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-auto { overflow: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-auto:hover { overflow: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-auto:focus { overflow: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-auto:active { overflow: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-auto:disabled { overflow: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-hidden { overflow: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-hidden:hover { overflow: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-hidden:focus { overflow: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-hidden:active { overflow: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-hidden:disabled { overflow: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-visible { overflow: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-visible:hover { overflow: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-visible:focus { overflow: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-visible:active { overflow: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-visible:disabled { overflow: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-scroll { overflow: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-scroll:hover { overflow: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-scroll:focus { overflow: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-scroll:active { overflow: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-scroll:disabled { overflow: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-x-auto { overflow-x: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-x-auto:hover { overflow-x: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-x-auto:focus { overflow-x: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-x-auto:active { overflow-x: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-x-auto:disabled { overflow-x: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-x-hidden { overflow-x: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-x-hidden:hover { overflow-x: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-x-hidden:focus { overflow-x: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-x-hidden:active { overflow-x: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-x-hidden:disabled { overflow-x: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-x-visible { overflow-x: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-x-visible:hover { overflow-x: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-x-visible:focus { overflow-x: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-x-visible:active { overflow-x: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-x-visible:disabled { overflow-x: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-x-scroll { overflow-x: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-x-scroll:hover { overflow-x: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-x-scroll:focus { overflow-x: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-x-scroll:active { overflow-x: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-x-scroll:disabled { overflow-x: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-y-auto { overflow-y: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-y-auto:hover { overflow-y: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-y-auto:focus { overflow-y: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-y-auto:active { overflow-y: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-y-auto:disabled { overflow-y: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-y-hidden { overflow-y: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-y-hidden:hover { overflow-y: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-y-hidden:focus { overflow-y: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-y-hidden:active { overflow-y: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-y-hidden:disabled { overflow-y: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-y-visible { overflow-y: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-y-visible:hover { overflow-y: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-y-visible:focus { overflow-y: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-y-visible:active { overflow-y: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-y-visible:disabled { overflow-y: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-overflow-y-scroll { overflow-y: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-overflow-y-scroll:hover { overflow-y: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-overflow-y-scroll:focus { overflow-y: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-overflow-y-scroll:active { overflow-y: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-overflow-y-scroll:disabled { overflow-y: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-visible { visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-visible:hover { visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-visible:focus { visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-visible:active { visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-visible:disabled { visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hidden { visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-hidden:hover { visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-hidden:focus { visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-hidden:active { visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-hidden:disabled { visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clear-left { clear: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clear-left:hover { clear: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clear-left:focus { clear: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clear-left:active { clear: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clear-left:disabled { clear: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clear-right { clear: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clear-right:hover { clear: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clear-right:focus { clear: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clear-right:active { clear: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clear-right:disabled { clear: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clear-both { clear: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clear-both:hover { clear: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clear-both:focus { clear: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clear-both:active { clear: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clear-both:disabled { clear: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-float-left { float: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-float-left:hover { float: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-float-left:focus { float: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-float-left:active { float: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-float-left:disabled { float: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-float-right { float: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-float-right:hover { float: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-float-right:focus { float: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-float-right:active { float: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-float-right:disabled { float: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-float-none { float: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-float-none:hover { float: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-float-none:focus { float: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-float-none:active { float: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-float-none:disabled { float: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-auto { width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-auto:hover { width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-auto:focus { width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-auto:active { width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-auto:disabled { width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-full { width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-full:hover { width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-full:focus { width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-full:active { width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-full:disabled { width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-fit { width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-fit:hover { width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-fit:focus { width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-fit:active { width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-fit:disabled { width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-max { width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-max:hover { width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-max:focus { width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-max:active { width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-max:disabled { width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-min { width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-min:hover { width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-min:focus { width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-min:active { width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-min:disabled { width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-stretch { width: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-stretch:hover { width: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-stretch:focus { width: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-stretch:active { width: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-stretch:disabled { width: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-10p { width: 10%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-10p:hover { width: 10%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-10p:focus { width: 10%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-10p:active { width: 10%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-10p:disabled { width: 10%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-20p { width: 20%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-20p:hover { width: 20%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-20p:focus { width: 20%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-20p:active { width: 20%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-20p:disabled { width: 20%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-25p { width: 25%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-25p:hover { width: 25%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-25p:focus { width: 25%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-25p:active { width: 25%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-25p:disabled { width: 25%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-30p { width: 30%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-30p:hover { width: 30%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-30p:focus { width: 30%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-30p:active { width: 30%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-30p:disabled { width: 30%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-33p { width: 33.3333%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-33p:hover { width: 33.3333%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-33p:focus { width: 33.3333%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-33p:active { width: 33.3333%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-33p:disabled { width: 33.3333%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-40p { width: 40%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-40p:hover { width: 40%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-40p:focus { width: 40%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-40p:active { width: 40%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-40p:disabled { width: 40%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-50p { width: 50%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-50p:hover { width: 50%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-50p:focus { width: 50%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-50p:active { width: 50%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-50p:disabled { width: 50%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-60p { width: 60%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-60p:hover { width: 60%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-60p:focus { width: 60%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-60p:active { width: 60%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-60p:disabled { width: 60%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-66p { width: 66.6667%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-66p:hover { width: 66.6667%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-66p:focus { width: 66.6667%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-66p:active { width: 66.6667%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-66p:disabled { width: 66.6667%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-70p { width: 70%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-70p:hover { width: 70%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-70p:focus { width: 70%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-70p:active { width: 70%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-70p:disabled { width: 70%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-75p { width: 75%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-75p:hover { width: 75%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-75p:focus { width: 75%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-75p:active { width: 75%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-75p:disabled { width: 75%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-80p { width: 80%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-80p:hover { width: 80%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-80p:focus { width: 80%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-80p:active { width: 80%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-80p:disabled { width: 80%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-90p { width: 90%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-90p:hover { width: 90%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-90p:focus { width: 90%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-90p:active { width: 90%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-90p:disabled { width: 90%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-100p { width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-100p:hover { width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-100p:focus { width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-100p:active { width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-100p:disabled { width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-10vw { width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-10vw:hover { width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-10vw:focus { width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-10vw:active { width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-10vw:disabled { width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-20vw { width: 20vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-20vw:hover { width: 20vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-20vw:focus { width: 20vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-20vw:active { width: 20vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-20vw:disabled { width: 20vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-30vw { width: 30vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-30vw:hover { width: 30vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-30vw:focus { width: 30vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-30vw:active { width: 30vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-30vw:disabled { width: 30vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-40vw { width: 40vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-40vw:hover { width: 40vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-40vw:focus { width: 40vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-40vw:active { width: 40vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-40vw:disabled { width: 40vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-50vw { width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-50vw:hover { width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-50vw:focus { width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-50vw:active { width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-50vw:disabled { width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-60vw { width: 60vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-60vw:hover { width: 60vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-60vw:focus { width: 60vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-60vw:active { width: 60vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-60vw:disabled { width: 60vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-70vw { width: 70vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-70vw:hover { width: 70vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-70vw:focus { width: 70vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-70vw:active { width: 70vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-70vw:disabled { width: 70vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-80vw { width: 80vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-80vw:hover { width: 80vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-80vw:focus { width: 80vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-80vw:active { width: 80vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-80vw:disabled { width: 80vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-90vw { width: 90vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-90vw:hover { width: 90vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-90vw:focus { width: 90vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-90vw:active { width: 90vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-90vw:disabled { width: 90vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-100vw { width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-100vw:hover { width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-100vw:focus { width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-100vw:active { width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-100vw:disabled { width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-lvw { width: 100lvw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-lvw:hover { width: 100lvw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-lvw:focus { width: 100lvw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-lvw:active { width: 100lvw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-lvw:disabled { width: 100lvw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-svw { width: 100svw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-svw:hover { width: 100svw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-svw:focus { width: 100svw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-svw:active { width: 100svw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-svw:disabled { width: 100svw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-mvw { width: 100mvw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-mvw:hover { width: 100mvw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-mvw:focus { width: 100mvw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-mvw:active { width: 100mvw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-mvw:disabled { width: 100mvw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-vmin { width: 100vmin; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-vmin:hover { width: 100vmin; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-vmin:focus { width: 100vmin; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-vmin:active { width: 100vmin; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-vmin:disabled { width: 100vmin; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-w-vmax { width: 100vmax; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-w-vmax:hover { width: 100vmax; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-w-vmax:focus { width: 100vmax; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-w-vmax:active { width: 100vmax; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-w-vmax:disabled { width: 100vmax; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-auto { height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-auto:hover { height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-auto:focus { height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-auto:active { height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-auto:disabled { height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-full { height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-full:hover { height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-full:focus { height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-full:active { height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-full:disabled { height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-fit { height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-fit:hover { height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-fit:focus { height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-fit:active { height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-fit:disabled { height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-max { height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-max:hover { height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-max:focus { height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-max:active { height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-max:disabled { height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-min { height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-min:hover { height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-min:focus { height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-min:active { height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-min:disabled { height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-stretch { height: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-stretch:hover { height: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-stretch:focus { height: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-stretch:active { height: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-stretch:disabled { height: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-10p { height: 10%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-10p:hover { height: 10%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-10p:focus { height: 10%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-10p:active { height: 10%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-10p:disabled { height: 10%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-20p { height: 20%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-20p:hover { height: 20%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-20p:focus { height: 20%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-20p:active { height: 20%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-20p:disabled { height: 20%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-25p { height: 25%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-25p:hover { height: 25%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-25p:focus { height: 25%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-25p:active { height: 25%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-25p:disabled { height: 25%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-30p { height: 30%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-30p:hover { height: 30%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-30p:focus { height: 30%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-30p:active { height: 30%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-30p:disabled { height: 30%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-33p { height: 33.3333%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-33p:hover { height: 33.3333%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-33p:focus { height: 33.3333%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-33p:active { height: 33.3333%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-33p:disabled { height: 33.3333%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-40p { height: 40%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-40p:hover { height: 40%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-40p:focus { height: 40%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-40p:active { height: 40%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-40p:disabled { height: 40%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-50p { height: 50%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-50p:hover { height: 50%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-50p:focus { height: 50%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-50p:active { height: 50%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-50p:disabled { height: 50%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-60p { height: 60%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-60p:hover { height: 60%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-60p:focus { height: 60%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-60p:active { height: 60%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-60p:disabled { height: 60%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-66p { height: 66.6667%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-66p:hover { height: 66.6667%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-66p:focus { height: 66.6667%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-66p:active { height: 66.6667%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-66p:disabled { height: 66.6667%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-70p { height: 70%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-70p:hover { height: 70%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-70p:focus { height: 70%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-70p:active { height: 70%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-70p:disabled { height: 70%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-75p { height: 75%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-75p:hover { height: 75%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-75p:focus { height: 75%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-75p:active { height: 75%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-75p:disabled { height: 75%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-80p { height: 80%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-80p:hover { height: 80%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-80p:focus { height: 80%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-80p:active { height: 80%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-80p:disabled { height: 80%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-90p { height: 90%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-90p:hover { height: 90%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-90p:focus { height: 90%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-90p:active { height: 90%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-90p:disabled { height: 90%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-100p { height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-100p:hover { height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-100p:focus { height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-100p:active { height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-100p:disabled { height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-10vh { height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-10vh:hover { height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-10vh:focus { height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-10vh:active { height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-10vh:disabled { height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-20vh { height: 20vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-20vh:hover { height: 20vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-20vh:focus { height: 20vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-20vh:active { height: 20vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-20vh:disabled { height: 20vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-30vh { height: 30vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-30vh:hover { height: 30vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-30vh:focus { height: 30vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-30vh:active { height: 30vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-30vh:disabled { height: 30vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-40vh { height: 40vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-40vh:hover { height: 40vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-40vh:focus { height: 40vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-40vh:active { height: 40vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-40vh:disabled { height: 40vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-50vh { height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-50vh:hover { height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-50vh:focus { height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-50vh:active { height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-50vh:disabled { height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-60vh { height: 60vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-60vh:hover { height: 60vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-60vh:focus { height: 60vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-60vh:active { height: 60vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-60vh:disabled { height: 60vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-70vh { height: 70vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-70vh:hover { height: 70vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-70vh:focus { height: 70vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-70vh:active { height: 70vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-70vh:disabled { height: 70vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-80vh { height: 80vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-80vh:hover { height: 80vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-80vh:focus { height: 80vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-80vh:active { height: 80vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-80vh:disabled { height: 80vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-90vh { height: 90vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-90vh:hover { height: 90vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-90vh:focus { height: 90vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-90vh:active { height: 90vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-90vh:disabled { height: 90vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-100vh { height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-100vh:hover { height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-100vh:focus { height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-100vh:active { height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-100vh:disabled { height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-lvh { height: 100lvh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-lvh:hover { height: 100lvh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-lvh:focus { height: 100lvh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-lvh:active { height: 100lvh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-lvh:disabled { height: 100lvh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-svh { height: 100svh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-svh:hover { height: 100svh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-svh:focus { height: 100svh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-svh:active { height: 100svh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-svh:disabled { height: 100svh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-mvh { height: 100mvh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-mvh:hover { height: 100mvh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-mvh:focus { height: 100mvh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-mvh:active { height: 100mvh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-mvh:disabled { height: 100mvh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-vmin { height: 100vmin; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-vmin:hover { height: 100vmin; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-vmin:focus { height: 100vmin; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-vmin:active { height: 100vmin; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-vmin:disabled { height: 100vmin; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-h-vmax { height: 100vmax; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-h-vmax:hover { height: 100vmax; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-h-vmax:focus { height: 100vmax; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-h-vmax:active { height: 100vmax; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-h-vmax:disabled { height: 100vmax; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-w-auto { min-width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-w-auto:hover { min-width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-w-auto:focus { min-width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-w-auto:active { min-width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-w-auto:disabled { min-width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-w-full { min-width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-w-full:hover { min-width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-w-full:focus { min-width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-w-full:active { min-width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-w-full:disabled { min-width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-w-fit { min-width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-w-fit:hover { min-width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-w-fit:focus { min-width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-w-fit:active { min-width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-w-fit:disabled { min-width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-w-max { min-width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-w-max:hover { min-width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-w-max:focus { min-width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-w-max:active { min-width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-w-max:disabled { min-width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-w-min { min-width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-w-min:hover { min-width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-w-min:focus { min-width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-w-min:active { min-width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-w-min:disabled { min-width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-w-10vw { min-width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-w-10vw:hover { min-width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-w-10vw:focus { min-width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-w-10vw:active { min-width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-w-10vw:disabled { min-width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-w-50vw { min-width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-w-50vw:hover { min-width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-w-50vw:focus { min-width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-w-50vw:active { min-width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-w-50vw:disabled { min-width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-w-100vw { min-width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-w-100vw:hover { min-width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-w-100vw:focus { min-width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-w-100vw:active { min-width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-w-100vw:disabled { min-width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-w-auto { max-width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-w-auto:hover { max-width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-w-auto:focus { max-width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-w-auto:active { max-width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-w-auto:disabled { max-width: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-w-full { max-width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-w-full:hover { max-width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-w-full:focus { max-width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-w-full:active { max-width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-w-full:disabled { max-width: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-w-fit { max-width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-w-fit:hover { max-width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-w-fit:focus { max-width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-w-fit:active { max-width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-w-fit:disabled { max-width: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-w-max { max-width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-w-max:hover { max-width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-w-max:focus { max-width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-w-max:active { max-width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-w-max:disabled { max-width: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-w-min { max-width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-w-min:hover { max-width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-w-min:focus { max-width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-w-min:active { max-width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-w-min:disabled { max-width: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-w-10vw { max-width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-w-10vw:hover { max-width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-w-10vw:focus { max-width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-w-10vw:active { max-width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-w-10vw:disabled { max-width: 10vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-w-50vw { max-width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-w-50vw:hover { max-width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-w-50vw:focus { max-width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-w-50vw:active { max-width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-w-50vw:disabled { max-width: 50vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-w-100vw { max-width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-w-100vw:hover { max-width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-w-100vw:focus { max-width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-w-100vw:active { max-width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-w-100vw:disabled { max-width: 100vw; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-h-auto { min-height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-h-auto:hover { min-height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-h-auto:focus { min-height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-h-auto:active { min-height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-h-auto:disabled { min-height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-h-full { min-height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-h-full:hover { min-height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-h-full:focus { min-height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-h-full:active { min-height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-h-full:disabled { min-height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-h-fit { min-height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-h-fit:hover { min-height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-h-fit:focus { min-height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-h-fit:active { min-height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-h-fit:disabled { min-height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-h-max { min-height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-h-max:hover { min-height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-h-max:focus { min-height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-h-max:active { min-height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-h-max:disabled { min-height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-h-min { min-height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-h-min:hover { min-height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-h-min:focus { min-height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-h-min:active { min-height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-h-min:disabled { min-height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-h-10vh { min-height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-h-10vh:hover { min-height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-h-10vh:focus { min-height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-h-10vh:active { min-height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-h-10vh:disabled { min-height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-h-50vh { min-height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-h-50vh:hover { min-height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-h-50vh:focus { min-height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-h-50vh:active { min-height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-h-50vh:disabled { min-height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-min-h-100vh { min-height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-min-h-100vh:hover { min-height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-min-h-100vh:focus { min-height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-min-h-100vh:active { min-height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-min-h-100vh:disabled { min-height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-h-auto { max-height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-h-auto:hover { max-height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-h-auto:focus { max-height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-h-auto:active { max-height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-h-auto:disabled { max-height: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-h-full { max-height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-h-full:hover { max-height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-h-full:focus { max-height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-h-full:active { max-height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-h-full:disabled { max-height: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-h-fit { max-height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-h-fit:hover { max-height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-h-fit:focus { max-height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-h-fit:active { max-height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-h-fit:disabled { max-height: fit-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-h-max { max-height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-h-max:hover { max-height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-h-max:focus { max-height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-h-max:active { max-height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-h-max:disabled { max-height: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-h-min { max-height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-h-min:hover { max-height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-h-min:focus { max-height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-h-min:active { max-height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-h-min:disabled { max-height: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-h-10vh { max-height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-h-10vh:hover { max-height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-h-10vh:focus { max-height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-h-10vh:active { max-height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-h-10vh:disabled { max-height: 10vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-h-50vh { max-height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-h-50vh:hover { max-height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-h-50vh:focus { max-height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-h-50vh:active { max-height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-h-50vh:disabled { max-height: 50vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-max-h-100vh { max-height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-max-h-100vh:hover { max-height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-max-h-100vh:focus { max-height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-max-h-100vh:active { max-height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-max-h-100vh:disabled { max-height: 100vh; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-auto { font-size: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-auto:hover { font-size: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-auto:focus { font-size: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-auto:active { font-size: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-auto:disabled { font-size: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-0 { font-size: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-0:hover { font-size: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-0:focus { font-size: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-0:active { font-size: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-0:disabled { font-size: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-1 { font-size: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-1:hover { font-size: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-1:focus { font-size: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-1:active { font-size: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-1:disabled { font-size: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-2 { font-size: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-2:hover { font-size: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-2:focus { font-size: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-2:active { font-size: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-2:disabled { font-size: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-3 { font-size: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-3:hover { font-size: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-3:focus { font-size: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-3:active { font-size: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-3:disabled { font-size: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-4 { font-size: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-4:hover { font-size: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-4:focus { font-size: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-4:active { font-size: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-4:disabled { font-size: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-5 { font-size: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-5:hover { font-size: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-5:focus { font-size: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-5:active { font-size: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-5:disabled { font-size: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-6 { font-size: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-6:hover { font-size: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-6:focus { font-size: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-6:active { font-size: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-6:disabled { font-size: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-7 { font-size: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-7:hover { font-size: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-7:focus { font-size: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-7:active { font-size: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-7:disabled { font-size: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-8 { font-size: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-8:hover { font-size: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-8:focus { font-size: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-8:active { font-size: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-8:disabled { font-size: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-9 { font-size: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-9:hover { font-size: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-9:focus { font-size: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-9:active { font-size: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-9:disabled { font-size: 2.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-10 { font-size: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-10:hover { font-size: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-10:focus { font-size: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-10:active { font-size: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-10:disabled { font-size: 2.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-12 { font-size: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-12:hover { font-size: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-12:focus { font-size: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-12:active { font-size: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-12:disabled { font-size: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-14 { font-size: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-14:hover { font-size: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-14:focus { font-size: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-14:active { font-size: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-14:disabled { font-size: 3.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-16 { font-size: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-16:hover { font-size: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-16:focus { font-size: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-16:active { font-size: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-16:disabled { font-size: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-18 { font-size: 4.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-18:hover { font-size: 4.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-18:focus { font-size: 4.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-18:active { font-size: 4.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-18:disabled { font-size: 4.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-20 { font-size: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-20:hover { font-size: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-20:focus { font-size: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-20:active { font-size: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-20:disabled { font-size: 5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-24 { font-size: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-24:hover { font-size: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-24:focus { font-size: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-24:active { font-size: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-24:disabled { font-size: 6rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-28 { font-size: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-28:hover { font-size: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-28:focus { font-size: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-28:active { font-size: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-28:disabled { font-size: 7rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-size-32 { font-size: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-size-32:hover { font-size: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-size-32:focus { font-size: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-size-32:active { font-size: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-size-32:disabled { font-size: 8rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-weight-normal { font-weight: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-weight-normal:hover { font-weight: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-weight-normal:focus { font-weight: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-weight-normal:active { font-weight: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-weight-normal:disabled { font-weight: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-weight-light { font-weight: 300; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-weight-light:hover { font-weight: 300; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-weight-light:focus { font-weight: 300; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-weight-light:active { font-weight: 300; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-weight-light:disabled { font-weight: 300; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-weight-medium { font-weight: 500; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-weight-medium:hover { font-weight: 500; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-weight-medium:focus { font-weight: 500; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-weight-medium:active { font-weight: 500; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-weight-medium:disabled { font-weight: 500; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-weight-bold { font-weight: 700; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-weight-bold:hover { font-weight: 700; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-weight-bold:focus { font-weight: 700; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-weight-bold:active { font-weight: 700; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-weight-bold:disabled { font-weight: 700; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-font-weight-bolder { font-weight: bolder; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-font-weight-bolder:hover { font-weight: bolder; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-font-weight-bolder:focus { font-weight: bolder; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-font-weight-bolder:active { font-weight: bolder; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-font-weight-bolder:disabled { font-weight: bolder; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-height-1 { line-height: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-height-1:hover { line-height: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-height-1:focus { line-height: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-height-1:active { line-height: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-height-1:disabled { line-height: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-height-2 { line-height: 1.25; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-height-2:hover { line-height: 1.25; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-height-2:focus { line-height: 1.25; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-height-2:active { line-height: 1.25; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-height-2:disabled { line-height: 1.25; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-height-3 { line-height: 1.375; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-height-3:hover { line-height: 1.375; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-height-3:focus { line-height: 1.375; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-height-3:active { line-height: 1.375; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-height-3:disabled { line-height: 1.375; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-height-4 { line-height: 1.5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-height-4:hover { line-height: 1.5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-height-4:focus { line-height: 1.5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-height-4:active { line-height: 1.5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-height-4:disabled { line-height: 1.5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-height-5 { line-height: 1.625; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-height-5:hover { line-height: 1.625; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-height-5:focus { line-height: 1.625; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-height-5:active { line-height: 1.625; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-height-5:disabled { line-height: 1.625; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-height-6 { line-height: 1.75; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-height-6:hover { line-height: 1.75; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-height-6:focus { line-height: 1.75; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-height-6:active { line-height: 1.75; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-height-6:disabled { line-height: 1.75; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-height-7 { line-height: 2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-height-7:hover { line-height: 2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-height-7:focus { line-height: 2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-height-7:active { line-height: 2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-height-7:disabled { line-height: 2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-left { text-align: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-left:hover { text-align: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-left:focus { text-align: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-left:active { text-align: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-left:disabled { text-align: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-center { text-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-center:hover { text-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-center:focus { text-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-center:active { text-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-center:disabled { text-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-right { text-align: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-right:hover { text-align: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-right:focus { text-align: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-right:active { text-align: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-right:disabled { text-align: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-justify { text-align: justify; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-justify:hover { text-align: justify; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-justify:focus { text-align: justify; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-justify:active { text-align: justify; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-justify:disabled { text-align: justify; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-justify-start { justify-content: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-justify-start:hover { justify-content: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-justify-start:focus { justify-content: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-justify-start:active { justify-content: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-justify-start:disabled { justify-content: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-justify-center { justify-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-justify-center:hover { justify-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-justify-center:focus { justify-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-justify-center:active { justify-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-justify-center:disabled { justify-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-justify-end { justify-content: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-justify-end:hover { justify-content: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-justify-end:focus { justify-content: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-justify-end:active { justify-content: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-justify-end:disabled { justify-content: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-justify-between { justify-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-justify-between:hover { justify-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-justify-between:focus { justify-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-justify-between:active { justify-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-justify-between:disabled { justify-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-justify-around { justify-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-justify-around:hover { justify-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-justify-around:focus { justify-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-justify-around:active { justify-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-justify-around:disabled { justify-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-justify-evenly { justify-content: space-evenly; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-justify-evenly:hover { justify-content: space-evenly; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-justify-evenly:focus { justify-content: space-evenly; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-justify-evenly:active { justify-content: space-evenly; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-justify-evenly:disabled { justify-content: space-evenly; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-items-start { align-items: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-items-start:hover { align-items: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-items-start:focus { align-items: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-items-start:active { align-items: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-items-start:disabled { align-items: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-items-center { align-items: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-items-center:hover { align-items: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-items-center:focus { align-items: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-items-center:active { align-items: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-items-center:disabled { align-items: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-items-end { align-items: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-items-end:hover { align-items: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-items-end:focus { align-items: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-items-end:active { align-items: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-items-end:disabled { align-items: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-items-baseline { align-items: baseline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-items-baseline:hover { align-items: baseline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-items-baseline:focus { align-items: baseline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-items-baseline:active { align-items: baseline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-items-baseline:disabled { align-items: baseline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-items-stretch { align-items: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-items-stretch:hover { align-items: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-items-stretch:focus { align-items: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-items-stretch:active { align-items: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-items-stretch:disabled { align-items: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-content-start { align-content: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-content-start:hover { align-content: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-content-start:focus { align-content: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-content-start:active { align-content: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-content-start:disabled { align-content: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-content-center { align-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-content-center:hover { align-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-content-center:focus { align-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-content-center:active { align-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-content-center:disabled { align-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-content-end { align-content: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-content-end:hover { align-content: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-content-end:focus { align-content: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-content-end:active { align-content: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-content-end:disabled { align-content: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-content-between { align-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-content-between:hover { align-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-content-between:focus { align-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-content-between:active { align-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-content-between:disabled { align-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-content-around { align-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-content-around:hover { align-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-content-around:focus { align-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-content-around:active { align-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-content-around:disabled { align-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-content-evenly { align-content: space-evenly; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-content-evenly:hover { align-content: space-evenly; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-content-evenly:focus { align-content: space-evenly; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-content-evenly:active { align-content: space-evenly; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-content-evenly:disabled { align-content: space-evenly; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-self-auto { align-self: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-self-auto:hover { align-self: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-self-auto:focus { align-self: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-self-auto:active { align-self: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-self-auto:disabled { align-self: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-self-start { align-self: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-self-start:hover { align-self: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-self-start:focus { align-self: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-self-start:active { align-self: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-self-start:disabled { align-self: flex-start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-self-center { align-self: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-self-center:hover { align-self: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-self-center:focus { align-self: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-self-center:active { align-self: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-self-center:disabled { align-self: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-self-end { align-self: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-self-end:hover { align-self: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-self-end:focus { align-self: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-self-end:active { align-self: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-self-end:disabled { align-self: flex-end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-self-stretch { align-self: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-self-stretch:hover { align-self: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-self-stretch:focus { align-self: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-self-stretch:active { align-self: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-self-stretch:disabled { align-self: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-items-start { place-items: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-items-start:hover { place-items: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-items-start:focus { place-items: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-items-start:active { place-items: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-items-start:disabled { place-items: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-items-center { place-items: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-items-center:hover { place-items: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-items-center:focus { place-items: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-items-center:active { place-items: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-items-center:disabled { place-items: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-items-end { place-items: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-items-end:hover { place-items: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-items-end:focus { place-items: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-items-end:active { place-items: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-items-end:disabled { place-items: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-items-stretch { place-items: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-items-stretch:hover { place-items: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-items-stretch:focus { place-items: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-items-stretch:active { place-items: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-items-stretch:disabled { place-items: stretch; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-content-start { place-content: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-content-start:hover { place-content: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-content-start:focus { place-content: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-content-start:active { place-content: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-content-start:disabled { place-content: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-content-center { place-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-content-center:hover { place-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-content-center:focus { place-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-content-center:active { place-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-content-center:disabled { place-content: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-content-end { place-content: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-content-end:hover { place-content: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-content-end:focus { place-content: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-content-end:active { place-content: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-content-end:disabled { place-content: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-content-between { place-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-content-between:hover { place-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-content-between:focus { place-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-content-between:active { place-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-content-between:disabled { place-content: space-between; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-content-around { place-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-content-around:hover { place-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-content-around:focus { place-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-content-around:active { place-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-content-around:disabled { place-content: space-around; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-self-auto { place-self: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-self-auto:hover { place-self: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-self-auto:focus { place-self: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-self-auto:active { place-self: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-self-auto:disabled { place-self: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-self-start { place-self: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-self-start:hover { place-self: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-self-start:focus { place-self: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-self-start:active { place-self: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-self-start:disabled { place-self: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-self-center { place-self: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-self-center:hover { place-self: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-self-center:focus { place-self: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-self-center:active { place-self: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-self-center:disabled { place-self: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-place-self-end { place-self: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-place-self-end:hover { place-self: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-place-self-end:focus { place-self: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-place-self-end:active { place-self: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-place-self-end:disabled { place-self: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-uppercase { text-transform: uppercase; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-uppercase:hover { text-transform: uppercase; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-uppercase:focus { text-transform: uppercase; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-uppercase:active { text-transform: uppercase; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-uppercase:disabled { text-transform: uppercase; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lowercase { text-transform: lowercase; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lowercase:hover { text-transform: lowercase; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lowercase:focus { text-transform: lowercase; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lowercase:active { text-transform: lowercase; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lowercase:disabled { text-transform: lowercase; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-capitalize { text-transform: capitalize; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-capitalize:hover { text-transform: capitalize; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-capitalize:focus { text-transform: capitalize; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-capitalize:active { text-transform: capitalize; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-capitalize:disabled { text-transform: capitalize; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-tracking-tight { letter-spacing: -0.05em; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-tracking-tight:hover { letter-spacing: -0.05em; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-tracking-tight:focus { letter-spacing: -0.05em; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-tracking-tight:active { letter-spacing: -0.05em; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-tracking-tight:disabled { letter-spacing: -0.05em; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-tracking-normal { letter-spacing: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-tracking-normal:hover { letter-spacing: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-tracking-normal:focus { letter-spacing: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-tracking-normal:active { letter-spacing: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-tracking-normal:disabled { letter-spacing: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-tracking-wide { letter-spacing: 0.05em; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-tracking-wide:hover { letter-spacing: 0.05em; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-tracking-wide:focus { letter-spacing: 0.05em; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-tracking-wide:active { letter-spacing: 0.05em; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-tracking-wide:disabled { letter-spacing: 0.05em; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-underline { text-decoration: underline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-underline:hover { text-decoration: underline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-underline:focus { text-decoration: underline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-underline:active { text-decoration: underline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-underline:disabled { text-decoration: underline; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-through { text-decoration: line-through; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-through:hover { text-decoration: line-through; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-through:focus { text-decoration: line-through; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-through:active { text-decoration: line-through; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-through:disabled { text-decoration: line-through; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-no-underline { text-decoration: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-no-underline:hover { text-decoration: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-no-underline:focus { text-decoration: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-no-underline:active { text-decoration: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-no-underline:disabled { text-decoration: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-black { color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-black:hover { color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-black:focus { color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-black:active { color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-black:disabled { color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-white { color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-white:hover { color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-white:focus { color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-white:active { color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-white:disabled { color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-red-50 { color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-red-50:hover { color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-red-50:focus { color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-red-50:active { color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-red-50:disabled { color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-red-100 { color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-red-100:hover { color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-red-100:focus { color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-red-100:active { color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-red-100:disabled { color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-red-200 { color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-red-200:hover { color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-red-200:focus { color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-red-200:active { color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-red-200:disabled { color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-red-300 { color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-red-300:hover { color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-red-300:focus { color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-red-300:active { color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-red-300:disabled { color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-red-400 { color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-red-400:hover { color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-red-400:focus { color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-red-400:active { color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-red-400:disabled { color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-red-500 { color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-red-500:hover { color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-red-500:focus { color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-red-500:active { color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-red-500:disabled { color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-red-600 { color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-red-600:hover { color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-red-600:focus { color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-red-600:active { color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-red-600:disabled { color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-red-700 { color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-red-700:hover { color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-red-700:focus { color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-red-700:active { color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-red-700:disabled { color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-red-800 { color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-red-800:hover { color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-red-800:focus { color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-red-800:active { color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-red-800:disabled { color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-red-900 { color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-red-900:hover { color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-red-900:focus { color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-red-900:active { color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-red-900:disabled { color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-orange-50 { color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-orange-50:hover { color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-orange-50:focus { color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-orange-50:active { color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-orange-50:disabled { color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-orange-100 { color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-orange-100:hover { color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-orange-100:focus { color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-orange-100:active { color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-orange-100:disabled { color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-orange-200 { color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-orange-200:hover { color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-orange-200:focus { color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-orange-200:active { color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-orange-200:disabled { color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-orange-300 { color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-orange-300:hover { color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-orange-300:focus { color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-orange-300:active { color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-orange-300:disabled { color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-orange-400 { color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-orange-400:hover { color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-orange-400:focus { color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-orange-400:active { color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-orange-400:disabled { color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-orange-500 { color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-orange-500:hover { color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-orange-500:focus { color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-orange-500:active { color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-orange-500:disabled { color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-orange-600 { color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-orange-600:hover { color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-orange-600:focus { color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-orange-600:active { color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-orange-600:disabled { color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-orange-700 { color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-orange-700:hover { color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-orange-700:focus { color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-orange-700:active { color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-orange-700:disabled { color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-orange-800 { color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-orange-800:hover { color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-orange-800:focus { color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-orange-800:active { color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-orange-800:disabled { color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-orange-900 { color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-orange-900:hover { color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-orange-900:focus { color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-orange-900:active { color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-orange-900:disabled { color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-teal-50 { color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-teal-50:hover { color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-teal-50:focus { color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-teal-50:active { color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-teal-50:disabled { color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-teal-100 { color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-teal-100:hover { color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-teal-100:focus { color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-teal-100:active { color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-teal-100:disabled { color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-teal-200 { color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-teal-200:hover { color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-teal-200:focus { color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-teal-200:active { color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-teal-200:disabled { color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-teal-300 { color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-teal-300:hover { color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-teal-300:focus { color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-teal-300:active { color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-teal-300:disabled { color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-teal-400 { color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-teal-400:hover { color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-teal-400:focus { color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-teal-400:active { color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-teal-400:disabled { color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-teal-500 { color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-teal-500:hover { color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-teal-500:focus { color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-teal-500:active { color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-teal-500:disabled { color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-teal-600 { color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-teal-600:hover { color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-teal-600:focus { color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-teal-600:active { color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-teal-600:disabled { color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-teal-700 { color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-teal-700:hover { color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-teal-700:focus { color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-teal-700:active { color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-teal-700:disabled { color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-teal-800 { color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-teal-800:hover { color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-teal-800:focus { color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-teal-800:active { color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-teal-800:disabled { color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-teal-900 { color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-teal-900:hover { color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-teal-900:focus { color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-teal-900:active { color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-teal-900:disabled { color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-purple-50 { color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-purple-50:hover { color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-purple-50:focus { color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-purple-50:active { color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-purple-50:disabled { color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-purple-100 { color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-purple-100:hover { color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-purple-100:focus { color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-purple-100:active { color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-purple-100:disabled { color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-purple-200 { color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-purple-200:hover { color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-purple-200:focus { color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-purple-200:active { color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-purple-200:disabled { color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-purple-300 { color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-purple-300:hover { color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-purple-300:focus { color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-purple-300:active { color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-purple-300:disabled { color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-purple-400 { color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-purple-400:hover { color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-purple-400:focus { color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-purple-400:active { color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-purple-400:disabled { color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-purple-500 { color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-purple-500:hover { color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-purple-500:focus { color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-purple-500:active { color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-purple-500:disabled { color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-purple-600 { color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-purple-600:hover { color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-purple-600:focus { color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-purple-600:active { color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-purple-600:disabled { color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-purple-700 { color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-purple-700:hover { color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-purple-700:focus { color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-purple-700:active { color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-purple-700:disabled { color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-purple-800 { color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-purple-800:hover { color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-purple-800:focus { color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-purple-800:active { color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-purple-800:disabled { color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-purple-900 { color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-purple-900:hover { color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-purple-900:focus { color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-purple-900:active { color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-purple-900:disabled { color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-indigo-50 { color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-indigo-50:hover { color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-indigo-50:focus { color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-indigo-50:active { color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-indigo-50:disabled { color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-indigo-100 { color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-indigo-100:hover { color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-indigo-100:focus { color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-indigo-100:active { color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-indigo-100:disabled { color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-indigo-200 { color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-indigo-200:hover { color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-indigo-200:focus { color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-indigo-200:active { color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-indigo-200:disabled { color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-indigo-300 { color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-indigo-300:hover { color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-indigo-300:focus { color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-indigo-300:active { color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-indigo-300:disabled { color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-indigo-400 { color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-indigo-400:hover { color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-indigo-400:focus { color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-indigo-400:active { color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-indigo-400:disabled { color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-indigo-500 { color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-indigo-500:hover { color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-indigo-500:focus { color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-indigo-500:active { color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-indigo-500:disabled { color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-indigo-600 { color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-indigo-600:hover { color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-indigo-600:focus { color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-indigo-600:active { color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-indigo-600:disabled { color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-indigo-700 { color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-indigo-700:hover { color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-indigo-700:focus { color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-indigo-700:active { color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-indigo-700:disabled { color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-indigo-800 { color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-indigo-800:hover { color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-indigo-800:focus { color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-indigo-800:active { color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-indigo-800:disabled { color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-indigo-900 { color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-indigo-900:hover { color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-indigo-900:focus { color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-indigo-900:active { color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-indigo-900:disabled { color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-yellow-50 { color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-yellow-50:hover { color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-yellow-50:focus { color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-yellow-50:active { color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-yellow-50:disabled { color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-yellow-100 { color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-yellow-100:hover { color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-yellow-100:focus { color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-yellow-100:active { color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-yellow-100:disabled { color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-yellow-200 { color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-yellow-200:hover { color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-yellow-200:focus { color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-yellow-200:active { color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-yellow-200:disabled { color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-yellow-300 { color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-yellow-300:hover { color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-yellow-300:focus { color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-yellow-300:active { color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-yellow-300:disabled { color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-yellow-400 { color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-yellow-400:hover { color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-yellow-400:focus { color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-yellow-400:active { color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-yellow-400:disabled { color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-yellow-500 { color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-yellow-500:hover { color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-yellow-500:focus { color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-yellow-500:active { color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-yellow-500:disabled { color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-yellow-600 { color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-yellow-600:hover { color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-yellow-600:focus { color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-yellow-600:active { color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-yellow-600:disabled { color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-yellow-700 { color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-yellow-700:hover { color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-yellow-700:focus { color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-yellow-700:active { color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-yellow-700:disabled { color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-yellow-800 { color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-yellow-800:hover { color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-yellow-800:focus { color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-yellow-800:active { color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-yellow-800:disabled { color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-yellow-900 { color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-yellow-900:hover { color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-yellow-900:focus { color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-yellow-900:active { color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-yellow-900:disabled { color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-pink-50 { color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-pink-50:hover { color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-pink-50:focus { color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-pink-50:active { color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-pink-50:disabled { color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-pink-100 { color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-pink-100:hover { color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-pink-100:focus { color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-pink-100:active { color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-pink-100:disabled { color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-pink-200 { color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-pink-200:hover { color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-pink-200:focus { color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-pink-200:active { color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-pink-200:disabled { color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-pink-300 { color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-pink-300:hover { color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-pink-300:focus { color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-pink-300:active { color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-pink-300:disabled { color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-pink-400 { color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-pink-400:hover { color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-pink-400:focus { color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-pink-400:active { color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-pink-400:disabled { color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-pink-500 { color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-pink-500:hover { color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-pink-500:focus { color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-pink-500:active { color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-pink-500:disabled { color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-pink-600 { color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-pink-600:hover { color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-pink-600:focus { color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-pink-600:active { color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-pink-600:disabled { color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-pink-700 { color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-pink-700:hover { color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-pink-700:focus { color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-pink-700:active { color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-pink-700:disabled { color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-pink-800 { color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-pink-800:hover { color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-pink-800:focus { color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-pink-800:active { color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-pink-800:disabled { color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-pink-900 { color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-pink-900:hover { color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-pink-900:focus { color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-pink-900:active { color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-pink-900:disabled { color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-grey-50 { color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-grey-50:hover { color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-grey-50:focus { color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-grey-50:active { color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-grey-50:disabled { color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-grey-100 { color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-grey-100:hover { color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-grey-100:focus { color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-grey-100:active { color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-grey-100:disabled { color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-grey-200 { color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-grey-200:hover { color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-grey-200:focus { color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-grey-200:active { color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-grey-200:disabled { color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-grey-300 { color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-grey-300:hover { color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-grey-300:focus { color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-grey-300:active { color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-grey-300:disabled { color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-grey-400 { color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-grey-400:hover { color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-grey-400:focus { color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-grey-400:active { color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-grey-400:disabled { color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-grey-500 { color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-grey-500:hover { color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-grey-500:focus { color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-grey-500:active { color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-grey-500:disabled { color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-grey-600 { color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-grey-600:hover { color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-grey-600:focus { color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-grey-600:active { color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-grey-600:disabled { color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-grey-700 { color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-grey-700:hover { color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-grey-700:focus { color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-grey-700:active { color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-grey-700:disabled { color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-grey-800 { color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-grey-800:hover { color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-grey-800:focus { color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-grey-800:active { color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-grey-800:disabled { color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-grey-900 { color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-grey-900:hover { color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-grey-900:focus { color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-grey-900:active { color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-grey-900:disabled { color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lime-50 { color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lime-50:hover { color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lime-50:focus { color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lime-50:active { color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lime-50:disabled { color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lime-100 { color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lime-100:hover { color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lime-100:focus { color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lime-100:active { color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lime-100:disabled { color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lime-200 { color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lime-200:hover { color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lime-200:focus { color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lime-200:active { color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lime-200:disabled { color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lime-300 { color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lime-300:hover { color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lime-300:focus { color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lime-300:active { color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lime-300:disabled { color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lime-400 { color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lime-400:hover { color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lime-400:focus { color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lime-400:active { color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lime-400:disabled { color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lime-500 { color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lime-500:hover { color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lime-500:focus { color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lime-500:active { color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lime-500:disabled { color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lime-600 { color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lime-600:hover { color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lime-600:focus { color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lime-600:active { color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lime-600:disabled { color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lime-700 { color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lime-700:hover { color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lime-700:focus { color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lime-700:active { color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lime-700:disabled { color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lime-800 { color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lime-800:hover { color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lime-800:focus { color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lime-800:active { color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lime-800:disabled { color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-lime-900 { color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-lime-900:hover { color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-lime-900:focus { color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-lime-900:active { color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-lime-900:disabled { color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-cyan-50 { color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-cyan-50:hover { color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-cyan-50:focus { color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-cyan-50:active { color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-cyan-50:disabled { color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-cyan-100 { color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-cyan-100:hover { color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-cyan-100:focus { color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-cyan-100:active { color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-cyan-100:disabled { color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-cyan-200 { color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-cyan-200:hover { color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-cyan-200:focus { color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-cyan-200:active { color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-cyan-200:disabled { color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-cyan-300 { color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-cyan-300:hover { color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-cyan-300:focus { color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-cyan-300:active { color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-cyan-300:disabled { color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-cyan-400 { color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-cyan-400:hover { color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-cyan-400:focus { color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-cyan-400:active { color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-cyan-400:disabled { color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-cyan-500 { color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-cyan-500:hover { color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-cyan-500:focus { color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-cyan-500:active { color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-cyan-500:disabled { color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-cyan-600 { color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-cyan-600:hover { color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-cyan-600:focus { color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-cyan-600:active { color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-cyan-600:disabled { color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-cyan-700 { color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-cyan-700:hover { color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-cyan-700:focus { color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-cyan-700:active { color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-cyan-700:disabled { color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-cyan-800 { color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-cyan-800:hover { color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-cyan-800:focus { color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-cyan-800:active { color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-cyan-800:disabled { color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-cyan-900 { color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-cyan-900:hover { color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-cyan-900:focus { color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-cyan-900:active { color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-cyan-900:disabled { color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-sky-50 { color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-sky-50:hover { color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-sky-50:focus { color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-sky-50:active { color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-sky-50:disabled { color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-sky-100 { color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-sky-100:hover { color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-sky-100:focus { color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-sky-100:active { color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-sky-100:disabled { color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-sky-200 { color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-sky-200:hover { color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-sky-200:focus { color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-sky-200:active { color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-sky-200:disabled { color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-sky-300 { color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-sky-300:hover { color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-sky-300:focus { color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-sky-300:active { color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-sky-300:disabled { color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-sky-400 { color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-sky-400:hover { color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-sky-400:focus { color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-sky-400:active { color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-sky-400:disabled { color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-sky-500 { color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-sky-500:hover { color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-sky-500:focus { color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-sky-500:active { color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-sky-500:disabled { color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-sky-600 { color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-sky-600:hover { color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-sky-600:focus { color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-sky-600:active { color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-sky-600:disabled { color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-sky-700 { color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-sky-700:hover { color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-sky-700:focus { color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-sky-700:active { color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-sky-700:disabled { color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-sky-800 { color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-sky-800:hover { color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-sky-800:focus { color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-sky-800:active { color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-sky-800:disabled { color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-sky-900 { color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-sky-900:hover { color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-sky-900:focus { color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-sky-900:active { color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-sky-900:disabled { color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-violet-50 { color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-violet-50:hover { color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-violet-50:focus { color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-violet-50:active { color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-violet-50:disabled { color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-violet-100 { color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-violet-100:hover { color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-violet-100:focus { color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-violet-100:active { color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-violet-100:disabled { color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-violet-200 { color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-violet-200:hover { color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-violet-200:focus { color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-violet-200:active { color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-violet-200:disabled { color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-violet-300 { color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-violet-300:hover { color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-violet-300:focus { color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-violet-300:active { color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-violet-300:disabled { color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-violet-400 { color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-violet-400:hover { color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-violet-400:focus { color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-violet-400:active { color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-violet-400:disabled { color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-violet-500 { color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-violet-500:hover { color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-violet-500:focus { color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-violet-500:active { color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-violet-500:disabled { color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-violet-600 { color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-violet-600:hover { color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-violet-600:focus { color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-violet-600:active { color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-violet-600:disabled { color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-violet-700 { color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-violet-700:hover { color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-violet-700:focus { color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-violet-700:active { color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-violet-700:disabled { color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-violet-800 { color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-violet-800:hover { color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-violet-800:focus { color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-violet-800:active { color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-violet-800:disabled { color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-violet-900 { color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-violet-900:hover { color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-violet-900:focus { color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-violet-900:active { color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-violet-900:disabled { color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-rose-50 { color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-rose-50:hover { color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-rose-50:focus { color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-rose-50:active { color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-rose-50:disabled { color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-rose-100 { color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-rose-100:hover { color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-rose-100:focus { color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-rose-100:active { color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-rose-100:disabled { color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-rose-200 { color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-rose-200:hover { color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-rose-200:focus { color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-rose-200:active { color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-rose-200:disabled { color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-rose-300 { color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-rose-300:hover { color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-rose-300:focus { color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-rose-300:active { color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-rose-300:disabled { color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-rose-400 { color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-rose-400:hover { color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-rose-400:focus { color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-rose-400:active { color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-rose-400:disabled { color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-rose-500 { color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-rose-500:hover { color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-rose-500:focus { color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-rose-500:active { color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-rose-500:disabled { color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-rose-600 { color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-rose-600:hover { color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-rose-600:focus { color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-rose-600:active { color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-rose-600:disabled { color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-rose-700 { color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-rose-700:hover { color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-rose-700:focus { color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-rose-700:active { color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-rose-700:disabled { color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-rose-800 { color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-rose-800:hover { color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-rose-800:focus { color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-rose-800:active { color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-rose-800:disabled { color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-rose-900 { color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-rose-900:hover { color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-rose-900:focus { color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-rose-900:active { color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-rose-900:disabled { color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-slate-50 { color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-slate-50:hover { color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-slate-50:focus { color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-slate-50:active { color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-slate-50:disabled { color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-slate-100 { color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-slate-100:hover { color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-slate-100:focus { color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-slate-100:active { color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-slate-100:disabled { color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-slate-200 { color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-slate-200:hover { color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-slate-200:focus { color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-slate-200:active { color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-slate-200:disabled { color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-slate-300 { color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-slate-300:hover { color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-slate-300:focus { color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-slate-300:active { color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-slate-300:disabled { color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-slate-400 { color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-slate-400:hover { color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-slate-400:focus { color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-slate-400:active { color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-slate-400:disabled { color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-slate-500 { color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-slate-500:hover { color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-slate-500:focus { color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-slate-500:active { color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-slate-500:disabled { color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-slate-600 { color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-slate-600:hover { color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-slate-600:focus { color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-slate-600:active { color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-slate-600:disabled { color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-slate-700 { color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-slate-700:hover { color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-slate-700:focus { color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-slate-700:active { color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-slate-700:disabled { color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-slate-800 { color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-slate-800:hover { color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-slate-800:focus { color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-slate-800:active { color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-slate-800:disabled { color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-slate-900 { color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-slate-900:hover { color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-slate-900:focus { color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-slate-900:active { color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-slate-900:disabled { color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-blue-50 { color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-blue-50:hover { color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-blue-50:focus { color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-blue-50:active { color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-blue-50:disabled { color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-blue-100 { color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-blue-100:hover { color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-blue-100:focus { color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-blue-100:active { color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-blue-100:disabled { color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-blue-200 { color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-blue-200:hover { color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-blue-200:focus { color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-blue-200:active { color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-blue-200:disabled { color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-blue-300 { color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-blue-300:hover { color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-blue-300:focus { color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-blue-300:active { color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-blue-300:disabled { color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-blue-400 { color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-blue-400:hover { color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-blue-400:focus { color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-blue-400:active { color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-blue-400:disabled { color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-blue-500 { color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-blue-500:hover { color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-blue-500:focus { color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-blue-500:active { color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-blue-500:disabled { color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-blue-600 { color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-blue-600:hover { color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-blue-600:focus { color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-blue-600:active { color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-blue-600:disabled { color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-blue-700 { color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-blue-700:hover { color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-blue-700:focus { color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-blue-700:active { color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-blue-700:disabled { color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-blue-800 { color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-blue-800:hover { color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-blue-800:focus { color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-blue-800:active { color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-blue-800:disabled { color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-blue-900 { color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-blue-900:hover { color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-blue-900:focus { color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-blue-900:active { color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-blue-900:disabled { color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-green-50 { color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-green-50:hover { color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-green-50:focus { color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-green-50:active { color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-green-50:disabled { color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-green-100 { color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-green-100:hover { color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-green-100:focus { color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-green-100:active { color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-green-100:disabled { color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-green-200 { color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-green-200:hover { color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-green-200:focus { color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-green-200:active { color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-green-200:disabled { color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-green-300 { color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-green-300:hover { color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-green-300:focus { color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-green-300:active { color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-green-300:disabled { color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-green-400 { color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-green-400:hover { color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-green-400:focus { color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-green-400:active { color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-green-400:disabled { color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-green-500 { color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-green-500:hover { color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-green-500:focus { color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-green-500:active { color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-green-500:disabled { color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-green-600 { color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-green-600:hover { color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-green-600:focus { color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-green-600:active { color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-green-600:disabled { color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-green-700 { color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-green-700:hover { color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-green-700:focus { color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-green-700:active { color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-green-700:disabled { color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-green-800 { color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-green-800:hover { color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-green-800:focus { color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-green-800:active { color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-green-800:disabled { color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-green-900 { color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-green-900:hover { color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-green-900:focus { color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-green-900:active { color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-green-900:disabled { color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-red-50 { background-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-red-50:hover { background-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-red-50:focus { background-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-red-50:active { background-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-red-50:disabled { background-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-red-100 { background-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-red-100:hover { background-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-red-100:focus { background-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-red-100:active { background-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-red-100:disabled { background-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-red-200 { background-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-red-200:hover { background-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-red-200:focus { background-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-red-200:active { background-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-red-200:disabled { background-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-red-300 { background-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-red-300:hover { background-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-red-300:focus { background-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-red-300:active { background-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-red-300:disabled { background-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-red-400 { background-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-red-400:hover { background-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-red-400:focus { background-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-red-400:active { background-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-red-400:disabled { background-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-red-500 { background-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-red-500:hover { background-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-red-500:focus { background-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-red-500:active { background-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-red-500:disabled { background-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-red-600 { background-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-red-600:hover { background-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-red-600:focus { background-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-red-600:active { background-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-red-600:disabled { background-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-red-700 { background-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-red-700:hover { background-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-red-700:focus { background-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-red-700:active { background-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-red-700:disabled { background-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-red-800 { background-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-red-800:hover { background-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-red-800:focus { background-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-red-800:active { background-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-red-800:disabled { background-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-red-900 { background-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-red-900:hover { background-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-red-900:focus { background-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-red-900:active { background-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-red-900:disabled { background-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-orange-50 { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-orange-50:hover { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-orange-50:focus { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-orange-50:active { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-orange-50:disabled { background-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-orange-100 { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-orange-100:hover { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-orange-100:focus { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-orange-100:active { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-orange-100:disabled { background-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-orange-200 { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-orange-200:hover { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-orange-200:focus { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-orange-200:active { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-orange-200:disabled { background-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-orange-300 { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-orange-300:hover { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-orange-300:focus { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-orange-300:active { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-orange-300:disabled { background-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-orange-400 { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-orange-400:hover { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-orange-400:focus { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-orange-400:active { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-orange-400:disabled { background-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-orange-500 { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-orange-500:hover { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-orange-500:focus { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-orange-500:active { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-orange-500:disabled { background-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-orange-600 { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-orange-600:hover { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-orange-600:focus { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-orange-600:active { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-orange-600:disabled { background-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-orange-700 { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-orange-700:hover { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-orange-700:focus { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-orange-700:active { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-orange-700:disabled { background-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-orange-800 { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-orange-800:hover { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-orange-800:focus { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-orange-800:active { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-orange-800:disabled { background-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-orange-900 { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-orange-900:hover { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-orange-900:focus { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-orange-900:active { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-orange-900:disabled { background-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-teal-50 { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-teal-50:hover { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-teal-50:focus { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-teal-50:active { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-teal-50:disabled { background-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-teal-100 { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-teal-100:hover { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-teal-100:focus { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-teal-100:active { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-teal-100:disabled { background-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-teal-200 { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-teal-200:hover { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-teal-200:focus { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-teal-200:active { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-teal-200:disabled { background-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-teal-300 { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-teal-300:hover { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-teal-300:focus { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-teal-300:active { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-teal-300:disabled { background-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-teal-400 { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-teal-400:hover { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-teal-400:focus { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-teal-400:active { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-teal-400:disabled { background-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-teal-500 { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-teal-500:hover { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-teal-500:focus { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-teal-500:active { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-teal-500:disabled { background-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-teal-600 { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-teal-600:hover { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-teal-600:focus { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-teal-600:active { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-teal-600:disabled { background-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-teal-700 { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-teal-700:hover { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-teal-700:focus { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-teal-700:active { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-teal-700:disabled { background-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-teal-800 { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-teal-800:hover { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-teal-800:focus { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-teal-800:active { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-teal-800:disabled { background-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-teal-900 { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-teal-900:hover { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-teal-900:focus { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-teal-900:active { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-teal-900:disabled { background-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-purple-50 { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-purple-50:hover { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-purple-50:focus { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-purple-50:active { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-purple-50:disabled { background-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-purple-100 { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-purple-100:hover { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-purple-100:focus { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-purple-100:active { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-purple-100:disabled { background-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-purple-200 { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-purple-200:hover { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-purple-200:focus { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-purple-200:active { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-purple-200:disabled { background-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-purple-300 { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-purple-300:hover { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-purple-300:focus { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-purple-300:active { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-purple-300:disabled { background-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-purple-400 { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-purple-400:hover { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-purple-400:focus { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-purple-400:active { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-purple-400:disabled { background-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-purple-500 { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-purple-500:hover { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-purple-500:focus { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-purple-500:active { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-purple-500:disabled { background-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-purple-600 { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-purple-600:hover { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-purple-600:focus { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-purple-600:active { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-purple-600:disabled { background-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-purple-700 { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-purple-700:hover { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-purple-700:focus { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-purple-700:active { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-purple-700:disabled { background-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-purple-800 { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-purple-800:hover { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-purple-800:focus { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-purple-800:active { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-purple-800:disabled { background-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-purple-900 { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-purple-900:hover { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-purple-900:focus { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-purple-900:active { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-purple-900:disabled { background-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-indigo-50 { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-indigo-50:hover { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-indigo-50:focus { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-indigo-50:active { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-indigo-50:disabled { background-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-indigo-100 { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-indigo-100:hover { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-indigo-100:focus { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-indigo-100:active { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-indigo-100:disabled { background-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-indigo-200 { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-indigo-200:hover { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-indigo-200:focus { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-indigo-200:active { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-indigo-200:disabled { background-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-indigo-300 { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-indigo-300:hover { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-indigo-300:focus { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-indigo-300:active { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-indigo-300:disabled { background-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-indigo-400 { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-indigo-400:hover { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-indigo-400:focus { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-indigo-400:active { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-indigo-400:disabled { background-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-indigo-500 { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-indigo-500:hover { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-indigo-500:focus { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-indigo-500:active { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-indigo-500:disabled { background-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-indigo-600 { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-indigo-600:hover { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-indigo-600:focus { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-indigo-600:active { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-indigo-600:disabled { background-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-indigo-700 { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-indigo-700:hover { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-indigo-700:focus { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-indigo-700:active { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-indigo-700:disabled { background-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-indigo-800 { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-indigo-800:hover { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-indigo-800:focus { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-indigo-800:active { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-indigo-800:disabled { background-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-indigo-900 { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-indigo-900:hover { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-indigo-900:focus { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-indigo-900:active { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-indigo-900:disabled { background-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-yellow-50 { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-yellow-50:hover { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-yellow-50:focus { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-yellow-50:active { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-yellow-50:disabled { background-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-yellow-100 { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-yellow-100:hover { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-yellow-100:focus { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-yellow-100:active { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-yellow-100:disabled { background-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-yellow-200 { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-yellow-200:hover { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-yellow-200:focus { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-yellow-200:active { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-yellow-200:disabled { background-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-yellow-300 { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-yellow-300:hover { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-yellow-300:focus { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-yellow-300:active { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-yellow-300:disabled { background-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-yellow-400 { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-yellow-400:hover { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-yellow-400:focus { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-yellow-400:active { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-yellow-400:disabled { background-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-yellow-500 { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-yellow-500:hover { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-yellow-500:focus { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-yellow-500:active { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-yellow-500:disabled { background-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-yellow-600 { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-yellow-600:hover { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-yellow-600:focus { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-yellow-600:active { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-yellow-600:disabled { background-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-yellow-700 { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-yellow-700:hover { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-yellow-700:focus { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-yellow-700:active { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-yellow-700:disabled { background-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-yellow-800 { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-yellow-800:hover { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-yellow-800:focus { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-yellow-800:active { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-yellow-800:disabled { background-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-yellow-900 { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-yellow-900:hover { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-yellow-900:focus { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-yellow-900:active { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-yellow-900:disabled { background-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-pink-50 { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-pink-50:hover { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-pink-50:focus { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-pink-50:active { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-pink-50:disabled { background-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-pink-100 { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-pink-100:hover { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-pink-100:focus { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-pink-100:active { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-pink-100:disabled { background-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-pink-200 { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-pink-200:hover { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-pink-200:focus { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-pink-200:active { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-pink-200:disabled { background-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-pink-300 { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-pink-300:hover { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-pink-300:focus { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-pink-300:active { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-pink-300:disabled { background-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-pink-400 { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-pink-400:hover { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-pink-400:focus { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-pink-400:active { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-pink-400:disabled { background-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-pink-500 { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-pink-500:hover { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-pink-500:focus { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-pink-500:active { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-pink-500:disabled { background-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-pink-600 { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-pink-600:hover { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-pink-600:focus { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-pink-600:active { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-pink-600:disabled { background-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-pink-700 { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-pink-700:hover { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-pink-700:focus { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-pink-700:active { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-pink-700:disabled { background-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-pink-800 { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-pink-800:hover { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-pink-800:focus { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-pink-800:active { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-pink-800:disabled { background-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-pink-900 { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-pink-900:hover { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-pink-900:focus { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-pink-900:active { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-pink-900:disabled { background-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-grey-50 { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-grey-50:hover { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-grey-50:focus { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-grey-50:active { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-grey-50:disabled { background-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-grey-100 { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-grey-100:hover { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-grey-100:focus { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-grey-100:active { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-grey-100:disabled { background-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-grey-200 { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-grey-200:hover { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-grey-200:focus { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-grey-200:active { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-grey-200:disabled { background-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-grey-300 { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-grey-300:hover { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-grey-300:focus { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-grey-300:active { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-grey-300:disabled { background-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-grey-400 { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-grey-400:hover { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-grey-400:focus { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-grey-400:active { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-grey-400:disabled { background-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-grey-500 { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-grey-500:hover { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-grey-500:focus { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-grey-500:active { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-grey-500:disabled { background-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-grey-600 { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-grey-600:hover { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-grey-600:focus { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-grey-600:active { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-grey-600:disabled { background-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-grey-700 { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-grey-700:hover { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-grey-700:focus { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-grey-700:active { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-grey-700:disabled { background-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-grey-800 { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-grey-800:hover { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-grey-800:focus { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-grey-800:active { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-grey-800:disabled { background-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-grey-900 { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-grey-900:hover { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-grey-900:focus { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-grey-900:active { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-grey-900:disabled { background-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-lime-50 { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-lime-50:hover { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-lime-50:focus { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-lime-50:active { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-lime-50:disabled { background-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-lime-100 { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-lime-100:hover { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-lime-100:focus { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-lime-100:active { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-lime-100:disabled { background-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-lime-200 { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-lime-200:hover { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-lime-200:focus { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-lime-200:active { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-lime-200:disabled { background-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-lime-300 { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-lime-300:hover { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-lime-300:focus { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-lime-300:active { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-lime-300:disabled { background-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-lime-400 { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-lime-400:hover { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-lime-400:focus { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-lime-400:active { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-lime-400:disabled { background-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-lime-500 { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-lime-500:hover { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-lime-500:focus { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-lime-500:active { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-lime-500:disabled { background-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-lime-600 { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-lime-600:hover { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-lime-600:focus { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-lime-600:active { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-lime-600:disabled { background-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-lime-700 { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-lime-700:hover { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-lime-700:focus { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-lime-700:active { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-lime-700:disabled { background-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-lime-800 { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-lime-800:hover { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-lime-800:focus { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-lime-800:active { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-lime-800:disabled { background-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-lime-900 { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-lime-900:hover { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-lime-900:focus { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-lime-900:active { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-lime-900:disabled { background-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-cyan-50 { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-cyan-50:hover { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-cyan-50:focus { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-cyan-50:active { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-cyan-50:disabled { background-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-cyan-100 { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-cyan-100:hover { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-cyan-100:focus { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-cyan-100:active { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-cyan-100:disabled { background-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-cyan-200 { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-cyan-200:hover { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-cyan-200:focus { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-cyan-200:active { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-cyan-200:disabled { background-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-cyan-300 { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-cyan-300:hover { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-cyan-300:focus { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-cyan-300:active { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-cyan-300:disabled { background-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-cyan-400 { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-cyan-400:hover { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-cyan-400:focus { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-cyan-400:active { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-cyan-400:disabled { background-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-cyan-500 { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-cyan-500:hover { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-cyan-500:focus { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-cyan-500:active { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-cyan-500:disabled { background-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-cyan-600 { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-cyan-600:hover { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-cyan-600:focus { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-cyan-600:active { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-cyan-600:disabled { background-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-cyan-700 { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-cyan-700:hover { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-cyan-700:focus { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-cyan-700:active { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-cyan-700:disabled { background-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-cyan-800 { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-cyan-800:hover { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-cyan-800:focus { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-cyan-800:active { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-cyan-800:disabled { background-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-cyan-900 { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-cyan-900:hover { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-cyan-900:focus { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-cyan-900:active { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-cyan-900:disabled { background-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-sky-50 { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-sky-50:hover { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-sky-50:focus { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-sky-50:active { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-sky-50:disabled { background-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-sky-100 { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-sky-100:hover { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-sky-100:focus { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-sky-100:active { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-sky-100:disabled { background-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-sky-200 { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-sky-200:hover { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-sky-200:focus { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-sky-200:active { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-sky-200:disabled { background-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-sky-300 { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-sky-300:hover { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-sky-300:focus { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-sky-300:active { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-sky-300:disabled { background-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-sky-400 { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-sky-400:hover { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-sky-400:focus { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-sky-400:active { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-sky-400:disabled { background-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-sky-500 { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-sky-500:hover { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-sky-500:focus { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-sky-500:active { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-sky-500:disabled { background-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-sky-600 { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-sky-600:hover { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-sky-600:focus { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-sky-600:active { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-sky-600:disabled { background-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-sky-700 { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-sky-700:hover { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-sky-700:focus { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-sky-700:active { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-sky-700:disabled { background-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-sky-800 { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-sky-800:hover { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-sky-800:focus { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-sky-800:active { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-sky-800:disabled { background-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-sky-900 { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-sky-900:hover { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-sky-900:focus { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-sky-900:active { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-sky-900:disabled { background-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-violet-50 { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-violet-50:hover { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-violet-50:focus { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-violet-50:active { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-violet-50:disabled { background-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-violet-100 { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-violet-100:hover { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-violet-100:focus { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-violet-100:active { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-violet-100:disabled { background-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-violet-200 { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-violet-200:hover { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-violet-200:focus { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-violet-200:active { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-violet-200:disabled { background-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-violet-300 { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-violet-300:hover { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-violet-300:focus { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-violet-300:active { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-violet-300:disabled { background-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-violet-400 { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-violet-400:hover { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-violet-400:focus { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-violet-400:active { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-violet-400:disabled { background-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-violet-500 { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-violet-500:hover { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-violet-500:focus { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-violet-500:active { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-violet-500:disabled { background-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-violet-600 { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-violet-600:hover { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-violet-600:focus { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-violet-600:active { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-violet-600:disabled { background-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-violet-700 { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-violet-700:hover { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-violet-700:focus { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-violet-700:active { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-violet-700:disabled { background-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-violet-800 { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-violet-800:hover { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-violet-800:focus { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-violet-800:active { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-violet-800:disabled { background-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-violet-900 { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-violet-900:hover { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-violet-900:focus { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-violet-900:active { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-violet-900:disabled { background-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-rose-50 { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-rose-50:hover { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-rose-50:focus { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-rose-50:active { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-rose-50:disabled { background-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-rose-100 { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-rose-100:hover { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-rose-100:focus { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-rose-100:active { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-rose-100:disabled { background-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-rose-200 { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-rose-200:hover { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-rose-200:focus { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-rose-200:active { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-rose-200:disabled { background-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-rose-300 { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-rose-300:hover { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-rose-300:focus { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-rose-300:active { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-rose-300:disabled { background-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-rose-400 { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-rose-400:hover { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-rose-400:focus { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-rose-400:active { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-rose-400:disabled { background-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-rose-500 { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-rose-500:hover { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-rose-500:focus { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-rose-500:active { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-rose-500:disabled { background-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-rose-600 { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-rose-600:hover { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-rose-600:focus { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-rose-600:active { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-rose-600:disabled { background-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-rose-700 { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-rose-700:hover { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-rose-700:focus { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-rose-700:active { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-rose-700:disabled { background-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-rose-800 { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-rose-800:hover { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-rose-800:focus { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-rose-800:active { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-rose-800:disabled { background-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-rose-900 { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-rose-900:hover { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-rose-900:focus { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-rose-900:active { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-rose-900:disabled { background-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-slate-50 { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-slate-50:hover { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-slate-50:focus { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-slate-50:active { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-slate-50:disabled { background-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-slate-100 { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-slate-100:hover { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-slate-100:focus { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-slate-100:active { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-slate-100:disabled { background-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-slate-200 { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-slate-200:hover { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-slate-200:focus { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-slate-200:active { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-slate-200:disabled { background-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-slate-300 { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-slate-300:hover { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-slate-300:focus { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-slate-300:active { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-slate-300:disabled { background-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-slate-400 { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-slate-400:hover { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-slate-400:focus { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-slate-400:active { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-slate-400:disabled { background-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-slate-500 { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-slate-500:hover { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-slate-500:focus { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-slate-500:active { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-slate-500:disabled { background-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-slate-600 { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-slate-600:hover { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-slate-600:focus { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-slate-600:active { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-slate-600:disabled { background-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-slate-700 { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-slate-700:hover { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-slate-700:focus { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-slate-700:active { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-slate-700:disabled { background-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-slate-800 { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-slate-800:hover { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-slate-800:focus { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-slate-800:active { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-slate-800:disabled { background-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-slate-900 { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-slate-900:hover { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-slate-900:focus { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-slate-900:active { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-slate-900:disabled { background-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blue-50 { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blue-50:hover { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blue-50:focus { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blue-50:active { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blue-50:disabled { background-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blue-100 { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blue-100:hover { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blue-100:focus { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blue-100:active { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blue-100:disabled { background-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blue-200 { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blue-200:hover { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blue-200:focus { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blue-200:active { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blue-200:disabled { background-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blue-300 { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blue-300:hover { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blue-300:focus { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blue-300:active { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blue-300:disabled { background-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blue-400 { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blue-400:hover { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blue-400:focus { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blue-400:active { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blue-400:disabled { background-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blue-500 { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blue-500:hover { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blue-500:focus { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blue-500:active { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blue-500:disabled { background-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blue-600 { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blue-600:hover { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blue-600:focus { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blue-600:active { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blue-600:disabled { background-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blue-700 { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blue-700:hover { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blue-700:focus { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blue-700:active { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blue-700:disabled { background-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blue-800 { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blue-800:hover { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blue-800:focus { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blue-800:active { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blue-800:disabled { background-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blue-900 { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blue-900:hover { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blue-900:focus { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blue-900:active { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blue-900:disabled { background-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-green-50 { background-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-green-50:hover { background-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-green-50:focus { background-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-green-50:active { background-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-green-50:disabled { background-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-green-100 { background-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-green-100:hover { background-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-green-100:focus { background-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-green-100:active { background-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-green-100:disabled { background-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-green-200 { background-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-green-200:hover { background-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-green-200:focus { background-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-green-200:active { background-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-green-200:disabled { background-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-green-300 { background-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-green-300:hover { background-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-green-300:focus { background-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-green-300:active { background-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-green-300:disabled { background-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-green-400 { background-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-green-400:hover { background-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-green-400:focus { background-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-green-400:active { background-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-green-400:disabled { background-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-green-500 { background-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-green-500:hover { background-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-green-500:focus { background-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-green-500:active { background-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-green-500:disabled { background-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-green-600 { background-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-green-600:hover { background-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-green-600:focus { background-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-green-600:active { background-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-green-600:disabled { background-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-green-700 { background-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-green-700:hover { background-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-green-700:focus { background-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-green-700:active { background-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-green-700:disabled { background-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-green-800 { background-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-green-800:hover { background-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-green-800:focus { background-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-green-800:active { background-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-green-800:disabled { background-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-green-900 { background-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-green-900:hover { background-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-green-900:focus { background-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-green-900:active { background-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-green-900:disabled { background-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-black { background-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-black:hover { background-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-black:focus { background-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-black:active { background-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-black:disabled { background-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-white { background-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-white:hover { background-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-white:focus { background-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-white:active { background-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-white:disabled { background-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-red-50 { border-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-red-50:hover { border-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-red-50:focus { border-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-red-50:active { border-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-red-50:disabled { border-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-red-100 { border-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-red-100:hover { border-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-red-100:focus { border-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-red-100:active { border-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-red-100:disabled { border-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-red-200 { border-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-red-200:hover { border-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-red-200:focus { border-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-red-200:active { border-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-red-200:disabled { border-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-red-300 { border-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-red-300:hover { border-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-red-300:focus { border-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-red-300:active { border-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-red-300:disabled { border-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-red-400 { border-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-red-400:hover { border-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-red-400:focus { border-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-red-400:active { border-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-red-400:disabled { border-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-red-500 { border-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-red-500:hover { border-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-red-500:focus { border-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-red-500:active { border-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-red-500:disabled { border-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-red-600 { border-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-red-600:hover { border-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-red-600:focus { border-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-red-600:active { border-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-red-600:disabled { border-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-red-700 { border-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-red-700:hover { border-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-red-700:focus { border-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-red-700:active { border-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-red-700:disabled { border-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-red-800 { border-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-red-800:hover { border-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-red-800:focus { border-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-red-800:active { border-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-red-800:disabled { border-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-red-900 { border-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-red-900:hover { border-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-red-900:focus { border-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-red-900:active { border-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-red-900:disabled { border-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-orange-50 { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-orange-50:hover { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-orange-50:focus { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-orange-50:active { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-orange-50:disabled { border-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-orange-100 { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-orange-100:hover { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-orange-100:focus { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-orange-100:active { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-orange-100:disabled { border-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-orange-200 { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-orange-200:hover { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-orange-200:focus { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-orange-200:active { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-orange-200:disabled { border-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-orange-300 { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-orange-300:hover { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-orange-300:focus { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-orange-300:active { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-orange-300:disabled { border-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-orange-400 { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-orange-400:hover { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-orange-400:focus { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-orange-400:active { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-orange-400:disabled { border-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-orange-500 { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-orange-500:hover { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-orange-500:focus { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-orange-500:active { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-orange-500:disabled { border-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-orange-600 { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-orange-600:hover { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-orange-600:focus { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-orange-600:active { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-orange-600:disabled { border-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-orange-700 { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-orange-700:hover { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-orange-700:focus { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-orange-700:active { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-orange-700:disabled { border-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-orange-800 { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-orange-800:hover { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-orange-800:focus { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-orange-800:active { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-orange-800:disabled { border-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-orange-900 { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-orange-900:hover { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-orange-900:focus { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-orange-900:active { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-orange-900:disabled { border-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-teal-50 { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-teal-50:hover { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-teal-50:focus { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-teal-50:active { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-teal-50:disabled { border-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-teal-100 { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-teal-100:hover { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-teal-100:focus { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-teal-100:active { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-teal-100:disabled { border-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-teal-200 { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-teal-200:hover { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-teal-200:focus { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-teal-200:active { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-teal-200:disabled { border-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-teal-300 { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-teal-300:hover { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-teal-300:focus { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-teal-300:active { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-teal-300:disabled { border-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-teal-400 { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-teal-400:hover { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-teal-400:focus { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-teal-400:active { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-teal-400:disabled { border-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-teal-500 { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-teal-500:hover { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-teal-500:focus { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-teal-500:active { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-teal-500:disabled { border-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-teal-600 { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-teal-600:hover { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-teal-600:focus { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-teal-600:active { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-teal-600:disabled { border-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-teal-700 { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-teal-700:hover { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-teal-700:focus { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-teal-700:active { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-teal-700:disabled { border-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-teal-800 { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-teal-800:hover { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-teal-800:focus { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-teal-800:active { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-teal-800:disabled { border-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-teal-900 { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-teal-900:hover { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-teal-900:focus { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-teal-900:active { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-teal-900:disabled { border-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-purple-50 { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-purple-50:hover { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-purple-50:focus { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-purple-50:active { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-purple-50:disabled { border-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-purple-100 { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-purple-100:hover { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-purple-100:focus { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-purple-100:active { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-purple-100:disabled { border-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-purple-200 { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-purple-200:hover { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-purple-200:focus { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-purple-200:active { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-purple-200:disabled { border-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-purple-300 { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-purple-300:hover { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-purple-300:focus { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-purple-300:active { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-purple-300:disabled { border-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-purple-400 { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-purple-400:hover { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-purple-400:focus { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-purple-400:active { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-purple-400:disabled { border-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-purple-500 { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-purple-500:hover { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-purple-500:focus { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-purple-500:active { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-purple-500:disabled { border-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-purple-600 { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-purple-600:hover { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-purple-600:focus { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-purple-600:active { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-purple-600:disabled { border-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-purple-700 { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-purple-700:hover { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-purple-700:focus { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-purple-700:active { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-purple-700:disabled { border-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-purple-800 { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-purple-800:hover { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-purple-800:focus { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-purple-800:active { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-purple-800:disabled { border-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-purple-900 { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-purple-900:hover { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-purple-900:focus { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-purple-900:active { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-purple-900:disabled { border-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-indigo-50 { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-indigo-50:hover { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-indigo-50:focus { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-indigo-50:active { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-indigo-50:disabled { border-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-indigo-100 { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-indigo-100:hover { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-indigo-100:focus { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-indigo-100:active { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-indigo-100:disabled { border-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-indigo-200 { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-indigo-200:hover { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-indigo-200:focus { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-indigo-200:active { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-indigo-200:disabled { border-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-indigo-300 { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-indigo-300:hover { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-indigo-300:focus { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-indigo-300:active { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-indigo-300:disabled { border-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-indigo-400 { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-indigo-400:hover { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-indigo-400:focus { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-indigo-400:active { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-indigo-400:disabled { border-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-indigo-500 { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-indigo-500:hover { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-indigo-500:focus { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-indigo-500:active { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-indigo-500:disabled { border-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-indigo-600 { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-indigo-600:hover { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-indigo-600:focus { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-indigo-600:active { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-indigo-600:disabled { border-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-indigo-700 { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-indigo-700:hover { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-indigo-700:focus { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-indigo-700:active { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-indigo-700:disabled { border-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-indigo-800 { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-indigo-800:hover { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-indigo-800:focus { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-indigo-800:active { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-indigo-800:disabled { border-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-indigo-900 { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-indigo-900:hover { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-indigo-900:focus { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-indigo-900:active { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-indigo-900:disabled { border-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-yellow-50 { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-yellow-50:hover { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-yellow-50:focus { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-yellow-50:active { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-yellow-50:disabled { border-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-yellow-100 { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-yellow-100:hover { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-yellow-100:focus { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-yellow-100:active { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-yellow-100:disabled { border-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-yellow-200 { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-yellow-200:hover { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-yellow-200:focus { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-yellow-200:active { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-yellow-200:disabled { border-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-yellow-300 { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-yellow-300:hover { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-yellow-300:focus { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-yellow-300:active { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-yellow-300:disabled { border-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-yellow-400 { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-yellow-400:hover { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-yellow-400:focus { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-yellow-400:active { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-yellow-400:disabled { border-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-yellow-500 { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-yellow-500:hover { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-yellow-500:focus { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-yellow-500:active { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-yellow-500:disabled { border-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-yellow-600 { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-yellow-600:hover { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-yellow-600:focus { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-yellow-600:active { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-yellow-600:disabled { border-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-yellow-700 { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-yellow-700:hover { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-yellow-700:focus { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-yellow-700:active { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-yellow-700:disabled { border-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-yellow-800 { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-yellow-800:hover { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-yellow-800:focus { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-yellow-800:active { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-yellow-800:disabled { border-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-yellow-900 { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-yellow-900:hover { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-yellow-900:focus { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-yellow-900:active { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-yellow-900:disabled { border-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-pink-50 { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-pink-50:hover { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-pink-50:focus { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-pink-50:active { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-pink-50:disabled { border-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-pink-100 { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-pink-100:hover { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-pink-100:focus { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-pink-100:active { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-pink-100:disabled { border-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-pink-200 { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-pink-200:hover { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-pink-200:focus { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-pink-200:active { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-pink-200:disabled { border-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-pink-300 { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-pink-300:hover { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-pink-300:focus { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-pink-300:active { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-pink-300:disabled { border-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-pink-400 { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-pink-400:hover { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-pink-400:focus { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-pink-400:active { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-pink-400:disabled { border-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-pink-500 { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-pink-500:hover { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-pink-500:focus { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-pink-500:active { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-pink-500:disabled { border-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-pink-600 { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-pink-600:hover { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-pink-600:focus { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-pink-600:active { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-pink-600:disabled { border-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-pink-700 { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-pink-700:hover { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-pink-700:focus { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-pink-700:active { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-pink-700:disabled { border-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-pink-800 { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-pink-800:hover { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-pink-800:focus { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-pink-800:active { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-pink-800:disabled { border-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-pink-900 { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-pink-900:hover { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-pink-900:focus { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-pink-900:active { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-pink-900:disabled { border-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-grey-50 { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-grey-50:hover { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-grey-50:focus { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-grey-50:active { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-grey-50:disabled { border-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-grey-100 { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-grey-100:hover { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-grey-100:focus { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-grey-100:active { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-grey-100:disabled { border-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-grey-200 { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-grey-200:hover { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-grey-200:focus { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-grey-200:active { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-grey-200:disabled { border-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-grey-300 { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-grey-300:hover { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-grey-300:focus { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-grey-300:active { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-grey-300:disabled { border-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-grey-400 { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-grey-400:hover { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-grey-400:focus { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-grey-400:active { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-grey-400:disabled { border-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-grey-500 { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-grey-500:hover { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-grey-500:focus { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-grey-500:active { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-grey-500:disabled { border-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-grey-600 { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-grey-600:hover { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-grey-600:focus { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-grey-600:active { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-grey-600:disabled { border-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-grey-700 { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-grey-700:hover { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-grey-700:focus { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-grey-700:active { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-grey-700:disabled { border-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-grey-800 { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-grey-800:hover { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-grey-800:focus { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-grey-800:active { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-grey-800:disabled { border-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-grey-900 { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-grey-900:hover { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-grey-900:focus { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-grey-900:active { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-grey-900:disabled { border-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-lime-50 { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-lime-50:hover { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-lime-50:focus { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-lime-50:active { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-lime-50:disabled { border-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-lime-100 { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-lime-100:hover { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-lime-100:focus { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-lime-100:active { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-lime-100:disabled { border-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-lime-200 { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-lime-200:hover { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-lime-200:focus { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-lime-200:active { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-lime-200:disabled { border-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-lime-300 { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-lime-300:hover { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-lime-300:focus { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-lime-300:active { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-lime-300:disabled { border-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-lime-400 { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-lime-400:hover { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-lime-400:focus { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-lime-400:active { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-lime-400:disabled { border-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-lime-500 { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-lime-500:hover { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-lime-500:focus { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-lime-500:active { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-lime-500:disabled { border-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-lime-600 { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-lime-600:hover { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-lime-600:focus { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-lime-600:active { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-lime-600:disabled { border-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-lime-700 { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-lime-700:hover { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-lime-700:focus { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-lime-700:active { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-lime-700:disabled { border-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-lime-800 { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-lime-800:hover { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-lime-800:focus { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-lime-800:active { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-lime-800:disabled { border-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-lime-900 { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-lime-900:hover { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-lime-900:focus { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-lime-900:active { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-lime-900:disabled { border-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-cyan-50 { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-cyan-50:hover { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-cyan-50:focus { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-cyan-50:active { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-cyan-50:disabled { border-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-cyan-100 { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-cyan-100:hover { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-cyan-100:focus { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-cyan-100:active { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-cyan-100:disabled { border-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-cyan-200 { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-cyan-200:hover { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-cyan-200:focus { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-cyan-200:active { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-cyan-200:disabled { border-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-cyan-300 { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-cyan-300:hover { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-cyan-300:focus { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-cyan-300:active { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-cyan-300:disabled { border-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-cyan-400 { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-cyan-400:hover { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-cyan-400:focus { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-cyan-400:active { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-cyan-400:disabled { border-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-cyan-500 { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-cyan-500:hover { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-cyan-500:focus { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-cyan-500:active { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-cyan-500:disabled { border-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-cyan-600 { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-cyan-600:hover { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-cyan-600:focus { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-cyan-600:active { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-cyan-600:disabled { border-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-cyan-700 { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-cyan-700:hover { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-cyan-700:focus { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-cyan-700:active { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-cyan-700:disabled { border-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-cyan-800 { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-cyan-800:hover { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-cyan-800:focus { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-cyan-800:active { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-cyan-800:disabled { border-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-cyan-900 { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-cyan-900:hover { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-cyan-900:focus { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-cyan-900:active { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-cyan-900:disabled { border-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-sky-50 { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-sky-50:hover { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-sky-50:focus { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-sky-50:active { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-sky-50:disabled { border-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-sky-100 { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-sky-100:hover { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-sky-100:focus { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-sky-100:active { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-sky-100:disabled { border-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-sky-200 { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-sky-200:hover { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-sky-200:focus { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-sky-200:active { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-sky-200:disabled { border-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-sky-300 { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-sky-300:hover { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-sky-300:focus { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-sky-300:active { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-sky-300:disabled { border-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-sky-400 { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-sky-400:hover { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-sky-400:focus { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-sky-400:active { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-sky-400:disabled { border-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-sky-500 { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-sky-500:hover { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-sky-500:focus { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-sky-500:active { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-sky-500:disabled { border-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-sky-600 { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-sky-600:hover { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-sky-600:focus { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-sky-600:active { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-sky-600:disabled { border-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-sky-700 { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-sky-700:hover { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-sky-700:focus { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-sky-700:active { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-sky-700:disabled { border-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-sky-800 { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-sky-800:hover { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-sky-800:focus { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-sky-800:active { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-sky-800:disabled { border-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-sky-900 { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-sky-900:hover { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-sky-900:focus { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-sky-900:active { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-sky-900:disabled { border-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-violet-50 { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-violet-50:hover { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-violet-50:focus { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-violet-50:active { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-violet-50:disabled { border-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-violet-100 { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-violet-100:hover { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-violet-100:focus { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-violet-100:active { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-violet-100:disabled { border-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-violet-200 { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-violet-200:hover { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-violet-200:focus { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-violet-200:active { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-violet-200:disabled { border-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-violet-300 { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-violet-300:hover { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-violet-300:focus { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-violet-300:active { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-violet-300:disabled { border-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-violet-400 { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-violet-400:hover { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-violet-400:focus { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-violet-400:active { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-violet-400:disabled { border-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-violet-500 { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-violet-500:hover { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-violet-500:focus { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-violet-500:active { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-violet-500:disabled { border-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-violet-600 { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-violet-600:hover { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-violet-600:focus { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-violet-600:active { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-violet-600:disabled { border-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-violet-700 { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-violet-700:hover { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-violet-700:focus { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-violet-700:active { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-violet-700:disabled { border-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-violet-800 { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-violet-800:hover { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-violet-800:focus { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-violet-800:active { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-violet-800:disabled { border-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-violet-900 { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-violet-900:hover { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-violet-900:focus { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-violet-900:active { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-violet-900:disabled { border-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-rose-50 { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-rose-50:hover { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-rose-50:focus { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-rose-50:active { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-rose-50:disabled { border-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-rose-100 { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-rose-100:hover { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-rose-100:focus { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-rose-100:active { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-rose-100:disabled { border-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-rose-200 { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-rose-200:hover { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-rose-200:focus { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-rose-200:active { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-rose-200:disabled { border-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-rose-300 { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-rose-300:hover { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-rose-300:focus { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-rose-300:active { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-rose-300:disabled { border-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-rose-400 { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-rose-400:hover { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-rose-400:focus { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-rose-400:active { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-rose-400:disabled { border-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-rose-500 { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-rose-500:hover { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-rose-500:focus { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-rose-500:active { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-rose-500:disabled { border-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-rose-600 { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-rose-600:hover { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-rose-600:focus { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-rose-600:active { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-rose-600:disabled { border-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-rose-700 { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-rose-700:hover { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-rose-700:focus { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-rose-700:active { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-rose-700:disabled { border-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-rose-800 { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-rose-800:hover { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-rose-800:focus { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-rose-800:active { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-rose-800:disabled { border-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-rose-900 { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-rose-900:hover { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-rose-900:focus { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-rose-900:active { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-rose-900:disabled { border-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-slate-50 { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-slate-50:hover { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-slate-50:focus { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-slate-50:active { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-slate-50:disabled { border-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-slate-100 { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-slate-100:hover { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-slate-100:focus { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-slate-100:active { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-slate-100:disabled { border-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-slate-200 { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-slate-200:hover { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-slate-200:focus { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-slate-200:active { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-slate-200:disabled { border-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-slate-300 { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-slate-300:hover { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-slate-300:focus { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-slate-300:active { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-slate-300:disabled { border-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-slate-400 { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-slate-400:hover { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-slate-400:focus { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-slate-400:active { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-slate-400:disabled { border-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-slate-500 { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-slate-500:hover { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-slate-500:focus { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-slate-500:active { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-slate-500:disabled { border-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-slate-600 { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-slate-600:hover { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-slate-600:focus { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-slate-600:active { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-slate-600:disabled { border-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-slate-700 { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-slate-700:hover { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-slate-700:focus { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-slate-700:active { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-slate-700:disabled { border-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-slate-800 { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-slate-800:hover { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-slate-800:focus { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-slate-800:active { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-slate-800:disabled { border-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-slate-900 { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-slate-900:hover { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-slate-900:focus { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-slate-900:active { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-slate-900:disabled { border-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-blue-50 { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-blue-50:hover { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-blue-50:focus { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-blue-50:active { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-blue-50:disabled { border-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-blue-100 { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-blue-100:hover { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-blue-100:focus { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-blue-100:active { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-blue-100:disabled { border-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-blue-200 { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-blue-200:hover { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-blue-200:focus { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-blue-200:active { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-blue-200:disabled { border-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-blue-300 { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-blue-300:hover { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-blue-300:focus { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-blue-300:active { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-blue-300:disabled { border-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-blue-400 { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-blue-400:hover { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-blue-400:focus { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-blue-400:active { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-blue-400:disabled { border-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-blue-500 { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-blue-500:hover { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-blue-500:focus { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-blue-500:active { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-blue-500:disabled { border-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-blue-600 { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-blue-600:hover { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-blue-600:focus { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-blue-600:active { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-blue-600:disabled { border-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-blue-700 { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-blue-700:hover { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-blue-700:focus { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-blue-700:active { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-blue-700:disabled { border-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-blue-800 { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-blue-800:hover { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-blue-800:focus { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-blue-800:active { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-blue-800:disabled { border-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-blue-900 { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-blue-900:hover { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-blue-900:focus { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-blue-900:active { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-blue-900:disabled { border-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-green-50 { border-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-green-50:hover { border-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-green-50:focus { border-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-green-50:active { border-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-green-50:disabled { border-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-green-100 { border-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-green-100:hover { border-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-green-100:focus { border-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-green-100:active { border-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-green-100:disabled { border-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-green-200 { border-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-green-200:hover { border-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-green-200:focus { border-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-green-200:active { border-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-green-200:disabled { border-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-green-300 { border-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-green-300:hover { border-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-green-300:focus { border-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-green-300:active { border-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-green-300:disabled { border-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-green-400 { border-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-green-400:hover { border-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-green-400:focus { border-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-green-400:active { border-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-green-400:disabled { border-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-green-500 { border-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-green-500:hover { border-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-green-500:focus { border-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-green-500:active { border-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-green-500:disabled { border-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-green-600 { border-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-green-600:hover { border-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-green-600:focus { border-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-green-600:active { border-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-green-600:disabled { border-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-green-700 { border-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-green-700:hover { border-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-green-700:focus { border-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-green-700:active { border-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-green-700:disabled { border-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-green-800 { border-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-green-800:hover { border-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-green-800:focus { border-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-green-800:active { border-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-green-800:disabled { border-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-green-900 { border-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-green-900:hover { border-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-green-900:focus { border-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-green-900:active { border-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-green-900:disabled { border-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-black { border-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-black:hover { border-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-black:focus { border-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-black:active { border-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-black:disabled { border-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-white { border-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-white:hover { border-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-white:focus { border-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-white:active { border-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-white:disabled { border-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-0 { border-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-0:hover { border-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-0:focus { border-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-0:active { border-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-0:disabled { border-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-0 { border-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-0:hover { border-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-0:focus { border-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-0:active { border-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-0:disabled { border-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-0 { border-top-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-0:hover { border-top-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-0:focus { border-top-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-0:active { border-top-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-0:disabled { border-top-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-0 { border-right-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-0:hover { border-right-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-0:focus { border-right-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-0:active { border-right-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-0:disabled { border-right-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-0 { border-bottom-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-0:hover { border-bottom-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-0:focus { border-bottom-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-0:active { border-bottom-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-0:disabled { border-bottom-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-0 { border-left-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-0:hover { border-left-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-0:focus { border-left-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-0:active { border-left-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-0:disabled { border-left-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-1 { border-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-1:hover { border-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-1:focus { border-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-1:active { border-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-1:disabled { border-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-1 { border-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-1:hover { border-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-1:focus { border-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-1:active { border-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-1:disabled { border-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-1 { border-top-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-1:hover { border-top-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-1:focus { border-top-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-1:active { border-top-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-1:disabled { border-top-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-1 { border-right-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-1:hover { border-right-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-1:focus { border-right-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-1:active { border-right-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-1:disabled { border-right-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-1 { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-1:hover { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-1:focus { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-1:active { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-1:disabled { border-bottom-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-1 { border-left-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-1:hover { border-left-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-1:focus { border-left-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-1:active { border-left-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-1:disabled { border-left-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-2 { border-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-2:hover { border-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-2:focus { border-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-2:active { border-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-2:disabled { border-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-2 { border-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-2:hover { border-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-2:focus { border-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-2:active { border-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-2:disabled { border-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-2 { border-top-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-2:hover { border-top-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-2:focus { border-top-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-2:active { border-top-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-2:disabled { border-top-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-2 { border-right-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-2:hover { border-right-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-2:focus { border-right-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-2:active { border-right-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-2:disabled { border-right-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-2 { border-bottom-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-2:hover { border-bottom-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-2:focus { border-bottom-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-2:active { border-bottom-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-2:disabled { border-bottom-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-2 { border-left-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-2:hover { border-left-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-2:focus { border-left-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-2:active { border-left-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-2:disabled { border-left-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-3 { border-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-3:hover { border-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-3:focus { border-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-3:active { border-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-3:disabled { border-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-3 { border-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-3:hover { border-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-3:focus { border-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-3:active { border-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-3:disabled { border-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-3 { border-top-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-3:hover { border-top-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-3:focus { border-top-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-3:active { border-top-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-3:disabled { border-top-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-3 { border-right-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-3:hover { border-right-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-3:focus { border-right-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-3:active { border-right-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-3:disabled { border-right-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-3 { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-3:hover { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-3:focus { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-3:active { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-3:disabled { border-bottom-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-3 { border-left-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-3:hover { border-left-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-3:focus { border-left-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-3:active { border-left-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-3:disabled { border-left-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-4 { border-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-4:hover { border-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-4:focus { border-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-4:active { border-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-4:disabled { border-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-4 { border-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-4:hover { border-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-4:focus { border-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-4:active { border-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-4:disabled { border-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-4 { border-top-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-4:hover { border-top-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-4:focus { border-top-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-4:active { border-top-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-4:disabled { border-top-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-4 { border-right-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-4:hover { border-right-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-4:focus { border-right-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-4:active { border-right-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-4:disabled { border-right-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-4 { border-bottom-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-4:hover { border-bottom-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-4:focus { border-bottom-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-4:active { border-bottom-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-4:disabled { border-bottom-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-4 { border-left-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-4:hover { border-left-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-4:focus { border-left-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-4:active { border-left-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-4:disabled { border-left-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-5 { border-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-5:hover { border-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-5:focus { border-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-5:active { border-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-5:disabled { border-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-5 { border-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-5:hover { border-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-5:focus { border-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-5:active { border-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-5:disabled { border-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-5 { border-top-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-5:hover { border-top-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-5:focus { border-top-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-5:active { border-top-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-5:disabled { border-top-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-5 { border-right-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-5:hover { border-right-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-5:focus { border-right-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-5:active { border-right-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-5:disabled { border-right-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-5 { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-5:hover { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-5:focus { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-5:active { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-5:disabled { border-bottom-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-5 { border-left-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-5:hover { border-left-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-5:focus { border-left-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-5:active { border-left-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-5:disabled { border-left-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-6 { border-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-6:hover { border-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-6:focus { border-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-6:active { border-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-6:disabled { border-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-6 { border-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-6:hover { border-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-6:focus { border-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-6:active { border-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-6:disabled { border-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-6 { border-top-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-6:hover { border-top-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-6:focus { border-top-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-6:active { border-top-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-6:disabled { border-top-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-6 { border-right-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-6:hover { border-right-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-6:focus { border-right-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-6:active { border-right-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-6:disabled { border-right-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-6 { border-bottom-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-6:hover { border-bottom-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-6:focus { border-bottom-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-6:active { border-bottom-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-6:disabled { border-bottom-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-6 { border-left-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-6:hover { border-left-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-6:focus { border-left-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-6:active { border-left-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-6:disabled { border-left-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-7 { border-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-7:hover { border-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-7:focus { border-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-7:active { border-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-7:disabled { border-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-7 { border-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-7:hover { border-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-7:focus { border-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-7:active { border-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-7:disabled { border-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-7 { border-top-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-7:hover { border-top-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-7:focus { border-top-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-7:active { border-top-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-7:disabled { border-top-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-7 { border-right-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-7:hover { border-right-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-7:focus { border-right-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-7:active { border-right-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-7:disabled { border-right-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-7 { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-7:hover { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-7:focus { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-7:active { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-7:disabled { border-bottom-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-7 { border-left-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-7:hover { border-left-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-7:focus { border-left-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-7:active { border-left-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-7:disabled { border-left-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-8 { border-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-8:hover { border-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-8:focus { border-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-8:active { border-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-8:disabled { border-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-8 { border-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-8:hover { border-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-8:focus { border-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-8:active { border-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-8:disabled { border-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-8 { border-top-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-8:hover { border-top-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-8:focus { border-top-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-8:active { border-top-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-8:disabled { border-top-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-8 { border-right-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-8:hover { border-right-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-8:focus { border-right-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-8:active { border-right-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-8:disabled { border-right-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-8 { border-bottom-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-8:hover { border-bottom-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-8:focus { border-bottom-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-8:active { border-bottom-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-8:disabled { border-bottom-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-8 { border-left-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-8:hover { border-left-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-8:focus { border-left-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-8:active { border-left-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-8:disabled { border-left-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-9 { border-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-9:hover { border-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-9:focus { border-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-9:active { border-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-9:disabled { border-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-9 { border-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-9:hover { border-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-9:focus { border-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-9:active { border-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-9:disabled { border-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-9 { border-top-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-9:hover { border-top-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-9:focus { border-top-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-9:active { border-top-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-9:disabled { border-top-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-9 { border-right-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-9:hover { border-right-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-9:focus { border-right-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-9:active { border-right-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-9:disabled { border-right-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-9 { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-9:hover { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-9:focus { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-9:active { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-9:disabled { border-bottom-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-9 { border-left-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-9:hover { border-left-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-9:focus { border-left-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-9:active { border-left-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-9:disabled { border-left-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-10 { border-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-10:hover { border-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-10:focus { border-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-10:active { border-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-10:disabled { border-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-10 { border-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-10:hover { border-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-10:focus { border-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-10:active { border-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-10:disabled { border-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-10 { border-top-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-10:hover { border-top-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-10:focus { border-top-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-10:active { border-top-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-10:disabled { border-top-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-10 { border-right-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-10:hover { border-right-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-10:focus { border-right-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-10:active { border-right-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-10:disabled { border-right-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-10 { border-bottom-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-10:hover { border-bottom-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-10:focus { border-bottom-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-10:active { border-bottom-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-10:disabled { border-bottom-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-10 { border-left-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-10:hover { border-left-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-10:focus { border-left-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-10:active { border-left-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-10:disabled { border-left-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-11 { border-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-11:hover { border-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-11:focus { border-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-11:active { border-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-11:disabled { border-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-11 { border-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-11:hover { border-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-11:focus { border-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-11:active { border-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-11:disabled { border-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-11 { border-top-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-11:hover { border-top-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-11:focus { border-top-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-11:active { border-top-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-11:disabled { border-top-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-11 { border-right-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-11:hover { border-right-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-11:focus { border-right-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-11:active { border-right-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-11:disabled { border-right-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-11 { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-11:hover { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-11:focus { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-11:active { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-11:disabled { border-bottom-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-11 { border-left-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-11:hover { border-left-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-11:focus { border-left-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-11:active { border-left-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-11:disabled { border-left-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-12 { border-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-12:hover { border-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-12:focus { border-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-12:active { border-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-12:disabled { border-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-12 { border-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-12:hover { border-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-12:focus { border-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-12:active { border-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-12:disabled { border-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-12 { border-top-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-12:hover { border-top-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-12:focus { border-top-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-12:active { border-top-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-12:disabled { border-top-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-12 { border-right-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-12:hover { border-right-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-12:focus { border-right-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-12:active { border-right-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-12:disabled { border-right-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-12 { border-bottom-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-12:hover { border-bottom-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-12:focus { border-bottom-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-12:active { border-bottom-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-12:disabled { border-bottom-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-12 { border-left-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-12:hover { border-left-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-12:focus { border-left-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-12:active { border-left-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-12:disabled { border-left-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-13 { border-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-13:hover { border-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-13:focus { border-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-13:active { border-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-13:disabled { border-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-13 { border-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-13:hover { border-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-13:focus { border-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-13:active { border-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-13:disabled { border-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-13 { border-top-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-13:hover { border-top-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-13:focus { border-top-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-13:active { border-top-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-13:disabled { border-top-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-13 { border-right-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-13:hover { border-right-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-13:focus { border-right-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-13:active { border-right-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-13:disabled { border-right-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-13 { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-13:hover { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-13:focus { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-13:active { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-13:disabled { border-bottom-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-13 { border-left-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-13:hover { border-left-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-13:focus { border-left-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-13:active { border-left-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-13:disabled { border-left-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-14 { border-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-14:hover { border-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-14:focus { border-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-14:active { border-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-14:disabled { border-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-14 { border-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-14:hover { border-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-14:focus { border-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-14:active { border-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-14:disabled { border-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-14 { border-top-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-14:hover { border-top-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-14:focus { border-top-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-14:active { border-top-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-14:disabled { border-top-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-14 { border-right-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-14:hover { border-right-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-14:focus { border-right-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-14:active { border-right-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-14:disabled { border-right-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-14 { border-bottom-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-14:hover { border-bottom-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-14:focus { border-bottom-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-14:active { border-bottom-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-14:disabled { border-bottom-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-14 { border-left-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-14:hover { border-left-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-14:focus { border-left-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-14:active { border-left-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-14:disabled { border-left-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-15 { border-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-15:hover { border-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-15:focus { border-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-15:active { border-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-15:disabled { border-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-15 { border-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-15:hover { border-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-15:focus { border-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-15:active { border-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-15:disabled { border-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-15 { border-top-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-15:hover { border-top-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-15:focus { border-top-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-15:active { border-top-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-15:disabled { border-top-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-15 { border-right-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-15:hover { border-right-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-15:focus { border-right-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-15:active { border-right-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-15:disabled { border-right-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-15 { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-15:hover { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-15:focus { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-15:active { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-15:disabled { border-bottom-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-15 { border-left-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-15:hover { border-left-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-15:focus { border-left-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-15:active { border-left-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-15:disabled { border-left-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-16 { border-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-16:hover { border-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-16:focus { border-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-16:active { border-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-16:disabled { border-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-16 { border-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-16:hover { border-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-16:focus { border-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-16:active { border-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-16:disabled { border-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-16 { border-top-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-16:hover { border-top-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-16:focus { border-top-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-16:active { border-top-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-16:disabled { border-top-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-16 { border-right-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-16:hover { border-right-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-16:focus { border-right-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-16:active { border-right-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-16:disabled { border-right-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-16 { border-bottom-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-16:hover { border-bottom-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-16:focus { border-bottom-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-16:active { border-bottom-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-16:disabled { border-bottom-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-16 { border-left-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-16:hover { border-left-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-16:focus { border-left-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-16:active { border-left-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-16:disabled { border-left-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-17 { border-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-17:hover { border-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-17:focus { border-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-17:active { border-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-17:disabled { border-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-17 { border-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-17:hover { border-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-17:focus { border-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-17:active { border-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-17:disabled { border-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-17 { border-top-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-17:hover { border-top-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-17:focus { border-top-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-17:active { border-top-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-17:disabled { border-top-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-17 { border-right-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-17:hover { border-right-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-17:focus { border-right-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-17:active { border-right-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-17:disabled { border-right-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-17 { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-17:hover { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-17:focus { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-17:active { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-17:disabled { border-bottom-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-17 { border-left-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-17:hover { border-left-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-17:focus { border-left-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-17:active { border-left-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-17:disabled { border-left-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-18 { border-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-18:hover { border-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-18:focus { border-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-18:active { border-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-18:disabled { border-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-18 { border-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-18:hover { border-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-18:focus { border-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-18:active { border-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-18:disabled { border-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-18 { border-top-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-18:hover { border-top-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-18:focus { border-top-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-18:active { border-top-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-18:disabled { border-top-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-18 { border-right-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-18:hover { border-right-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-18:focus { border-right-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-18:active { border-right-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-18:disabled { border-right-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-18 { border-bottom-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-18:hover { border-bottom-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-18:focus { border-bottom-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-18:active { border-bottom-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-18:disabled { border-bottom-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-18 { border-left-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-18:hover { border-left-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-18:focus { border-left-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-18:active { border-left-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-18:disabled { border-left-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-19 { border-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-19:hover { border-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-19:focus { border-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-19:active { border-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-19:disabled { border-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-19 { border-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-19:hover { border-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-19:focus { border-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-19:active { border-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-19:disabled { border-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-19 { border-top-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-19:hover { border-top-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-19:focus { border-top-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-19:active { border-top-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-19:disabled { border-top-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-19 { border-right-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-19:hover { border-right-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-19:focus { border-right-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-19:active { border-right-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-19:disabled { border-right-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-19 { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-19:hover { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-19:focus { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-19:active { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-19:disabled { border-bottom-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-19 { border-left-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-19:hover { border-left-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-19:focus { border-left-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-19:active { border-left-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-19:disabled { border-left-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-20 { border-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-20:hover { border-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-20:focus { border-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-20:active { border-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-20:disabled { border-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-20 { border-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-20:hover { border-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-20:focus { border-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-20:active { border-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-20:disabled { border-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-20 { border-top-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-20:hover { border-top-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-20:focus { border-top-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-20:active { border-top-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-20:disabled { border-top-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-20 { border-right-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-20:hover { border-right-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-20:focus { border-right-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-20:active { border-right-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-20:disabled { border-right-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-20 { border-bottom-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-20:hover { border-bottom-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-20:focus { border-bottom-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-20:active { border-bottom-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-20:disabled { border-bottom-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-20 { border-left-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-20:hover { border-left-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-20:focus { border-left-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-20:active { border-left-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-20:disabled { border-left-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-21 { border-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-21:hover { border-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-21:focus { border-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-21:active { border-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-21:disabled { border-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-21 { border-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-21:hover { border-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-21:focus { border-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-21:active { border-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-21:disabled { border-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-21 { border-top-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-21:hover { border-top-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-21:focus { border-top-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-21:active { border-top-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-21:disabled { border-top-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-21 { border-right-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-21:hover { border-right-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-21:focus { border-right-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-21:active { border-right-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-21:disabled { border-right-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-21 { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-21:hover { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-21:focus { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-21:active { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-21:disabled { border-bottom-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-21 { border-left-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-21:hover { border-left-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-21:focus { border-left-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-21:active { border-left-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-21:disabled { border-left-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-22 { border-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-22:hover { border-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-22:focus { border-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-22:active { border-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-22:disabled { border-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-22 { border-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-22:hover { border-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-22:focus { border-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-22:active { border-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-22:disabled { border-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-22 { border-top-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-22:hover { border-top-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-22:focus { border-top-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-22:active { border-top-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-22:disabled { border-top-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-22 { border-right-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-22:hover { border-right-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-22:focus { border-right-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-22:active { border-right-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-22:disabled { border-right-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-22 { border-bottom-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-22:hover { border-bottom-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-22:focus { border-bottom-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-22:active { border-bottom-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-22:disabled { border-bottom-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-22 { border-left-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-22:hover { border-left-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-22:focus { border-left-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-22:active { border-left-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-22:disabled { border-left-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-23 { border-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-23:hover { border-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-23:focus { border-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-23:active { border-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-23:disabled { border-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-23 { border-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-23:hover { border-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-23:focus { border-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-23:active { border-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-23:disabled { border-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-23 { border-top-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-23:hover { border-top-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-23:focus { border-top-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-23:active { border-top-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-23:disabled { border-top-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-23 { border-right-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-23:hover { border-right-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-23:focus { border-right-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-23:active { border-right-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-23:disabled { border-right-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-23 { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-23:hover { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-23:focus { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-23:active { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-23:disabled { border-bottom-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-23 { border-left-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-23:hover { border-left-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-23:focus { border-left-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-23:active { border-left-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-23:disabled { border-left-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-24 { border-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-24:hover { border-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-24:focus { border-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-24:active { border-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-24:disabled { border-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-24 { border-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-24:hover { border-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-24:focus { border-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-24:active { border-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-24:disabled { border-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-24 { border-top-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-24:hover { border-top-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-24:focus { border-top-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-24:active { border-top-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-24:disabled { border-top-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-24 { border-right-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-24:hover { border-right-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-24:focus { border-right-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-24:active { border-right-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-24:disabled { border-right-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-24 { border-bottom-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-24:hover { border-bottom-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-24:focus { border-bottom-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-24:active { border-bottom-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-24:disabled { border-bottom-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-24 { border-left-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-24:hover { border-left-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-24:focus { border-left-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-24:active { border-left-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-24:disabled { border-left-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-25 { border-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-25:hover { border-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-25:focus { border-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-25:active { border-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-25:disabled { border-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-25 { border-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-25:hover { border-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-25:focus { border-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-25:active { border-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-25:disabled { border-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-25 { border-top-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-25:hover { border-top-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-25:focus { border-top-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-25:active { border-top-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-25:disabled { border-top-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-25 { border-right-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-25:hover { border-right-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-25:focus { border-right-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-25:active { border-right-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-25:disabled { border-right-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-25 { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-25:hover { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-25:focus { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-25:active { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-25:disabled { border-bottom-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-25 { border-left-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-25:hover { border-left-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-25:focus { border-left-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-25:active { border-left-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-25:disabled { border-left-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-26 { border-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-26:hover { border-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-26:focus { border-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-26:active { border-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-26:disabled { border-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-26 { border-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-26:hover { border-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-26:focus { border-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-26:active { border-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-26:disabled { border-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-26 { border-top-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-26:hover { border-top-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-26:focus { border-top-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-26:active { border-top-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-26:disabled { border-top-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-26 { border-right-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-26:hover { border-right-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-26:focus { border-right-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-26:active { border-right-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-26:disabled { border-right-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-26 { border-bottom-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-26:hover { border-bottom-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-26:focus { border-bottom-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-26:active { border-bottom-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-26:disabled { border-bottom-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-26 { border-left-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-26:hover { border-left-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-26:focus { border-left-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-26:active { border-left-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-26:disabled { border-left-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-27 { border-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-27:hover { border-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-27:focus { border-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-27:active { border-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-27:disabled { border-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-27 { border-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-27:hover { border-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-27:focus { border-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-27:active { border-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-27:disabled { border-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-27 { border-top-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-27:hover { border-top-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-27:focus { border-top-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-27:active { border-top-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-27:disabled { border-top-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-27 { border-right-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-27:hover { border-right-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-27:focus { border-right-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-27:active { border-right-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-27:disabled { border-right-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-27 { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-27:hover { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-27:focus { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-27:active { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-27:disabled { border-bottom-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-27 { border-left-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-27:hover { border-left-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-27:focus { border-left-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-27:active { border-left-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-27:disabled { border-left-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-28 { border-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-28:hover { border-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-28:focus { border-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-28:active { border-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-28:disabled { border-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-28 { border-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-28:hover { border-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-28:focus { border-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-28:active { border-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-28:disabled { border-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-28 { border-top-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-28:hover { border-top-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-28:focus { border-top-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-28:active { border-top-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-28:disabled { border-top-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-28 { border-right-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-28:hover { border-right-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-28:focus { border-right-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-28:active { border-right-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-28:disabled { border-right-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-28 { border-bottom-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-28:hover { border-bottom-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-28:focus { border-bottom-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-28:active { border-bottom-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-28:disabled { border-bottom-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-28 { border-left-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-28:hover { border-left-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-28:focus { border-left-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-28:active { border-left-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-28:disabled { border-left-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-29 { border-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-29:hover { border-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-29:focus { border-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-29:active { border-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-29:disabled { border-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-29 { border-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-29:hover { border-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-29:focus { border-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-29:active { border-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-29:disabled { border-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-29 { border-top-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-29:hover { border-top-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-29:focus { border-top-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-29:active { border-top-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-29:disabled { border-top-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-29 { border-right-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-29:hover { border-right-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-29:focus { border-right-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-29:active { border-right-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-29:disabled { border-right-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-29 { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-29:hover { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-29:focus { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-29:active { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-29:disabled { border-bottom-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-29 { border-left-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-29:hover { border-left-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-29:focus { border-left-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-29:active { border-left-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-29:disabled { border-left-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-30 { border-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-30:hover { border-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-30:focus { border-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-30:active { border-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-30:disabled { border-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-30 { border-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-30:hover { border-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-30:focus { border-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-30:active { border-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-30:disabled { border-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-30 { border-top-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-30:hover { border-top-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-30:focus { border-top-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-30:active { border-top-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-30:disabled { border-top-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-30 { border-right-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-30:hover { border-right-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-30:focus { border-right-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-30:active { border-right-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-30:disabled { border-right-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-30 { border-bottom-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-30:hover { border-bottom-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-30:focus { border-bottom-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-30:active { border-bottom-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-30:disabled { border-bottom-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-30 { border-left-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-30:hover { border-left-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-30:focus { border-left-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-30:active { border-left-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-30:disabled { border-left-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-31 { border-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-31:hover { border-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-31:focus { border-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-31:active { border-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-31:disabled { border-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-31 { border-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-31:hover { border-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-31:focus { border-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-31:active { border-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-31:disabled { border-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-31 { border-top-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-31:hover { border-top-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-31:focus { border-top-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-31:active { border-top-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-31:disabled { border-top-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-31 { border-right-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-31:hover { border-right-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-31:focus { border-right-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-31:active { border-right-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-31:disabled { border-right-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-31 { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-31:hover { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-31:focus { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-31:active { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-31:disabled { border-bottom-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-31 { border-left-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-31:hover { border-left-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-31:focus { border-left-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-31:active { border-left-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-31:disabled { border-left-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-32 { border-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-32:hover { border-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-32:focus { border-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-32:active { border-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-32:disabled { border-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-32 { border-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-32:hover { border-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-32:focus { border-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-32:active { border-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-32:disabled { border-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-t-32 { border-top-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-t-32:hover { border-top-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-t-32:focus { border-top-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-t-32:active { border-top-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-t-32:disabled { border-top-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-r-32 { border-right-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-r-32:hover { border-right-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-r-32:focus { border-right-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-r-32:active { border-right-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-r-32:disabled { border-right-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-b-32 { border-bottom-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-b-32:hover { border-bottom-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-b-32:focus { border-bottom-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-b-32:active { border-bottom-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-b-32:disabled { border-bottom-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-l-32 { border-left-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-l-32:hover { border-left-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-l-32:focus { border-left-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-l-32:active { border-left-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-l-32:disabled { border-left-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-0 { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-0:hover { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-0:focus { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-0:active { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-0:disabled { border-left-width: 0.0rem; border-right-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-0 { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-0:hover { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-0:focus { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-0:active { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-0:disabled { border-top-width: 0.0rem; border-bottom-width: 0.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-1 { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-1:hover { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-1:focus { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-1:active { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-1:disabled { border-left-width: 0.0625rem; border-right-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-1 { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-1:hover { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-1:focus { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-1:active { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-1:disabled { border-top-width: 0.0625rem; border-bottom-width: 0.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-2 { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-2:hover { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-2:focus { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-2:active { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-2:disabled { border-left-width: 0.125rem; border-right-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-2 { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-2:hover { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-2:focus { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-2:active { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-2:disabled { border-top-width: 0.125rem; border-bottom-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-3 { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-3:hover { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-3:focus { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-3:active { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-3:disabled { border-left-width: 0.1875rem; border-right-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-3 { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-3:hover { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-3:focus { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-3:active { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-3:disabled { border-top-width: 0.1875rem; border-bottom-width: 0.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-4 { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-4:hover { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-4:focus { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-4:active { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-4:disabled { border-left-width: 0.25rem; border-right-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-4 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-4:hover { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-4:focus { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-4:active { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-4:disabled { border-top-width: 0.25rem; border-bottom-width: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-5 { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-5:hover { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-5:focus { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-5:active { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-5:disabled { border-left-width: 0.3125rem; border-right-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-5 { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-5:hover { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-5:focus { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-5:active { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-5:disabled { border-top-width: 0.3125rem; border-bottom-width: 0.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-6 { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-6:hover { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-6:focus { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-6:active { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-6:disabled { border-left-width: 0.375rem; border-right-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-6 { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-6:hover { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-6:focus { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-6:active { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-6:disabled { border-top-width: 0.375rem; border-bottom-width: 0.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-7 { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-7:hover { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-7:focus { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-7:active { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-7:disabled { border-left-width: 0.4375rem; border-right-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-7 { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-7:hover { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-7:focus { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-7:active { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-7:disabled { border-top-width: 0.4375rem; border-bottom-width: 0.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-8 { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-8:hover { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-8:focus { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-8:active { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-8:disabled { border-left-width: 0.5rem; border-right-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-8 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-8:hover { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-8:focus { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-8:active { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-8:disabled { border-top-width: 0.5rem; border-bottom-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-9 { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-9:hover { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-9:focus { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-9:active { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-9:disabled { border-left-width: 0.5625rem; border-right-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-9 { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-9:hover { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-9:focus { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-9:active { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-9:disabled { border-top-width: 0.5625rem; border-bottom-width: 0.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-10 { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-10:hover { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-10:focus { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-10:active { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-10:disabled { border-left-width: 0.625rem; border-right-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-10 { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-10:hover { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-10:focus { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-10:active { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-10:disabled { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-11 { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-11:hover { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-11:focus { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-11:active { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-11:disabled { border-left-width: 0.6875rem; border-right-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-11 { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-11:hover { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-11:focus { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-11:active { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-11:disabled { border-top-width: 0.6875rem; border-bottom-width: 0.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-12 { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-12:hover { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-12:focus { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-12:active { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-12:disabled { border-left-width: 0.75rem; border-right-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-12 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-12:hover { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-12:focus { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-12:active { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-12:disabled { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-13 { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-13:hover { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-13:focus { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-13:active { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-13:disabled { border-left-width: 0.8125rem; border-right-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-13 { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-13:hover { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-13:focus { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-13:active { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-13:disabled { border-top-width: 0.8125rem; border-bottom-width: 0.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-14 { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-14:hover { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-14:focus { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-14:active { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-14:disabled { border-left-width: 0.875rem; border-right-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-14 { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-14:hover { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-14:focus { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-14:active { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-14:disabled { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-15 { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-15:hover { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-15:focus { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-15:active { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-15:disabled { border-left-width: 0.9375rem; border-right-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-15 { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-15:hover { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-15:focus { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-15:active { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-15:disabled { border-top-width: 0.9375rem; border-bottom-width: 0.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-16 { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-16:hover { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-16:focus { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-16:active { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-16:disabled { border-left-width: 1.0rem; border-right-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-16 { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-16:hover { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-16:focus { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-16:active { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-16:disabled { border-top-width: 1.0rem; border-bottom-width: 1.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-17 { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-17:hover { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-17:focus { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-17:active { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-17:disabled { border-left-width: 1.0625rem; border-right-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-17 { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-17:hover { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-17:focus { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-17:active { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-17:disabled { border-top-width: 1.0625rem; border-bottom-width: 1.0625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-18 { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-18:hover { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-18:focus { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-18:active { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-18:disabled { border-left-width: 1.125rem; border-right-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-18 { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-18:hover { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-18:focus { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-18:active { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-18:disabled { border-top-width: 1.125rem; border-bottom-width: 1.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-19 { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-19:hover { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-19:focus { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-19:active { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-19:disabled { border-left-width: 1.1875rem; border-right-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-19 { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-19:hover { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-19:focus { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-19:active { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-19:disabled { border-top-width: 1.1875rem; border-bottom-width: 1.1875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-20 { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-20:hover { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-20:focus { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-20:active { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-20:disabled { border-left-width: 1.25rem; border-right-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-20 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-20:hover { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-20:focus { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-20:active { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-20:disabled { border-top-width: 1.25rem; border-bottom-width: 1.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-21 { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-21:hover { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-21:focus { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-21:active { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-21:disabled { border-left-width: 1.3125rem; border-right-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-21 { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-21:hover { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-21:focus { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-21:active { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-21:disabled { border-top-width: 1.3125rem; border-bottom-width: 1.3125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-22 { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-22:hover { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-22:focus { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-22:active { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-22:disabled { border-left-width: 1.375rem; border-right-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-22 { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-22:hover { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-22:focus { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-22:active { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-22:disabled { border-top-width: 1.375rem; border-bottom-width: 1.375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-23 { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-23:hover { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-23:focus { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-23:active { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-23:disabled { border-left-width: 1.4375rem; border-right-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-23 { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-23:hover { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-23:focus { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-23:active { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-23:disabled { border-top-width: 1.4375rem; border-bottom-width: 1.4375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-24 { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-24:hover { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-24:focus { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-24:active { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-24:disabled { border-left-width: 1.5rem; border-right-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-24 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-24:hover { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-24:focus { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-24:active { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-24:disabled { border-top-width: 1.5rem; border-bottom-width: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-25 { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-25:hover { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-25:focus { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-25:active { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-25:disabled { border-left-width: 1.5625rem; border-right-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-25 { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-25:hover { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-25:focus { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-25:active { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-25:disabled { border-top-width: 1.5625rem; border-bottom-width: 1.5625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-26 { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-26:hover { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-26:focus { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-26:active { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-26:disabled { border-left-width: 1.625rem; border-right-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-26 { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-26:hover { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-26:focus { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-26:active { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-26:disabled { border-top-width: 1.625rem; border-bottom-width: 1.625rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-27 { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-27:hover { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-27:focus { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-27:active { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-27:disabled { border-left-width: 1.6875rem; border-right-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-27 { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-27:hover { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-27:focus { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-27:active { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-27:disabled { border-top-width: 1.6875rem; border-bottom-width: 1.6875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-28 { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-28:hover { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-28:focus { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-28:active { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-28:disabled { border-left-width: 1.75rem; border-right-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-28 { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-28:hover { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-28:focus { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-28:active { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-28:disabled { border-top-width: 1.75rem; border-bottom-width: 1.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-29 { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-29:hover { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-29:focus { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-29:active { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-29:disabled { border-left-width: 1.8125rem; border-right-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-29 { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-29:hover { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-29:focus { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-29:active { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-29:disabled { border-top-width: 1.8125rem; border-bottom-width: 1.8125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-30 { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-30:hover { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-30:focus { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-30:active { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-30:disabled { border-left-width: 1.875rem; border-right-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-30 { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-30:hover { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-30:focus { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-30:active { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-30:disabled { border-top-width: 1.875rem; border-bottom-width: 1.875rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-31 { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-31:hover { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-31:focus { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-31:active { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-31:disabled { border-left-width: 1.9375rem; border-right-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-31 { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-31:hover { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-31:focus { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-31:active { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-31:disabled { border-top-width: 1.9375rem; border-bottom-width: 1.9375rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-x-32 { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-x-32:hover { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-x-32:focus { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-x-32:active { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-x-32:disabled { border-left-width: 2.0rem; border-right-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-y-32 { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-y-32:hover { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-y-32:focus { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-y-32:active { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-y-32:disabled { border-top-width: 2.0rem; border-bottom-width: 2.0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-transparent { border-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-transparent:hover { border-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-transparent:focus { border-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-transparent:active { border-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-transparent:disabled { border-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-inherit { border-color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-inherit:hover { border-color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-inherit:focus { border-color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-inherit:active { border-color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-inherit:disabled { border-color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-transparent { background-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-transparent:hover { background-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-transparent:focus { background-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-transparent:active { background-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-transparent:disabled { background-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-inherit { background-color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-inherit:hover { background-color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-inherit:focus { background-color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-inherit:active { background-color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-inherit:disabled { background-color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-transparent { color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-transparent:hover { color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-transparent:focus { color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-transparent:active { color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-transparent:disabled { color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-inherit { color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-inherit:hover { color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-inherit:focus { color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-inherit:active { color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-inherit:disabled { color: inherit; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-solid { border-style: solid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-solid:hover { border-style: solid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-solid:focus { border-style: solid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-solid:active { border-style: solid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-solid:disabled { border-style: solid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-dashed { border-style: dashed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-dashed:hover { border-style: dashed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-dashed:focus { border-style: dashed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-dashed:active { border-style: dashed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-dashed:disabled { border-style: dashed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-dotted { border-style: dotted; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-dotted:hover { border-style: dotted; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-dotted:focus { border-style: dotted; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-dotted:active { border-style: dotted; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-dotted:disabled { border-style: dotted; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-double { border-style: double; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-double:hover { border-style: double; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-double:focus { border-style: double; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-double:active { border-style: double; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-double:disabled { border-style: double; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-none { border-style: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-none:hover { border-style: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-none:focus { border-style: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-none:active { border-style: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-none:disabled { border-style: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-z-auto { z-index: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-z-auto:hover { z-index: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-z-auto:focus { z-index: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-z-auto:active { z-index: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-z-auto:disabled { z-index: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-z-0 { z-index: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-z-0:hover { z-index: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-z-0:focus { z-index: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-z-0:active { z-index: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-z-0:disabled { z-index: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-z-10 { z-index: 10; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-z-10:hover { z-index: 10; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-z-10:focus { z-index: 10; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-z-10:active { z-index: 10; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-z-10:disabled { z-index: 10; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-z-20 { z-index: 20; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-z-20:hover { z-index: 20; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-z-20:focus { z-index: 20; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-z-20:active { z-index: 20; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-z-20:disabled { z-index: 20; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-z-30 { z-index: 30; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-z-30:hover { z-index: 30; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-z-30:focus { z-index: 30; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-z-30:active { z-index: 30; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-z-30:disabled { z-index: 30; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-z-40 { z-index: 40; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-z-40:hover { z-index: 40; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-z-40:focus { z-index: 40; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-z-40:active { z-index: 40; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-z-40:disabled { z-index: 40; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-z-50 { z-index: 50; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-z-50:hover { z-index: 50; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-z-50:focus { z-index: 50; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-z-50:active { z-index: 50; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-z-50:disabled { z-index: 50; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-z-100 { z-index: 100; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-z-100:hover { z-index: 100; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-z-100:focus { z-index: 100; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-z-100:active { z-index: 100; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-z-100:disabled { z-index: 100; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-z-9999 { z-index: 9999; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-z-9999:hover { z-index: 9999; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-z-9999:focus { z-index: 9999; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-z-9999:active { z-index: 9999; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-z-9999:disabled { z-index: 9999; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw--z-10 { z-index: -10; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover--z-10:hover { z-index: -10; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus--z-10:focus { z-index: -10; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active--z-10:active { z-index: -10; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled--z-10:disabled { z-index: -10; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw--z-20 { z-index: -20; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover--z-20:hover { z-index: -20; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus--z-20:focus { z-index: -20; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active--z-20:active { z-index: -20; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled--z-20:disabled { z-index: -20; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw--z-40 { z-index: -40; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover--z-40:hover { z-index: -40; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus--z-40:focus { z-index: -40; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active--z-40:active { z-index: -40; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled--z-40:disabled { z-index: -40; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw--z-50 { z-index: -50; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover--z-50:hover { z-index: -50; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus--z-50:focus { z-index: -50; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active--z-50:active { z-index: -50; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled--z-50:disabled { z-index: -50; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw--z-100 { z-index: -100; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover--z-100:hover { z-index: -100; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus--z-100:focus { z-index: -100; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active--z-100:active { z-index: -100; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled--z-100:disabled { z-index: -100; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-0 { opacity: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-0:hover { opacity: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-0:focus { opacity: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-0:active { opacity: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-0:disabled { opacity: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-10 { opacity: 0.1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-10:hover { opacity: 0.1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-10:focus { opacity: 0.1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-10:active { opacity: 0.1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-10:disabled { opacity: 0.1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-20 { opacity: 0.2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-20:hover { opacity: 0.2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-20:focus { opacity: 0.2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-20:active { opacity: 0.2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-20:disabled { opacity: 0.2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-25 { opacity: 0.25; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-25:hover { opacity: 0.25; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-25:focus { opacity: 0.25; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-25:active { opacity: 0.25; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-25:disabled { opacity: 0.25; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-30 { opacity: 0.3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-30:hover { opacity: 0.3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-30:focus { opacity: 0.3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-30:active { opacity: 0.3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-30:disabled { opacity: 0.3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-40 { opacity: 0.4; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-40:hover { opacity: 0.4; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-40:focus { opacity: 0.4; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-40:active { opacity: 0.4; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-40:disabled { opacity: 0.4; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-50 { opacity: 0.5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-50:hover { opacity: 0.5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-50:focus { opacity: 0.5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-50:active { opacity: 0.5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-50:disabled { opacity: 0.5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-60 { opacity: 0.6; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-60:hover { opacity: 0.6; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-60:focus { opacity: 0.6; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-60:active { opacity: 0.6; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-60:disabled { opacity: 0.6; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-70 { opacity: 0.7; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-70:hover { opacity: 0.7; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-70:focus { opacity: 0.7; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-70:active { opacity: 0.7; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-70:disabled { opacity: 0.7; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-75 { opacity: 0.75; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-75:hover { opacity: 0.75; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-75:focus { opacity: 0.75; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-75:active { opacity: 0.75; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-75:disabled { opacity: 0.75; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-80 { opacity: 0.8; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-80:hover { opacity: 0.8; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-80:focus { opacity: 0.8; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-80:active { opacity: 0.8; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-80:disabled { opacity: 0.8; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-90 { opacity: 0.9; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-90:hover { opacity: 0.9; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-90:focus { opacity: 0.9; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-90:active { opacity: 0.9; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-90:disabled { opacity: 0.9; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-opacity-100 { opacity: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-opacity-100:hover { opacity: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-opacity-100:focus { opacity: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-opacity-100:active { opacity: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-opacity-100:disabled { opacity: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-gradient-l { --quanta-gradient-direction: to left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-gradient-l:hover { --quanta-gradient-direction: to left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-gradient-l:focus { --quanta-gradient-direction: to left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-gradient-l:active { --quanta-gradient-direction: to left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-gradient-l:disabled { --quanta-gradient-direction: to left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-gradient-r { --quanta-gradient-direction: to right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-gradient-r:hover { --quanta-gradient-direction: to right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-gradient-r:focus { --quanta-gradient-direction: to right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-gradient-r:active { --quanta-gradient-direction: to right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-gradient-r:disabled { --quanta-gradient-direction: to right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-gradient-t { --quanta-gradient-direction: to top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-gradient-t:hover { --quanta-gradient-direction: to top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-gradient-t:focus { --quanta-gradient-direction: to top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-gradient-t:active { --quanta-gradient-direction: to top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-gradient-t:disabled { --quanta-gradient-direction: to top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-gradient-b { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-gradient-b:hover { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-gradient-b:focus { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-gradient-b:active { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-gradient-b:disabled { --quanta-gradient-direction: to bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-gradient-tl { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-gradient-tl:hover { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-gradient-tl:focus { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-gradient-tl:active { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-gradient-tl:disabled { --quanta-gradient-direction: to top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-gradient-tr { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-gradient-tr:hover { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-gradient-tr:focus { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-gradient-tr:active { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-gradient-tr:disabled { --quanta-gradient-direction: to top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-gradient-bl { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-gradient-bl:hover { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-gradient-bl:focus { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-gradient-bl:active { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-gradient-bl:disabled { --quanta-gradient-direction: to bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-gradient-br { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-gradient-br:hover { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-gradient-br:focus { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-gradient-br:active { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-gradient-br:disabled { --quanta-gradient-direction: to bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rounded-0 { border-radius: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rounded-0:hover { border-radius: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rounded-0:focus { border-radius: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rounded-0:active { border-radius: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rounded-0:disabled { border-radius: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rounded-xs { border-radius: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rounded-xs:hover { border-radius: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rounded-xs:focus { border-radius: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rounded-xs:active { border-radius: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rounded-xs:disabled { border-radius: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rounded-sm { border-radius: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rounded-sm:hover { border-radius: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rounded-sm:focus { border-radius: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rounded-sm:active { border-radius: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rounded-sm:disabled { border-radius: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rounded { border-radius: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rounded:hover { border-radius: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rounded:focus { border-radius: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rounded:active { border-radius: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rounded:disabled { border-radius: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rounded-md { border-radius: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rounded-md:hover { border-radius: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rounded-md:focus { border-radius: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rounded-md:active { border-radius: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rounded-md:disabled { border-radius: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rounded-lg { border-radius: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rounded-lg:hover { border-radius: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rounded-lg:focus { border-radius: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rounded-lg:active { border-radius: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rounded-lg:disabled { border-radius: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rounded-xl { border-radius: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rounded-xl:hover { border-radius: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rounded-xl:focus { border-radius: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rounded-xl:active { border-radius: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rounded-xl:disabled { border-radius: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rounded-2xl { border-radius: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rounded-2xl:hover { border-radius: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rounded-2xl:focus { border-radius: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rounded-2xl:active { border-radius: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rounded-2xl:disabled { border-radius: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rounded-full { border-radius: 9999px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rounded-full:hover { border-radius: 9999px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rounded-full:focus { border-radius: 9999px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rounded-full:active { border-radius: 9999px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rounded-full:disabled { border-radius: 9999px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rounded-pill { border-radius: 50px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rounded-pill:hover { border-radius: 50px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rounded-pill:focus { border-radius: 50px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rounded-pill:active { border-radius: 50px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rounded-pill:disabled { border-radius: 50px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-none { outline: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-none:hover { outline: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-none:focus { outline: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-none:active { outline: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-none:disabled { outline: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline { outline: 1px solid currentColor; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline:hover { outline: 1px solid currentColor; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline:focus { outline: 1px solid currentColor; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline:active { outline: 1px solid currentColor; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline:disabled { outline: 1px solid currentColor; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-offset-0 { outline-offset: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-offset-0:hover { outline-offset: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-offset-0:focus { outline-offset: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-offset-0:active { outline-offset: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-offset-0:disabled { outline-offset: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-offset-1 { outline-offset: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-offset-1:hover { outline-offset: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-offset-1:focus { outline-offset: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-offset-1:active { outline-offset: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-offset-1:disabled { outline-offset: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-offset-2 { outline-offset: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-offset-2:hover { outline-offset: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-offset-2:focus { outline-offset: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-offset-2:active { outline-offset: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-offset-2:disabled { outline-offset: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-offset-3 { outline-offset: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-offset-3:hover { outline-offset: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-offset-3:focus { outline-offset: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-offset-3:active { outline-offset: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-offset-3:disabled { outline-offset: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-offset-4 { outline-offset: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-offset-4:hover { outline-offset: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-offset-4:focus { outline-offset: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-offset-4:active { outline-offset: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-offset-4:disabled { outline-offset: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-offset-8 { outline-offset: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-offset-8:hover { outline-offset: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-offset-8:focus { outline-offset: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-offset-8:active { outline-offset: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-offset-8:disabled { outline-offset: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-red-50 { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-red-50:hover { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-red-50:focus { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-red-50:active { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-red-50:disabled { outline-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-red-100 { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-red-100:hover { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-red-100:focus { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-red-100:active { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-red-100:disabled { outline-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-red-200 { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-red-200:hover { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-red-200:focus { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-red-200:active { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-red-200:disabled { outline-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-red-300 { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-red-300:hover { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-red-300:focus { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-red-300:active { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-red-300:disabled { outline-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-red-400 { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-red-400:hover { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-red-400:focus { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-red-400:active { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-red-400:disabled { outline-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-red-500 { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-red-500:hover { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-red-500:focus { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-red-500:active { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-red-500:disabled { outline-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-red-600 { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-red-600:hover { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-red-600:focus { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-red-600:active { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-red-600:disabled { outline-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-red-700 { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-red-700:hover { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-red-700:focus { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-red-700:active { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-red-700:disabled { outline-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-red-800 { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-red-800:hover { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-red-800:focus { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-red-800:active { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-red-800:disabled { outline-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-red-900 { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-red-900:hover { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-red-900:focus { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-red-900:active { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-red-900:disabled { outline-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-orange-50 { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-orange-50:hover { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-orange-50:focus { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-orange-50:active { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-orange-50:disabled { outline-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-orange-100 { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-orange-100:hover { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-orange-100:focus { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-orange-100:active { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-orange-100:disabled { outline-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-orange-200 { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-orange-200:hover { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-orange-200:focus { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-orange-200:active { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-orange-200:disabled { outline-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-orange-300 { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-orange-300:hover { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-orange-300:focus { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-orange-300:active { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-orange-300:disabled { outline-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-orange-400 { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-orange-400:hover { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-orange-400:focus { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-orange-400:active { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-orange-400:disabled { outline-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-orange-500 { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-orange-500:hover { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-orange-500:focus { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-orange-500:active { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-orange-500:disabled { outline-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-orange-600 { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-orange-600:hover { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-orange-600:focus { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-orange-600:active { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-orange-600:disabled { outline-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-orange-700 { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-orange-700:hover { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-orange-700:focus { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-orange-700:active { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-orange-700:disabled { outline-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-orange-800 { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-orange-800:hover { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-orange-800:focus { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-orange-800:active { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-orange-800:disabled { outline-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-orange-900 { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-orange-900:hover { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-orange-900:focus { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-orange-900:active { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-orange-900:disabled { outline-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-teal-50 { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-teal-50:hover { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-teal-50:focus { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-teal-50:active { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-teal-50:disabled { outline-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-teal-100 { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-teal-100:hover { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-teal-100:focus { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-teal-100:active { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-teal-100:disabled { outline-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-teal-200 { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-teal-200:hover { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-teal-200:focus { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-teal-200:active { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-teal-200:disabled { outline-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-teal-300 { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-teal-300:hover { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-teal-300:focus { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-teal-300:active { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-teal-300:disabled { outline-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-teal-400 { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-teal-400:hover { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-teal-400:focus { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-teal-400:active { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-teal-400:disabled { outline-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-teal-500 { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-teal-500:hover { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-teal-500:focus { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-teal-500:active { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-teal-500:disabled { outline-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-teal-600 { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-teal-600:hover { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-teal-600:focus { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-teal-600:active { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-teal-600:disabled { outline-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-teal-700 { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-teal-700:hover { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-teal-700:focus { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-teal-700:active { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-teal-700:disabled { outline-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-teal-800 { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-teal-800:hover { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-teal-800:focus { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-teal-800:active { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-teal-800:disabled { outline-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-teal-900 { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-teal-900:hover { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-teal-900:focus { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-teal-900:active { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-teal-900:disabled { outline-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-purple-50 { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-purple-50:hover { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-purple-50:focus { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-purple-50:active { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-purple-50:disabled { outline-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-purple-100 { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-purple-100:hover { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-purple-100:focus { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-purple-100:active { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-purple-100:disabled { outline-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-purple-200 { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-purple-200:hover { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-purple-200:focus { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-purple-200:active { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-purple-200:disabled { outline-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-purple-300 { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-purple-300:hover { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-purple-300:focus { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-purple-300:active { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-purple-300:disabled { outline-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-purple-400 { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-purple-400:hover { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-purple-400:focus { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-purple-400:active { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-purple-400:disabled { outline-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-purple-500 { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-purple-500:hover { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-purple-500:focus { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-purple-500:active { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-purple-500:disabled { outline-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-purple-600 { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-purple-600:hover { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-purple-600:focus { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-purple-600:active { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-purple-600:disabled { outline-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-purple-700 { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-purple-700:hover { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-purple-700:focus { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-purple-700:active { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-purple-700:disabled { outline-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-purple-800 { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-purple-800:hover { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-purple-800:focus { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-purple-800:active { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-purple-800:disabled { outline-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-purple-900 { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-purple-900:hover { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-purple-900:focus { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-purple-900:active { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-purple-900:disabled { outline-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-indigo-50 { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-indigo-50:hover { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-indigo-50:focus { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-indigo-50:active { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-indigo-50:disabled { outline-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-indigo-100 { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-indigo-100:hover { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-indigo-100:focus { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-indigo-100:active { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-indigo-100:disabled { outline-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-indigo-200 { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-indigo-200:hover { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-indigo-200:focus { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-indigo-200:active { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-indigo-200:disabled { outline-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-indigo-300 { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-indigo-300:hover { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-indigo-300:focus { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-indigo-300:active { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-indigo-300:disabled { outline-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-indigo-400 { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-indigo-400:hover { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-indigo-400:focus { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-indigo-400:active { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-indigo-400:disabled { outline-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-indigo-500 { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-indigo-500:hover { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-indigo-500:focus { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-indigo-500:active { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-indigo-500:disabled { outline-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-indigo-600 { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-indigo-600:hover { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-indigo-600:focus { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-indigo-600:active { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-indigo-600:disabled { outline-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-indigo-700 { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-indigo-700:hover { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-indigo-700:focus { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-indigo-700:active { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-indigo-700:disabled { outline-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-indigo-800 { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-indigo-800:hover { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-indigo-800:focus { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-indigo-800:active { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-indigo-800:disabled { outline-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-indigo-900 { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-indigo-900:hover { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-indigo-900:focus { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-indigo-900:active { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-indigo-900:disabled { outline-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-yellow-50 { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-yellow-50:hover { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-yellow-50:focus { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-yellow-50:active { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-yellow-50:disabled { outline-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-yellow-100 { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-yellow-100:hover { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-yellow-100:focus { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-yellow-100:active { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-yellow-100:disabled { outline-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-yellow-200 { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-yellow-200:hover { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-yellow-200:focus { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-yellow-200:active { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-yellow-200:disabled { outline-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-yellow-300 { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-yellow-300:hover { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-yellow-300:focus { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-yellow-300:active { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-yellow-300:disabled { outline-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-yellow-400 { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-yellow-400:hover { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-yellow-400:focus { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-yellow-400:active { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-yellow-400:disabled { outline-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-yellow-500 { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-yellow-500:hover { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-yellow-500:focus { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-yellow-500:active { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-yellow-500:disabled { outline-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-yellow-600 { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-yellow-600:hover { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-yellow-600:focus { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-yellow-600:active { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-yellow-600:disabled { outline-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-yellow-700 { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-yellow-700:hover { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-yellow-700:focus { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-yellow-700:active { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-yellow-700:disabled { outline-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-yellow-800 { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-yellow-800:hover { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-yellow-800:focus { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-yellow-800:active { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-yellow-800:disabled { outline-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-yellow-900 { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-yellow-900:hover { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-yellow-900:focus { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-yellow-900:active { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-yellow-900:disabled { outline-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-pink-50 { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-pink-50:hover { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-pink-50:focus { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-pink-50:active { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-pink-50:disabled { outline-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-pink-100 { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-pink-100:hover { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-pink-100:focus { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-pink-100:active { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-pink-100:disabled { outline-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-pink-200 { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-pink-200:hover { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-pink-200:focus { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-pink-200:active { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-pink-200:disabled { outline-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-pink-300 { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-pink-300:hover { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-pink-300:focus { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-pink-300:active { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-pink-300:disabled { outline-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-pink-400 { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-pink-400:hover { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-pink-400:focus { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-pink-400:active { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-pink-400:disabled { outline-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-pink-500 { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-pink-500:hover { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-pink-500:focus { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-pink-500:active { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-pink-500:disabled { outline-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-pink-600 { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-pink-600:hover { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-pink-600:focus { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-pink-600:active { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-pink-600:disabled { outline-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-pink-700 { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-pink-700:hover { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-pink-700:focus { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-pink-700:active { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-pink-700:disabled { outline-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-pink-800 { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-pink-800:hover { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-pink-800:focus { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-pink-800:active { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-pink-800:disabled { outline-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-pink-900 { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-pink-900:hover { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-pink-900:focus { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-pink-900:active { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-pink-900:disabled { outline-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-grey-50 { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-grey-50:hover { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-grey-50:focus { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-grey-50:active { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-grey-50:disabled { outline-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-grey-100 { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-grey-100:hover { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-grey-100:focus { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-grey-100:active { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-grey-100:disabled { outline-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-grey-200 { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-grey-200:hover { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-grey-200:focus { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-grey-200:active { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-grey-200:disabled { outline-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-grey-300 { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-grey-300:hover { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-grey-300:focus { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-grey-300:active { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-grey-300:disabled { outline-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-grey-400 { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-grey-400:hover { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-grey-400:focus { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-grey-400:active { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-grey-400:disabled { outline-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-grey-500 { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-grey-500:hover { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-grey-500:focus { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-grey-500:active { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-grey-500:disabled { outline-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-grey-600 { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-grey-600:hover { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-grey-600:focus { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-grey-600:active { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-grey-600:disabled { outline-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-grey-700 { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-grey-700:hover { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-grey-700:focus { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-grey-700:active { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-grey-700:disabled { outline-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-grey-800 { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-grey-800:hover { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-grey-800:focus { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-grey-800:active { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-grey-800:disabled { outline-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-grey-900 { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-grey-900:hover { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-grey-900:focus { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-grey-900:active { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-grey-900:disabled { outline-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-lime-50 { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-lime-50:hover { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-lime-50:focus { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-lime-50:active { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-lime-50:disabled { outline-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-lime-100 { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-lime-100:hover { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-lime-100:focus { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-lime-100:active { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-lime-100:disabled { outline-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-lime-200 { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-lime-200:hover { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-lime-200:focus { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-lime-200:active { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-lime-200:disabled { outline-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-lime-300 { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-lime-300:hover { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-lime-300:focus { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-lime-300:active { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-lime-300:disabled { outline-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-lime-400 { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-lime-400:hover { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-lime-400:focus { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-lime-400:active { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-lime-400:disabled { outline-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-lime-500 { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-lime-500:hover { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-lime-500:focus { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-lime-500:active { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-lime-500:disabled { outline-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-lime-600 { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-lime-600:hover { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-lime-600:focus { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-lime-600:active { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-lime-600:disabled { outline-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-lime-700 { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-lime-700:hover { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-lime-700:focus { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-lime-700:active { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-lime-700:disabled { outline-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-lime-800 { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-lime-800:hover { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-lime-800:focus { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-lime-800:active { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-lime-800:disabled { outline-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-lime-900 { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-lime-900:hover { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-lime-900:focus { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-lime-900:active { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-lime-900:disabled { outline-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-cyan-50 { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-cyan-50:hover { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-cyan-50:focus { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-cyan-50:active { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-cyan-50:disabled { outline-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-cyan-100 { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-cyan-100:hover { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-cyan-100:focus { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-cyan-100:active { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-cyan-100:disabled { outline-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-cyan-200 { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-cyan-200:hover { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-cyan-200:focus { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-cyan-200:active { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-cyan-200:disabled { outline-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-cyan-300 { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-cyan-300:hover { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-cyan-300:focus { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-cyan-300:active { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-cyan-300:disabled { outline-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-cyan-400 { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-cyan-400:hover { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-cyan-400:focus { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-cyan-400:active { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-cyan-400:disabled { outline-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-cyan-500 { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-cyan-500:hover { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-cyan-500:focus { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-cyan-500:active { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-cyan-500:disabled { outline-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-cyan-600 { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-cyan-600:hover { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-cyan-600:focus { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-cyan-600:active { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-cyan-600:disabled { outline-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-cyan-700 { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-cyan-700:hover { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-cyan-700:focus { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-cyan-700:active { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-cyan-700:disabled { outline-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-cyan-800 { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-cyan-800:hover { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-cyan-800:focus { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-cyan-800:active { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-cyan-800:disabled { outline-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-cyan-900 { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-cyan-900:hover { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-cyan-900:focus { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-cyan-900:active { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-cyan-900:disabled { outline-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-sky-50 { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-sky-50:hover { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-sky-50:focus { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-sky-50:active { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-sky-50:disabled { outline-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-sky-100 { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-sky-100:hover { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-sky-100:focus { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-sky-100:active { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-sky-100:disabled { outline-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-sky-200 { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-sky-200:hover { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-sky-200:focus { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-sky-200:active { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-sky-200:disabled { outline-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-sky-300 { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-sky-300:hover { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-sky-300:focus { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-sky-300:active { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-sky-300:disabled { outline-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-sky-400 { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-sky-400:hover { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-sky-400:focus { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-sky-400:active { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-sky-400:disabled { outline-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-sky-500 { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-sky-500:hover { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-sky-500:focus { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-sky-500:active { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-sky-500:disabled { outline-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-sky-600 { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-sky-600:hover { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-sky-600:focus { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-sky-600:active { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-sky-600:disabled { outline-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-sky-700 { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-sky-700:hover { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-sky-700:focus { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-sky-700:active { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-sky-700:disabled { outline-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-sky-800 { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-sky-800:hover { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-sky-800:focus { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-sky-800:active { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-sky-800:disabled { outline-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-sky-900 { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-sky-900:hover { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-sky-900:focus { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-sky-900:active { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-sky-900:disabled { outline-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-violet-50 { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-violet-50:hover { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-violet-50:focus { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-violet-50:active { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-violet-50:disabled { outline-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-violet-100 { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-violet-100:hover { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-violet-100:focus { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-violet-100:active { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-violet-100:disabled { outline-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-violet-200 { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-violet-200:hover { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-violet-200:focus { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-violet-200:active { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-violet-200:disabled { outline-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-violet-300 { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-violet-300:hover { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-violet-300:focus { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-violet-300:active { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-violet-300:disabled { outline-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-violet-400 { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-violet-400:hover { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-violet-400:focus { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-violet-400:active { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-violet-400:disabled { outline-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-violet-500 { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-violet-500:hover { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-violet-500:focus { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-violet-500:active { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-violet-500:disabled { outline-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-violet-600 { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-violet-600:hover { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-violet-600:focus { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-violet-600:active { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-violet-600:disabled { outline-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-violet-700 { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-violet-700:hover { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-violet-700:focus { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-violet-700:active { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-violet-700:disabled { outline-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-violet-800 { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-violet-800:hover { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-violet-800:focus { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-violet-800:active { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-violet-800:disabled { outline-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-violet-900 { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-violet-900:hover { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-violet-900:focus { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-violet-900:active { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-violet-900:disabled { outline-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-rose-50 { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-rose-50:hover { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-rose-50:focus { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-rose-50:active { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-rose-50:disabled { outline-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-rose-100 { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-rose-100:hover { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-rose-100:focus { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-rose-100:active { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-rose-100:disabled { outline-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-rose-200 { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-rose-200:hover { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-rose-200:focus { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-rose-200:active { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-rose-200:disabled { outline-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-rose-300 { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-rose-300:hover { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-rose-300:focus { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-rose-300:active { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-rose-300:disabled { outline-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-rose-400 { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-rose-400:hover { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-rose-400:focus { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-rose-400:active { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-rose-400:disabled { outline-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-rose-500 { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-rose-500:hover { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-rose-500:focus { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-rose-500:active { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-rose-500:disabled { outline-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-rose-600 { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-rose-600:hover { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-rose-600:focus { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-rose-600:active { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-rose-600:disabled { outline-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-rose-700 { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-rose-700:hover { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-rose-700:focus { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-rose-700:active { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-rose-700:disabled { outline-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-rose-800 { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-rose-800:hover { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-rose-800:focus { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-rose-800:active { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-rose-800:disabled { outline-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-rose-900 { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-rose-900:hover { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-rose-900:focus { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-rose-900:active { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-rose-900:disabled { outline-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-slate-50 { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-slate-50:hover { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-slate-50:focus { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-slate-50:active { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-slate-50:disabled { outline-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-slate-100 { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-slate-100:hover { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-slate-100:focus { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-slate-100:active { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-slate-100:disabled { outline-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-slate-200 { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-slate-200:hover { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-slate-200:focus { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-slate-200:active { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-slate-200:disabled { outline-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-slate-300 { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-slate-300:hover { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-slate-300:focus { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-slate-300:active { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-slate-300:disabled { outline-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-slate-400 { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-slate-400:hover { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-slate-400:focus { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-slate-400:active { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-slate-400:disabled { outline-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-slate-500 { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-slate-500:hover { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-slate-500:focus { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-slate-500:active { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-slate-500:disabled { outline-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-slate-600 { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-slate-600:hover { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-slate-600:focus { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-slate-600:active { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-slate-600:disabled { outline-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-slate-700 { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-slate-700:hover { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-slate-700:focus { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-slate-700:active { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-slate-700:disabled { outline-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-slate-800 { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-slate-800:hover { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-slate-800:focus { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-slate-800:active { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-slate-800:disabled { outline-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-slate-900 { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-slate-900:hover { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-slate-900:focus { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-slate-900:active { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-slate-900:disabled { outline-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-blue-50 { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-blue-50:hover { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-blue-50:focus { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-blue-50:active { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-blue-50:disabled { outline-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-blue-100 { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-blue-100:hover { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-blue-100:focus { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-blue-100:active { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-blue-100:disabled { outline-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-blue-200 { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-blue-200:hover { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-blue-200:focus { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-blue-200:active { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-blue-200:disabled { outline-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-blue-300 { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-blue-300:hover { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-blue-300:focus { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-blue-300:active { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-blue-300:disabled { outline-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-blue-400 { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-blue-400:hover { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-blue-400:focus { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-blue-400:active { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-blue-400:disabled { outline-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-blue-500 { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-blue-500:hover { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-blue-500:focus { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-blue-500:active { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-blue-500:disabled { outline-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-blue-600 { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-blue-600:hover { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-blue-600:focus { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-blue-600:active { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-blue-600:disabled { outline-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-blue-700 { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-blue-700:hover { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-blue-700:focus { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-blue-700:active { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-blue-700:disabled { outline-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-blue-800 { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-blue-800:hover { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-blue-800:focus { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-blue-800:active { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-blue-800:disabled { outline-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-blue-900 { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-blue-900:hover { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-blue-900:focus { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-blue-900:active { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-blue-900:disabled { outline-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-green-50 { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-green-50:hover { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-green-50:focus { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-green-50:active { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-green-50:disabled { outline-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-green-100 { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-green-100:hover { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-green-100:focus { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-green-100:active { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-green-100:disabled { outline-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-green-200 { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-green-200:hover { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-green-200:focus { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-green-200:active { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-green-200:disabled { outline-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-green-300 { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-green-300:hover { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-green-300:focus { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-green-300:active { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-green-300:disabled { outline-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-green-400 { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-green-400:hover { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-green-400:focus { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-green-400:active { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-green-400:disabled { outline-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-green-500 { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-green-500:hover { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-green-500:focus { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-green-500:active { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-green-500:disabled { outline-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-green-600 { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-green-600:hover { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-green-600:focus { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-green-600:active { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-green-600:disabled { outline-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-green-700 { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-green-700:hover { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-green-700:focus { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-green-700:active { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-green-700:disabled { outline-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-green-800 { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-green-800:hover { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-green-800:focus { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-green-800:active { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-green-800:disabled { outline-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-green-900 { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-green-900:hover { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-green-900:focus { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-green-900:active { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-green-900:disabled { outline-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-black { outline-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-black:hover { outline-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-black:focus { outline-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-black:active { outline-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-black:disabled { outline-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-white { outline-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-white:hover { outline-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-white:focus { outline-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-white:active { outline-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-white:disabled { outline-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sm { --ring-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sm:hover { --ring-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sm:focus { --ring-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sm:active { --ring-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sm:disabled { --ring-width: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-md { --ring-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-md:hover { --ring-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-md:focus { --ring-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-md:active { --ring-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-md:disabled { --ring-width: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lg { --ring-width: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lg:hover { --ring-width: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lg:focus { --ring-width: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lg:active { --ring-width: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lg:disabled { --ring-width: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-inset { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-inset:hover { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-inset:focus { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-inset:active { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-inset:disabled { box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-red-50 { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-red-50:hover { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-red-50:focus { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-red-50:active { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-red-50:disabled { --quanta-ring-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-red-100 { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-red-100:hover { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-red-100:focus { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-red-100:active { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-red-100:disabled { --quanta-ring-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-red-200 { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-red-200:hover { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-red-200:focus { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-red-200:active { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-red-200:disabled { --quanta-ring-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-red-300 { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-red-300:hover { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-red-300:focus { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-red-300:active { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-red-300:disabled { --quanta-ring-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-red-400 { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-red-400:hover { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-red-400:focus { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-red-400:active { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-red-400:disabled { --quanta-ring-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-red-500 { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-red-500:hover { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-red-500:focus { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-red-500:active { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-red-500:disabled { --quanta-ring-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-red-600 { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-red-600:hover { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-red-600:focus { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-red-600:active { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-red-600:disabled { --quanta-ring-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-red-700 { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-red-700:hover { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-red-700:focus { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-red-700:active { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-red-700:disabled { --quanta-ring-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-red-800 { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-red-800:hover { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-red-800:focus { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-red-800:active { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-red-800:disabled { --quanta-ring-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-red-900 { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-red-900:hover { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-red-900:focus { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-red-900:active { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-red-900:disabled { --quanta-ring-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-orange-50 { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-orange-50:hover { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-orange-50:focus { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-orange-50:active { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-orange-50:disabled { --quanta-ring-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-orange-100 { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-orange-100:hover { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-orange-100:focus { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-orange-100:active { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-orange-100:disabled { --quanta-ring-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-orange-200 { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-orange-200:hover { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-orange-200:focus { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-orange-200:active { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-orange-200:disabled { --quanta-ring-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-orange-300 { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-orange-300:hover { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-orange-300:focus { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-orange-300:active { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-orange-300:disabled { --quanta-ring-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-orange-400 { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-orange-400:hover { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-orange-400:focus { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-orange-400:active { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-orange-400:disabled { --quanta-ring-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-orange-500 { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-orange-500:hover { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-orange-500:focus { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-orange-500:active { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-orange-500:disabled { --quanta-ring-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-orange-600 { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-orange-600:hover { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-orange-600:focus { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-orange-600:active { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-orange-600:disabled { --quanta-ring-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-orange-700 { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-orange-700:hover { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-orange-700:focus { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-orange-700:active { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-orange-700:disabled { --quanta-ring-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-orange-800 { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-orange-800:hover { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-orange-800:focus { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-orange-800:active { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-orange-800:disabled { --quanta-ring-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-orange-900 { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-orange-900:hover { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-orange-900:focus { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-orange-900:active { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-orange-900:disabled { --quanta-ring-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-teal-50 { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-teal-50:hover { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-teal-50:focus { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-teal-50:active { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-teal-50:disabled { --quanta-ring-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-teal-100 { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-teal-100:hover { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-teal-100:focus { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-teal-100:active { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-teal-100:disabled { --quanta-ring-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-teal-200 { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-teal-200:hover { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-teal-200:focus { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-teal-200:active { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-teal-200:disabled { --quanta-ring-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-teal-300 { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-teal-300:hover { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-teal-300:focus { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-teal-300:active { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-teal-300:disabled { --quanta-ring-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-teal-400 { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-teal-400:hover { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-teal-400:focus { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-teal-400:active { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-teal-400:disabled { --quanta-ring-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-teal-500 { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-teal-500:hover { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-teal-500:focus { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-teal-500:active { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-teal-500:disabled { --quanta-ring-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-teal-600 { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-teal-600:hover { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-teal-600:focus { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-teal-600:active { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-teal-600:disabled { --quanta-ring-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-teal-700 { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-teal-700:hover { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-teal-700:focus { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-teal-700:active { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-teal-700:disabled { --quanta-ring-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-teal-800 { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-teal-800:hover { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-teal-800:focus { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-teal-800:active { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-teal-800:disabled { --quanta-ring-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-teal-900 { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-teal-900:hover { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-teal-900:focus { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-teal-900:active { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-teal-900:disabled { --quanta-ring-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-purple-50 { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-purple-50:hover { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-purple-50:focus { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-purple-50:active { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-purple-50:disabled { --quanta-ring-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-purple-100 { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-purple-100:hover { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-purple-100:focus { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-purple-100:active { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-purple-100:disabled { --quanta-ring-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-purple-200 { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-purple-200:hover { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-purple-200:focus { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-purple-200:active { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-purple-200:disabled { --quanta-ring-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-purple-300 { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-purple-300:hover { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-purple-300:focus { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-purple-300:active { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-purple-300:disabled { --quanta-ring-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-purple-400 { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-purple-400:hover { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-purple-400:focus { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-purple-400:active { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-purple-400:disabled { --quanta-ring-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-purple-500 { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-purple-500:hover { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-purple-500:focus { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-purple-500:active { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-purple-500:disabled { --quanta-ring-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-purple-600 { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-purple-600:hover { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-purple-600:focus { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-purple-600:active { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-purple-600:disabled { --quanta-ring-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-purple-700 { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-purple-700:hover { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-purple-700:focus { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-purple-700:active { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-purple-700:disabled { --quanta-ring-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-purple-800 { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-purple-800:hover { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-purple-800:focus { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-purple-800:active { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-purple-800:disabled { --quanta-ring-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-purple-900 { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-purple-900:hover { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-purple-900:focus { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-purple-900:active { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-purple-900:disabled { --quanta-ring-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-indigo-50 { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-indigo-50:hover { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-indigo-50:focus { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-indigo-50:active { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-indigo-50:disabled { --quanta-ring-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-indigo-100 { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-indigo-100:hover { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-indigo-100:focus { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-indigo-100:active { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-indigo-100:disabled { --quanta-ring-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-indigo-200 { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-indigo-200:hover { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-indigo-200:focus { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-indigo-200:active { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-indigo-200:disabled { --quanta-ring-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-indigo-300 { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-indigo-300:hover { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-indigo-300:focus { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-indigo-300:active { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-indigo-300:disabled { --quanta-ring-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-indigo-400 { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-indigo-400:hover { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-indigo-400:focus { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-indigo-400:active { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-indigo-400:disabled { --quanta-ring-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-indigo-500 { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-indigo-500:hover { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-indigo-500:focus { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-indigo-500:active { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-indigo-500:disabled { --quanta-ring-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-indigo-600 { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-indigo-600:hover { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-indigo-600:focus { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-indigo-600:active { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-indigo-600:disabled { --quanta-ring-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-indigo-700 { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-indigo-700:hover { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-indigo-700:focus { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-indigo-700:active { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-indigo-700:disabled { --quanta-ring-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-indigo-800 { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-indigo-800:hover { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-indigo-800:focus { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-indigo-800:active { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-indigo-800:disabled { --quanta-ring-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-indigo-900 { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-indigo-900:hover { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-indigo-900:focus { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-indigo-900:active { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-indigo-900:disabled { --quanta-ring-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-yellow-50 { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-yellow-50:hover { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-yellow-50:focus { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-yellow-50:active { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-yellow-50:disabled { --quanta-ring-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-yellow-100 { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-yellow-100:hover { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-yellow-100:focus { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-yellow-100:active { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-yellow-100:disabled { --quanta-ring-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-yellow-200 { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-yellow-200:hover { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-yellow-200:focus { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-yellow-200:active { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-yellow-200:disabled { --quanta-ring-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-yellow-300 { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-yellow-300:hover { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-yellow-300:focus { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-yellow-300:active { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-yellow-300:disabled { --quanta-ring-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-yellow-400 { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-yellow-400:hover { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-yellow-400:focus { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-yellow-400:active { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-yellow-400:disabled { --quanta-ring-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-yellow-500 { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-yellow-500:hover { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-yellow-500:focus { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-yellow-500:active { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-yellow-500:disabled { --quanta-ring-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-yellow-600 { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-yellow-600:hover { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-yellow-600:focus { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-yellow-600:active { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-yellow-600:disabled { --quanta-ring-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-yellow-700 { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-yellow-700:hover { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-yellow-700:focus { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-yellow-700:active { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-yellow-700:disabled { --quanta-ring-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-yellow-800 { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-yellow-800:hover { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-yellow-800:focus { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-yellow-800:active { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-yellow-800:disabled { --quanta-ring-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-yellow-900 { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-yellow-900:hover { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-yellow-900:focus { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-yellow-900:active { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-yellow-900:disabled { --quanta-ring-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-pink-50 { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-pink-50:hover { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-pink-50:focus { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-pink-50:active { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-pink-50:disabled { --quanta-ring-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-pink-100 { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-pink-100:hover { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-pink-100:focus { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-pink-100:active { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-pink-100:disabled { --quanta-ring-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-pink-200 { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-pink-200:hover { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-pink-200:focus { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-pink-200:active { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-pink-200:disabled { --quanta-ring-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-pink-300 { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-pink-300:hover { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-pink-300:focus { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-pink-300:active { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-pink-300:disabled { --quanta-ring-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-pink-400 { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-pink-400:hover { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-pink-400:focus { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-pink-400:active { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-pink-400:disabled { --quanta-ring-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-pink-500 { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-pink-500:hover { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-pink-500:focus { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-pink-500:active { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-pink-500:disabled { --quanta-ring-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-pink-600 { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-pink-600:hover { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-pink-600:focus { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-pink-600:active { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-pink-600:disabled { --quanta-ring-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-pink-700 { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-pink-700:hover { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-pink-700:focus { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-pink-700:active { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-pink-700:disabled { --quanta-ring-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-pink-800 { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-pink-800:hover { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-pink-800:focus { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-pink-800:active { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-pink-800:disabled { --quanta-ring-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-pink-900 { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-pink-900:hover { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-pink-900:focus { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-pink-900:active { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-pink-900:disabled { --quanta-ring-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-grey-50 { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-grey-50:hover { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-grey-50:focus { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-grey-50:active { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-grey-50:disabled { --quanta-ring-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-grey-100 { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-grey-100:hover { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-grey-100:focus { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-grey-100:active { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-grey-100:disabled { --quanta-ring-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-grey-200 { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-grey-200:hover { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-grey-200:focus { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-grey-200:active { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-grey-200:disabled { --quanta-ring-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-grey-300 { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-grey-300:hover { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-grey-300:focus { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-grey-300:active { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-grey-300:disabled { --quanta-ring-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-grey-400 { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-grey-400:hover { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-grey-400:focus { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-grey-400:active { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-grey-400:disabled { --quanta-ring-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-grey-500 { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-grey-500:hover { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-grey-500:focus { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-grey-500:active { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-grey-500:disabled { --quanta-ring-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-grey-600 { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-grey-600:hover { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-grey-600:focus { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-grey-600:active { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-grey-600:disabled { --quanta-ring-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-grey-700 { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-grey-700:hover { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-grey-700:focus { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-grey-700:active { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-grey-700:disabled { --quanta-ring-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-grey-800 { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-grey-800:hover { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-grey-800:focus { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-grey-800:active { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-grey-800:disabled { --quanta-ring-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-grey-900 { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-grey-900:hover { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-grey-900:focus { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-grey-900:active { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-grey-900:disabled { --quanta-ring-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lime-50 { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lime-50:hover { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lime-50:focus { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lime-50:active { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lime-50:disabled { --quanta-ring-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lime-100 { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lime-100:hover { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lime-100:focus { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lime-100:active { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lime-100:disabled { --quanta-ring-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lime-200 { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lime-200:hover { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lime-200:focus { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lime-200:active { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lime-200:disabled { --quanta-ring-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lime-300 { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lime-300:hover { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lime-300:focus { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lime-300:active { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lime-300:disabled { --quanta-ring-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lime-400 { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lime-400:hover { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lime-400:focus { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lime-400:active { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lime-400:disabled { --quanta-ring-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lime-500 { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lime-500:hover { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lime-500:focus { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lime-500:active { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lime-500:disabled { --quanta-ring-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lime-600 { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lime-600:hover { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lime-600:focus { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lime-600:active { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lime-600:disabled { --quanta-ring-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lime-700 { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lime-700:hover { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lime-700:focus { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lime-700:active { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lime-700:disabled { --quanta-ring-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lime-800 { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lime-800:hover { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lime-800:focus { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lime-800:active { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lime-800:disabled { --quanta-ring-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-lime-900 { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-lime-900:hover { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-lime-900:focus { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-lime-900:active { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-lime-900:disabled { --quanta-ring-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-cyan-50 { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-cyan-50:hover { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-cyan-50:focus { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-cyan-50:active { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-cyan-50:disabled { --quanta-ring-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-cyan-100 { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-cyan-100:hover { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-cyan-100:focus { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-cyan-100:active { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-cyan-100:disabled { --quanta-ring-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-cyan-200 { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-cyan-200:hover { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-cyan-200:focus { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-cyan-200:active { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-cyan-200:disabled { --quanta-ring-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-cyan-300 { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-cyan-300:hover { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-cyan-300:focus { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-cyan-300:active { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-cyan-300:disabled { --quanta-ring-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-cyan-400 { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-cyan-400:hover { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-cyan-400:focus { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-cyan-400:active { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-cyan-400:disabled { --quanta-ring-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-cyan-500 { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-cyan-500:hover { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-cyan-500:focus { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-cyan-500:active { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-cyan-500:disabled { --quanta-ring-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-cyan-600 { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-cyan-600:hover { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-cyan-600:focus { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-cyan-600:active { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-cyan-600:disabled { --quanta-ring-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-cyan-700 { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-cyan-700:hover { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-cyan-700:focus { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-cyan-700:active { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-cyan-700:disabled { --quanta-ring-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-cyan-800 { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-cyan-800:hover { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-cyan-800:focus { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-cyan-800:active { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-cyan-800:disabled { --quanta-ring-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-cyan-900 { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-cyan-900:hover { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-cyan-900:focus { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-cyan-900:active { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-cyan-900:disabled { --quanta-ring-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sky-50 { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sky-50:hover { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sky-50:focus { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sky-50:active { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sky-50:disabled { --quanta-ring-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sky-100 { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sky-100:hover { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sky-100:focus { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sky-100:active { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sky-100:disabled { --quanta-ring-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sky-200 { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sky-200:hover { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sky-200:focus { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sky-200:active { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sky-200:disabled { --quanta-ring-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sky-300 { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sky-300:hover { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sky-300:focus { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sky-300:active { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sky-300:disabled { --quanta-ring-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sky-400 { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sky-400:hover { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sky-400:focus { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sky-400:active { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sky-400:disabled { --quanta-ring-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sky-500 { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sky-500:hover { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sky-500:focus { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sky-500:active { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sky-500:disabled { --quanta-ring-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sky-600 { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sky-600:hover { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sky-600:focus { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sky-600:active { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sky-600:disabled { --quanta-ring-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sky-700 { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sky-700:hover { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sky-700:focus { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sky-700:active { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sky-700:disabled { --quanta-ring-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sky-800 { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sky-800:hover { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sky-800:focus { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sky-800:active { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sky-800:disabled { --quanta-ring-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-sky-900 { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-sky-900:hover { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-sky-900:focus { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-sky-900:active { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-sky-900:disabled { --quanta-ring-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-violet-50 { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-violet-50:hover { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-violet-50:focus { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-violet-50:active { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-violet-50:disabled { --quanta-ring-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-violet-100 { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-violet-100:hover { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-violet-100:focus { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-violet-100:active { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-violet-100:disabled { --quanta-ring-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-violet-200 { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-violet-200:hover { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-violet-200:focus { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-violet-200:active { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-violet-200:disabled { --quanta-ring-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-violet-300 { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-violet-300:hover { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-violet-300:focus { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-violet-300:active { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-violet-300:disabled { --quanta-ring-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-violet-400 { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-violet-400:hover { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-violet-400:focus { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-violet-400:active { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-violet-400:disabled { --quanta-ring-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-violet-500 { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-violet-500:hover { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-violet-500:focus { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-violet-500:active { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-violet-500:disabled { --quanta-ring-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-violet-600 { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-violet-600:hover { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-violet-600:focus { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-violet-600:active { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-violet-600:disabled { --quanta-ring-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-violet-700 { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-violet-700:hover { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-violet-700:focus { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-violet-700:active { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-violet-700:disabled { --quanta-ring-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-violet-800 { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-violet-800:hover { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-violet-800:focus { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-violet-800:active { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-violet-800:disabled { --quanta-ring-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-violet-900 { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-violet-900:hover { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-violet-900:focus { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-violet-900:active { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-violet-900:disabled { --quanta-ring-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-rose-50 { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-rose-50:hover { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-rose-50:focus { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-rose-50:active { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-rose-50:disabled { --quanta-ring-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-rose-100 { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-rose-100:hover { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-rose-100:focus { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-rose-100:active { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-rose-100:disabled { --quanta-ring-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-rose-200 { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-rose-200:hover { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-rose-200:focus { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-rose-200:active { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-rose-200:disabled { --quanta-ring-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-rose-300 { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-rose-300:hover { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-rose-300:focus { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-rose-300:active { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-rose-300:disabled { --quanta-ring-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-rose-400 { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-rose-400:hover { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-rose-400:focus { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-rose-400:active { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-rose-400:disabled { --quanta-ring-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-rose-500 { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-rose-500:hover { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-rose-500:focus { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-rose-500:active { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-rose-500:disabled { --quanta-ring-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-rose-600 { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-rose-600:hover { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-rose-600:focus { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-rose-600:active { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-rose-600:disabled { --quanta-ring-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-rose-700 { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-rose-700:hover { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-rose-700:focus { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-rose-700:active { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-rose-700:disabled { --quanta-ring-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-rose-800 { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-rose-800:hover { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-rose-800:focus { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-rose-800:active { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-rose-800:disabled { --quanta-ring-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-rose-900 { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-rose-900:hover { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-rose-900:focus { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-rose-900:active { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-rose-900:disabled { --quanta-ring-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-slate-50 { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-slate-50:hover { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-slate-50:focus { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-slate-50:active { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-slate-50:disabled { --quanta-ring-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-slate-100 { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-slate-100:hover { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-slate-100:focus { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-slate-100:active { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-slate-100:disabled { --quanta-ring-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-slate-200 { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-slate-200:hover { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-slate-200:focus { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-slate-200:active { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-slate-200:disabled { --quanta-ring-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-slate-300 { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-slate-300:hover { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-slate-300:focus { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-slate-300:active { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-slate-300:disabled { --quanta-ring-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-slate-400 { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-slate-400:hover { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-slate-400:focus { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-slate-400:active { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-slate-400:disabled { --quanta-ring-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-slate-500 { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-slate-500:hover { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-slate-500:focus { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-slate-500:active { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-slate-500:disabled { --quanta-ring-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-slate-600 { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-slate-600:hover { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-slate-600:focus { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-slate-600:active { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-slate-600:disabled { --quanta-ring-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-slate-700 { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-slate-700:hover { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-slate-700:focus { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-slate-700:active { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-slate-700:disabled { --quanta-ring-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-slate-800 { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-slate-800:hover { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-slate-800:focus { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-slate-800:active { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-slate-800:disabled { --quanta-ring-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-slate-900 { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-slate-900:hover { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-slate-900:focus { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-slate-900:active { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-slate-900:disabled { --quanta-ring-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-blue-50 { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-blue-50:hover { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-blue-50:focus { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-blue-50:active { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-blue-50:disabled { --quanta-ring-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-blue-100 { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-blue-100:hover { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-blue-100:focus { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-blue-100:active { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-blue-100:disabled { --quanta-ring-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-blue-200 { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-blue-200:hover { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-blue-200:focus { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-blue-200:active { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-blue-200:disabled { --quanta-ring-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-blue-300 { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-blue-300:hover { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-blue-300:focus { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-blue-300:active { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-blue-300:disabled { --quanta-ring-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-blue-400 { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-blue-400:hover { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-blue-400:focus { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-blue-400:active { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-blue-400:disabled { --quanta-ring-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-blue-500 { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-blue-500:hover { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-blue-500:focus { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-blue-500:active { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-blue-500:disabled { --quanta-ring-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-blue-600 { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-blue-600:hover { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-blue-600:focus { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-blue-600:active { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-blue-600:disabled { --quanta-ring-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-blue-700 { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-blue-700:hover { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-blue-700:focus { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-blue-700:active { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-blue-700:disabled { --quanta-ring-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-blue-800 { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-blue-800:hover { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-blue-800:focus { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-blue-800:active { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-blue-800:disabled { --quanta-ring-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-blue-900 { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-blue-900:hover { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-blue-900:focus { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-blue-900:active { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-blue-900:disabled { --quanta-ring-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-green-50 { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-green-50:hover { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-green-50:focus { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-green-50:active { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-green-50:disabled { --quanta-ring-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-green-100 { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-green-100:hover { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-green-100:focus { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-green-100:active { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-green-100:disabled { --quanta-ring-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-green-200 { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-green-200:hover { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-green-200:focus { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-green-200:active { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-green-200:disabled { --quanta-ring-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-green-300 { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-green-300:hover { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-green-300:focus { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-green-300:active { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-green-300:disabled { --quanta-ring-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-green-400 { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-green-400:hover { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-green-400:focus { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-green-400:active { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-green-400:disabled { --quanta-ring-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-green-500 { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-green-500:hover { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-green-500:focus { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-green-500:active { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-green-500:disabled { --quanta-ring-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-green-600 { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-green-600:hover { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-green-600:focus { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-green-600:active { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-green-600:disabled { --quanta-ring-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-green-700 { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-green-700:hover { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-green-700:focus { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-green-700:active { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-green-700:disabled { --quanta-ring-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-green-800 { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-green-800:hover { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-green-800:focus { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-green-800:active { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-green-800:disabled { --quanta-ring-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-green-900 { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-green-900:hover { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-green-900:focus { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-green-900:active { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-green-900:disabled { --quanta-ring-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-black { --quanta-ring-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-black:hover { --quanta-ring-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-black:focus { --quanta-ring-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-black:active { --quanta-ring-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-black:disabled { --quanta-ring-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-white { --quanta-ring-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-white:hover { --quanta-ring-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-white:focus { --quanta-ring-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-white:active { --quanta-ring-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-white:disabled { --quanta-ring-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-red-50 { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-red-50:hover { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-red-50:focus { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-red-50:active { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-red-50:disabled { --shadow-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-red-100 { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-red-100:hover { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-red-100:focus { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-red-100:active { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-red-100:disabled { --shadow-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-red-200 { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-red-200:hover { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-red-200:focus { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-red-200:active { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-red-200:disabled { --shadow-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-red-300 { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-red-300:hover { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-red-300:focus { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-red-300:active { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-red-300:disabled { --shadow-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-red-400 { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-red-400:hover { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-red-400:focus { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-red-400:active { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-red-400:disabled { --shadow-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-red-500 { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-red-500:hover { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-red-500:focus { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-red-500:active { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-red-500:disabled { --shadow-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-red-600 { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-red-600:hover { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-red-600:focus { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-red-600:active { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-red-600:disabled { --shadow-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-red-700 { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-red-700:hover { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-red-700:focus { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-red-700:active { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-red-700:disabled { --shadow-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-red-800 { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-red-800:hover { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-red-800:focus { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-red-800:active { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-red-800:disabled { --shadow-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-red-900 { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-red-900:hover { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-red-900:focus { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-red-900:active { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-red-900:disabled { --shadow-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-orange-50 { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-orange-50:hover { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-orange-50:focus { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-orange-50:active { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-orange-50:disabled { --shadow-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-orange-100 { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-orange-100:hover { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-orange-100:focus { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-orange-100:active { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-orange-100:disabled { --shadow-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-orange-200 { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-orange-200:hover { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-orange-200:focus { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-orange-200:active { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-orange-200:disabled { --shadow-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-orange-300 { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-orange-300:hover { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-orange-300:focus { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-orange-300:active { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-orange-300:disabled { --shadow-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-orange-400 { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-orange-400:hover { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-orange-400:focus { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-orange-400:active { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-orange-400:disabled { --shadow-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-orange-500 { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-orange-500:hover { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-orange-500:focus { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-orange-500:active { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-orange-500:disabled { --shadow-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-orange-600 { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-orange-600:hover { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-orange-600:focus { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-orange-600:active { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-orange-600:disabled { --shadow-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-orange-700 { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-orange-700:hover { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-orange-700:focus { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-orange-700:active { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-orange-700:disabled { --shadow-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-orange-800 { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-orange-800:hover { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-orange-800:focus { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-orange-800:active { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-orange-800:disabled { --shadow-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-orange-900 { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-orange-900:hover { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-orange-900:focus { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-orange-900:active { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-orange-900:disabled { --shadow-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-teal-50 { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-teal-50:hover { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-teal-50:focus { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-teal-50:active { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-teal-50:disabled { --shadow-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-teal-100 { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-teal-100:hover { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-teal-100:focus { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-teal-100:active { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-teal-100:disabled { --shadow-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-teal-200 { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-teal-200:hover { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-teal-200:focus { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-teal-200:active { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-teal-200:disabled { --shadow-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-teal-300 { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-teal-300:hover { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-teal-300:focus { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-teal-300:active { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-teal-300:disabled { --shadow-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-teal-400 { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-teal-400:hover { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-teal-400:focus { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-teal-400:active { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-teal-400:disabled { --shadow-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-teal-500 { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-teal-500:hover { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-teal-500:focus { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-teal-500:active { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-teal-500:disabled { --shadow-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-teal-600 { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-teal-600:hover { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-teal-600:focus { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-teal-600:active { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-teal-600:disabled { --shadow-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-teal-700 { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-teal-700:hover { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-teal-700:focus { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-teal-700:active { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-teal-700:disabled { --shadow-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-teal-800 { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-teal-800:hover { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-teal-800:focus { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-teal-800:active { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-teal-800:disabled { --shadow-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-teal-900 { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-teal-900:hover { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-teal-900:focus { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-teal-900:active { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-teal-900:disabled { --shadow-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-purple-50 { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-purple-50:hover { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-purple-50:focus { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-purple-50:active { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-purple-50:disabled { --shadow-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-purple-100 { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-purple-100:hover { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-purple-100:focus { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-purple-100:active { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-purple-100:disabled { --shadow-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-purple-200 { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-purple-200:hover { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-purple-200:focus { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-purple-200:active { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-purple-200:disabled { --shadow-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-purple-300 { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-purple-300:hover { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-purple-300:focus { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-purple-300:active { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-purple-300:disabled { --shadow-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-purple-400 { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-purple-400:hover { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-purple-400:focus { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-purple-400:active { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-purple-400:disabled { --shadow-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-purple-500 { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-purple-500:hover { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-purple-500:focus { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-purple-500:active { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-purple-500:disabled { --shadow-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-purple-600 { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-purple-600:hover { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-purple-600:focus { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-purple-600:active { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-purple-600:disabled { --shadow-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-purple-700 { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-purple-700:hover { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-purple-700:focus { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-purple-700:active { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-purple-700:disabled { --shadow-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-purple-800 { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-purple-800:hover { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-purple-800:focus { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-purple-800:active { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-purple-800:disabled { --shadow-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-purple-900 { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-purple-900:hover { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-purple-900:focus { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-purple-900:active { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-purple-900:disabled { --shadow-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-indigo-50 { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-indigo-50:hover { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-indigo-50:focus { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-indigo-50:active { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-50:disabled { --shadow-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-indigo-100 { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-indigo-100:hover { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-indigo-100:focus { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-indigo-100:active { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-100:disabled { --shadow-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-indigo-200 { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-indigo-200:hover { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-indigo-200:focus { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-indigo-200:active { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-200:disabled { --shadow-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-indigo-300 { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-indigo-300:hover { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-indigo-300:focus { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-indigo-300:active { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-300:disabled { --shadow-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-indigo-400 { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-indigo-400:hover { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-indigo-400:focus { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-indigo-400:active { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-400:disabled { --shadow-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-indigo-500 { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-indigo-500:hover { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-indigo-500:focus { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-indigo-500:active { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-500:disabled { --shadow-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-indigo-600 { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-indigo-600:hover { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-indigo-600:focus { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-indigo-600:active { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-600:disabled { --shadow-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-indigo-700 { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-indigo-700:hover { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-indigo-700:focus { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-indigo-700:active { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-700:disabled { --shadow-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-indigo-800 { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-indigo-800:hover { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-indigo-800:focus { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-indigo-800:active { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-800:disabled { --shadow-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-indigo-900 { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-indigo-900:hover { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-indigo-900:focus { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-indigo-900:active { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-indigo-900:disabled { --shadow-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-yellow-50 { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-yellow-50:hover { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-yellow-50:focus { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-yellow-50:active { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-50:disabled { --shadow-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-yellow-100 { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-yellow-100:hover { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-yellow-100:focus { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-yellow-100:active { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-100:disabled { --shadow-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-yellow-200 { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-yellow-200:hover { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-yellow-200:focus { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-yellow-200:active { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-200:disabled { --shadow-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-yellow-300 { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-yellow-300:hover { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-yellow-300:focus { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-yellow-300:active { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-300:disabled { --shadow-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-yellow-400 { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-yellow-400:hover { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-yellow-400:focus { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-yellow-400:active { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-400:disabled { --shadow-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-yellow-500 { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-yellow-500:hover { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-yellow-500:focus { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-yellow-500:active { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-500:disabled { --shadow-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-yellow-600 { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-yellow-600:hover { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-yellow-600:focus { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-yellow-600:active { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-600:disabled { --shadow-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-yellow-700 { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-yellow-700:hover { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-yellow-700:focus { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-yellow-700:active { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-700:disabled { --shadow-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-yellow-800 { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-yellow-800:hover { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-yellow-800:focus { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-yellow-800:active { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-800:disabled { --shadow-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-yellow-900 { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-yellow-900:hover { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-yellow-900:focus { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-yellow-900:active { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-yellow-900:disabled { --shadow-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-pink-50 { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-pink-50:hover { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-pink-50:focus { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-pink-50:active { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-pink-50:disabled { --shadow-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-pink-100 { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-pink-100:hover { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-pink-100:focus { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-pink-100:active { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-pink-100:disabled { --shadow-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-pink-200 { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-pink-200:hover { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-pink-200:focus { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-pink-200:active { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-pink-200:disabled { --shadow-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-pink-300 { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-pink-300:hover { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-pink-300:focus { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-pink-300:active { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-pink-300:disabled { --shadow-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-pink-400 { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-pink-400:hover { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-pink-400:focus { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-pink-400:active { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-pink-400:disabled { --shadow-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-pink-500 { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-pink-500:hover { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-pink-500:focus { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-pink-500:active { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-pink-500:disabled { --shadow-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-pink-600 { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-pink-600:hover { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-pink-600:focus { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-pink-600:active { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-pink-600:disabled { --shadow-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-pink-700 { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-pink-700:hover { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-pink-700:focus { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-pink-700:active { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-pink-700:disabled { --shadow-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-pink-800 { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-pink-800:hover { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-pink-800:focus { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-pink-800:active { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-pink-800:disabled { --shadow-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-pink-900 { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-pink-900:hover { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-pink-900:focus { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-pink-900:active { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-pink-900:disabled { --shadow-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-grey-50 { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-grey-50:hover { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-grey-50:focus { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-grey-50:active { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-grey-50:disabled { --shadow-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-grey-100 { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-grey-100:hover { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-grey-100:focus { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-grey-100:active { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-grey-100:disabled { --shadow-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-grey-200 { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-grey-200:hover { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-grey-200:focus { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-grey-200:active { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-grey-200:disabled { --shadow-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-grey-300 { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-grey-300:hover { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-grey-300:focus { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-grey-300:active { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-grey-300:disabled { --shadow-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-grey-400 { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-grey-400:hover { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-grey-400:focus { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-grey-400:active { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-grey-400:disabled { --shadow-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-grey-500 { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-grey-500:hover { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-grey-500:focus { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-grey-500:active { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-grey-500:disabled { --shadow-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-grey-600 { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-grey-600:hover { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-grey-600:focus { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-grey-600:active { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-grey-600:disabled { --shadow-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-grey-700 { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-grey-700:hover { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-grey-700:focus { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-grey-700:active { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-grey-700:disabled { --shadow-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-grey-800 { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-grey-800:hover { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-grey-800:focus { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-grey-800:active { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-grey-800:disabled { --shadow-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-grey-900 { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-grey-900:hover { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-grey-900:focus { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-grey-900:active { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-grey-900:disabled { --shadow-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-lime-50 { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-lime-50:hover { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-lime-50:focus { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-lime-50:active { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-lime-50:disabled { --shadow-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-lime-100 { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-lime-100:hover { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-lime-100:focus { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-lime-100:active { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-lime-100:disabled { --shadow-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-lime-200 { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-lime-200:hover { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-lime-200:focus { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-lime-200:active { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-lime-200:disabled { --shadow-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-lime-300 { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-lime-300:hover { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-lime-300:focus { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-lime-300:active { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-lime-300:disabled { --shadow-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-lime-400 { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-lime-400:hover { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-lime-400:focus { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-lime-400:active { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-lime-400:disabled { --shadow-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-lime-500 { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-lime-500:hover { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-lime-500:focus { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-lime-500:active { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-lime-500:disabled { --shadow-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-lime-600 { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-lime-600:hover { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-lime-600:focus { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-lime-600:active { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-lime-600:disabled { --shadow-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-lime-700 { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-lime-700:hover { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-lime-700:focus { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-lime-700:active { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-lime-700:disabled { --shadow-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-lime-800 { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-lime-800:hover { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-lime-800:focus { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-lime-800:active { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-lime-800:disabled { --shadow-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-lime-900 { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-lime-900:hover { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-lime-900:focus { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-lime-900:active { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-lime-900:disabled { --shadow-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-cyan-50 { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-cyan-50:hover { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-cyan-50:focus { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-cyan-50:active { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-50:disabled { --shadow-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-cyan-100 { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-cyan-100:hover { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-cyan-100:focus { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-cyan-100:active { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-100:disabled { --shadow-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-cyan-200 { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-cyan-200:hover { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-cyan-200:focus { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-cyan-200:active { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-200:disabled { --shadow-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-cyan-300 { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-cyan-300:hover { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-cyan-300:focus { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-cyan-300:active { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-300:disabled { --shadow-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-cyan-400 { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-cyan-400:hover { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-cyan-400:focus { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-cyan-400:active { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-400:disabled { --shadow-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-cyan-500 { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-cyan-500:hover { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-cyan-500:focus { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-cyan-500:active { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-500:disabled { --shadow-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-cyan-600 { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-cyan-600:hover { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-cyan-600:focus { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-cyan-600:active { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-600:disabled { --shadow-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-cyan-700 { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-cyan-700:hover { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-cyan-700:focus { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-cyan-700:active { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-700:disabled { --shadow-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-cyan-800 { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-cyan-800:hover { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-cyan-800:focus { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-cyan-800:active { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-800:disabled { --shadow-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-cyan-900 { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-cyan-900:hover { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-cyan-900:focus { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-cyan-900:active { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-cyan-900:disabled { --shadow-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-sky-50 { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-sky-50:hover { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-sky-50:focus { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-sky-50:active { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-sky-50:disabled { --shadow-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-sky-100 { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-sky-100:hover { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-sky-100:focus { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-sky-100:active { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-sky-100:disabled { --shadow-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-sky-200 { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-sky-200:hover { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-sky-200:focus { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-sky-200:active { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-sky-200:disabled { --shadow-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-sky-300 { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-sky-300:hover { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-sky-300:focus { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-sky-300:active { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-sky-300:disabled { --shadow-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-sky-400 { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-sky-400:hover { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-sky-400:focus { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-sky-400:active { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-sky-400:disabled { --shadow-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-sky-500 { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-sky-500:hover { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-sky-500:focus { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-sky-500:active { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-sky-500:disabled { --shadow-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-sky-600 { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-sky-600:hover { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-sky-600:focus { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-sky-600:active { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-sky-600:disabled { --shadow-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-sky-700 { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-sky-700:hover { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-sky-700:focus { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-sky-700:active { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-sky-700:disabled { --shadow-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-sky-800 { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-sky-800:hover { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-sky-800:focus { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-sky-800:active { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-sky-800:disabled { --shadow-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-sky-900 { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-sky-900:hover { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-sky-900:focus { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-sky-900:active { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-sky-900:disabled { --shadow-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-violet-50 { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-violet-50:hover { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-violet-50:focus { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-violet-50:active { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-violet-50:disabled { --shadow-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-violet-100 { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-violet-100:hover { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-violet-100:focus { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-violet-100:active { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-violet-100:disabled { --shadow-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-violet-200 { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-violet-200:hover { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-violet-200:focus { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-violet-200:active { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-violet-200:disabled { --shadow-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-violet-300 { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-violet-300:hover { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-violet-300:focus { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-violet-300:active { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-violet-300:disabled { --shadow-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-violet-400 { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-violet-400:hover { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-violet-400:focus { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-violet-400:active { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-violet-400:disabled { --shadow-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-violet-500 { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-violet-500:hover { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-violet-500:focus { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-violet-500:active { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-violet-500:disabled { --shadow-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-violet-600 { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-violet-600:hover { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-violet-600:focus { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-violet-600:active { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-violet-600:disabled { --shadow-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-violet-700 { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-violet-700:hover { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-violet-700:focus { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-violet-700:active { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-violet-700:disabled { --shadow-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-violet-800 { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-violet-800:hover { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-violet-800:focus { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-violet-800:active { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-violet-800:disabled { --shadow-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-violet-900 { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-violet-900:hover { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-violet-900:focus { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-violet-900:active { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-violet-900:disabled { --shadow-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-rose-50 { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-rose-50:hover { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-rose-50:focus { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-rose-50:active { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-rose-50:disabled { --shadow-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-rose-100 { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-rose-100:hover { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-rose-100:focus { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-rose-100:active { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-rose-100:disabled { --shadow-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-rose-200 { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-rose-200:hover { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-rose-200:focus { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-rose-200:active { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-rose-200:disabled { --shadow-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-rose-300 { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-rose-300:hover { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-rose-300:focus { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-rose-300:active { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-rose-300:disabled { --shadow-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-rose-400 { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-rose-400:hover { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-rose-400:focus { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-rose-400:active { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-rose-400:disabled { --shadow-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-rose-500 { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-rose-500:hover { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-rose-500:focus { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-rose-500:active { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-rose-500:disabled { --shadow-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-rose-600 { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-rose-600:hover { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-rose-600:focus { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-rose-600:active { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-rose-600:disabled { --shadow-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-rose-700 { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-rose-700:hover { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-rose-700:focus { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-rose-700:active { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-rose-700:disabled { --shadow-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-rose-800 { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-rose-800:hover { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-rose-800:focus { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-rose-800:active { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-rose-800:disabled { --shadow-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-rose-900 { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-rose-900:hover { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-rose-900:focus { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-rose-900:active { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-rose-900:disabled { --shadow-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-slate-50 { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-slate-50:hover { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-slate-50:focus { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-slate-50:active { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-slate-50:disabled { --shadow-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-slate-100 { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-slate-100:hover { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-slate-100:focus { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-slate-100:active { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-slate-100:disabled { --shadow-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-slate-200 { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-slate-200:hover { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-slate-200:focus { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-slate-200:active { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-slate-200:disabled { --shadow-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-slate-300 { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-slate-300:hover { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-slate-300:focus { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-slate-300:active { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-slate-300:disabled { --shadow-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-slate-400 { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-slate-400:hover { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-slate-400:focus { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-slate-400:active { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-slate-400:disabled { --shadow-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-slate-500 { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-slate-500:hover { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-slate-500:focus { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-slate-500:active { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-slate-500:disabled { --shadow-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-slate-600 { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-slate-600:hover { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-slate-600:focus { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-slate-600:active { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-slate-600:disabled { --shadow-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-slate-700 { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-slate-700:hover { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-slate-700:focus { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-slate-700:active { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-slate-700:disabled { --shadow-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-slate-800 { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-slate-800:hover { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-slate-800:focus { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-slate-800:active { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-slate-800:disabled { --shadow-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-slate-900 { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-slate-900:hover { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-slate-900:focus { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-slate-900:active { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-slate-900:disabled { --shadow-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-blue-50 { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-blue-50:hover { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-blue-50:focus { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-blue-50:active { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-blue-50:disabled { --shadow-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-blue-100 { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-blue-100:hover { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-blue-100:focus { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-blue-100:active { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-blue-100:disabled { --shadow-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-blue-200 { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-blue-200:hover { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-blue-200:focus { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-blue-200:active { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-blue-200:disabled { --shadow-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-blue-300 { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-blue-300:hover { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-blue-300:focus { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-blue-300:active { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-blue-300:disabled { --shadow-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-blue-400 { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-blue-400:hover { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-blue-400:focus { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-blue-400:active { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-blue-400:disabled { --shadow-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-blue-500 { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-blue-500:hover { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-blue-500:focus { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-blue-500:active { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-blue-500:disabled { --shadow-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-blue-600 { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-blue-600:hover { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-blue-600:focus { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-blue-600:active { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-blue-600:disabled { --shadow-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-blue-700 { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-blue-700:hover { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-blue-700:focus { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-blue-700:active { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-blue-700:disabled { --shadow-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-blue-800 { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-blue-800:hover { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-blue-800:focus { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-blue-800:active { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-blue-800:disabled { --shadow-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-blue-900 { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-blue-900:hover { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-blue-900:focus { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-blue-900:active { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-blue-900:disabled { --shadow-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-green-50 { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-green-50:hover { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-green-50:focus { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-green-50:active { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-green-50:disabled { --shadow-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-green-100 { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-green-100:hover { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-green-100:focus { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-green-100:active { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-green-100:disabled { --shadow-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-green-200 { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-green-200:hover { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-green-200:focus { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-green-200:active { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-green-200:disabled { --shadow-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-green-300 { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-green-300:hover { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-green-300:focus { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-green-300:active { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-green-300:disabled { --shadow-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-green-400 { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-green-400:hover { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-green-400:focus { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-green-400:active { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-green-400:disabled { --shadow-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-green-500 { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-green-500:hover { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-green-500:focus { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-green-500:active { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-green-500:disabled { --shadow-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-green-600 { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-green-600:hover { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-green-600:focus { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-green-600:active { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-green-600:disabled { --shadow-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-green-700 { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-green-700:hover { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-green-700:focus { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-green-700:active { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-green-700:disabled { --shadow-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-green-800 { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-green-800:hover { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-green-800:focus { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-green-800:active { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-green-800:disabled { --shadow-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-green-900 { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-green-900:hover { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-green-900:focus { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-green-900:active { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-green-900:disabled { --shadow-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-black { --shadow-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-black:hover { --shadow-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-black:focus { --shadow-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-black:active { --shadow-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-black:disabled { --shadow-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-color-white { --shadow-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-color-white:hover { --shadow-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-color-white:focus { --shadow-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-color-white:active { --shadow-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-color-white:disabled { --shadow-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-red-50 { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-red-50:hover { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-red-50:focus { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-red-50:active { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-red-50:disabled { --quanta-from-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-red-100 { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-red-100:hover { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-red-100:focus { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-red-100:active { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-red-100:disabled { --quanta-from-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-red-200 { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-red-200:hover { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-red-200:focus { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-red-200:active { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-red-200:disabled { --quanta-from-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-red-300 { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-red-300:hover { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-red-300:focus { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-red-300:active { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-red-300:disabled { --quanta-from-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-red-400 { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-red-400:hover { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-red-400:focus { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-red-400:active { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-red-400:disabled { --quanta-from-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-red-500 { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-red-500:hover { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-red-500:focus { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-red-500:active { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-red-500:disabled { --quanta-from-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-red-600 { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-red-600:hover { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-red-600:focus { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-red-600:active { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-red-600:disabled { --quanta-from-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-red-700 { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-red-700:hover { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-red-700:focus { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-red-700:active { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-red-700:disabled { --quanta-from-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-red-800 { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-red-800:hover { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-red-800:focus { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-red-800:active { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-red-800:disabled { --quanta-from-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-red-900 { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-red-900:hover { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-red-900:focus { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-red-900:active { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-red-900:disabled { --quanta-from-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-orange-50 { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-orange-50:hover { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-orange-50:focus { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-orange-50:active { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-orange-50:disabled { --quanta-from-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-orange-100 { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-orange-100:hover { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-orange-100:focus { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-orange-100:active { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-orange-100:disabled { --quanta-from-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-orange-200 { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-orange-200:hover { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-orange-200:focus { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-orange-200:active { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-orange-200:disabled { --quanta-from-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-orange-300 { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-orange-300:hover { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-orange-300:focus { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-orange-300:active { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-orange-300:disabled { --quanta-from-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-orange-400 { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-orange-400:hover { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-orange-400:focus { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-orange-400:active { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-orange-400:disabled { --quanta-from-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-orange-500 { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-orange-500:hover { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-orange-500:focus { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-orange-500:active { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-orange-500:disabled { --quanta-from-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-orange-600 { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-orange-600:hover { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-orange-600:focus { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-orange-600:active { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-orange-600:disabled { --quanta-from-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-orange-700 { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-orange-700:hover { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-orange-700:focus { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-orange-700:active { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-orange-700:disabled { --quanta-from-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-orange-800 { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-orange-800:hover { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-orange-800:focus { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-orange-800:active { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-orange-800:disabled { --quanta-from-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-orange-900 { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-orange-900:hover { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-orange-900:focus { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-orange-900:active { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-orange-900:disabled { --quanta-from-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-teal-50 { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-teal-50:hover { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-teal-50:focus { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-teal-50:active { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-teal-50:disabled { --quanta-from-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-teal-100 { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-teal-100:hover { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-teal-100:focus { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-teal-100:active { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-teal-100:disabled { --quanta-from-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-teal-200 { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-teal-200:hover { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-teal-200:focus { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-teal-200:active { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-teal-200:disabled { --quanta-from-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-teal-300 { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-teal-300:hover { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-teal-300:focus { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-teal-300:active { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-teal-300:disabled { --quanta-from-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-teal-400 { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-teal-400:hover { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-teal-400:focus { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-teal-400:active { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-teal-400:disabled { --quanta-from-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-teal-500 { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-teal-500:hover { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-teal-500:focus { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-teal-500:active { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-teal-500:disabled { --quanta-from-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-teal-600 { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-teal-600:hover { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-teal-600:focus { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-teal-600:active { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-teal-600:disabled { --quanta-from-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-teal-700 { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-teal-700:hover { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-teal-700:focus { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-teal-700:active { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-teal-700:disabled { --quanta-from-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-teal-800 { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-teal-800:hover { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-teal-800:focus { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-teal-800:active { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-teal-800:disabled { --quanta-from-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-teal-900 { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-teal-900:hover { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-teal-900:focus { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-teal-900:active { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-teal-900:disabled { --quanta-from-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-purple-50 { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-purple-50:hover { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-purple-50:focus { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-purple-50:active { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-purple-50:disabled { --quanta-from-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-purple-100 { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-purple-100:hover { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-purple-100:focus { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-purple-100:active { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-purple-100:disabled { --quanta-from-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-purple-200 { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-purple-200:hover { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-purple-200:focus { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-purple-200:active { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-purple-200:disabled { --quanta-from-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-purple-300 { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-purple-300:hover { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-purple-300:focus { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-purple-300:active { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-purple-300:disabled { --quanta-from-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-purple-400 { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-purple-400:hover { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-purple-400:focus { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-purple-400:active { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-purple-400:disabled { --quanta-from-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-purple-500 { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-purple-500:hover { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-purple-500:focus { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-purple-500:active { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-purple-500:disabled { --quanta-from-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-purple-600 { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-purple-600:hover { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-purple-600:focus { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-purple-600:active { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-purple-600:disabled { --quanta-from-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-purple-700 { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-purple-700:hover { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-purple-700:focus { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-purple-700:active { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-purple-700:disabled { --quanta-from-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-purple-800 { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-purple-800:hover { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-purple-800:focus { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-purple-800:active { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-purple-800:disabled { --quanta-from-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-purple-900 { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-purple-900:hover { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-purple-900:focus { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-purple-900:active { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-purple-900:disabled { --quanta-from-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-indigo-50 { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-indigo-50:hover { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-indigo-50:focus { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-indigo-50:active { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-50:disabled { --quanta-from-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-indigo-100 { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-indigo-100:hover { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-indigo-100:focus { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-indigo-100:active { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-100:disabled { --quanta-from-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-indigo-200 { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-indigo-200:hover { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-indigo-200:focus { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-indigo-200:active { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-200:disabled { --quanta-from-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-indigo-300 { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-indigo-300:hover { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-indigo-300:focus { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-indigo-300:active { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-300:disabled { --quanta-from-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-indigo-400 { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-indigo-400:hover { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-indigo-400:focus { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-indigo-400:active { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-400:disabled { --quanta-from-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-indigo-500 { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-indigo-500:hover { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-indigo-500:focus { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-indigo-500:active { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-500:disabled { --quanta-from-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-indigo-600 { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-indigo-600:hover { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-indigo-600:focus { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-indigo-600:active { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-600:disabled { --quanta-from-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-indigo-700 { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-indigo-700:hover { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-indigo-700:focus { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-indigo-700:active { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-700:disabled { --quanta-from-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-indigo-800 { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-indigo-800:hover { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-indigo-800:focus { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-indigo-800:active { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-800:disabled { --quanta-from-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-indigo-900 { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-indigo-900:hover { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-indigo-900:focus { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-indigo-900:active { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-indigo-900:disabled { --quanta-from-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-yellow-50 { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-yellow-50:hover { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-yellow-50:focus { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-yellow-50:active { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-50:disabled { --quanta-from-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-yellow-100 { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-yellow-100:hover { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-yellow-100:focus { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-yellow-100:active { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-100:disabled { --quanta-from-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-yellow-200 { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-yellow-200:hover { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-yellow-200:focus { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-yellow-200:active { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-200:disabled { --quanta-from-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-yellow-300 { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-yellow-300:hover { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-yellow-300:focus { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-yellow-300:active { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-300:disabled { --quanta-from-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-yellow-400 { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-yellow-400:hover { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-yellow-400:focus { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-yellow-400:active { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-400:disabled { --quanta-from-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-yellow-500 { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-yellow-500:hover { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-yellow-500:focus { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-yellow-500:active { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-500:disabled { --quanta-from-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-yellow-600 { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-yellow-600:hover { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-yellow-600:focus { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-yellow-600:active { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-600:disabled { --quanta-from-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-yellow-700 { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-yellow-700:hover { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-yellow-700:focus { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-yellow-700:active { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-700:disabled { --quanta-from-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-yellow-800 { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-yellow-800:hover { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-yellow-800:focus { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-yellow-800:active { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-800:disabled { --quanta-from-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-yellow-900 { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-yellow-900:hover { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-yellow-900:focus { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-yellow-900:active { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-yellow-900:disabled { --quanta-from-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-pink-50 { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-pink-50:hover { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-pink-50:focus { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-pink-50:active { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-pink-50:disabled { --quanta-from-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-pink-100 { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-pink-100:hover { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-pink-100:focus { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-pink-100:active { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-pink-100:disabled { --quanta-from-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-pink-200 { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-pink-200:hover { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-pink-200:focus { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-pink-200:active { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-pink-200:disabled { --quanta-from-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-pink-300 { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-pink-300:hover { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-pink-300:focus { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-pink-300:active { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-pink-300:disabled { --quanta-from-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-pink-400 { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-pink-400:hover { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-pink-400:focus { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-pink-400:active { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-pink-400:disabled { --quanta-from-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-pink-500 { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-pink-500:hover { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-pink-500:focus { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-pink-500:active { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-pink-500:disabled { --quanta-from-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-pink-600 { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-pink-600:hover { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-pink-600:focus { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-pink-600:active { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-pink-600:disabled { --quanta-from-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-pink-700 { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-pink-700:hover { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-pink-700:focus { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-pink-700:active { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-pink-700:disabled { --quanta-from-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-pink-800 { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-pink-800:hover { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-pink-800:focus { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-pink-800:active { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-pink-800:disabled { --quanta-from-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-pink-900 { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-pink-900:hover { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-pink-900:focus { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-pink-900:active { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-pink-900:disabled { --quanta-from-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-grey-50 { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-grey-50:hover { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-grey-50:focus { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-grey-50:active { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-grey-50:disabled { --quanta-from-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-grey-100 { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-grey-100:hover { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-grey-100:focus { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-grey-100:active { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-grey-100:disabled { --quanta-from-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-grey-200 { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-grey-200:hover { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-grey-200:focus { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-grey-200:active { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-grey-200:disabled { --quanta-from-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-grey-300 { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-grey-300:hover { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-grey-300:focus { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-grey-300:active { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-grey-300:disabled { --quanta-from-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-grey-400 { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-grey-400:hover { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-grey-400:focus { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-grey-400:active { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-grey-400:disabled { --quanta-from-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-grey-500 { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-grey-500:hover { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-grey-500:focus { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-grey-500:active { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-grey-500:disabled { --quanta-from-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-grey-600 { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-grey-600:hover { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-grey-600:focus { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-grey-600:active { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-grey-600:disabled { --quanta-from-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-grey-700 { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-grey-700:hover { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-grey-700:focus { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-grey-700:active { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-grey-700:disabled { --quanta-from-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-grey-800 { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-grey-800:hover { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-grey-800:focus { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-grey-800:active { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-grey-800:disabled { --quanta-from-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-grey-900 { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-grey-900:hover { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-grey-900:focus { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-grey-900:active { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-grey-900:disabled { --quanta-from-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-lime-50 { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-lime-50:hover { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-lime-50:focus { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-lime-50:active { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-lime-50:disabled { --quanta-from-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-lime-100 { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-lime-100:hover { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-lime-100:focus { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-lime-100:active { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-lime-100:disabled { --quanta-from-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-lime-200 { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-lime-200:hover { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-lime-200:focus { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-lime-200:active { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-lime-200:disabled { --quanta-from-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-lime-300 { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-lime-300:hover { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-lime-300:focus { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-lime-300:active { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-lime-300:disabled { --quanta-from-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-lime-400 { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-lime-400:hover { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-lime-400:focus { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-lime-400:active { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-lime-400:disabled { --quanta-from-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-lime-500 { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-lime-500:hover { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-lime-500:focus { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-lime-500:active { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-lime-500:disabled { --quanta-from-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-lime-600 { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-lime-600:hover { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-lime-600:focus { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-lime-600:active { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-lime-600:disabled { --quanta-from-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-lime-700 { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-lime-700:hover { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-lime-700:focus { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-lime-700:active { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-lime-700:disabled { --quanta-from-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-lime-800 { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-lime-800:hover { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-lime-800:focus { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-lime-800:active { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-lime-800:disabled { --quanta-from-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-lime-900 { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-lime-900:hover { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-lime-900:focus { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-lime-900:active { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-lime-900:disabled { --quanta-from-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-cyan-50 { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-cyan-50:hover { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-cyan-50:focus { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-cyan-50:active { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-50:disabled { --quanta-from-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-cyan-100 { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-cyan-100:hover { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-cyan-100:focus { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-cyan-100:active { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-100:disabled { --quanta-from-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-cyan-200 { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-cyan-200:hover { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-cyan-200:focus { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-cyan-200:active { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-200:disabled { --quanta-from-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-cyan-300 { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-cyan-300:hover { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-cyan-300:focus { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-cyan-300:active { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-300:disabled { --quanta-from-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-cyan-400 { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-cyan-400:hover { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-cyan-400:focus { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-cyan-400:active { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-400:disabled { --quanta-from-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-cyan-500 { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-cyan-500:hover { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-cyan-500:focus { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-cyan-500:active { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-500:disabled { --quanta-from-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-cyan-600 { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-cyan-600:hover { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-cyan-600:focus { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-cyan-600:active { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-600:disabled { --quanta-from-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-cyan-700 { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-cyan-700:hover { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-cyan-700:focus { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-cyan-700:active { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-700:disabled { --quanta-from-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-cyan-800 { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-cyan-800:hover { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-cyan-800:focus { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-cyan-800:active { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-800:disabled { --quanta-from-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-cyan-900 { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-cyan-900:hover { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-cyan-900:focus { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-cyan-900:active { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-cyan-900:disabled { --quanta-from-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-sky-50 { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-sky-50:hover { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-sky-50:focus { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-sky-50:active { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-sky-50:disabled { --quanta-from-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-sky-100 { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-sky-100:hover { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-sky-100:focus { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-sky-100:active { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-sky-100:disabled { --quanta-from-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-sky-200 { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-sky-200:hover { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-sky-200:focus { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-sky-200:active { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-sky-200:disabled { --quanta-from-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-sky-300 { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-sky-300:hover { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-sky-300:focus { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-sky-300:active { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-sky-300:disabled { --quanta-from-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-sky-400 { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-sky-400:hover { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-sky-400:focus { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-sky-400:active { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-sky-400:disabled { --quanta-from-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-sky-500 { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-sky-500:hover { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-sky-500:focus { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-sky-500:active { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-sky-500:disabled { --quanta-from-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-sky-600 { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-sky-600:hover { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-sky-600:focus { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-sky-600:active { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-sky-600:disabled { --quanta-from-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-sky-700 { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-sky-700:hover { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-sky-700:focus { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-sky-700:active { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-sky-700:disabled { --quanta-from-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-sky-800 { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-sky-800:hover { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-sky-800:focus { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-sky-800:active { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-sky-800:disabled { --quanta-from-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-sky-900 { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-sky-900:hover { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-sky-900:focus { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-sky-900:active { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-sky-900:disabled { --quanta-from-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-violet-50 { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-violet-50:hover { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-violet-50:focus { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-violet-50:active { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-violet-50:disabled { --quanta-from-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-violet-100 { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-violet-100:hover { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-violet-100:focus { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-violet-100:active { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-violet-100:disabled { --quanta-from-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-violet-200 { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-violet-200:hover { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-violet-200:focus { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-violet-200:active { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-violet-200:disabled { --quanta-from-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-violet-300 { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-violet-300:hover { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-violet-300:focus { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-violet-300:active { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-violet-300:disabled { --quanta-from-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-violet-400 { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-violet-400:hover { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-violet-400:focus { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-violet-400:active { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-violet-400:disabled { --quanta-from-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-violet-500 { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-violet-500:hover { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-violet-500:focus { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-violet-500:active { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-violet-500:disabled { --quanta-from-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-violet-600 { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-violet-600:hover { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-violet-600:focus { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-violet-600:active { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-violet-600:disabled { --quanta-from-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-violet-700 { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-violet-700:hover { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-violet-700:focus { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-violet-700:active { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-violet-700:disabled { --quanta-from-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-violet-800 { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-violet-800:hover { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-violet-800:focus { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-violet-800:active { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-violet-800:disabled { --quanta-from-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-violet-900 { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-violet-900:hover { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-violet-900:focus { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-violet-900:active { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-violet-900:disabled { --quanta-from-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-rose-50 { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-rose-50:hover { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-rose-50:focus { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-rose-50:active { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-rose-50:disabled { --quanta-from-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-rose-100 { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-rose-100:hover { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-rose-100:focus { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-rose-100:active { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-rose-100:disabled { --quanta-from-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-rose-200 { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-rose-200:hover { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-rose-200:focus { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-rose-200:active { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-rose-200:disabled { --quanta-from-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-rose-300 { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-rose-300:hover { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-rose-300:focus { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-rose-300:active { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-rose-300:disabled { --quanta-from-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-rose-400 { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-rose-400:hover { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-rose-400:focus { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-rose-400:active { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-rose-400:disabled { --quanta-from-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-rose-500 { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-rose-500:hover { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-rose-500:focus { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-rose-500:active { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-rose-500:disabled { --quanta-from-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-rose-600 { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-rose-600:hover { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-rose-600:focus { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-rose-600:active { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-rose-600:disabled { --quanta-from-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-rose-700 { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-rose-700:hover { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-rose-700:focus { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-rose-700:active { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-rose-700:disabled { --quanta-from-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-rose-800 { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-rose-800:hover { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-rose-800:focus { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-rose-800:active { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-rose-800:disabled { --quanta-from-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-rose-900 { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-rose-900:hover { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-rose-900:focus { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-rose-900:active { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-rose-900:disabled { --quanta-from-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-slate-50 { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-slate-50:hover { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-slate-50:focus { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-slate-50:active { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-slate-50:disabled { --quanta-from-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-slate-100 { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-slate-100:hover { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-slate-100:focus { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-slate-100:active { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-slate-100:disabled { --quanta-from-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-slate-200 { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-slate-200:hover { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-slate-200:focus { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-slate-200:active { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-slate-200:disabled { --quanta-from-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-slate-300 { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-slate-300:hover { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-slate-300:focus { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-slate-300:active { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-slate-300:disabled { --quanta-from-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-slate-400 { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-slate-400:hover { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-slate-400:focus { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-slate-400:active { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-slate-400:disabled { --quanta-from-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-slate-500 { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-slate-500:hover { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-slate-500:focus { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-slate-500:active { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-slate-500:disabled { --quanta-from-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-slate-600 { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-slate-600:hover { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-slate-600:focus { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-slate-600:active { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-slate-600:disabled { --quanta-from-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-slate-700 { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-slate-700:hover { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-slate-700:focus { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-slate-700:active { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-slate-700:disabled { --quanta-from-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-slate-800 { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-slate-800:hover { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-slate-800:focus { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-slate-800:active { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-slate-800:disabled { --quanta-from-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-slate-900 { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-slate-900:hover { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-slate-900:focus { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-slate-900:active { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-slate-900:disabled { --quanta-from-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-blue-50 { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-blue-50:hover { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-blue-50:focus { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-blue-50:active { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-blue-50:disabled { --quanta-from-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-blue-100 { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-blue-100:hover { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-blue-100:focus { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-blue-100:active { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-blue-100:disabled { --quanta-from-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-blue-200 { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-blue-200:hover { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-blue-200:focus { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-blue-200:active { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-blue-200:disabled { --quanta-from-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-blue-300 { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-blue-300:hover { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-blue-300:focus { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-blue-300:active { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-blue-300:disabled { --quanta-from-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-blue-400 { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-blue-400:hover { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-blue-400:focus { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-blue-400:active { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-blue-400:disabled { --quanta-from-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-blue-500 { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-blue-500:hover { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-blue-500:focus { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-blue-500:active { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-blue-500:disabled { --quanta-from-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-blue-600 { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-blue-600:hover { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-blue-600:focus { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-blue-600:active { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-blue-600:disabled { --quanta-from-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-blue-700 { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-blue-700:hover { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-blue-700:focus { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-blue-700:active { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-blue-700:disabled { --quanta-from-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-blue-800 { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-blue-800:hover { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-blue-800:focus { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-blue-800:active { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-blue-800:disabled { --quanta-from-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-blue-900 { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-blue-900:hover { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-blue-900:focus { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-blue-900:active { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-blue-900:disabled { --quanta-from-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-green-50 { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-green-50:hover { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-green-50:focus { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-green-50:active { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-green-50:disabled { --quanta-from-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-green-100 { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-green-100:hover { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-green-100:focus { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-green-100:active { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-green-100:disabled { --quanta-from-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-green-200 { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-green-200:hover { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-green-200:focus { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-green-200:active { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-green-200:disabled { --quanta-from-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-green-300 { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-green-300:hover { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-green-300:focus { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-green-300:active { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-green-300:disabled { --quanta-from-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-green-400 { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-green-400:hover { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-green-400:focus { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-green-400:active { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-green-400:disabled { --quanta-from-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-green-500 { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-green-500:hover { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-green-500:focus { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-green-500:active { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-green-500:disabled { --quanta-from-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-green-600 { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-green-600:hover { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-green-600:focus { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-green-600:active { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-green-600:disabled { --quanta-from-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-green-700 { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-green-700:hover { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-green-700:focus { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-green-700:active { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-green-700:disabled { --quanta-from-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-green-800 { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-green-800:hover { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-green-800:focus { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-green-800:active { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-green-800:disabled { --quanta-from-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-green-900 { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-green-900:hover { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-green-900:focus { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-green-900:active { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-green-900:disabled { --quanta-from-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-black { --quanta-from-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-black:hover { --quanta-from-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-black:focus { --quanta-from-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-black:active { --quanta-from-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-black:disabled { --quanta-from-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-from-white { --quanta-from-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-from-white:hover { --quanta-from-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-from-white:focus { --quanta-from-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-from-white:active { --quanta-from-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-from-white:disabled { --quanta-from-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-red-50 { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-red-50:hover { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-red-50:focus { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-red-50:active { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-red-50:disabled { --quanta-to-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-red-100 { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-red-100:hover { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-red-100:focus { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-red-100:active { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-red-100:disabled { --quanta-to-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-red-200 { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-red-200:hover { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-red-200:focus { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-red-200:active { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-red-200:disabled { --quanta-to-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-red-300 { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-red-300:hover { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-red-300:focus { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-red-300:active { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-red-300:disabled { --quanta-to-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-red-400 { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-red-400:hover { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-red-400:focus { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-red-400:active { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-red-400:disabled { --quanta-to-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-red-500 { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-red-500:hover { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-red-500:focus { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-red-500:active { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-red-500:disabled { --quanta-to-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-red-600 { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-red-600:hover { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-red-600:focus { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-red-600:active { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-red-600:disabled { --quanta-to-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-red-700 { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-red-700:hover { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-red-700:focus { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-red-700:active { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-red-700:disabled { --quanta-to-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-red-800 { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-red-800:hover { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-red-800:focus { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-red-800:active { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-red-800:disabled { --quanta-to-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-red-900 { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-red-900:hover { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-red-900:focus { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-red-900:active { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-red-900:disabled { --quanta-to-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-orange-50 { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-orange-50:hover { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-orange-50:focus { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-orange-50:active { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-orange-50:disabled { --quanta-to-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-orange-100 { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-orange-100:hover { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-orange-100:focus { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-orange-100:active { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-orange-100:disabled { --quanta-to-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-orange-200 { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-orange-200:hover { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-orange-200:focus { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-orange-200:active { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-orange-200:disabled { --quanta-to-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-orange-300 { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-orange-300:hover { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-orange-300:focus { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-orange-300:active { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-orange-300:disabled { --quanta-to-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-orange-400 { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-orange-400:hover { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-orange-400:focus { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-orange-400:active { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-orange-400:disabled { --quanta-to-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-orange-500 { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-orange-500:hover { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-orange-500:focus { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-orange-500:active { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-orange-500:disabled { --quanta-to-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-orange-600 { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-orange-600:hover { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-orange-600:focus { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-orange-600:active { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-orange-600:disabled { --quanta-to-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-orange-700 { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-orange-700:hover { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-orange-700:focus { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-orange-700:active { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-orange-700:disabled { --quanta-to-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-orange-800 { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-orange-800:hover { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-orange-800:focus { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-orange-800:active { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-orange-800:disabled { --quanta-to-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-orange-900 { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-orange-900:hover { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-orange-900:focus { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-orange-900:active { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-orange-900:disabled { --quanta-to-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-teal-50 { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-teal-50:hover { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-teal-50:focus { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-teal-50:active { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-teal-50:disabled { --quanta-to-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-teal-100 { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-teal-100:hover { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-teal-100:focus { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-teal-100:active { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-teal-100:disabled { --quanta-to-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-teal-200 { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-teal-200:hover { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-teal-200:focus { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-teal-200:active { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-teal-200:disabled { --quanta-to-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-teal-300 { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-teal-300:hover { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-teal-300:focus { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-teal-300:active { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-teal-300:disabled { --quanta-to-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-teal-400 { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-teal-400:hover { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-teal-400:focus { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-teal-400:active { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-teal-400:disabled { --quanta-to-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-teal-500 { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-teal-500:hover { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-teal-500:focus { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-teal-500:active { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-teal-500:disabled { --quanta-to-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-teal-600 { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-teal-600:hover { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-teal-600:focus { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-teal-600:active { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-teal-600:disabled { --quanta-to-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-teal-700 { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-teal-700:hover { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-teal-700:focus { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-teal-700:active { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-teal-700:disabled { --quanta-to-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-teal-800 { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-teal-800:hover { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-teal-800:focus { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-teal-800:active { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-teal-800:disabled { --quanta-to-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-teal-900 { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-teal-900:hover { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-teal-900:focus { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-teal-900:active { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-teal-900:disabled { --quanta-to-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-purple-50 { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-purple-50:hover { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-purple-50:focus { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-purple-50:active { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-purple-50:disabled { --quanta-to-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-purple-100 { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-purple-100:hover { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-purple-100:focus { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-purple-100:active { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-purple-100:disabled { --quanta-to-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-purple-200 { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-purple-200:hover { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-purple-200:focus { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-purple-200:active { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-purple-200:disabled { --quanta-to-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-purple-300 { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-purple-300:hover { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-purple-300:focus { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-purple-300:active { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-purple-300:disabled { --quanta-to-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-purple-400 { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-purple-400:hover { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-purple-400:focus { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-purple-400:active { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-purple-400:disabled { --quanta-to-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-purple-500 { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-purple-500:hover { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-purple-500:focus { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-purple-500:active { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-purple-500:disabled { --quanta-to-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-purple-600 { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-purple-600:hover { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-purple-600:focus { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-purple-600:active { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-purple-600:disabled { --quanta-to-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-purple-700 { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-purple-700:hover { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-purple-700:focus { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-purple-700:active { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-purple-700:disabled { --quanta-to-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-purple-800 { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-purple-800:hover { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-purple-800:focus { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-purple-800:active { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-purple-800:disabled { --quanta-to-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-purple-900 { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-purple-900:hover { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-purple-900:focus { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-purple-900:active { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-purple-900:disabled { --quanta-to-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-indigo-50 { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-indigo-50:hover { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-indigo-50:focus { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-indigo-50:active { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-50:disabled { --quanta-to-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-indigo-100 { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-indigo-100:hover { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-indigo-100:focus { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-indigo-100:active { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-100:disabled { --quanta-to-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-indigo-200 { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-indigo-200:hover { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-indigo-200:focus { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-indigo-200:active { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-200:disabled { --quanta-to-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-indigo-300 { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-indigo-300:hover { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-indigo-300:focus { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-indigo-300:active { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-300:disabled { --quanta-to-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-indigo-400 { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-indigo-400:hover { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-indigo-400:focus { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-indigo-400:active { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-400:disabled { --quanta-to-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-indigo-500 { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-indigo-500:hover { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-indigo-500:focus { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-indigo-500:active { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-500:disabled { --quanta-to-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-indigo-600 { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-indigo-600:hover { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-indigo-600:focus { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-indigo-600:active { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-600:disabled { --quanta-to-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-indigo-700 { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-indigo-700:hover { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-indigo-700:focus { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-indigo-700:active { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-700:disabled { --quanta-to-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-indigo-800 { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-indigo-800:hover { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-indigo-800:focus { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-indigo-800:active { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-800:disabled { --quanta-to-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-indigo-900 { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-indigo-900:hover { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-indigo-900:focus { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-indigo-900:active { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-indigo-900:disabled { --quanta-to-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-yellow-50 { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-yellow-50:hover { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-yellow-50:focus { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-yellow-50:active { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-50:disabled { --quanta-to-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-yellow-100 { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-yellow-100:hover { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-yellow-100:focus { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-yellow-100:active { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-100:disabled { --quanta-to-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-yellow-200 { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-yellow-200:hover { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-yellow-200:focus { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-yellow-200:active { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-200:disabled { --quanta-to-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-yellow-300 { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-yellow-300:hover { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-yellow-300:focus { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-yellow-300:active { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-300:disabled { --quanta-to-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-yellow-400 { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-yellow-400:hover { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-yellow-400:focus { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-yellow-400:active { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-400:disabled { --quanta-to-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-yellow-500 { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-yellow-500:hover { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-yellow-500:focus { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-yellow-500:active { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-500:disabled { --quanta-to-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-yellow-600 { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-yellow-600:hover { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-yellow-600:focus { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-yellow-600:active { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-600:disabled { --quanta-to-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-yellow-700 { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-yellow-700:hover { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-yellow-700:focus { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-yellow-700:active { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-700:disabled { --quanta-to-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-yellow-800 { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-yellow-800:hover { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-yellow-800:focus { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-yellow-800:active { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-800:disabled { --quanta-to-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-yellow-900 { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-yellow-900:hover { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-yellow-900:focus { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-yellow-900:active { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-yellow-900:disabled { --quanta-to-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-pink-50 { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-pink-50:hover { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-pink-50:focus { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-pink-50:active { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-pink-50:disabled { --quanta-to-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-pink-100 { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-pink-100:hover { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-pink-100:focus { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-pink-100:active { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-pink-100:disabled { --quanta-to-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-pink-200 { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-pink-200:hover { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-pink-200:focus { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-pink-200:active { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-pink-200:disabled { --quanta-to-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-pink-300 { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-pink-300:hover { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-pink-300:focus { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-pink-300:active { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-pink-300:disabled { --quanta-to-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-pink-400 { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-pink-400:hover { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-pink-400:focus { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-pink-400:active { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-pink-400:disabled { --quanta-to-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-pink-500 { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-pink-500:hover { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-pink-500:focus { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-pink-500:active { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-pink-500:disabled { --quanta-to-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-pink-600 { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-pink-600:hover { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-pink-600:focus { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-pink-600:active { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-pink-600:disabled { --quanta-to-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-pink-700 { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-pink-700:hover { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-pink-700:focus { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-pink-700:active { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-pink-700:disabled { --quanta-to-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-pink-800 { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-pink-800:hover { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-pink-800:focus { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-pink-800:active { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-pink-800:disabled { --quanta-to-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-pink-900 { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-pink-900:hover { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-pink-900:focus { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-pink-900:active { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-pink-900:disabled { --quanta-to-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-grey-50 { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-grey-50:hover { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-grey-50:focus { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-grey-50:active { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-grey-50:disabled { --quanta-to-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-grey-100 { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-grey-100:hover { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-grey-100:focus { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-grey-100:active { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-grey-100:disabled { --quanta-to-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-grey-200 { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-grey-200:hover { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-grey-200:focus { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-grey-200:active { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-grey-200:disabled { --quanta-to-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-grey-300 { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-grey-300:hover { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-grey-300:focus { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-grey-300:active { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-grey-300:disabled { --quanta-to-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-grey-400 { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-grey-400:hover { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-grey-400:focus { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-grey-400:active { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-grey-400:disabled { --quanta-to-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-grey-500 { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-grey-500:hover { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-grey-500:focus { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-grey-500:active { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-grey-500:disabled { --quanta-to-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-grey-600 { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-grey-600:hover { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-grey-600:focus { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-grey-600:active { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-grey-600:disabled { --quanta-to-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-grey-700 { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-grey-700:hover { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-grey-700:focus { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-grey-700:active { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-grey-700:disabled { --quanta-to-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-grey-800 { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-grey-800:hover { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-grey-800:focus { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-grey-800:active { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-grey-800:disabled { --quanta-to-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-grey-900 { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-grey-900:hover { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-grey-900:focus { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-grey-900:active { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-grey-900:disabled { --quanta-to-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-lime-50 { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-lime-50:hover { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-lime-50:focus { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-lime-50:active { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-lime-50:disabled { --quanta-to-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-lime-100 { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-lime-100:hover { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-lime-100:focus { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-lime-100:active { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-lime-100:disabled { --quanta-to-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-lime-200 { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-lime-200:hover { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-lime-200:focus { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-lime-200:active { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-lime-200:disabled { --quanta-to-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-lime-300 { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-lime-300:hover { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-lime-300:focus { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-lime-300:active { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-lime-300:disabled { --quanta-to-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-lime-400 { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-lime-400:hover { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-lime-400:focus { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-lime-400:active { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-lime-400:disabled { --quanta-to-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-lime-500 { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-lime-500:hover { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-lime-500:focus { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-lime-500:active { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-lime-500:disabled { --quanta-to-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-lime-600 { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-lime-600:hover { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-lime-600:focus { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-lime-600:active { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-lime-600:disabled { --quanta-to-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-lime-700 { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-lime-700:hover { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-lime-700:focus { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-lime-700:active { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-lime-700:disabled { --quanta-to-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-lime-800 { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-lime-800:hover { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-lime-800:focus { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-lime-800:active { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-lime-800:disabled { --quanta-to-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-lime-900 { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-lime-900:hover { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-lime-900:focus { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-lime-900:active { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-lime-900:disabled { --quanta-to-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-cyan-50 { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-cyan-50:hover { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-cyan-50:focus { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-cyan-50:active { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-50:disabled { --quanta-to-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-cyan-100 { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-cyan-100:hover { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-cyan-100:focus { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-cyan-100:active { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-100:disabled { --quanta-to-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-cyan-200 { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-cyan-200:hover { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-cyan-200:focus { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-cyan-200:active { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-200:disabled { --quanta-to-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-cyan-300 { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-cyan-300:hover { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-cyan-300:focus { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-cyan-300:active { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-300:disabled { --quanta-to-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-cyan-400 { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-cyan-400:hover { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-cyan-400:focus { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-cyan-400:active { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-400:disabled { --quanta-to-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-cyan-500 { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-cyan-500:hover { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-cyan-500:focus { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-cyan-500:active { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-500:disabled { --quanta-to-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-cyan-600 { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-cyan-600:hover { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-cyan-600:focus { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-cyan-600:active { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-600:disabled { --quanta-to-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-cyan-700 { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-cyan-700:hover { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-cyan-700:focus { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-cyan-700:active { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-700:disabled { --quanta-to-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-cyan-800 { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-cyan-800:hover { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-cyan-800:focus { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-cyan-800:active { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-800:disabled { --quanta-to-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-cyan-900 { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-cyan-900:hover { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-cyan-900:focus { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-cyan-900:active { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-cyan-900:disabled { --quanta-to-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-sky-50 { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-sky-50:hover { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-sky-50:focus { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-sky-50:active { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-sky-50:disabled { --quanta-to-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-sky-100 { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-sky-100:hover { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-sky-100:focus { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-sky-100:active { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-sky-100:disabled { --quanta-to-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-sky-200 { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-sky-200:hover { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-sky-200:focus { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-sky-200:active { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-sky-200:disabled { --quanta-to-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-sky-300 { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-sky-300:hover { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-sky-300:focus { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-sky-300:active { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-sky-300:disabled { --quanta-to-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-sky-400 { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-sky-400:hover { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-sky-400:focus { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-sky-400:active { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-sky-400:disabled { --quanta-to-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-sky-500 { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-sky-500:hover { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-sky-500:focus { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-sky-500:active { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-sky-500:disabled { --quanta-to-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-sky-600 { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-sky-600:hover { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-sky-600:focus { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-sky-600:active { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-sky-600:disabled { --quanta-to-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-sky-700 { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-sky-700:hover { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-sky-700:focus { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-sky-700:active { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-sky-700:disabled { --quanta-to-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-sky-800 { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-sky-800:hover { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-sky-800:focus { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-sky-800:active { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-sky-800:disabled { --quanta-to-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-sky-900 { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-sky-900:hover { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-sky-900:focus { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-sky-900:active { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-sky-900:disabled { --quanta-to-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-violet-50 { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-violet-50:hover { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-violet-50:focus { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-violet-50:active { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-violet-50:disabled { --quanta-to-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-violet-100 { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-violet-100:hover { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-violet-100:focus { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-violet-100:active { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-violet-100:disabled { --quanta-to-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-violet-200 { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-violet-200:hover { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-violet-200:focus { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-violet-200:active { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-violet-200:disabled { --quanta-to-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-violet-300 { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-violet-300:hover { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-violet-300:focus { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-violet-300:active { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-violet-300:disabled { --quanta-to-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-violet-400 { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-violet-400:hover { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-violet-400:focus { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-violet-400:active { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-violet-400:disabled { --quanta-to-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-violet-500 { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-violet-500:hover { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-violet-500:focus { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-violet-500:active { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-violet-500:disabled { --quanta-to-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-violet-600 { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-violet-600:hover { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-violet-600:focus { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-violet-600:active { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-violet-600:disabled { --quanta-to-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-violet-700 { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-violet-700:hover { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-violet-700:focus { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-violet-700:active { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-violet-700:disabled { --quanta-to-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-violet-800 { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-violet-800:hover { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-violet-800:focus { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-violet-800:active { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-violet-800:disabled { --quanta-to-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-violet-900 { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-violet-900:hover { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-violet-900:focus { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-violet-900:active { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-violet-900:disabled { --quanta-to-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-rose-50 { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-rose-50:hover { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-rose-50:focus { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-rose-50:active { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-rose-50:disabled { --quanta-to-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-rose-100 { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-rose-100:hover { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-rose-100:focus { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-rose-100:active { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-rose-100:disabled { --quanta-to-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-rose-200 { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-rose-200:hover { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-rose-200:focus { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-rose-200:active { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-rose-200:disabled { --quanta-to-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-rose-300 { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-rose-300:hover { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-rose-300:focus { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-rose-300:active { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-rose-300:disabled { --quanta-to-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-rose-400 { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-rose-400:hover { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-rose-400:focus { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-rose-400:active { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-rose-400:disabled { --quanta-to-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-rose-500 { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-rose-500:hover { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-rose-500:focus { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-rose-500:active { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-rose-500:disabled { --quanta-to-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-rose-600 { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-rose-600:hover { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-rose-600:focus { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-rose-600:active { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-rose-600:disabled { --quanta-to-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-rose-700 { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-rose-700:hover { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-rose-700:focus { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-rose-700:active { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-rose-700:disabled { --quanta-to-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-rose-800 { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-rose-800:hover { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-rose-800:focus { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-rose-800:active { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-rose-800:disabled { --quanta-to-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-rose-900 { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-rose-900:hover { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-rose-900:focus { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-rose-900:active { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-rose-900:disabled { --quanta-to-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-slate-50 { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-slate-50:hover { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-slate-50:focus { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-slate-50:active { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-slate-50:disabled { --quanta-to-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-slate-100 { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-slate-100:hover { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-slate-100:focus { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-slate-100:active { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-slate-100:disabled { --quanta-to-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-slate-200 { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-slate-200:hover { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-slate-200:focus { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-slate-200:active { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-slate-200:disabled { --quanta-to-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-slate-300 { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-slate-300:hover { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-slate-300:focus { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-slate-300:active { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-slate-300:disabled { --quanta-to-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-slate-400 { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-slate-400:hover { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-slate-400:focus { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-slate-400:active { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-slate-400:disabled { --quanta-to-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-slate-500 { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-slate-500:hover { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-slate-500:focus { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-slate-500:active { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-slate-500:disabled { --quanta-to-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-slate-600 { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-slate-600:hover { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-slate-600:focus { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-slate-600:active { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-slate-600:disabled { --quanta-to-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-slate-700 { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-slate-700:hover { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-slate-700:focus { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-slate-700:active { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-slate-700:disabled { --quanta-to-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-slate-800 { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-slate-800:hover { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-slate-800:focus { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-slate-800:active { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-slate-800:disabled { --quanta-to-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-slate-900 { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-slate-900:hover { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-slate-900:focus { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-slate-900:active { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-slate-900:disabled { --quanta-to-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-blue-50 { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-blue-50:hover { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-blue-50:focus { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-blue-50:active { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-blue-50:disabled { --quanta-to-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-blue-100 { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-blue-100:hover { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-blue-100:focus { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-blue-100:active { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-blue-100:disabled { --quanta-to-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-blue-200 { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-blue-200:hover { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-blue-200:focus { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-blue-200:active { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-blue-200:disabled { --quanta-to-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-blue-300 { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-blue-300:hover { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-blue-300:focus { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-blue-300:active { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-blue-300:disabled { --quanta-to-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-blue-400 { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-blue-400:hover { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-blue-400:focus { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-blue-400:active { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-blue-400:disabled { --quanta-to-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-blue-500 { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-blue-500:hover { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-blue-500:focus { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-blue-500:active { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-blue-500:disabled { --quanta-to-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-blue-600 { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-blue-600:hover { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-blue-600:focus { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-blue-600:active { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-blue-600:disabled { --quanta-to-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-blue-700 { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-blue-700:hover { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-blue-700:focus { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-blue-700:active { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-blue-700:disabled { --quanta-to-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-blue-800 { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-blue-800:hover { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-blue-800:focus { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-blue-800:active { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-blue-800:disabled { --quanta-to-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-blue-900 { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-blue-900:hover { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-blue-900:focus { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-blue-900:active { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-blue-900:disabled { --quanta-to-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-green-50 { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-green-50:hover { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-green-50:focus { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-green-50:active { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-green-50:disabled { --quanta-to-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-green-100 { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-green-100:hover { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-green-100:focus { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-green-100:active { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-green-100:disabled { --quanta-to-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-green-200 { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-green-200:hover { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-green-200:focus { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-green-200:active { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-green-200:disabled { --quanta-to-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-green-300 { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-green-300:hover { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-green-300:focus { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-green-300:active { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-green-300:disabled { --quanta-to-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-green-400 { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-green-400:hover { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-green-400:focus { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-green-400:active { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-green-400:disabled { --quanta-to-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-green-500 { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-green-500:hover { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-green-500:focus { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-green-500:active { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-green-500:disabled { --quanta-to-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-green-600 { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-green-600:hover { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-green-600:focus { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-green-600:active { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-green-600:disabled { --quanta-to-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-green-700 { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-green-700:hover { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-green-700:focus { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-green-700:active { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-green-700:disabled { --quanta-to-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-green-800 { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-green-800:hover { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-green-800:focus { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-green-800:active { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-green-800:disabled { --quanta-to-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-green-900 { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-green-900:hover { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-green-900:focus { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-green-900:active { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-green-900:disabled { --quanta-to-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-black { --quanta-to-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-black:hover { --quanta-to-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-black:focus { --quanta-to-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-black:active { --quanta-to-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-black:disabled { --quanta-to-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-gradient-to-white { --quanta-to-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-gradient-to-white:hover { --quanta-to-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-gradient-to-white:focus { --quanta-to-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-gradient-to-white:active { --quanta-to-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-gradient-to-white:disabled { --quanta-to-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-all { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-all:active { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-bg { transition-property: background-color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-bg:hover { transition-property: background-color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-bg:focus { transition-property: background-color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-bg:active { transition-property: background-color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-bg:disabled { transition-property: background-color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-color { transition-property: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-color:hover { transition-property: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-color:focus { transition-property: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-color:active { transition-property: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-color:disabled { transition-property: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-opacity { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-transform { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-shadow { transition-property: shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-shadow:hover { transition-property: shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-shadow:focus { transition-property: shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-shadow:active { transition-property: shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-shadow:disabled { transition-property: shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-border { transition-property: border; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-border:hover { transition-property: border; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-border:focus { transition-property: border; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-border:active { transition-property: border; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-border:disabled { transition-property: border; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-100 { transition-duration: 100ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-100:hover { transition-duration: 100ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-100:focus { transition-duration: 100ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-100:active { transition-duration: 100ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-100:disabled { transition-duration: 100ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-200 { transition-duration: 200ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-200:hover { transition-duration: 200ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-200:focus { transition-duration: 200ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-200:active { transition-duration: 200ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-200:disabled { transition-duration: 200ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-linear { transition-timing-function: ease-linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-linear:hover { transition-timing-function: ease-linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-linear:focus { transition-timing-function: ease-linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-linear:active { transition-timing-function: ease-linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-linear:disabled { transition-timing-function: ease-linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-in { transition-timing-function: ease-in; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-in:hover { transition-timing-function: ease-in; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-in:focus { transition-timing-function: ease-in; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-in:active { transition-timing-function: ease-in; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-in:disabled { transition-timing-function: ease-in; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-out { transition-timing-function: ease-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-out:hover { transition-timing-function: ease-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-out:focus { transition-timing-function: ease-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-out:active { transition-timing-function: ease-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-out:disabled { transition-timing-function: ease-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-in-out { transition-timing-function: ease-in-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-in-out:active { transition-timing-function: ease-in-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-0 { transform: translateX(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-0:hover { transform: translateX(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-0:focus { transform: translateX(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-0:active { transform: translateX(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-0:disabled { transform: translateX(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-0 { transform: translateY(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-0:hover { transform: translateY(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-0:focus { transform: translateY(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-0:active { transform: translateY(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-0:disabled { transform: translateY(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-0_25 { transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-0_25:active { transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-0_25 { transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-0_25:active { transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-0_5 { transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-0_5:active { transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-0_5 { transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-0_5:active { transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-1 { transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-1:hover { transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-1:focus { transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-1:active { transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-1:disabled { transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-1 { transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-1:hover { transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-1:focus { transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-1:active { transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-1:disabled { transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-1_5 { transform: translateX(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-1_5:active { transform: translateX(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-1_5 { transform: translateY(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-1_5:active { transform: translateY(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-2 { transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-2:hover { transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-2:focus { transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-2:active { transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-2:disabled { transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-2 { transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-2:hover { transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-2:focus { transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-2:active { transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-2:disabled { transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-3 { transform: translateX(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-3:hover { transform: translateX(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-3:focus { transform: translateX(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-3:active { transform: translateX(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-3:disabled { transform: translateX(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-3 { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-3:hover { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-3:focus { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-3:active { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-3:disabled { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-4 { transform: translateX(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-4:hover { transform: translateX(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-4:focus { transform: translateX(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-4:active { transform: translateX(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-4:disabled { transform: translateX(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-4 { transform: translateY(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-4:hover { transform: translateY(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-4:focus { transform: translateY(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-4:active { transform: translateY(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-4:disabled { transform: translateY(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-5 { transform: translateX(5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-5:hover { transform: translateX(5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-5:focus { transform: translateX(5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-5:active { transform: translateX(5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-5:disabled { transform: translateX(5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-5 { transform: translateY(5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-5:hover { transform: translateY(5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-5:focus { transform: translateY(5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-5:active { transform: translateY(5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-5:disabled { transform: translateY(5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-6 { transform: translateX(6rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-6:hover { transform: translateX(6rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-6:focus { transform: translateX(6rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-6:active { transform: translateX(6rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-6:disabled { transform: translateX(6rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-6 { transform: translateY(6rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-6:hover { transform: translateY(6rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-6:focus { transform: translateY(6rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-6:active { transform: translateY(6rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-6:disabled { transform: translateY(6rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-8 { transform: translateX(8rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-8:hover { transform: translateX(8rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-8:focus { transform: translateX(8rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-8:active { transform: translateX(8rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-8:disabled { transform: translateX(8rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-8 { transform: translateY(8rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-8:hover { transform: translateY(8rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-8:focus { transform: translateY(8rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-8:active { transform: translateY(8rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-8:disabled { transform: translateY(8rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-10 { transform: translateX(10rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-10:hover { transform: translateX(10rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-10:focus { transform: translateX(10rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-10:active { transform: translateX(10rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-10:disabled { transform: translateX(10rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-10 { transform: translateY(10rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-10:hover { transform: translateY(10rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-10:focus { transform: translateY(10rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-10:active { transform: translateY(10rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-10:disabled { transform: translateY(10rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-12 { transform: translateX(12rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-12:hover { transform: translateX(12rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-12:focus { transform: translateX(12rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-12:active { transform: translateX(12rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-12:disabled { transform: translateX(12rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-12 { transform: translateY(12rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-12:hover { transform: translateY(12rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-12:focus { transform: translateY(12rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-12:active { transform: translateY(12rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-12:disabled { transform: translateY(12rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-16 { transform: translateX(16rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-16:hover { transform: translateX(16rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-16:focus { transform: translateX(16rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-16:active { transform: translateX(16rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-16:disabled { transform: translateX(16rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-16 { transform: translateY(16rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-16:hover { transform: translateY(16rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-16:focus { transform: translateY(16rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-16:active { transform: translateY(16rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-16:disabled { transform: translateY(16rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-20 { transform: translateX(20rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-20:hover { transform: translateX(20rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-20:focus { transform: translateX(20rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-20:active { transform: translateX(20rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-20:disabled { transform: translateX(20rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-20 { transform: translateY(20rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-20:hover { transform: translateY(20rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-20:focus { transform: translateY(20rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-20:active { transform: translateY(20rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-20:disabled { transform: translateY(20rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-24 { transform: translateX(24rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-24:hover { transform: translateX(24rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-24:focus { transform: translateX(24rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-24:active { transform: translateX(24rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-24:disabled { transform: translateX(24rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-24 { transform: translateY(24rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-24:hover { transform: translateY(24rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-24:focus { transform: translateY(24rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-24:active { transform: translateY(24rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-24:disabled { transform: translateY(24rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-32 { transform: translateX(32rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-32:hover { transform: translateX(32rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-32:focus { transform: translateX(32rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-32:active { transform: translateX(32rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-32:disabled { transform: translateX(32rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-32 { transform: translateY(32rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-32:hover { transform: translateY(32rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-32:focus { transform: translateY(32rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-32:active { transform: translateY(32rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-32:disabled { transform: translateY(32rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-0 { transform: scale(0.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-0:hover { transform: scale(0.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-0:focus { transform: scale(0.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-0:active { transform: scale(0.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-0:disabled { transform: scale(0.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-50 { transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-50:hover { transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-50:focus { transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-50:active { transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-50:disabled { transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-75 { transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-75:hover { transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-75:focus { transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-75:active { transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-75:disabled { transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-90 { transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-90:hover { transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-90:focus { transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-90:active { transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-90:disabled { transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-95 { transform: scale(0.95); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-95:hover { transform: scale(0.95); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-95:focus { transform: scale(0.95); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-95:active { transform: scale(0.95); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-95:disabled { transform: scale(0.95); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-100 { transform: scale(1.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-100:hover { transform: scale(1.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-100:focus { transform: scale(1.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-100:active { transform: scale(1.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-100:disabled { transform: scale(1.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-105 { transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-105:hover { transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-105:focus { transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-105:active { transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-105:disabled { transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-110 { transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-110:hover { transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-110:focus { transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-110:active { transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-110:disabled { transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-125 { transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-125:hover { transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-125:focus { transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-125:active { transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-125:disabled { transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-150 { transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-150:hover { transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-150:focus { transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-150:active { transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-150:disabled { transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate--180 { transform: rotate(-180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate--180:hover { transform: rotate(-180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate--180:focus { transform: rotate(-180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate--180:active { transform: rotate(-180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate--180:disabled { transform: rotate(-180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate--90 { transform: rotate(-90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate--90:hover { transform: rotate(-90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate--90:focus { transform: rotate(-90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate--90:active { transform: rotate(-90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate--90:disabled { transform: rotate(-90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate--45 { transform: rotate(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate--45:hover { transform: rotate(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate--45:focus { transform: rotate(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate--45:active { transform: rotate(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate--45:disabled { transform: rotate(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-0 { transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-0:hover { transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-0:focus { transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-0:active { transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-0:disabled { transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-45 { transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-45:hover { transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-45:focus { transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-45:active { transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-45:disabled { transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-90 { transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-90:hover { transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-90:focus { transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-90:active { transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-90:disabled { transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-180 { transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-180:hover { transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-180:focus { transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-180:active { transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-180:disabled { transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x--45 { transform: skewX(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x--45:hover { transform: skewX(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x--45:focus { transform: skewX(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x--45:active { transform: skewX(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x--45:disabled { transform: skewX(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y--45 { transform: skewY(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y--45:hover { transform: skewY(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y--45:focus { transform: skewY(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y--45:active { transform: skewY(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y--45:disabled { transform: skewY(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x--30 { transform: skewX(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x--30:hover { transform: skewX(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x--30:focus { transform: skewX(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x--30:active { transform: skewX(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x--30:disabled { transform: skewX(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y--30 { transform: skewY(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y--30:hover { transform: skewY(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y--30:focus { transform: skewY(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y--30:active { transform: skewY(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y--30:disabled { transform: skewY(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x--15 { transform: skewX(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x--15:hover { transform: skewX(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x--15:focus { transform: skewX(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x--15:active { transform: skewX(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x--15:disabled { transform: skewX(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y--15 { transform: skewY(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y--15:hover { transform: skewY(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y--15:focus { transform: skewY(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y--15:active { transform: skewY(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y--15:disabled { transform: skewY(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-0 { transform: skewX(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-0:hover { transform: skewX(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-0:focus { transform: skewX(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-0:active { transform: skewX(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-0:disabled { transform: skewX(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-0 { transform: skewY(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-0:hover { transform: skewY(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-0:focus { transform: skewY(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-0:active { transform: skewY(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-0:disabled { transform: skewY(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-15 { transform: skewX(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-15:hover { transform: skewX(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-15:focus { transform: skewX(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-15:active { transform: skewX(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-15:disabled { transform: skewX(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-15 { transform: skewY(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-15:hover { transform: skewY(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-15:focus { transform: skewY(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-15:active { transform: skewY(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-15:disabled { transform: skewY(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-30 { transform: skewX(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-30:hover { transform: skewX(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-30:focus { transform: skewX(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-30:active { transform: skewX(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-30:disabled { transform: skewX(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-30 { transform: skewY(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-30:hover { transform: skewY(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-30:focus { transform: skewY(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-30:active { transform: skewY(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-30:disabled { transform: skewY(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-45 { transform: skewX(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-45:hover { transform: skewX(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-45:focus { transform: skewX(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-45:active { transform: skewX(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-45:disabled { transform: skewX(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-45 { transform: skewY(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-45:hover { transform: skewY(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-45:focus { transform: skewY(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-45:active { transform: skewY(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-45:disabled { transform: skewY(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur-none { filter: blur(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur-none:hover { filter: blur(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur-none:focus { filter: blur(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur-none:active { filter: blur(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur-none:disabled { filter: blur(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur-sm { filter: blur(2px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur-sm:hover { filter: blur(2px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur-sm:focus { filter: blur(2px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur-sm:active { filter: blur(2px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur-sm:disabled { filter: blur(2px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur:hover { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur:focus { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur:active { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur:disabled { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur-md { filter: blur(8px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur-md:hover { filter: blur(8px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur-md:focus { filter: blur(8px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur-md:active { filter: blur(8px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur-md:disabled { filter: blur(8px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur-lg { filter: blur(12px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur-lg:hover { filter: blur(12px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur-lg:focus { filter: blur(12px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur-lg:active { filter: blur(12px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur-lg:disabled { filter: blur(12px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur-xl { filter: blur(20px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur-xl:hover { filter: blur(20px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur-xl:focus { filter: blur(20px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur-xl:active { filter: blur(20px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur-xl:disabled { filter: blur(20px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-0 { filter: brightness(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-0:hover { filter: brightness(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-0:focus { filter: brightness(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-0:active { filter: brightness(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-0:disabled { filter: brightness(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-75 { filter: brightness(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-75:hover { filter: brightness(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-75:focus { filter: brightness(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-75:active { filter: brightness(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-75:disabled { filter: brightness(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-90 { filter: brightness(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-90:hover { filter: brightness(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-90:focus { filter: brightness(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-90:active { filter: brightness(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-90:disabled { filter: brightness(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-100 { filter: brightness(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-100:hover { filter: brightness(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-100:focus { filter: brightness(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-100:active { filter: brightness(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-100:disabled { filter: brightness(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-125 { filter: brightness(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-125:hover { filter: brightness(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-125:focus { filter: brightness(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-125:active { filter: brightness(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-125:disabled { filter: brightness(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-150 { filter: brightness(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-150:hover { filter: brightness(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-150:focus { filter: brightness(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-150:active { filter: brightness(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-150:disabled { filter: brightness(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-200 { filter: brightness(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-200:hover { filter: brightness(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-200:focus { filter: brightness(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-200:active { filter: brightness(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-200:disabled { filter: brightness(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contrast-0 { filter: contrast(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contrast-0:hover { filter: contrast(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contrast-0:focus { filter: contrast(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contrast-0:active { filter: contrast(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contrast-0:disabled { filter: contrast(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contrast-50 { filter: contrast(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contrast-50:hover { filter: contrast(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contrast-50:focus { filter: contrast(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contrast-50:active { filter: contrast(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contrast-50:disabled { filter: contrast(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contrast-75 { filter: contrast(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contrast-75:hover { filter: contrast(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contrast-75:focus { filter: contrast(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contrast-75:active { filter: contrast(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contrast-75:disabled { filter: contrast(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contrast-100 { filter: contrast(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contrast-100:hover { filter: contrast(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contrast-100:focus { filter: contrast(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contrast-100:active { filter: contrast(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contrast-100:disabled { filter: contrast(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contrast-125 { filter: contrast(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contrast-125:hover { filter: contrast(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contrast-125:focus { filter: contrast(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contrast-125:active { filter: contrast(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contrast-125:disabled { filter: contrast(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contrast-150 { filter: contrast(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contrast-150:hover { filter: contrast(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contrast-150:focus { filter: contrast(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contrast-150:active { filter: contrast(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contrast-150:disabled { filter: contrast(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contrast-200 { filter: contrast(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contrast-200:hover { filter: contrast(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contrast-200:focus { filter: contrast(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contrast-200:active { filter: contrast(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contrast-200:disabled { filter: contrast(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grayscale-0 { filter: grayscale(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grayscale-0:hover { filter: grayscale(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grayscale-0:focus { filter: grayscale(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grayscale-0:active { filter: grayscale(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grayscale-0:disabled { filter: grayscale(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grayscale-100 { filter: grayscale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grayscale-100:hover { filter: grayscale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grayscale-100:focus { filter: grayscale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grayscale-100:active { filter: grayscale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grayscale-100:disabled { filter: grayscale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hue-rotate-0 { filter: hue-rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-hue-rotate-0:hover { filter: hue-rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-hue-rotate-0:focus { filter: hue-rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-hue-rotate-0:active { filter: hue-rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-hue-rotate-0:disabled { filter: hue-rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hue-rotate-45 { filter: hue-rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-hue-rotate-45:hover { filter: hue-rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-hue-rotate-45:focus { filter: hue-rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-hue-rotate-45:active { filter: hue-rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-hue-rotate-45:disabled { filter: hue-rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hue-rotate-180 { filter: hue-rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-hue-rotate-180:hover { filter: hue-rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-hue-rotate-180:focus { filter: hue-rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-hue-rotate-180:active { filter: hue-rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-hue-rotate-180:disabled { filter: hue-rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-invert-0 { filter: invert(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-invert-0:hover { filter: invert(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-invert-0:focus { filter: invert(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-invert-0:active { filter: invert(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-invert-0:disabled { filter: invert(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-invert-100 { filter: invert(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-invert-100:hover { filter: invert(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-invert-100:focus { filter: invert(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-invert-100:active { filter: invert(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-invert-100:disabled { filter: invert(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-saturate-0 { filter: saturate(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-saturate-0:hover { filter: saturate(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-saturate-0:focus { filter: saturate(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-saturate-0:active { filter: saturate(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-saturate-0:disabled { filter: saturate(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-saturate-50 { filter: saturate(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-saturate-50:hover { filter: saturate(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-saturate-50:focus { filter: saturate(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-saturate-50:active { filter: saturate(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-saturate-50:disabled { filter: saturate(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-saturate-100 { filter: saturate(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-saturate-100:hover { filter: saturate(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-saturate-100:focus { filter: saturate(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-saturate-100:active { filter: saturate(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-saturate-100:disabled { filter: saturate(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-saturate-200 { filter: saturate(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-saturate-200:hover { filter: saturate(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-saturate-200:focus { filter: saturate(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-saturate-200:active { filter: saturate(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-saturate-200:disabled { filter: saturate(2); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-sepia-0 { filter: sepia(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-sepia-0:hover { filter: sepia(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-sepia-0:focus { filter: sepia(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-sepia-0:active { filter: sepia(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-sepia-0:disabled { filter: sepia(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-sepia-100 { filter: sepia(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-sepia-100:hover { filter: sepia(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-sepia-100:focus { filter: sepia(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-sepia-100:active { filter: sepia(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-sepia-100:disabled { filter: sepia(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-drop-shadow-md { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-drop-shadow-md:hover { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-drop-shadow-md:focus { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-drop-shadow-md:active { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-drop-shadow-md:disabled { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-normal { mix-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-normal:hover { mix-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-normal:focus { mix-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-normal:active { mix-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-normal:disabled { mix-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-multiply { mix-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-multiply:hover { mix-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-multiply:focus { mix-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-multiply:active { mix-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-multiply:disabled { mix-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-screen { mix-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-screen:hover { mix-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-screen:focus { mix-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-screen:active { mix-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-screen:disabled { mix-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-overlay { mix-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-overlay:hover { mix-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-overlay:focus { mix-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-overlay:active { mix-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-overlay:disabled { mix-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-darken { mix-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-darken:hover { mix-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-darken:focus { mix-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-darken:active { mix-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-darken:disabled { mix-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-lighten { mix-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-lighten:hover { mix-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-lighten:focus { mix-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-lighten:active { mix-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-lighten:disabled { mix-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-color-dodge { mix-blend-mode: color-dodge; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-color-dodge:hover { mix-blend-mode: color-dodge; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-color-dodge:focus { mix-blend-mode: color-dodge; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-color-dodge:active { mix-blend-mode: color-dodge; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-color-dodge:disabled { mix-blend-mode: color-dodge; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-color-burn { mix-blend-mode: color-burn; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-color-burn:hover { mix-blend-mode: color-burn; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-color-burn:focus { mix-blend-mode: color-burn; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-color-burn:active { mix-blend-mode: color-burn; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-color-burn:disabled { mix-blend-mode: color-burn; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-hard-light { mix-blend-mode: hard-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-hard-light:hover { mix-blend-mode: hard-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-hard-light:focus { mix-blend-mode: hard-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-hard-light:active { mix-blend-mode: hard-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-hard-light:disabled { mix-blend-mode: hard-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-soft-light { mix-blend-mode: soft-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-soft-light:hover { mix-blend-mode: soft-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-soft-light:focus { mix-blend-mode: soft-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-soft-light:active { mix-blend-mode: soft-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-soft-light:disabled { mix-blend-mode: soft-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-difference { mix-blend-mode: difference; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-difference:hover { mix-blend-mode: difference; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-difference:focus { mix-blend-mode: difference; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-difference:active { mix-blend-mode: difference; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-difference:disabled { mix-blend-mode: difference; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-exclusion { mix-blend-mode: exclusion; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-exclusion:hover { mix-blend-mode: exclusion; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-exclusion:focus { mix-blend-mode: exclusion; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-exclusion:active { mix-blend-mode: exclusion; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-exclusion:disabled { mix-blend-mode: exclusion; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-hue { mix-blend-mode: hue; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-hue:hover { mix-blend-mode: hue; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-hue:focus { mix-blend-mode: hue; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-hue:active { mix-blend-mode: hue; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-hue:disabled { mix-blend-mode: hue; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-saturation { mix-blend-mode: saturation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-saturation:hover { mix-blend-mode: saturation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-saturation:focus { mix-blend-mode: saturation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-saturation:active { mix-blend-mode: saturation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-saturation:disabled { mix-blend-mode: saturation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-color { mix-blend-mode: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-color:hover { mix-blend-mode: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-color:focus { mix-blend-mode: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-color:active { mix-blend-mode: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-color:disabled { mix-blend-mode: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-luminosity { mix-blend-mode: luminosity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-luminosity:hover { mix-blend-mode: luminosity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-luminosity:focus { mix-blend-mode: luminosity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-luminosity:active { mix-blend-mode: luminosity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-luminosity:disabled { mix-blend-mode: luminosity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-normal { background-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-normal:hover { background-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-normal:focus { background-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-normal:active { background-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-multiply { background-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-multiply:active { background-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-screen { background-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-screen:hover { background-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-screen:focus { background-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-screen:active { background-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-overlay { background-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-overlay:active { background-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-darken { background-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-darken:hover { background-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-darken:focus { background-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-darken:active { background-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-lighten { background-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-lighten:active { background-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-color-dodge { background-blend-mode: color-dodge; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-color-dodge:hover { background-blend-mode: color-dodge; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-color-dodge:focus { background-blend-mode: color-dodge; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-color-dodge:active { background-blend-mode: color-dodge; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-color-dodge:disabled { background-blend-mode: color-dodge; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-color-burn { background-blend-mode: color-burn; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-color-burn:hover { background-blend-mode: color-burn; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-color-burn:focus { background-blend-mode: color-burn; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-color-burn:active { background-blend-mode: color-burn; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-color-burn:disabled { background-blend-mode: color-burn; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-hard-light { background-blend-mode: hard-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-hard-light:hover { background-blend-mode: hard-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-hard-light:focus { background-blend-mode: hard-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-hard-light:active { background-blend-mode: hard-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-hard-light:disabled { background-blend-mode: hard-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-soft-light { background-blend-mode: soft-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-soft-light:hover { background-blend-mode: soft-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-soft-light:focus { background-blend-mode: soft-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-soft-light:active { background-blend-mode: soft-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-soft-light:disabled { background-blend-mode: soft-light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-difference { background-blend-mode: difference; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-difference:hover { background-blend-mode: difference; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-difference:focus { background-blend-mode: difference; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-difference:active { background-blend-mode: difference; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-difference:disabled { background-blend-mode: difference; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-exclusion { background-blend-mode: exclusion; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-exclusion:hover { background-blend-mode: exclusion; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-exclusion:focus { background-blend-mode: exclusion; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-exclusion:active { background-blend-mode: exclusion; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-exclusion:disabled { background-blend-mode: exclusion; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-hue { background-blend-mode: hue; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-hue:hover { background-blend-mode: hue; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-hue:focus { background-blend-mode: hue; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-hue:active { background-blend-mode: hue; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-hue:disabled { background-blend-mode: hue; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-saturation { background-blend-mode: saturation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-saturation:hover { background-blend-mode: saturation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-saturation:focus { background-blend-mode: saturation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-saturation:active { background-blend-mode: saturation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-saturation:disabled { background-blend-mode: saturation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-color { background-blend-mode: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-color:hover { background-blend-mode: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-color:focus { background-blend-mode: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-color:active { background-blend-mode: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-color:disabled { background-blend-mode: color; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-luminosity { background-blend-mode: luminosity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-luminosity:hover { background-blend-mode: luminosity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-luminosity:focus { background-blend-mode: luminosity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-luminosity:active { background-blend-mode: luminosity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-luminosity:disabled { background-blend-mode: luminosity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-contain { object-fit: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-contain:hover { object-fit: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-contain:focus { object-fit: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-contain:active { object-fit: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-contain:disabled { object-fit: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-cover { object-fit: cover; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-cover:hover { object-fit: cover; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-cover:focus { object-fit: cover; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-cover:active { object-fit: cover; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-cover:disabled { object-fit: cover; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-fill { object-fit: fill; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-fill:hover { object-fit: fill; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-fill:focus { object-fit: fill; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-fill:active { object-fit: fill; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-fill:disabled { object-fit: fill; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-none { object-fit: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-none:hover { object-fit: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-none:focus { object-fit: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-none:active { object-fit: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-none:disabled { object-fit: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-scale-down { object-fit: scale-down; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-scale-down:hover { object-fit: scale-down; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-scale-down:focus { object-fit: scale-down; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-scale-down:active { object-fit: scale-down; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-scale-down:disabled { object-fit: scale-down; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-top { object-position: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-top:hover { object-position: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-top:focus { object-position: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-top:active { object-position: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-top:disabled { object-position: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-bottom { object-position: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-bottom:hover { object-position: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-bottom:focus { object-position: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-bottom:active { object-position: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-bottom:disabled { object-position: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-center { object-position: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-center:hover { object-position: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-center:focus { object-position: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-center:active { object-position: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-center:disabled { object-position: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-left { object-position: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-left:hover { object-position: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-left:focus { object-position: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-left:active { object-position: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-left:disabled { object-position: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-right { object-position: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-right:hover { object-position: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-right:focus { object-position: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-right:active { object-position: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-right:disabled { object-position: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-left-top { object-position: left top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-left-top:hover { object-position: left top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-left-top:focus { object-position: left top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-left-top:active { object-position: left top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-left-top:disabled { object-position: left top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-right-top { object-position: right top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-right-top:hover { object-position: right top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-right-top:focus { object-position: right top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-right-top:active { object-position: right top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-right-top:disabled { object-position: right top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-left-bottom { object-position: left bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-left-bottom:hover { object-position: left bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-left-bottom:focus { object-position: left bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-left-bottom:active { object-position: left bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-left-bottom:disabled { object-position: left bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-object-right-bottom { object-position: right bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-object-right-bottom:hover { object-position: right bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-object-right-bottom:focus { object-position: right bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-object-right-bottom:active { object-position: right bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-object-right-bottom:disabled { object-position: right bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-clamp-1:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-clamp-1:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-clamp-1:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-clamp-1:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-clamp-2:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-clamp-2:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-clamp-2:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-clamp-2:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-clamp-3:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-clamp-3:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-clamp-3:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-clamp-3:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-clamp-4:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-clamp-4:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-clamp-4:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-clamp-4:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-clamp-5:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-clamp-5:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-clamp-5:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-clamp-5:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-line-clamp-6:hover { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-line-clamp-6:focus { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-line-clamp-6:active { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-line-clamp-6:disabled { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-image-none { list-style-image: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-image-none:hover { list-style-image: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-image-none:focus { list-style-image: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-image-none:active { list-style-image: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-image-none:disabled { list-style-image: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-position-inside { list-style-position: inside; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-position-inside:hover { list-style-position: inside; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-position-inside:focus { list-style-position: inside; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-position-inside:active { list-style-position: inside; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-position-inside:disabled { list-style-position: inside; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-position-outside { list-style-position: outside; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-position-outside:hover { list-style-position: outside; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-position-outside:focus { list-style-position: outside; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-position-outside:active { list-style-position: outside; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-position-outside:disabled { list-style-position: outside; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-type-none { list-style-type: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-type-none:hover { list-style-type: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-type-none:focus { list-style-type: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-type-none:active { list-style-type: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-type-none:disabled { list-style-type: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-type-disc { list-style-type: disc; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-type-disc:hover { list-style-type: disc; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-type-disc:focus { list-style-type: disc; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-type-disc:active { list-style-type: disc; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-type-disc:disabled { list-style-type: disc; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-type-circle { list-style-type: circle; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-type-circle:hover { list-style-type: circle; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-type-circle:focus { list-style-type: circle; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-type-circle:active { list-style-type: circle; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-type-circle:disabled { list-style-type: circle; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-type-square { list-style-type: square; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-type-square:hover { list-style-type: square; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-type-square:focus { list-style-type: square; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-type-square:active { list-style-type: square; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-type-square:disabled { list-style-type: square; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-type-decimal { list-style-type: decimal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-type-decimal:hover { list-style-type: decimal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-type-decimal:focus { list-style-type: decimal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-type-decimal:active { list-style-type: decimal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-type-decimal:disabled { list-style-type: decimal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-type-lower_roman { list-style-type: lower-roman; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-type-lower_roman:hover { list-style-type: lower-roman; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-type-lower_roman:focus { list-style-type: lower-roman; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-type-lower_roman:active { list-style-type: lower-roman; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-type-lower_roman:disabled { list-style-type: lower-roman; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-type-upper_roman { list-style-type: upper-roman; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-type-upper_roman:hover { list-style-type: upper-roman; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-type-upper_roman:focus { list-style-type: upper-roman; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-type-upper_roman:active { list-style-type: upper-roman; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-type-upper_roman:disabled { list-style-type: upper-roman; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-type-lower_alpha { list-style-type: lower-alpha; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-type-lower_alpha:hover { list-style-type: lower-alpha; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-type-lower_alpha:focus { list-style-type: lower-alpha; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-type-lower_alpha:active { list-style-type: lower-alpha; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-type-lower_alpha:disabled { list-style-type: lower-alpha; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-list-style-type-upper_alpha { list-style-type: upper-alpha; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-list-style-type-upper_alpha:hover { list-style-type: upper-alpha; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-list-style-type-upper_alpha:focus { list-style-type: upper-alpha; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-list-style-type-upper_alpha:active { list-style-type: upper-alpha; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-list-style-type-upper_alpha:disabled { list-style-type: upper-alpha; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-align-left { text-align: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-align-left:hover { text-align: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-align-left:focus { text-align: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-align-left:active { text-align: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-align-left:disabled { text-align: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-align-center { text-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-align-center:hover { text-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-align-center:focus { text-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-align-center:active { text-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-align-center:disabled { text-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-align-right { text-align: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-align-right:hover { text-align: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-align-right:focus { text-align: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-align-right:active { text-align: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-align-right:disabled { text-align: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-align-justify { text-align: justify; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-align-justify:hover { text-align: justify; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-align-justify:focus { text-align: justify; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-align-justify:active { text-align: justify; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-align-justify:disabled { text-align: justify; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-backface-visible { backface-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-backface-visible:hover { backface-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-backface-visible:focus { backface-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-backface-visible:active { backface-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-backface-visible:disabled { backface-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-backface-hidden { backface-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-backface-hidden:hover { backface-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-backface-hidden:focus { backface-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-backface-hidden:active { backface-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-backface-hidden:disabled { backface-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-none { perspective: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-none:hover { perspective: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-none:focus { perspective: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-none:active { perspective: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-none:disabled { perspective: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-100 { perspective: 100px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-100:hover { perspective: 100px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-100:focus { perspective: 100px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-100:active { perspective: 100px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-100:disabled { perspective: 100px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-500 { perspective: 500px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-500:hover { perspective: 500px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-500:focus { perspective: 500px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-500:active { perspective: 500px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-500:disabled { perspective: 500px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-1000 { perspective: 1000px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-1000:hover { perspective: 1000px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-1000:focus { perspective: 1000px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-1000:active { perspective: 1000px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-1000:disabled { perspective: 1000px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-1500 { perspective: 1500px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-1500:hover { perspective: 1500px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-1500:focus { perspective: 1500px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-1500:active { perspective: 1500px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-1500:disabled { perspective: 1500px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-2000 { perspective: 2000px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-2000:hover { perspective: 2000px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-2000:focus { perspective: 2000px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-2000:active { perspective: 2000px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-2000:disabled { perspective: 2000px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-center { perspective-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-center:hover { perspective-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-center:focus { perspective-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-center:active { perspective-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-center:disabled { perspective-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-top { perspective-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-top:hover { perspective-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-top:focus { perspective-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-top:active { perspective-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-top:disabled { perspective-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-bottom { perspective-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-bottom:active { perspective-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-left { perspective-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-left:hover { perspective-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-left:focus { perspective-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-left:active { perspective-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-left:disabled { perspective-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-right { perspective-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-right:hover { perspective-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-right:focus { perspective-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-right:active { perspective-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-right:disabled { perspective-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-top_left { perspective-origin: top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-top_left:hover { perspective-origin: top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-top_left:focus { perspective-origin: top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-top_left:active { perspective-origin: top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-top_left:disabled { perspective-origin: top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-top_right { perspective-origin: top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-top_right:hover { perspective-origin: top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-top_right:focus { perspective-origin: top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-top_right:active { perspective-origin: top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-top_right:disabled { perspective-origin: top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-bottom_left { perspective-origin: bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-bottom_left:hover { perspective-origin: bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-bottom_left:focus { perspective-origin: bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-bottom_left:active { perspective-origin: bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-bottom_left:disabled { perspective-origin: bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-bottom_right { perspective-origin: bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-bottom_right:hover { perspective-origin: bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-bottom_right:focus { perspective-origin: bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-bottom_right:active { perspective-origin: bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-bottom_right:disabled { perspective-origin: bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transform { transform: var(--quanta-transform, none); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transform:hover { transform: var(--quanta-transform, none); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transform:focus { transform: var(--quanta-transform, none); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transform:active { transform: var(--quanta-transform, none); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transform:disabled { transform: var(--quanta-transform, none); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transform-none { transform: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transform-none:hover { transform: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transform-none:focus { transform: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transform-none:active { transform: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transform-none:disabled { transform: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-n180 { transform: rotate(-180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-n180:hover { transform: rotate(-180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-n180:focus { transform: rotate(-180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-n180:active { transform: rotate(-180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-n180:disabled { transform: rotate(-180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-n90 { transform: rotate(-90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-n90:hover { transform: rotate(-90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-n90:focus { transform: rotate(-90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-n90:active { transform: rotate(-90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-n90:disabled { transform: rotate(-90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-n45 { transform: rotate(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-n45:hover { transform: rotate(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-n45:focus { transform: rotate(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-n45:active { transform: rotate(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-n45:disabled { transform: rotate(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-0 { transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-0:hover { transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-0:focus { transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-0:active { transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-0:disabled { transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-45 { transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-45:hover { transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-45:focus { transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-45:active { transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-45:disabled { transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-90 { transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-90:hover { transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-90:focus { transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-90:active { transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-90:disabled { transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-180 { transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-180:hover { transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-180:focus { transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-180:active { transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-180:disabled { transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-50 { transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-50:hover { transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-50:focus { transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-50:active { transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-50:disabled { transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-75 { transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-75:hover { transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-75:focus { transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-75:active { transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-75:disabled { transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-90 { transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-90:hover { transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-90:focus { transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-90:active { transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-90:disabled { transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-95 { transform: scale(0.95); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-95:hover { transform: scale(0.95); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-95:focus { transform: scale(0.95); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-95:active { transform: scale(0.95); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-95:disabled { transform: scale(0.95); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-100 { transform: scale(1.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-100:hover { transform: scale(1.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-100:focus { transform: scale(1.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-100:active { transform: scale(1.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-100:disabled { transform: scale(1.0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-105 { transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-105:hover { transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-105:focus { transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-105:active { transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-105:disabled { transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-110 { transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-110:hover { transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-110:focus { transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-110:active { transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-110:disabled { transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-125 { transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-125:hover { transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-125:focus { transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-125:active { transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-125:disabled { transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-150 { transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-150:hover { transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-150:focus { transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-150:active { transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-150:disabled { transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-n45 { transform: skewX(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-n45:hover { transform: skewX(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-n45:focus { transform: skewX(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-n45:active { transform: skewX(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-n45:disabled { transform: skewX(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-n45 { transform: skewY(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-n45:hover { transform: skewY(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-n45:focus { transform: skewY(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-n45:active { transform: skewY(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-n45:disabled { transform: skewY(-45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-n30 { transform: skewX(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-n30:hover { transform: skewX(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-n30:focus { transform: skewX(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-n30:active { transform: skewX(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-n30:disabled { transform: skewX(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-n30 { transform: skewY(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-n30:hover { transform: skewY(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-n30:focus { transform: skewY(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-n30:active { transform: skewY(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-n30:disabled { transform: skewY(-30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-n15 { transform: skewX(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-n15:hover { transform: skewX(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-n15:focus { transform: skewX(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-n15:active { transform: skewX(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-n15:disabled { transform: skewX(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-n15 { transform: skewY(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-n15:hover { transform: skewY(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-n15:focus { transform: skewY(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-n15:active { transform: skewY(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-n15:disabled { transform: skewY(-15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-0 { transform: skewX(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-0:hover { transform: skewX(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-0:focus { transform: skewX(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-0:active { transform: skewX(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-0:disabled { transform: skewX(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-0 { transform: skewY(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-0:hover { transform: skewY(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-0:focus { transform: skewY(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-0:active { transform: skewY(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-0:disabled { transform: skewY(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-15 { transform: skewX(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-15:hover { transform: skewX(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-15:focus { transform: skewX(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-15:active { transform: skewX(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-15:disabled { transform: skewX(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-15 { transform: skewY(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-15:hover { transform: skewY(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-15:focus { transform: skewY(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-15:active { transform: skewY(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-15:disabled { transform: skewY(15deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-30 { transform: skewX(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-30:hover { transform: skewX(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-30:focus { transform: skewX(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-30:active { transform: skewX(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-30:disabled { transform: skewX(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-30 { transform: skewY(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-30:hover { transform: skewY(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-30:focus { transform: skewY(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-30:active { transform: skewY(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-30:disabled { transform: skewY(30deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-45 { transform: skewX(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-45:hover { transform: skewX(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-45:focus { transform: skewX(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-45:active { transform: skewX(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-45:disabled { transform: skewX(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-45 { transform: skewY(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-45:hover { transform: skewY(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-45:focus { transform: skewY(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-45:active { transform: skewY(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-45:disabled { transform: skewY(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-0 { transform: translateX(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-0:hover { transform: translateX(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-0:focus { transform: translateX(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-0:active { transform: translateX(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-0:disabled { transform: translateX(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-0 { transform: translateY(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-0:hover { transform: translateY(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-0:focus { transform: translateY(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-0:active { transform: translateY(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-0:disabled { transform: translateY(0rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-0_125 { transform: translateX(0.125rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-0_125:hover { transform: translateX(0.125rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-0_125:focus { transform: translateX(0.125rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-0_125:active { transform: translateX(0.125rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-0_125:disabled { transform: translateX(0.125rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-0_125 { transform: translateY(0.125rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-0_125:hover { transform: translateY(0.125rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-0_125:focus { transform: translateY(0.125rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-0_125:active { transform: translateY(0.125rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-0_125:disabled { transform: translateY(0.125rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-0_25 { transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-0_25:hover { transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-0_25:focus { transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-0_25:active { transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-0_25:disabled { transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-0_25 { transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-0_25:hover { transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-0_25:focus { transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-0_25:active { transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-0_25:disabled { transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-0_5 { transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-0_5:hover { transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-0_5:focus { transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-0_5:active { transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-0_5:disabled { transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-0_5 { transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-0_5:hover { transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-0_5:focus { transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-0_5:active { transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-0_5:disabled { transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-0_75 { transform: translateX(0.75rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-0_75:hover { transform: translateX(0.75rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-0_75:focus { transform: translateX(0.75rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-0_75:active { transform: translateX(0.75rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-0_75:disabled { transform: translateX(0.75rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-0_75 { transform: translateY(0.75rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-0_75:hover { transform: translateY(0.75rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-0_75:focus { transform: translateY(0.75rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-0_75:active { transform: translateY(0.75rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-0_75:disabled { transform: translateY(0.75rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-1 { transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-1:hover { transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-1:focus { transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-1:active { transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-1:disabled { transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-1 { transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-1:hover { transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-1:focus { transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-1:active { transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-1:disabled { transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-1_5 { transform: translateX(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-1_5:hover { transform: translateX(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-1_5:focus { transform: translateX(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-1_5:active { transform: translateX(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-1_5:disabled { transform: translateX(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-1_5 { transform: translateY(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-1_5:hover { transform: translateY(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-1_5:focus { transform: translateY(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-1_5:active { transform: translateY(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-1_5:disabled { transform: translateY(1.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-2 { transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-2:hover { transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-2:focus { transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-2:active { transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-2:disabled { transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-2 { transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-2:hover { transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-2:focus { transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-2:active { transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-2:disabled { transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-3 { transform: translateX(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-3:hover { transform: translateX(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-3:focus { transform: translateX(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-3:active { transform: translateX(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-3:disabled { transform: translateX(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-3 { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-3:hover { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-3:focus { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-3:active { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-3:disabled { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-4 { transform: translateX(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-4:hover { transform: translateX(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-4:focus { transform: translateX(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-4:active { transform: translateX(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-4:disabled { transform: translateX(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-4 { transform: translateY(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-4:hover { transform: translateY(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-4:focus { transform: translateY(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-4:active { transform: translateY(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-4:disabled { transform: translateY(4rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-center { transform-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-center:hover { transform-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-center:focus { transform-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-center:active { transform-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-center:disabled { transform-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-top { transform-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-top:hover { transform-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-top:focus { transform-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-top:active { transform-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-top:disabled { transform-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-bottom { transform-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-bottom:hover { transform-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-bottom:focus { transform-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-bottom:active { transform-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-bottom:disabled { transform-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-left { transform-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-left:hover { transform-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-left:focus { transform-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-left:active { transform-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-left:disabled { transform-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-right { transform-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-right:hover { transform-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-right:focus { transform-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-right:active { transform-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-right:disabled { transform-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-top_left { transform-origin: top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-top_left:hover { transform-origin: top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-top_left:focus { transform-origin: top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-top_left:active { transform-origin: top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-top_left:disabled { transform-origin: top left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-top_right { transform-origin: top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-top_right:hover { transform-origin: top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-top_right:focus { transform-origin: top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-top_right:active { transform-origin: top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-top_right:disabled { transform-origin: top right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-bottom_left { transform-origin: bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-bottom_left:hover { transform-origin: bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-bottom_left:focus { transform-origin: bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-bottom_left:active { transform-origin: bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-bottom_left:disabled { transform-origin: bottom left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-bottom_right { transform-origin: bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-bottom_right:hover { transform-origin: bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-bottom_right:focus { transform-origin: bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-bottom_right:active { transform-origin: bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-bottom_right:disabled { transform-origin: bottom right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transform-style-flat { transform-style: flat; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transform-style-flat:hover { transform-style: flat; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transform-style-flat:focus { transform-style: flat; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transform-style-flat:active { transform-style: flat; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transform-style-flat:disabled { transform-style: flat; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transform-style-preserve-3d { transform-style: preserve-3d; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transform-style-preserve-3d:hover { transform-style: preserve-3d; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transform-style-preserve-3d:focus { transform-style: preserve-3d; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transform-style-preserve-3d:active { transform-style: preserve-3d; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transform-style-preserve-3d:disabled { transform-style: preserve-3d; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-auto { accent-color: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-auto:hover { accent-color: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-auto:focus { accent-color: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-auto:active { accent-color: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-auto:disabled { accent-color: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-transparent { accent-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-transparent:hover { accent-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-transparent:focus { accent-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-transparent:active { accent-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-transparent:disabled { accent-color: transparent; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-red-50 { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-red-50:hover { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-red-50:focus { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-red-50:active { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-red-50:disabled { accent-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-red-100 { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-red-100:hover { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-red-100:focus { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-red-100:active { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-red-100:disabled { accent-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-red-200 { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-red-200:hover { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-red-200:focus { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-red-200:active { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-red-200:disabled { accent-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-red-300 { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-red-300:hover { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-red-300:focus { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-red-300:active { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-red-300:disabled { accent-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-red-400 { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-red-400:hover { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-red-400:focus { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-red-400:active { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-red-400:disabled { accent-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-red-500 { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-red-500:hover { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-red-500:focus { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-red-500:active { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-red-500:disabled { accent-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-red-600 { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-red-600:hover { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-red-600:focus { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-red-600:active { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-red-600:disabled { accent-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-red-700 { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-red-700:hover { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-red-700:focus { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-red-700:active { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-red-700:disabled { accent-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-red-800 { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-red-800:hover { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-red-800:focus { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-red-800:active { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-red-800:disabled { accent-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-red-900 { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-red-900:hover { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-red-900:focus { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-red-900:active { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-red-900:disabled { accent-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-orange-50 { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-orange-50:hover { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-orange-50:focus { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-orange-50:active { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-orange-50:disabled { accent-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-orange-100 { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-orange-100:hover { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-orange-100:focus { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-orange-100:active { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-orange-100:disabled { accent-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-orange-200 { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-orange-200:hover { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-orange-200:focus { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-orange-200:active { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-orange-200:disabled { accent-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-orange-300 { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-orange-300:hover { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-orange-300:focus { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-orange-300:active { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-orange-300:disabled { accent-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-orange-400 { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-orange-400:hover { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-orange-400:focus { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-orange-400:active { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-orange-400:disabled { accent-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-orange-500 { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-orange-500:hover { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-orange-500:focus { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-orange-500:active { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-orange-500:disabled { accent-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-orange-600 { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-orange-600:hover { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-orange-600:focus { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-orange-600:active { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-orange-600:disabled { accent-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-orange-700 { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-orange-700:hover { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-orange-700:focus { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-orange-700:active { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-orange-700:disabled { accent-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-orange-800 { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-orange-800:hover { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-orange-800:focus { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-orange-800:active { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-orange-800:disabled { accent-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-orange-900 { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-orange-900:hover { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-orange-900:focus { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-orange-900:active { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-orange-900:disabled { accent-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-teal-50 { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-teal-50:hover { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-teal-50:focus { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-teal-50:active { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-teal-50:disabled { accent-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-teal-100 { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-teal-100:hover { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-teal-100:focus { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-teal-100:active { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-teal-100:disabled { accent-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-teal-200 { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-teal-200:hover { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-teal-200:focus { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-teal-200:active { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-teal-200:disabled { accent-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-teal-300 { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-teal-300:hover { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-teal-300:focus { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-teal-300:active { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-teal-300:disabled { accent-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-teal-400 { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-teal-400:hover { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-teal-400:focus { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-teal-400:active { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-teal-400:disabled { accent-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-teal-500 { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-teal-500:hover { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-teal-500:focus { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-teal-500:active { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-teal-500:disabled { accent-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-teal-600 { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-teal-600:hover { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-teal-600:focus { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-teal-600:active { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-teal-600:disabled { accent-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-teal-700 { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-teal-700:hover { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-teal-700:focus { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-teal-700:active { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-teal-700:disabled { accent-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-teal-800 { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-teal-800:hover { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-teal-800:focus { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-teal-800:active { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-teal-800:disabled { accent-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-teal-900 { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-teal-900:hover { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-teal-900:focus { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-teal-900:active { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-teal-900:disabled { accent-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-purple-50 { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-purple-50:hover { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-purple-50:focus { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-purple-50:active { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-purple-50:disabled { accent-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-purple-100 { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-purple-100:hover { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-purple-100:focus { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-purple-100:active { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-purple-100:disabled { accent-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-purple-200 { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-purple-200:hover { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-purple-200:focus { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-purple-200:active { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-purple-200:disabled { accent-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-purple-300 { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-purple-300:hover { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-purple-300:focus { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-purple-300:active { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-purple-300:disabled { accent-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-purple-400 { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-purple-400:hover { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-purple-400:focus { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-purple-400:active { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-purple-400:disabled { accent-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-purple-500 { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-purple-500:hover { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-purple-500:focus { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-purple-500:active { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-purple-500:disabled { accent-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-purple-600 { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-purple-600:hover { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-purple-600:focus { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-purple-600:active { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-purple-600:disabled { accent-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-purple-700 { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-purple-700:hover { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-purple-700:focus { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-purple-700:active { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-purple-700:disabled { accent-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-purple-800 { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-purple-800:hover { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-purple-800:focus { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-purple-800:active { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-purple-800:disabled { accent-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-purple-900 { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-purple-900:hover { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-purple-900:focus { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-purple-900:active { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-purple-900:disabled { accent-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-indigo-50 { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-indigo-50:hover { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-indigo-50:focus { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-indigo-50:active { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-indigo-50:disabled { accent-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-indigo-100 { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-indigo-100:hover { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-indigo-100:focus { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-indigo-100:active { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-indigo-100:disabled { accent-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-indigo-200 { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-indigo-200:hover { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-indigo-200:focus { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-indigo-200:active { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-indigo-200:disabled { accent-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-indigo-300 { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-indigo-300:hover { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-indigo-300:focus { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-indigo-300:active { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-indigo-300:disabled { accent-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-indigo-400 { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-indigo-400:hover { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-indigo-400:focus { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-indigo-400:active { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-indigo-400:disabled { accent-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-indigo-500 { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-indigo-500:hover { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-indigo-500:focus { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-indigo-500:active { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-indigo-500:disabled { accent-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-indigo-600 { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-indigo-600:hover { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-indigo-600:focus { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-indigo-600:active { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-indigo-600:disabled { accent-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-indigo-700 { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-indigo-700:hover { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-indigo-700:focus { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-indigo-700:active { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-indigo-700:disabled { accent-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-indigo-800 { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-indigo-800:hover { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-indigo-800:focus { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-indigo-800:active { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-indigo-800:disabled { accent-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-indigo-900 { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-indigo-900:hover { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-indigo-900:focus { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-indigo-900:active { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-indigo-900:disabled { accent-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-yellow-50 { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-yellow-50:hover { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-yellow-50:focus { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-yellow-50:active { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-yellow-50:disabled { accent-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-yellow-100 { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-yellow-100:hover { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-yellow-100:focus { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-yellow-100:active { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-yellow-100:disabled { accent-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-yellow-200 { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-yellow-200:hover { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-yellow-200:focus { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-yellow-200:active { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-yellow-200:disabled { accent-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-yellow-300 { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-yellow-300:hover { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-yellow-300:focus { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-yellow-300:active { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-yellow-300:disabled { accent-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-yellow-400 { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-yellow-400:hover { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-yellow-400:focus { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-yellow-400:active { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-yellow-400:disabled { accent-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-yellow-500 { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-yellow-500:hover { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-yellow-500:focus { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-yellow-500:active { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-yellow-500:disabled { accent-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-yellow-600 { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-yellow-600:hover { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-yellow-600:focus { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-yellow-600:active { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-yellow-600:disabled { accent-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-yellow-700 { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-yellow-700:hover { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-yellow-700:focus { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-yellow-700:active { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-yellow-700:disabled { accent-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-yellow-800 { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-yellow-800:hover { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-yellow-800:focus { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-yellow-800:active { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-yellow-800:disabled { accent-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-yellow-900 { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-yellow-900:hover { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-yellow-900:focus { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-yellow-900:active { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-yellow-900:disabled { accent-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-pink-50 { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-pink-50:hover { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-pink-50:focus { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-pink-50:active { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-pink-50:disabled { accent-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-pink-100 { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-pink-100:hover { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-pink-100:focus { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-pink-100:active { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-pink-100:disabled { accent-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-pink-200 { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-pink-200:hover { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-pink-200:focus { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-pink-200:active { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-pink-200:disabled { accent-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-pink-300 { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-pink-300:hover { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-pink-300:focus { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-pink-300:active { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-pink-300:disabled { accent-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-pink-400 { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-pink-400:hover { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-pink-400:focus { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-pink-400:active { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-pink-400:disabled { accent-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-pink-500 { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-pink-500:hover { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-pink-500:focus { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-pink-500:active { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-pink-500:disabled { accent-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-pink-600 { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-pink-600:hover { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-pink-600:focus { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-pink-600:active { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-pink-600:disabled { accent-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-pink-700 { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-pink-700:hover { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-pink-700:focus { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-pink-700:active { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-pink-700:disabled { accent-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-pink-800 { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-pink-800:hover { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-pink-800:focus { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-pink-800:active { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-pink-800:disabled { accent-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-pink-900 { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-pink-900:hover { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-pink-900:focus { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-pink-900:active { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-pink-900:disabled { accent-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-grey-50 { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-grey-50:hover { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-grey-50:focus { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-grey-50:active { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-grey-50:disabled { accent-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-grey-100 { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-grey-100:hover { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-grey-100:focus { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-grey-100:active { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-grey-100:disabled { accent-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-grey-200 { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-grey-200:hover { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-grey-200:focus { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-grey-200:active { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-grey-200:disabled { accent-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-grey-300 { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-grey-300:hover { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-grey-300:focus { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-grey-300:active { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-grey-300:disabled { accent-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-grey-400 { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-grey-400:hover { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-grey-400:focus { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-grey-400:active { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-grey-400:disabled { accent-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-grey-500 { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-grey-500:hover { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-grey-500:focus { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-grey-500:active { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-grey-500:disabled { accent-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-grey-600 { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-grey-600:hover { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-grey-600:focus { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-grey-600:active { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-grey-600:disabled { accent-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-grey-700 { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-grey-700:hover { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-grey-700:focus { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-grey-700:active { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-grey-700:disabled { accent-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-grey-800 { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-grey-800:hover { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-grey-800:focus { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-grey-800:active { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-grey-800:disabled { accent-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-grey-900 { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-grey-900:hover { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-grey-900:focus { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-grey-900:active { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-grey-900:disabled { accent-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-lime-50 { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-lime-50:hover { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-lime-50:focus { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-lime-50:active { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-lime-50:disabled { accent-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-lime-100 { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-lime-100:hover { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-lime-100:focus { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-lime-100:active { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-lime-100:disabled { accent-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-lime-200 { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-lime-200:hover { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-lime-200:focus { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-lime-200:active { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-lime-200:disabled { accent-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-lime-300 { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-lime-300:hover { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-lime-300:focus { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-lime-300:active { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-lime-300:disabled { accent-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-lime-400 { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-lime-400:hover { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-lime-400:focus { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-lime-400:active { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-lime-400:disabled { accent-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-lime-500 { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-lime-500:hover { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-lime-500:focus { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-lime-500:active { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-lime-500:disabled { accent-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-lime-600 { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-lime-600:hover { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-lime-600:focus { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-lime-600:active { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-lime-600:disabled { accent-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-lime-700 { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-lime-700:hover { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-lime-700:focus { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-lime-700:active { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-lime-700:disabled { accent-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-lime-800 { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-lime-800:hover { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-lime-800:focus { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-lime-800:active { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-lime-800:disabled { accent-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-lime-900 { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-lime-900:hover { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-lime-900:focus { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-lime-900:active { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-lime-900:disabled { accent-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-cyan-50 { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-cyan-50:hover { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-cyan-50:focus { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-cyan-50:active { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-cyan-50:disabled { accent-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-cyan-100 { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-cyan-100:hover { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-cyan-100:focus { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-cyan-100:active { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-cyan-100:disabled { accent-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-cyan-200 { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-cyan-200:hover { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-cyan-200:focus { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-cyan-200:active { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-cyan-200:disabled { accent-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-cyan-300 { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-cyan-300:hover { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-cyan-300:focus { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-cyan-300:active { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-cyan-300:disabled { accent-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-cyan-400 { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-cyan-400:hover { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-cyan-400:focus { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-cyan-400:active { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-cyan-400:disabled { accent-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-cyan-500 { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-cyan-500:hover { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-cyan-500:focus { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-cyan-500:active { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-cyan-500:disabled { accent-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-cyan-600 { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-cyan-600:hover { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-cyan-600:focus { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-cyan-600:active { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-cyan-600:disabled { accent-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-cyan-700 { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-cyan-700:hover { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-cyan-700:focus { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-cyan-700:active { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-cyan-700:disabled { accent-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-cyan-800 { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-cyan-800:hover { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-cyan-800:focus { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-cyan-800:active { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-cyan-800:disabled { accent-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-cyan-900 { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-cyan-900:hover { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-cyan-900:focus { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-cyan-900:active { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-cyan-900:disabled { accent-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-sky-50 { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-sky-50:hover { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-sky-50:focus { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-sky-50:active { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-sky-50:disabled { accent-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-sky-100 { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-sky-100:hover { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-sky-100:focus { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-sky-100:active { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-sky-100:disabled { accent-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-sky-200 { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-sky-200:hover { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-sky-200:focus { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-sky-200:active { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-sky-200:disabled { accent-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-sky-300 { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-sky-300:hover { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-sky-300:focus { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-sky-300:active { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-sky-300:disabled { accent-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-sky-400 { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-sky-400:hover { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-sky-400:focus { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-sky-400:active { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-sky-400:disabled { accent-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-sky-500 { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-sky-500:hover { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-sky-500:focus { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-sky-500:active { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-sky-500:disabled { accent-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-sky-600 { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-sky-600:hover { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-sky-600:focus { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-sky-600:active { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-sky-600:disabled { accent-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-sky-700 { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-sky-700:hover { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-sky-700:focus { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-sky-700:active { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-sky-700:disabled { accent-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-sky-800 { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-sky-800:hover { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-sky-800:focus { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-sky-800:active { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-sky-800:disabled { accent-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-sky-900 { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-sky-900:hover { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-sky-900:focus { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-sky-900:active { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-sky-900:disabled { accent-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-violet-50 { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-violet-50:hover { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-violet-50:focus { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-violet-50:active { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-violet-50:disabled { accent-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-violet-100 { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-violet-100:hover { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-violet-100:focus { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-violet-100:active { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-violet-100:disabled { accent-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-violet-200 { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-violet-200:hover { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-violet-200:focus { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-violet-200:active { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-violet-200:disabled { accent-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-violet-300 { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-violet-300:hover { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-violet-300:focus { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-violet-300:active { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-violet-300:disabled { accent-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-violet-400 { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-violet-400:hover { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-violet-400:focus { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-violet-400:active { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-violet-400:disabled { accent-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-violet-500 { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-violet-500:hover { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-violet-500:focus { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-violet-500:active { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-violet-500:disabled { accent-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-violet-600 { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-violet-600:hover { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-violet-600:focus { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-violet-600:active { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-violet-600:disabled { accent-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-violet-700 { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-violet-700:hover { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-violet-700:focus { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-violet-700:active { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-violet-700:disabled { accent-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-violet-800 { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-violet-800:hover { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-violet-800:focus { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-violet-800:active { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-violet-800:disabled { accent-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-violet-900 { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-violet-900:hover { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-violet-900:focus { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-violet-900:active { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-violet-900:disabled { accent-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-rose-50 { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-rose-50:hover { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-rose-50:focus { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-rose-50:active { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-rose-50:disabled { accent-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-rose-100 { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-rose-100:hover { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-rose-100:focus { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-rose-100:active { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-rose-100:disabled { accent-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-rose-200 { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-rose-200:hover { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-rose-200:focus { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-rose-200:active { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-rose-200:disabled { accent-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-rose-300 { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-rose-300:hover { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-rose-300:focus { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-rose-300:active { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-rose-300:disabled { accent-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-rose-400 { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-rose-400:hover { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-rose-400:focus { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-rose-400:active { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-rose-400:disabled { accent-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-rose-500 { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-rose-500:hover { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-rose-500:focus { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-rose-500:active { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-rose-500:disabled { accent-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-rose-600 { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-rose-600:hover { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-rose-600:focus { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-rose-600:active { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-rose-600:disabled { accent-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-rose-700 { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-rose-700:hover { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-rose-700:focus { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-rose-700:active { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-rose-700:disabled { accent-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-rose-800 { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-rose-800:hover { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-rose-800:focus { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-rose-800:active { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-rose-800:disabled { accent-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-rose-900 { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-rose-900:hover { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-rose-900:focus { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-rose-900:active { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-rose-900:disabled { accent-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-slate-50 { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-slate-50:hover { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-slate-50:focus { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-slate-50:active { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-slate-50:disabled { accent-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-slate-100 { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-slate-100:hover { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-slate-100:focus { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-slate-100:active { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-slate-100:disabled { accent-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-slate-200 { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-slate-200:hover { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-slate-200:focus { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-slate-200:active { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-slate-200:disabled { accent-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-slate-300 { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-slate-300:hover { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-slate-300:focus { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-slate-300:active { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-slate-300:disabled { accent-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-slate-400 { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-slate-400:hover { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-slate-400:focus { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-slate-400:active { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-slate-400:disabled { accent-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-slate-500 { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-slate-500:hover { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-slate-500:focus { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-slate-500:active { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-slate-500:disabled { accent-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-slate-600 { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-slate-600:hover { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-slate-600:focus { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-slate-600:active { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-slate-600:disabled { accent-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-slate-700 { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-slate-700:hover { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-slate-700:focus { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-slate-700:active { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-slate-700:disabled { accent-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-slate-800 { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-slate-800:hover { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-slate-800:focus { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-slate-800:active { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-slate-800:disabled { accent-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-slate-900 { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-slate-900:hover { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-slate-900:focus { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-slate-900:active { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-slate-900:disabled { accent-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-blue-50 { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-blue-50:hover { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-blue-50:focus { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-blue-50:active { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-blue-50:disabled { accent-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-blue-100 { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-blue-100:hover { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-blue-100:focus { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-blue-100:active { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-blue-100:disabled { accent-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-blue-200 { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-blue-200:hover { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-blue-200:focus { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-blue-200:active { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-blue-200:disabled { accent-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-blue-300 { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-blue-300:hover { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-blue-300:focus { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-blue-300:active { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-blue-300:disabled { accent-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-blue-400 { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-blue-400:hover { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-blue-400:focus { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-blue-400:active { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-blue-400:disabled { accent-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-blue-500 { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-blue-500:hover { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-blue-500:focus { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-blue-500:active { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-blue-500:disabled { accent-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-blue-600 { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-blue-600:hover { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-blue-600:focus { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-blue-600:active { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-blue-600:disabled { accent-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-blue-700 { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-blue-700:hover { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-blue-700:focus { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-blue-700:active { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-blue-700:disabled { accent-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-blue-800 { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-blue-800:hover { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-blue-800:focus { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-blue-800:active { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-blue-800:disabled { accent-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-blue-900 { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-blue-900:hover { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-blue-900:focus { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-blue-900:active { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-blue-900:disabled { accent-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-green-50 { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-green-50:hover { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-green-50:focus { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-green-50:active { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-green-50:disabled { accent-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-green-100 { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-green-100:hover { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-green-100:focus { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-green-100:active { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-green-100:disabled { accent-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-green-200 { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-green-200:hover { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-green-200:focus { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-green-200:active { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-green-200:disabled { accent-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-green-300 { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-green-300:hover { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-green-300:focus { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-green-300:active { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-green-300:disabled { accent-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-green-400 { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-green-400:hover { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-green-400:focus { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-green-400:active { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-green-400:disabled { accent-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-green-500 { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-green-500:hover { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-green-500:focus { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-green-500:active { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-green-500:disabled { accent-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-green-600 { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-green-600:hover { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-green-600:focus { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-green-600:active { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-green-600:disabled { accent-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-green-700 { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-green-700:hover { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-green-700:focus { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-green-700:active { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-green-700:disabled { accent-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-green-800 { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-green-800:hover { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-green-800:focus { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-green-800:active { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-green-800:disabled { accent-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-green-900 { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-green-900:hover { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-green-900:focus { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-green-900:active { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-green-900:disabled { accent-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-appearance-none { appearance: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-appearance-none:hover { appearance: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-appearance-none:focus { appearance: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-appearance-none:active { appearance: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-appearance-none:disabled { appearance: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-appearance-auto { appearance: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-appearance-auto:hover { appearance: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-appearance-auto:focus { appearance: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-appearance-auto:active { appearance: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-appearance-auto:disabled { appearance: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-red-50 { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-red-50:hover { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-red-50:focus { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-red-50:active { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-red-50:disabled { caret-color: var(--quanta-red-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-red-100 { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-red-100:hover { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-red-100:focus { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-red-100:active { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-red-100:disabled { caret-color: var(--quanta-red-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-red-200 { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-red-200:hover { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-red-200:focus { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-red-200:active { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-red-200:disabled { caret-color: var(--quanta-red-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-red-300 { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-red-300:hover { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-red-300:focus { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-red-300:active { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-red-300:disabled { caret-color: var(--quanta-red-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-red-400 { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-red-400:hover { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-red-400:focus { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-red-400:active { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-red-400:disabled { caret-color: var(--quanta-red-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-red-500 { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-red-500:hover { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-red-500:focus { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-red-500:active { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-red-500:disabled { caret-color: var(--quanta-red-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-red-600 { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-red-600:hover { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-red-600:focus { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-red-600:active { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-red-600:disabled { caret-color: var(--quanta-red-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-red-700 { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-red-700:hover { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-red-700:focus { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-red-700:active { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-red-700:disabled { caret-color: var(--quanta-red-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-red-800 { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-red-800:hover { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-red-800:focus { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-red-800:active { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-red-800:disabled { caret-color: var(--quanta-red-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-red-900 { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-red-900:hover { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-red-900:focus { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-red-900:active { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-red-900:disabled { caret-color: var(--quanta-red-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-orange-50 { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-orange-50:hover { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-orange-50:focus { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-orange-50:active { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-orange-50:disabled { caret-color: var(--quanta-orange-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-orange-100 { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-orange-100:hover { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-orange-100:focus { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-orange-100:active { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-orange-100:disabled { caret-color: var(--quanta-orange-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-orange-200 { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-orange-200:hover { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-orange-200:focus { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-orange-200:active { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-orange-200:disabled { caret-color: var(--quanta-orange-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-orange-300 { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-orange-300:hover { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-orange-300:focus { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-orange-300:active { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-orange-300:disabled { caret-color: var(--quanta-orange-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-orange-400 { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-orange-400:hover { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-orange-400:focus { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-orange-400:active { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-orange-400:disabled { caret-color: var(--quanta-orange-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-orange-500 { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-orange-500:hover { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-orange-500:focus { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-orange-500:active { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-orange-500:disabled { caret-color: var(--quanta-orange-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-orange-600 { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-orange-600:hover { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-orange-600:focus { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-orange-600:active { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-orange-600:disabled { caret-color: var(--quanta-orange-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-orange-700 { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-orange-700:hover { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-orange-700:focus { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-orange-700:active { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-orange-700:disabled { caret-color: var(--quanta-orange-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-orange-800 { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-orange-800:hover { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-orange-800:focus { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-orange-800:active { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-orange-800:disabled { caret-color: var(--quanta-orange-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-orange-900 { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-orange-900:hover { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-orange-900:focus { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-orange-900:active { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-orange-900:disabled { caret-color: var(--quanta-orange-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-teal-50 { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-teal-50:hover { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-teal-50:focus { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-teal-50:active { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-teal-50:disabled { caret-color: var(--quanta-teal-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-teal-100 { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-teal-100:hover { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-teal-100:focus { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-teal-100:active { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-teal-100:disabled { caret-color: var(--quanta-teal-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-teal-200 { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-teal-200:hover { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-teal-200:focus { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-teal-200:active { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-teal-200:disabled { caret-color: var(--quanta-teal-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-teal-300 { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-teal-300:hover { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-teal-300:focus { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-teal-300:active { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-teal-300:disabled { caret-color: var(--quanta-teal-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-teal-400 { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-teal-400:hover { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-teal-400:focus { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-teal-400:active { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-teal-400:disabled { caret-color: var(--quanta-teal-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-teal-500 { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-teal-500:hover { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-teal-500:focus { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-teal-500:active { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-teal-500:disabled { caret-color: var(--quanta-teal-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-teal-600 { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-teal-600:hover { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-teal-600:focus { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-teal-600:active { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-teal-600:disabled { caret-color: var(--quanta-teal-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-teal-700 { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-teal-700:hover { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-teal-700:focus { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-teal-700:active { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-teal-700:disabled { caret-color: var(--quanta-teal-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-teal-800 { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-teal-800:hover { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-teal-800:focus { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-teal-800:active { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-teal-800:disabled { caret-color: var(--quanta-teal-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-teal-900 { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-teal-900:hover { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-teal-900:focus { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-teal-900:active { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-teal-900:disabled { caret-color: var(--quanta-teal-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-purple-50 { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-purple-50:hover { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-purple-50:focus { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-purple-50:active { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-purple-50:disabled { caret-color: var(--quanta-purple-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-purple-100 { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-purple-100:hover { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-purple-100:focus { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-purple-100:active { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-purple-100:disabled { caret-color: var(--quanta-purple-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-purple-200 { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-purple-200:hover { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-purple-200:focus { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-purple-200:active { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-purple-200:disabled { caret-color: var(--quanta-purple-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-purple-300 { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-purple-300:hover { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-purple-300:focus { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-purple-300:active { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-purple-300:disabled { caret-color: var(--quanta-purple-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-purple-400 { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-purple-400:hover { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-purple-400:focus { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-purple-400:active { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-purple-400:disabled { caret-color: var(--quanta-purple-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-purple-500 { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-purple-500:hover { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-purple-500:focus { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-purple-500:active { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-purple-500:disabled { caret-color: var(--quanta-purple-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-purple-600 { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-purple-600:hover { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-purple-600:focus { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-purple-600:active { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-purple-600:disabled { caret-color: var(--quanta-purple-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-purple-700 { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-purple-700:hover { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-purple-700:focus { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-purple-700:active { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-purple-700:disabled { caret-color: var(--quanta-purple-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-purple-800 { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-purple-800:hover { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-purple-800:focus { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-purple-800:active { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-purple-800:disabled { caret-color: var(--quanta-purple-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-purple-900 { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-purple-900:hover { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-purple-900:focus { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-purple-900:active { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-purple-900:disabled { caret-color: var(--quanta-purple-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-indigo-50 { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-indigo-50:hover { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-indigo-50:focus { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-indigo-50:active { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-indigo-50:disabled { caret-color: var(--quanta-indigo-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-indigo-100 { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-indigo-100:hover { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-indigo-100:focus { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-indigo-100:active { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-indigo-100:disabled { caret-color: var(--quanta-indigo-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-indigo-200 { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-indigo-200:hover { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-indigo-200:focus { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-indigo-200:active { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-indigo-200:disabled { caret-color: var(--quanta-indigo-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-indigo-300 { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-indigo-300:hover { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-indigo-300:focus { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-indigo-300:active { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-indigo-300:disabled { caret-color: var(--quanta-indigo-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-indigo-400 { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-indigo-400:hover { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-indigo-400:focus { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-indigo-400:active { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-indigo-400:disabled { caret-color: var(--quanta-indigo-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-indigo-500 { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-indigo-500:hover { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-indigo-500:focus { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-indigo-500:active { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-indigo-500:disabled { caret-color: var(--quanta-indigo-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-indigo-600 { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-indigo-600:hover { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-indigo-600:focus { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-indigo-600:active { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-indigo-600:disabled { caret-color: var(--quanta-indigo-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-indigo-700 { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-indigo-700:hover { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-indigo-700:focus { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-indigo-700:active { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-indigo-700:disabled { caret-color: var(--quanta-indigo-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-indigo-800 { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-indigo-800:hover { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-indigo-800:focus { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-indigo-800:active { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-indigo-800:disabled { caret-color: var(--quanta-indigo-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-indigo-900 { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-indigo-900:hover { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-indigo-900:focus { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-indigo-900:active { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-indigo-900:disabled { caret-color: var(--quanta-indigo-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-yellow-50 { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-yellow-50:hover { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-yellow-50:focus { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-yellow-50:active { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-yellow-50:disabled { caret-color: var(--quanta-yellow-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-yellow-100 { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-yellow-100:hover { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-yellow-100:focus { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-yellow-100:active { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-yellow-100:disabled { caret-color: var(--quanta-yellow-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-yellow-200 { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-yellow-200:hover { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-yellow-200:focus { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-yellow-200:active { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-yellow-200:disabled { caret-color: var(--quanta-yellow-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-yellow-300 { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-yellow-300:hover { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-yellow-300:focus { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-yellow-300:active { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-yellow-300:disabled { caret-color: var(--quanta-yellow-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-yellow-400 { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-yellow-400:hover { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-yellow-400:focus { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-yellow-400:active { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-yellow-400:disabled { caret-color: var(--quanta-yellow-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-yellow-500 { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-yellow-500:hover { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-yellow-500:focus { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-yellow-500:active { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-yellow-500:disabled { caret-color: var(--quanta-yellow-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-yellow-600 { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-yellow-600:hover { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-yellow-600:focus { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-yellow-600:active { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-yellow-600:disabled { caret-color: var(--quanta-yellow-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-yellow-700 { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-yellow-700:hover { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-yellow-700:focus { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-yellow-700:active { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-yellow-700:disabled { caret-color: var(--quanta-yellow-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-yellow-800 { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-yellow-800:hover { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-yellow-800:focus { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-yellow-800:active { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-yellow-800:disabled { caret-color: var(--quanta-yellow-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-yellow-900 { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-yellow-900:hover { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-yellow-900:focus { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-yellow-900:active { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-yellow-900:disabled { caret-color: var(--quanta-yellow-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-pink-50 { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-pink-50:hover { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-pink-50:focus { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-pink-50:active { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-pink-50:disabled { caret-color: var(--quanta-pink-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-pink-100 { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-pink-100:hover { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-pink-100:focus { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-pink-100:active { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-pink-100:disabled { caret-color: var(--quanta-pink-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-pink-200 { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-pink-200:hover { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-pink-200:focus { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-pink-200:active { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-pink-200:disabled { caret-color: var(--quanta-pink-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-pink-300 { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-pink-300:hover { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-pink-300:focus { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-pink-300:active { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-pink-300:disabled { caret-color: var(--quanta-pink-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-pink-400 { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-pink-400:hover { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-pink-400:focus { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-pink-400:active { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-pink-400:disabled { caret-color: var(--quanta-pink-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-pink-500 { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-pink-500:hover { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-pink-500:focus { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-pink-500:active { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-pink-500:disabled { caret-color: var(--quanta-pink-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-pink-600 { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-pink-600:hover { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-pink-600:focus { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-pink-600:active { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-pink-600:disabled { caret-color: var(--quanta-pink-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-pink-700 { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-pink-700:hover { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-pink-700:focus { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-pink-700:active { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-pink-700:disabled { caret-color: var(--quanta-pink-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-pink-800 { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-pink-800:hover { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-pink-800:focus { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-pink-800:active { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-pink-800:disabled { caret-color: var(--quanta-pink-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-pink-900 { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-pink-900:hover { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-pink-900:focus { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-pink-900:active { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-pink-900:disabled { caret-color: var(--quanta-pink-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-grey-50 { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-grey-50:hover { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-grey-50:focus { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-grey-50:active { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-grey-50:disabled { caret-color: var(--quanta-grey-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-grey-100 { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-grey-100:hover { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-grey-100:focus { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-grey-100:active { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-grey-100:disabled { caret-color: var(--quanta-grey-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-grey-200 { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-grey-200:hover { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-grey-200:focus { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-grey-200:active { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-grey-200:disabled { caret-color: var(--quanta-grey-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-grey-300 { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-grey-300:hover { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-grey-300:focus { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-grey-300:active { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-grey-300:disabled { caret-color: var(--quanta-grey-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-grey-400 { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-grey-400:hover { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-grey-400:focus { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-grey-400:active { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-grey-400:disabled { caret-color: var(--quanta-grey-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-grey-500 { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-grey-500:hover { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-grey-500:focus { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-grey-500:active { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-grey-500:disabled { caret-color: var(--quanta-grey-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-grey-600 { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-grey-600:hover { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-grey-600:focus { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-grey-600:active { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-grey-600:disabled { caret-color: var(--quanta-grey-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-grey-700 { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-grey-700:hover { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-grey-700:focus { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-grey-700:active { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-grey-700:disabled { caret-color: var(--quanta-grey-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-grey-800 { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-grey-800:hover { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-grey-800:focus { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-grey-800:active { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-grey-800:disabled { caret-color: var(--quanta-grey-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-grey-900 { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-grey-900:hover { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-grey-900:focus { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-grey-900:active { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-grey-900:disabled { caret-color: var(--quanta-grey-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-lime-50 { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-lime-50:hover { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-lime-50:focus { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-lime-50:active { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-lime-50:disabled { caret-color: var(--quanta-lime-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-lime-100 { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-lime-100:hover { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-lime-100:focus { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-lime-100:active { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-lime-100:disabled { caret-color: var(--quanta-lime-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-lime-200 { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-lime-200:hover { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-lime-200:focus { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-lime-200:active { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-lime-200:disabled { caret-color: var(--quanta-lime-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-lime-300 { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-lime-300:hover { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-lime-300:focus { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-lime-300:active { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-lime-300:disabled { caret-color: var(--quanta-lime-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-lime-400 { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-lime-400:hover { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-lime-400:focus { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-lime-400:active { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-lime-400:disabled { caret-color: var(--quanta-lime-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-lime-500 { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-lime-500:hover { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-lime-500:focus { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-lime-500:active { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-lime-500:disabled { caret-color: var(--quanta-lime-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-lime-600 { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-lime-600:hover { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-lime-600:focus { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-lime-600:active { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-lime-600:disabled { caret-color: var(--quanta-lime-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-lime-700 { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-lime-700:hover { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-lime-700:focus { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-lime-700:active { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-lime-700:disabled { caret-color: var(--quanta-lime-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-lime-800 { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-lime-800:hover { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-lime-800:focus { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-lime-800:active { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-lime-800:disabled { caret-color: var(--quanta-lime-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-lime-900 { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-lime-900:hover { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-lime-900:focus { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-lime-900:active { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-lime-900:disabled { caret-color: var(--quanta-lime-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-cyan-50 { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-cyan-50:hover { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-cyan-50:focus { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-cyan-50:active { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-cyan-50:disabled { caret-color: var(--quanta-cyan-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-cyan-100 { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-cyan-100:hover { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-cyan-100:focus { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-cyan-100:active { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-cyan-100:disabled { caret-color: var(--quanta-cyan-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-cyan-200 { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-cyan-200:hover { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-cyan-200:focus { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-cyan-200:active { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-cyan-200:disabled { caret-color: var(--quanta-cyan-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-cyan-300 { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-cyan-300:hover { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-cyan-300:focus { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-cyan-300:active { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-cyan-300:disabled { caret-color: var(--quanta-cyan-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-cyan-400 { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-cyan-400:hover { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-cyan-400:focus { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-cyan-400:active { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-cyan-400:disabled { caret-color: var(--quanta-cyan-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-cyan-500 { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-cyan-500:hover { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-cyan-500:focus { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-cyan-500:active { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-cyan-500:disabled { caret-color: var(--quanta-cyan-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-cyan-600 { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-cyan-600:hover { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-cyan-600:focus { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-cyan-600:active { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-cyan-600:disabled { caret-color: var(--quanta-cyan-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-cyan-700 { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-cyan-700:hover { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-cyan-700:focus { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-cyan-700:active { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-cyan-700:disabled { caret-color: var(--quanta-cyan-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-cyan-800 { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-cyan-800:hover { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-cyan-800:focus { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-cyan-800:active { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-cyan-800:disabled { caret-color: var(--quanta-cyan-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-cyan-900 { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-cyan-900:hover { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-cyan-900:focus { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-cyan-900:active { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-cyan-900:disabled { caret-color: var(--quanta-cyan-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-sky-50 { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-sky-50:hover { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-sky-50:focus { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-sky-50:active { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-sky-50:disabled { caret-color: var(--quanta-sky-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-sky-100 { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-sky-100:hover { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-sky-100:focus { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-sky-100:active { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-sky-100:disabled { caret-color: var(--quanta-sky-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-sky-200 { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-sky-200:hover { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-sky-200:focus { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-sky-200:active { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-sky-200:disabled { caret-color: var(--quanta-sky-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-sky-300 { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-sky-300:hover { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-sky-300:focus { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-sky-300:active { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-sky-300:disabled { caret-color: var(--quanta-sky-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-sky-400 { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-sky-400:hover { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-sky-400:focus { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-sky-400:active { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-sky-400:disabled { caret-color: var(--quanta-sky-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-sky-500 { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-sky-500:hover { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-sky-500:focus { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-sky-500:active { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-sky-500:disabled { caret-color: var(--quanta-sky-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-sky-600 { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-sky-600:hover { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-sky-600:focus { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-sky-600:active { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-sky-600:disabled { caret-color: var(--quanta-sky-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-sky-700 { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-sky-700:hover { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-sky-700:focus { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-sky-700:active { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-sky-700:disabled { caret-color: var(--quanta-sky-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-sky-800 { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-sky-800:hover { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-sky-800:focus { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-sky-800:active { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-sky-800:disabled { caret-color: var(--quanta-sky-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-sky-900 { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-sky-900:hover { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-sky-900:focus { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-sky-900:active { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-sky-900:disabled { caret-color: var(--quanta-sky-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-violet-50 { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-violet-50:hover { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-violet-50:focus { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-violet-50:active { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-violet-50:disabled { caret-color: var(--quanta-violet-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-violet-100 { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-violet-100:hover { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-violet-100:focus { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-violet-100:active { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-violet-100:disabled { caret-color: var(--quanta-violet-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-violet-200 { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-violet-200:hover { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-violet-200:focus { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-violet-200:active { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-violet-200:disabled { caret-color: var(--quanta-violet-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-violet-300 { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-violet-300:hover { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-violet-300:focus { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-violet-300:active { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-violet-300:disabled { caret-color: var(--quanta-violet-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-violet-400 { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-violet-400:hover { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-violet-400:focus { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-violet-400:active { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-violet-400:disabled { caret-color: var(--quanta-violet-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-violet-500 { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-violet-500:hover { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-violet-500:focus { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-violet-500:active { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-violet-500:disabled { caret-color: var(--quanta-violet-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-violet-600 { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-violet-600:hover { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-violet-600:focus { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-violet-600:active { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-violet-600:disabled { caret-color: var(--quanta-violet-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-violet-700 { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-violet-700:hover { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-violet-700:focus { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-violet-700:active { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-violet-700:disabled { caret-color: var(--quanta-violet-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-violet-800 { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-violet-800:hover { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-violet-800:focus { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-violet-800:active { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-violet-800:disabled { caret-color: var(--quanta-violet-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-violet-900 { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-violet-900:hover { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-violet-900:focus { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-violet-900:active { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-violet-900:disabled { caret-color: var(--quanta-violet-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-rose-50 { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-rose-50:hover { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-rose-50:focus { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-rose-50:active { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-rose-50:disabled { caret-color: var(--quanta-rose-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-rose-100 { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-rose-100:hover { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-rose-100:focus { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-rose-100:active { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-rose-100:disabled { caret-color: var(--quanta-rose-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-rose-200 { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-rose-200:hover { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-rose-200:focus { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-rose-200:active { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-rose-200:disabled { caret-color: var(--quanta-rose-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-rose-300 { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-rose-300:hover { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-rose-300:focus { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-rose-300:active { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-rose-300:disabled { caret-color: var(--quanta-rose-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-rose-400 { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-rose-400:hover { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-rose-400:focus { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-rose-400:active { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-rose-400:disabled { caret-color: var(--quanta-rose-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-rose-500 { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-rose-500:hover { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-rose-500:focus { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-rose-500:active { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-rose-500:disabled { caret-color: var(--quanta-rose-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-rose-600 { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-rose-600:hover { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-rose-600:focus { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-rose-600:active { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-rose-600:disabled { caret-color: var(--quanta-rose-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-rose-700 { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-rose-700:hover { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-rose-700:focus { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-rose-700:active { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-rose-700:disabled { caret-color: var(--quanta-rose-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-rose-800 { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-rose-800:hover { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-rose-800:focus { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-rose-800:active { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-rose-800:disabled { caret-color: var(--quanta-rose-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-rose-900 { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-rose-900:hover { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-rose-900:focus { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-rose-900:active { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-rose-900:disabled { caret-color: var(--quanta-rose-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-slate-50 { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-slate-50:hover { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-slate-50:focus { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-slate-50:active { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-slate-50:disabled { caret-color: var(--quanta-slate-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-slate-100 { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-slate-100:hover { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-slate-100:focus { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-slate-100:active { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-slate-100:disabled { caret-color: var(--quanta-slate-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-slate-200 { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-slate-200:hover { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-slate-200:focus { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-slate-200:active { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-slate-200:disabled { caret-color: var(--quanta-slate-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-slate-300 { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-slate-300:hover { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-slate-300:focus { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-slate-300:active { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-slate-300:disabled { caret-color: var(--quanta-slate-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-slate-400 { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-slate-400:hover { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-slate-400:focus { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-slate-400:active { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-slate-400:disabled { caret-color: var(--quanta-slate-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-slate-500 { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-slate-500:hover { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-slate-500:focus { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-slate-500:active { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-slate-500:disabled { caret-color: var(--quanta-slate-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-slate-600 { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-slate-600:hover { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-slate-600:focus { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-slate-600:active { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-slate-600:disabled { caret-color: var(--quanta-slate-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-slate-700 { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-slate-700:hover { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-slate-700:focus { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-slate-700:active { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-slate-700:disabled { caret-color: var(--quanta-slate-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-slate-800 { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-slate-800:hover { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-slate-800:focus { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-slate-800:active { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-slate-800:disabled { caret-color: var(--quanta-slate-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-slate-900 { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-slate-900:hover { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-slate-900:focus { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-slate-900:active { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-slate-900:disabled { caret-color: var(--quanta-slate-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-blue-50 { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-blue-50:hover { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-blue-50:focus { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-blue-50:active { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-blue-50:disabled { caret-color: var(--quanta-blue-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-blue-100 { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-blue-100:hover { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-blue-100:focus { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-blue-100:active { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-blue-100:disabled { caret-color: var(--quanta-blue-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-blue-200 { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-blue-200:hover { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-blue-200:focus { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-blue-200:active { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-blue-200:disabled { caret-color: var(--quanta-blue-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-blue-300 { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-blue-300:hover { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-blue-300:focus { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-blue-300:active { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-blue-300:disabled { caret-color: var(--quanta-blue-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-blue-400 { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-blue-400:hover { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-blue-400:focus { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-blue-400:active { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-blue-400:disabled { caret-color: var(--quanta-blue-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-blue-500 { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-blue-500:hover { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-blue-500:focus { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-blue-500:active { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-blue-500:disabled { caret-color: var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-blue-600 { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-blue-600:hover { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-blue-600:focus { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-blue-600:active { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-blue-600:disabled { caret-color: var(--quanta-blue-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-blue-700 { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-blue-700:hover { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-blue-700:focus { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-blue-700:active { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-blue-700:disabled { caret-color: var(--quanta-blue-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-blue-800 { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-blue-800:hover { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-blue-800:focus { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-blue-800:active { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-blue-800:disabled { caret-color: var(--quanta-blue-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-blue-900 { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-blue-900:hover { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-blue-900:focus { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-blue-900:active { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-blue-900:disabled { caret-color: var(--quanta-blue-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-green-50 { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-green-50:hover { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-green-50:focus { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-green-50:active { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-green-50:disabled { caret-color: var(--quanta-green-50); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-green-100 { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-green-100:hover { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-green-100:focus { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-green-100:active { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-green-100:disabled { caret-color: var(--quanta-green-100); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-green-200 { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-green-200:hover { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-green-200:focus { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-green-200:active { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-green-200:disabled { caret-color: var(--quanta-green-200); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-green-300 { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-green-300:hover { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-green-300:focus { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-green-300:active { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-green-300:disabled { caret-color: var(--quanta-green-300); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-green-400 { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-green-400:hover { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-green-400:focus { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-green-400:active { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-green-400:disabled { caret-color: var(--quanta-green-400); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-green-500 { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-green-500:hover { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-green-500:focus { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-green-500:active { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-green-500:disabled { caret-color: var(--quanta-green-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-green-600 { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-green-600:hover { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-green-600:focus { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-green-600:active { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-green-600:disabled { caret-color: var(--quanta-green-600); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-green-700 { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-green-700:hover { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-green-700:focus { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-green-700:active { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-green-700:disabled { caret-color: var(--quanta-green-700); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-green-800 { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-green-800:hover { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-green-800:focus { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-green-800:active { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-green-800:disabled { caret-color: var(--quanta-green-800); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-green-900 { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-green-900:hover { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-green-900:focus { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-green-900:active { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-green-900:disabled { caret-color: var(--quanta-green-900); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-black { caret-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-black:hover { caret-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-black:focus { caret-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-black:active { caret-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-black:disabled { caret-color: var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-caret-white { caret-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-caret-white:hover { caret-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-caret-white:focus { caret-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-caret-white:active { caret-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-caret-white:disabled { caret-color: var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-color-scheme-light { color-scheme: light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-color-scheme-light:hover { color-scheme: light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-color-scheme-light:focus { color-scheme: light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-color-scheme-light:active { color-scheme: light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-color-scheme-light:disabled { color-scheme: light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-color-scheme-dark { color-scheme: dark; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-color-scheme-dark:hover { color-scheme: dark; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-color-scheme-dark:focus { color-scheme: dark; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-color-scheme-dark:active { color-scheme: dark; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-color-scheme-dark:disabled { color-scheme: dark; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-color-scheme-normal { color-scheme: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-color-scheme-normal:hover { color-scheme: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-color-scheme-normal:focus { color-scheme: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-color-scheme-normal:active { color-scheme: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-color-scheme-normal:disabled { color-scheme: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-auto { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-default { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-default:active { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-pointer { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-wait { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-text { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-text:active { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-move { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-move:active { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-none { cursor: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-none:hover { cursor: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-none:focus { cursor: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-none:active { cursor: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-none:disabled { cursor: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pointer-events-none { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize-none { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize-none:hover { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize-none:focus { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize-none:active { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize-x { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize-y { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize-y:active { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize:hover { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize:focus { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize:active { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize:disabled { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-0 { scroll-margin: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-0:hover { scroll-margin: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-0:focus { scroll-margin: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-0:active { scroll-margin: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-0:disabled { scroll-margin: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-0 { scroll-padding: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-0:hover { scroll-padding: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-0:focus { scroll-padding: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-0:active { scroll-padding: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-0:disabled { scroll-padding: 0rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-0_125 { scroll-margin: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-0_125:hover { scroll-margin: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-0_125:focus { scroll-margin: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-0_125:active { scroll-margin: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-0_125:disabled { scroll-margin: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-0_125 { scroll-padding: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-0_125:hover { scroll-padding: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-0_125:focus { scroll-padding: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-0_125:active { scroll-padding: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-0_125:disabled { scroll-padding: 0.125rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-0_25 { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-0_25:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-0_25:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-0_25:active { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-0_25:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-0_25 { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-0_25:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-0_25:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-0_25:active { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-0_25:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-0_5 { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-0_5:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-0_5:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-0_5:active { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-0_5:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-0_5 { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-0_5:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-0_5:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-0_5:active { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-0_5:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-0_75 { scroll-margin: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-0_75:hover { scroll-margin: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-0_75:focus { scroll-margin: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-0_75:active { scroll-margin: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-0_75:disabled { scroll-margin: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-0_75 { scroll-padding: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-0_75:hover { scroll-padding: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-0_75:focus { scroll-padding: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-0_75:active { scroll-padding: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-0_75:disabled { scroll-padding: 0.75rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-1 { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-1:hover { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-1:focus { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-1:active { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-1:disabled { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-1 { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-1:hover { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-1:focus { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-1:active { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-1:disabled { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-1_5 { scroll-margin: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-1_5:hover { scroll-margin: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-1_5:focus { scroll-margin: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-1_5:active { scroll-margin: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-1_5:disabled { scroll-margin: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-1_5 { scroll-padding: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-1_5:hover { scroll-padding: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-1_5:focus { scroll-padding: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-1_5:active { scroll-padding: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-1_5:disabled { scroll-padding: 1.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-2 { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-2:hover { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-2:focus { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-2:active { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-2:disabled { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-2 { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-2:hover { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-2:focus { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-2:active { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-2:disabled { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-3 { scroll-margin: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-3:hover { scroll-margin: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-3:focus { scroll-margin: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-3:active { scroll-margin: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-3:disabled { scroll-margin: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-3 { scroll-padding: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-3:hover { scroll-padding: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-3:focus { scroll-padding: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-3:active { scroll-padding: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-3:disabled { scroll-padding: 3rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-4 { scroll-margin: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-4:hover { scroll-margin: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-4:focus { scroll-margin: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-4:active { scroll-margin: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-4:disabled { scroll-margin: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-4 { scroll-padding: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-4:hover { scroll-padding: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-4:focus { scroll-padding: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-4:active { scroll-padding: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-4:disabled { scroll-padding: 4rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-x { scroll-snap-type: x mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-x:hover { scroll-snap-type: x mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-x:focus { scroll-snap-type: x mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-x:active { scroll-snap-type: x mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-y { scroll-snap-type: y mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-y:hover { scroll-snap-type: y mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-y:focus { scroll-snap-type: y mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-y:active { scroll-snap-type: y mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-both { scroll-snap-type: both mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-both:hover { scroll-snap-type: both mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-both:focus { scroll-snap-type: both mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-both:active { scroll-snap-type: both mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-align-start { scroll-snap-align: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-align-start:hover { scroll-snap-align: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-align-start:focus { scroll-snap-align: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-align-start:active { scroll-snap-align: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-align-start:disabled { scroll-snap-align: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-align-end { scroll-snap-align: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-align-end:hover { scroll-snap-align: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-align-end:focus { scroll-snap-align: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-align-end:active { scroll-snap-align: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-align-end:disabled { scroll-snap-align: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-align-center { scroll-snap-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-align-center:hover { scroll-snap-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-align-center:focus { scroll-snap-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-align-center:active { scroll-snap-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-align-center:disabled { scroll-snap-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-align-none { scroll-snap-align: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-align-none:hover { scroll-snap-align: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-align-none:focus { scroll-snap-align: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-align-none:active { scroll-snap-align: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-align-none:disabled { scroll-snap-align: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-stop-normal { scroll-snap-stop: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-stop-normal:active { scroll-snap-stop: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-stop-always { scroll-snap-stop: always; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-stop-always:hover { scroll-snap-stop: always; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-stop-always:focus { scroll-snap-stop: always; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-stop-always:active { scroll-snap-stop: always; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-auto { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-none { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-none:active { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-pan_x { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-pan_x:hover { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-pan_x:focus { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-pan_x:active { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-pan_x:disabled { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-pan_y { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-pan_y:hover { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-pan_y:focus { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-pan_y:active { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-pan_y:disabled { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-auto { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-auto:active { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-none { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-none:hover { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-none:focus { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-none:active { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-text { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-text:hover { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-text:focus { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-text:active { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-all { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-all:hover { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-all:focus { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-all:active { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-contain { user-select: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-contain:hover { user-select: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-contain:focus { user-select: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-contain:active { user-select: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-contain:disabled { user-select: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-auto { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-scroll { will-change: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-scroll:hover { will-change: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-scroll:focus { will-change: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-scroll:active { will-change: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-scroll:disabled { will-change: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-transform { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-opacity { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-contents { will-change: contents; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-contents:hover { will-change: contents; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-contents:focus { will-change: contents; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-contents:active { will-change: contents; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-contents:disabled { will-change: contents; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-color-scheme-light { color-scheme: light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-color-scheme-light:hover { color-scheme: light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-color-scheme-light:focus { color-scheme: light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-color-scheme-light:active { color-scheme: light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-color-scheme-light:disabled { color-scheme: light; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-color-scheme-dark { color-scheme: dark; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-color-scheme-dark:hover { color-scheme: dark; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-color-scheme-dark:focus { color-scheme: dark; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-color-scheme-dark:active { color-scheme: dark; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-color-scheme-dark:disabled { color-scheme: dark; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-color-scheme-normal { color-scheme: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-color-scheme-normal:hover { color-scheme: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-color-scheme-normal:focus { color-scheme: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-color-scheme-normal:active { color-scheme: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-color-scheme-normal:disabled { color-scheme: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-auto { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-default { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-default:active { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-pointer { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-wait { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-text { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-text:active { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-move { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-move:active { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-none { cursor: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-none:hover { cursor: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-none:focus { cursor: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-none:active { cursor: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-none:disabled { cursor: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pointer-events-none { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize-none { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize-none:hover { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize-none:focus { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize-none:active { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize-x { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize-y { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize-y:active { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize:hover { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize:focus { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize:active { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize:disabled { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-0 { scroll-margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-0:hover { scroll-margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-0:focus { scroll-margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-0:active { scroll-margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-0:disabled { scroll-margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-1 { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-1:active { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-2 { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-2:active { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-4 { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-4:hover { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-4:focus { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-4:active { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-8 { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-8:hover { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-8:focus { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-8:active { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-0 { scroll-padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-0:hover { scroll-padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-0:focus { scroll-padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-0:active { scroll-padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-0:disabled { scroll-padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-1 { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-1:active { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-2 { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-2:active { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-4 { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-4:hover { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-4:focus { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-4:active { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-8 { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-8:hover { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-8:focus { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-8:active { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-x { scroll-snap-type: x mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-x:hover { scroll-snap-type: x mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-x:focus { scroll-snap-type: x mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-x:active { scroll-snap-type: x mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-x:disabled { scroll-snap-type: x mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-y { scroll-snap-type: y mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-y:hover { scroll-snap-type: y mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-y:focus { scroll-snap-type: y mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-y:active { scroll-snap-type: y mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-y:disabled { scroll-snap-type: y mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-both { scroll-snap-type: both mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-both:hover { scroll-snap-type: both mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-both:focus { scroll-snap-type: both mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-both:active { scroll-snap-type: both mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-both:disabled { scroll-snap-type: both mandatory; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-align-start { scroll-snap-align: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-align-start:hover { scroll-snap-align: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-align-start:focus { scroll-snap-align: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-align-start:active { scroll-snap-align: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-align-start:disabled { scroll-snap-align: start; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-align-center { scroll-snap-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-align-center:hover { scroll-snap-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-align-center:focus { scroll-snap-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-align-center:active { scroll-snap-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-align-center:disabled { scroll-snap-align: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-align-end { scroll-snap-align: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-align-end:hover { scroll-snap-align: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-align-end:focus { scroll-snap-align: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-align-end:active { scroll-snap-align: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-align-end:disabled { scroll-snap-align: end; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-align-none { scroll-snap-align: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-align-none:hover { scroll-snap-align: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-align-none:focus { scroll-snap-align: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-align-none:active { scroll-snap-align: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-align-none:disabled { scroll-snap-align: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-stop-normal { scroll-snap-stop: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-stop-normal:hover { scroll-snap-stop: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-stop-normal:focus { scroll-snap-stop: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-stop-normal:active { scroll-snap-stop: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-stop-normal:disabled { scroll-snap-stop: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-snap-stop-always { scroll-snap-stop: always; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-snap-stop-always:hover { scroll-snap-stop: always; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-snap-stop-always:focus { scroll-snap-stop: always; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-snap-stop-always:active { scroll-snap-stop: always; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-snap-stop-always:disabled { scroll-snap-stop: always; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-auto { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-none { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-none:active { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-pan-x { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-pan-x:hover { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-pan-x:focus { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-pan-x:active { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-pan-x:disabled { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-pan-y { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-pan-y:hover { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-pan-y:focus { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-pan-y:active { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-pan-y:disabled { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-auto { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-auto:active { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-none { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-none:hover { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-none:focus { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-none:active { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-text { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-text:hover { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-text:focus { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-text:active { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-all { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-all:hover { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-all:focus { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-all:active { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-contain { user-select: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-contain:hover { user-select: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-contain:focus { user-select: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-contain:active { user-select: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-contain:disabled { user-select: contain; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-auto { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-scroll { will-change: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-scroll:hover { will-change: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-scroll:focus { will-change: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-scroll:active { will-change: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-scroll:disabled { will-change: scroll; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-transform { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-opacity { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-contents { will-change: contents; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-contents:hover { will-change: contents; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-contents:focus { will-change: contents; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-contents:active { will-change: contents; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-contents:disabled { will-change: contents; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-field-sizing-auto { block-size: auto; inline-size: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-field-sizing-auto:hover { block-size: auto; inline-size: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-field-sizing-auto:focus { block-size: auto; inline-size: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-field-sizing-auto:active { block-size: auto; inline-size: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-field-sizing-auto:disabled { block-size: auto; inline-size: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-field-sizing-fill { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-field-sizing-fill:hover { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-field-sizing-fill:focus { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-field-sizing-fill:active { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-field-sizing-fill:disabled { block-size: 100%; inline-size: 100%; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-field-sizing-min { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-field-sizing-min:hover { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-field-sizing-min:focus { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-field-sizing-min:active { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-field-sizing-min:disabled { block-size: min-content; inline-size: min-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-field-sizing-max { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-field-sizing-max:hover { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-field-sizing-max:focus { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-field-sizing-max:active { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-field-sizing-max:disabled { block-size: max-content; inline-size: max-content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-aspect-auto { aspect-ratio: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-aspect-auto:hover { aspect-ratio: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-aspect-auto:focus { aspect-ratio: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-aspect-auto:active { aspect-ratio: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-aspect-auto:disabled { aspect-ratio: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-aspect-square { aspect-ratio: 1 / 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-aspect-square:hover { aspect-ratio: 1 / 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-aspect-square:focus { aspect-ratio: 1 / 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-aspect-square:active { aspect-ratio: 1 / 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-aspect-square:disabled { aspect-ratio: 1 / 1; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-aspect-video { aspect-ratio: 16 / 9; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-aspect-video:hover { aspect-ratio: 16 / 9; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-aspect-video:focus { aspect-ratio: 16 / 9; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-aspect-video:active { aspect-ratio: 16 / 9; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-aspect-video:disabled { aspect-ratio: 16 / 9; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-aspect-ar_4_3 { aspect-ratio: 4 / 3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-aspect-ar_4_3:hover { aspect-ratio: 4 / 3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-aspect-ar_4_3:focus { aspect-ratio: 4 / 3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-aspect-ar_4_3:active { aspect-ratio: 4 / 3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-aspect-ar_4_3:disabled { aspect-ratio: 4 / 3; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-isolation-auto { isolation: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-isolation-auto:hover { isolation: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-isolation-auto:focus { isolation: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-isolation-auto:active { isolation: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-isolation-auto:disabled { isolation: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-isolation-isolate { isolation: isolate; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-isolation-isolate:hover { isolation: isolate; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-isolation-isolate:focus { isolation: isolate; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-isolation-isolate:active { isolation: isolate; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-isolation-isolate:disabled { isolation: isolate; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contain-none { contain: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contain-none:hover { contain: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contain-none:focus { contain: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contain-none:active { contain: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contain-none:disabled { contain: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contain-layout { contain: layout; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contain-layout:hover { contain: layout; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contain-layout:focus { contain: layout; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contain-layout:active { contain: layout; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contain-layout:disabled { contain: layout; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contain-size { contain: size; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contain-size:hover { contain: size; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contain-size:focus { contain: size; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contain-size:active { contain: size; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contain-size:disabled { contain: size; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contain-style { contain: style; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contain-style:hover { contain: style; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contain-style:focus { contain: style; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contain-style:active { contain: style; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contain-style:disabled { contain: style; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contain-paint { contain: paint; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contain-paint:hover { contain: paint; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contain-paint:focus { contain: paint; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contain-paint:active { contain: paint; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contain-paint:disabled { contain: paint; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contain-content { contain: content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contain-content:hover { contain: content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contain-content:focus { contain: content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contain-content:active { contain: content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contain-content:disabled { contain: content; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-content-auto { content-visibility: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-content-auto:hover { content-visibility: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-content-auto:focus { content-visibility: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-content-auto:active { content-visibility: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-content-auto:disabled { content-visibility: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-content-hidden { content-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-content-hidden:hover { content-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-content-hidden:focus { content-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-content-hidden:active { content-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-content-hidden:disabled { content-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-content-visible { content-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-content-visible:hover { content-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-content-visible:focus { content-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-content-visible:active { content-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-content-visible:disabled { content-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-box-border { box-sizing: border-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-box-border:hover { box-sizing: border-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-box-border:focus { box-sizing: border-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-box-border:active { box-sizing: border-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-box-border:disabled { box-sizing: border-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-box-content { box-sizing: content-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-box-content:hover { box-sizing: content-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-box-content:focus { box-sizing: content-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-box-content:active { box-sizing: content-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-box-content:disabled { box-sizing: content-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clip-none { clip-path: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clip-none:hover { clip-path: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clip-none:focus { clip-path: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clip-none:active { clip-path: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clip-none:disabled { clip-path: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clip-circle { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clip-circle:hover { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clip-circle:focus { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clip-circle:active { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clip-circle:disabled { clip-path: circle(50% at 50% 50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clip-ellipse { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clip-ellipse:hover { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clip-ellipse:focus { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clip-ellipse:active { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 25% at 50% 50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clip-inset { clip-path: inset(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clip-inset:hover { clip-path: inset(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clip-inset:focus { clip-path: inset(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clip-inset:active { clip-path: inset(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clip-inset:disabled { clip-path: inset(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clip-triangle:hover { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clip-triangle:focus { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clip-triangle:active { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clip-triangle:disabled { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-margin-block-start-1 { margin-block-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-margin-block-start-1:hover { margin-block-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-margin-block-start-1:focus { margin-block-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-margin-block-start-1:active { margin-block-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-margin-block-start-1:disabled { margin-block-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-margin-block-end-1 { margin-block-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-margin-block-end-1:hover { margin-block-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-margin-block-end-1:focus { margin-block-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-margin-block-end-1:active { margin-block-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-margin-block-end-1:disabled { margin-block-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-margin-inline-start-1 { margin-inline-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-margin-inline-start-1:hover { margin-inline-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-margin-inline-start-1:focus { margin-inline-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-margin-inline-start-1:active { margin-inline-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-margin-inline-start-1:disabled { margin-inline-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-margin-inline-end-1 { margin-inline-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-margin-inline-end-1:hover { margin-inline-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-margin-inline-end-1:focus { margin-inline-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-margin-inline-end-1:active { margin-inline-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-margin-inline-end-1:disabled { margin-inline-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-padding-block-start-1 { padding-block-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-padding-block-start-1:hover { padding-block-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-padding-block-start-1:focus { padding-block-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-padding-block-start-1:active { padding-block-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-padding-block-start-1:disabled { padding-block-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-padding-block-end-1 { padding-block-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-padding-block-end-1:hover { padding-block-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-padding-block-end-1:focus { padding-block-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-padding-block-end-1:active { padding-block-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-padding-block-end-1:disabled { padding-block-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-padding-inline-start-1 { padding-inline-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-padding-inline-start-1:hover { padding-inline-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-padding-inline-start-1:focus { padding-inline-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-padding-inline-start-1:active { padding-inline-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-padding-inline-start-1:disabled { padding-inline-start: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-padding-inline-end-1 { padding-inline-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-padding-inline-end-1:hover { padding-inline-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-padding-inline-end-1:focus { padding-inline-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-padding-inline-end-1:active { padding-inline-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-padding-inline-end-1:disabled { padding-inline-end: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-all { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-all:active { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-colors { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-colors:hover { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-colors:focus { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-colors:active { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, fill, stroke; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-opacity { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-shadow { transition-property: box-shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-shadow:hover { transition-property: box-shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-shadow:focus { transition-property: box-shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-shadow:active { transition-property: box-shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-shadow:disabled { transition-property: box-shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-transform { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-100 { transition-duration: 100ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-100:hover { transition-duration: 100ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-100:focus { transition-duration: 100ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-100:active { transition-duration: 100ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-100:disabled { transition-duration: 100ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-200 { transition-duration: 200ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-200:hover { transition-duration: 200ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-200:focus { transition-duration: 200ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-200:active { transition-duration: 200ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-200:disabled { transition-duration: 200ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-linear { transition-timing-function: linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-linear:hover { transition-timing-function: linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-linear:focus { transition-timing-function: linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-linear:active { transition-timing-function: linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-linear:disabled { transition-timing-function: linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-in { transition-timing-function: ease-in; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-in:hover { transition-timing-function: ease-in; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-in:focus { transition-timing-function: ease-in; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-in:active { transition-timing-function: ease-in; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-in:disabled { transition-timing-function: ease-in; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-out { transition-timing-function: ease-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-out:hover { transition-timing-function: ease-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-out:focus { transition-timing-function: ease-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-out:active { transition-timing-function: ease-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-out:disabled { transition-timing-function: ease-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-in-out { transition-timing-function: ease-in-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-in-out:hover { transition-timing-function: ease-in-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-in-out:focus { transition-timing-function: ease-in-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-in-out:active { transition-timing-function: ease-in-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-in-out:disabled { transition-timing-function: ease-in-out; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-fade { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-fade:hover { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-fade:focus { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-fade:active { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-fade:disabled { animation: quanta-fade 0.5s ease-in-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-slide-up { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-slide-up:hover { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-slide-up:focus { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-slide-up:active { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-slide-up:disabled { animation: quanta-slide-up 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-slide-down { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-slide-down:hover { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-slide-down:focus { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-slide-down:active { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-slide-down:disabled { animation: quanta-slide-down 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-slide-left { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-slide-left:hover { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-slide-left:focus { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-slide-left:active { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-slide-left:disabled { animation: quanta-slide-left 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-slide-right { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-slide-right:hover { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-slide-right:focus { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-slide-right:active { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-slide-right:disabled { animation: quanta-slide-right 0.5s ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-bounce { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-bounce:hover { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-bounce:focus { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-bounce:active { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-bounce:disabled { animation: quanta-bounce 1s infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-spin { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-spin:hover { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-spin:focus { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-spin:active { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-spin:disabled { animation: quanta-spin 1s linear infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-filter-none { filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-filter-none:hover { filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-filter-none:focus { filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-filter-none:active { filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-filter-none:disabled { filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur-sm { filter: blur(2px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur-sm:hover { filter: blur(2px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur-sm:focus { filter: blur(2px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur-sm:active { filter: blur(2px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur-sm:disabled { filter: blur(2px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur:hover { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur:focus { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur:active { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur:disabled { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur-md { filter: blur(8px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur-md:hover { filter: blur(8px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur-md:focus { filter: blur(8px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur-md:active { filter: blur(8px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur-md:disabled { filter: blur(8px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur-lg { filter: blur(12px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur-lg:hover { filter: blur(12px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur-lg:focus { filter: blur(12px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur-lg:active { filter: blur(12px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur-lg:disabled { filter: blur(12px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-blur-xl { filter: blur(20px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-blur-xl:hover { filter: blur(20px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-blur-xl:focus { filter: blur(20px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-blur-xl:active { filter: blur(20px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-blur-xl:disabled { filter: blur(20px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-100 { filter: brightness(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-100:hover { filter: brightness(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-100:focus { filter: brightness(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-100:active { filter: brightness(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-100:disabled { filter: brightness(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-brightness-150 { filter: brightness(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-brightness-150:hover { filter: brightness(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-brightness-150:focus { filter: brightness(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-brightness-150:active { filter: brightness(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-brightness-150:disabled { filter: brightness(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contrast-50 { filter: contrast(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contrast-50:hover { filter: contrast(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contrast-50:focus { filter: contrast(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contrast-50:active { filter: contrast(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contrast-50:disabled { filter: contrast(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-contrast-100 { filter: contrast(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-contrast-100:hover { filter: contrast(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-contrast-100:focus { filter: contrast(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-contrast-100:active { filter: contrast(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-contrast-100:disabled { filter: contrast(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grayscale { filter: grayscale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grayscale:hover { filter: grayscale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grayscale:focus { filter: grayscale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grayscale:active { filter: grayscale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grayscale:disabled { filter: grayscale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-sepia { filter: sepia(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-sepia:hover { filter: sepia(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-sepia:focus { filter: sepia(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-sepia:active { filter: sepia(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-sepia:disabled { filter: sepia(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-drop-shadow-sm { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-drop-shadow-sm:hover { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-drop-shadow-sm:focus { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-drop-shadow-sm:active { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-drop-shadow-sm:disabled { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-drop-shadow-lg { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-drop-shadow-lg:hover { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-drop-shadow-lg:focus { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-drop-shadow-lg:active { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-drop-shadow-lg:disabled { filter: drop-shadow(0 10px 15px rgba(0,0,0,0.45)); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-flow-row { grid-auto-flow: row; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-flow-row:hover { grid-auto-flow: row; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-flow-row:focus { grid-auto-flow: row; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-flow-row:active { grid-auto-flow: row; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-flow-row:disabled { grid-auto-flow: row; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-flow-col { grid-auto-flow: column; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-flow-col:hover { grid-auto-flow: column; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-flow-col:focus { grid-auto-flow: column; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-flow-col:active { grid-auto-flow: column; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-flow-col:disabled { grid-auto-flow: column; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-flow-row-dense { grid-auto-flow: row dense; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-flow-row-dense:hover { grid-auto-flow: row dense; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-flow-row-dense:focus { grid-auto-flow: row dense; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-flow-row-dense:active { grid-auto-flow: row dense; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-flow-row-dense:disabled { grid-auto-flow: row dense; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-flow-col-dense { grid-auto-flow: column dense; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-flow-col-dense:hover { grid-auto-flow: column dense; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-flow-col-dense:focus { grid-auto-flow: column dense; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-flow-col-dense:active { grid-auto-flow: column dense; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-flow-col-dense:disabled { grid-auto-flow: column dense; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-grid-cols-auto { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-grid-cols-auto:hover { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-grid-cols-auto:focus { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-grid-cols-auto:active { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-grid-cols-auto:disabled { grid-template-columns: repeat(var(--quanta-cols,1), 1fr); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-none { transition-property: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-none:hover { transition-property: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-none:focus { transition-property: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-none:active { transition-property: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-none:disabled { transition-property: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-all { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-all:hover { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-all:focus { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-all:active { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-all:disabled { transition-property: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-colors:focus { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-colors:active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-colors:disabled { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-opacity { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-opacity:hover { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-opacity:focus { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-opacity:active { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-opacity:disabled { transition-property: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-shadow { transition-property: box-shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-shadow:hover { transition-property: box-shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-shadow:focus { transition-property: box-shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-shadow:active { transition-property: box-shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-shadow:disabled { transition-property: box-shadow; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transition-transform { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transition-transform:hover { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transition-transform:focus { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transition-transform:active { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transition-transform:disabled { transition-property: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-75 { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-75:hover { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-75:focus { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-75:active { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-75:disabled { transition-duration: 75ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-150 { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-150:hover { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-150:focus { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-150:active { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-150:disabled { transition-duration: 150ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-300 { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-300:hover { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-300:focus { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-300:active { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-300:disabled { transition-duration: 300ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-500 { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-500:hover { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-500:focus { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-500:active { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-500:disabled { transition-duration: 500ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-700 { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-700:hover { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-700:focus { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-700:active { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-700:disabled { transition-duration: 700ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-duration-1000 { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-duration-1000:hover { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-duration-1000:focus { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-duration-1000:active { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-duration-1000:disabled { transition-duration: 1000ms; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-linear { transition-timing-function: linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-linear:hover { transition-timing-function: linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-linear:focus { transition-timing-function: linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-linear:active { transition-timing-function: linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-linear:disabled { transition-timing-function: linear; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-in { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-in:hover { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-in:focus { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-in:active { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-in:disabled { transition-timing-function: cubic-bezier(0.4,0,1,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-out { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-out:hover { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-out:focus { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-out:active { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-out:disabled { transition-timing-function: cubic-bezier(0,0,0.2,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ease-in-out:hover { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ease-in-out:focus { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ease-in-out:active { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ease-in-out:disabled { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-none { animation: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-none:hover { animation: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-none:focus { animation: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-none:active { animation: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-none:disabled { animation: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-fade { animation: fade 300ms ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-fade:hover { animation: fade 300ms ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-fade:focus { animation: fade 300ms ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-fade:active { animation: fade 300ms ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-fade:disabled { animation: fade 300ms ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-slide-in { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-slide-in:hover { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-slide-in:focus { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-slide-in:active { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-slide-in:disabled { animation: slide-in 500ms ease-out both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-animate-spin { animation: spin 1s linear infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-animate-spin:hover { animation: spin 1s linear infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-animate-spin:focus { animation: spin 1s linear infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-animate-spin:active { animation: spin 1s linear infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-animate-spin:disabled { animation: spin 1s linear infinite; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transform { transform: var(--tw-transform, none); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transform:hover { transform: var(--tw-transform, none); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transform:focus { transform: var(--tw-transform, none); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transform:active { transform: var(--tw-transform, none); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transform:disabled { transform: var(--tw-transform, none); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transform-none { transform: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transform-none:hover { transform: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transform-none:focus { transform: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transform-none:active { transform: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transform-none:disabled { transform: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-50 { --tw-transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-50:hover { --tw-transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-50:focus { --tw-transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-50:active { --tw-transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-50:disabled { --tw-transform: scale(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-75 { --tw-transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-75:hover { --tw-transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-75:focus { --tw-transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-75:active { --tw-transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-75:disabled { --tw-transform: scale(0.75); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-90 { --tw-transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-90:hover { --tw-transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-90:focus { --tw-transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-90:active { --tw-transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-90:disabled { --tw-transform: scale(0.9); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-100 { --tw-transform: scale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-100:hover { --tw-transform: scale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-100:focus { --tw-transform: scale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-100:active { --tw-transform: scale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-100:disabled { --tw-transform: scale(1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-105 { --tw-transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-105:hover { --tw-transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-105:focus { --tw-transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-105:active { --tw-transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-105:disabled { --tw-transform: scale(1.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-110 { --tw-transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-110:hover { --tw-transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-110:focus { --tw-transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-110:active { --tw-transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-110:disabled { --tw-transform: scale(1.1); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-125 { --tw-transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-125:hover { --tw-transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-125:focus { --tw-transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-125:active { --tw-transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-125:disabled { --tw-transform: scale(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scale-150 { --tw-transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scale-150:hover { --tw-transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scale-150:focus { --tw-transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scale-150:active { --tw-transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scale-150:disabled { --tw-transform: scale(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-0 { --tw-transform: translateX(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-0:hover { --tw-transform: translateX(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-0:focus { --tw-transform: translateX(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-0:active { --tw-transform: translateX(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-0:disabled { --tw-transform: translateX(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-1 { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-1:hover { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-1:focus { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-1:active { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-1:disabled { --tw-transform: translateX(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-2 { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-2:hover { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-2:focus { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-2:active { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-2:disabled { --tw-transform: translateX(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-4 { --tw-transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-4:hover { --tw-transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-4:focus { --tw-transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-4:active { --tw-transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-4:disabled { --tw-transform: translateX(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-x-8 { --tw-transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-x-8:hover { --tw-transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-x-8:focus { --tw-transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-x-8:active { --tw-transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-x-8:disabled { --tw-transform: translateX(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-0 { --tw-transform: translateY(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-0:hover { --tw-transform: translateY(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-0:focus { --tw-transform: translateY(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-0:active { --tw-transform: translateY(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-0:disabled { --tw-transform: translateY(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-1 { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-1:hover { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-1:focus { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-1:active { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-1:disabled { --tw-transform: translateY(0.25rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-2 { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-2:hover { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-2:focus { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-2:active { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-2:disabled { --tw-transform: translateY(0.5rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-4 { --tw-transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-4:hover { --tw-transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-4:focus { --tw-transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-4:active { --tw-transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-4:disabled { --tw-transform: translateY(1rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-translate-y-8 { --tw-transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-translate-y-8:hover { --tw-transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-translate-y-8:focus { --tw-transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-translate-y-8:active { --tw-transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-translate-y-8:disabled { --tw-transform: translateY(2rem); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-0 { --tw-transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-0:hover { --tw-transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-0:focus { --tw-transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-0:active { --tw-transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-0:disabled { --tw-transform: rotate(0deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-45 { --tw-transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-45:hover { --tw-transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-45:focus { --tw-transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-45:active { --tw-transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-45:disabled { --tw-transform: rotate(45deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-90 { --tw-transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-90:hover { --tw-transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-90:focus { --tw-transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-90:active { --tw-transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-90:disabled { --tw-transform: rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-rotate-180 { --tw-transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-rotate-180:hover { --tw-transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-rotate-180:focus { --tw-transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-rotate-180:active { --tw-transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-rotate-180:disabled { --tw-transform: rotate(180deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-0 { --tw-transform: skewX(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-0:hover { --tw-transform: skewX(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-0:focus { --tw-transform: skewX(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-0:active { --tw-transform: skewX(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-0:disabled { --tw-transform: skewX(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-3 { --tw-transform: skewX(3deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-3:hover { --tw-transform: skewX(3deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-3:focus { --tw-transform: skewX(3deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-3:active { --tw-transform: skewX(3deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-3:disabled { --tw-transform: skewX(3deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-x-6 { --tw-transform: skewX(6deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-x-6:hover { --tw-transform: skewX(6deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-x-6:focus { --tw-transform: skewX(6deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-x-6:active { --tw-transform: skewX(6deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-x-6:disabled { --tw-transform: skewX(6deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-0 { --tw-transform: skewY(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-0:hover { --tw-transform: skewY(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-0:focus { --tw-transform: skewY(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-0:active { --tw-transform: skewY(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-0:disabled { --tw-transform: skewY(0); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-3 { --tw-transform: skewY(3deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-3:hover { --tw-transform: skewY(3deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-3:focus { --tw-transform: skewY(3deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-3:active { --tw-transform: skewY(3deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-3:disabled { --tw-transform: skewY(3deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-skew-y-6 { --tw-transform: skewY(6deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-skew-y-6:hover { --tw-transform: skewY(6deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-skew-y-6:focus { --tw-transform: skewY(6deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-skew-y-6:active { --tw-transform: skewY(6deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-skew-y-6:disabled { --tw-transform: skewY(6deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-center { transform-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-center:hover { transform-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-center:focus { transform-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-center:active { transform-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-center:disabled { transform-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-top { transform-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-top:hover { transform-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-top:focus { transform-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-top:active { transform-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-top:disabled { transform-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-right { transform-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-right:hover { transform-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-right:focus { transform-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-right:active { transform-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-right:disabled { transform-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-bottom { transform-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-bottom:hover { transform-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-bottom:focus { transform-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-bottom:active { transform-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-bottom:disabled { transform-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-origin-left { transform-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-origin-left:hover { transform-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-origin-left:focus { transform-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-origin-left:active { transform-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-origin-left:disabled { transform-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-none { perspective: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-none:hover { perspective: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-none:focus { perspective: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-none:active { perspective: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-none:disabled { perspective: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-sm { perspective: 400px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-sm:hover { perspective: 400px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-sm:focus { perspective: 400px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-sm:active { perspective: 400px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-sm:disabled { perspective: 400px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-md { perspective: 800px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-md:hover { perspective: 800px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-md:focus { perspective: 800px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-md:active { perspective: 800px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-md:disabled { perspective: 800px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-lg { perspective: 1200px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-lg:hover { perspective: 1200px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-lg:focus { perspective: 1200px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-lg:active { perspective: 1200px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-lg:disabled { perspective: 1200px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-xl { perspective: 1600px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-xl:hover { perspective: 1600px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-xl:focus { perspective: 1600px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-xl:active { perspective: 1600px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-xl:disabled { perspective: 1600px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-center { perspective-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-center:hover { perspective-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-center:focus { perspective-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-center:active { perspective-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-center:disabled { perspective-origin: center; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-top { perspective-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-top:hover { perspective-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-top:focus { perspective-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-top:active { perspective-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-top:disabled { perspective-origin: top; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-left { perspective-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-left:hover { perspective-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-left:focus { perspective-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-left:active { perspective-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-left:disabled { perspective-origin: left; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-right { perspective-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-right:hover { perspective-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-right:focus { perspective-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-right:active { perspective-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-right:disabled { perspective-origin: right; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-perspective-origin-bottom { perspective-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-perspective-origin-bottom:hover { perspective-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-perspective-origin-bottom:focus { perspective-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-perspective-origin-bottom:active { perspective-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-perspective-origin-bottom:disabled { perspective-origin: bottom; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-backface-visible { backface-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-backface-visible:hover { backface-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-backface-visible:focus { backface-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-backface-visible:active { backface-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-backface-visible:disabled { backface-visibility: visible; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-backface-hidden { backface-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-backface-hidden:hover { backface-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-backface-hidden:focus { backface-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-backface-hidden:active { backface-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-backface-hidden:disabled { backface-visibility: hidden; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transform-style-flat { transform-style: flat; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transform-style-flat:hover { transform-style: flat; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transform-style-flat:focus { transform-style: flat; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transform-style-flat:active { transform-style: flat; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transform-style-flat:disabled { transform-style: flat; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-transform-style-preserve { transform-style: preserve-3d; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-transform-style-preserve:hover { transform-style: preserve-3d; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-transform-style-preserve:focus { transform-style: preserve-3d; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-transform-style-preserve:active { transform-style: preserve-3d; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-transform-style-preserve:disabled { transform-style: preserve-3d; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-filter-none { filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-filter-none:hover { filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-filter-none:focus { filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-filter-none:active { filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-filter-none:disabled { filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-filter-grayscale { filter: grayscale(100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-filter-grayscale:hover { filter: grayscale(100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-filter-grayscale:focus { filter: grayscale(100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-filter-grayscale:active { filter: grayscale(100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-filter-grayscale:disabled { filter: grayscale(100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-filter-blur { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-filter-blur:hover { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-filter-blur:focus { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-filter-blur:active { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-filter-blur:disabled { filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-filter-brightness-50 { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-filter-brightness-50:hover { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-filter-brightness-50:focus { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-filter-brightness-50:active { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-filter-brightness-50:disabled { filter: brightness(0.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-filter-contrast-125 { filter: contrast(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-filter-contrast-125:hover { filter: contrast(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-filter-contrast-125:focus { filter: contrast(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-filter-contrast-125:active { filter: contrast(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-filter-contrast-125:disabled { filter: contrast(1.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-filter-saturate-150 { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-filter-saturate-150:hover { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-filter-saturate-150:focus { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-filter-saturate-150:active { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-filter-saturate-150:disabled { filter: saturate(1.5); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-filter-sepia { filter: sepia(100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-filter-sepia:hover { filter: sepia(100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-filter-sepia:focus { filter: sepia(100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-filter-sepia:active { filter: sepia(100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-filter-sepia:disabled { filter: sepia(100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-filter-hue-rotate-90 { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-filter-hue-rotate-90:hover { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-filter-hue-rotate-90:focus { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-filter-hue-rotate-90:active { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-filter-hue-rotate-90:disabled { filter: hue-rotate(90deg); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-backdrop-filter-none { backdrop-filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-backdrop-filter-none:hover { backdrop-filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-backdrop-filter-none:focus { backdrop-filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-backdrop-filter-none:active { backdrop-filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-backdrop-filter-none:disabled { backdrop-filter: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-backdrop-blur { backdrop-filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-backdrop-blur:hover { backdrop-filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-backdrop-blur:focus { backdrop-filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-backdrop-blur:active { backdrop-filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-backdrop-blur:disabled { backdrop-filter: blur(4px); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-normal { background-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-normal:hover { background-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-normal:focus { background-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-normal:active { background-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-normal:disabled { background-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-multiply { background-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-multiply:hover { background-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-multiply:focus { background-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-multiply:active { background-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-multiply:disabled { background-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-screen { background-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-screen:hover { background-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-screen:focus { background-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-screen:active { background-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-screen:disabled { background-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-overlay { background-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-overlay:hover { background-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-overlay:focus { background-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-overlay:active { background-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-overlay:disabled { background-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-darken { background-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-darken:hover { background-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-darken:focus { background-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-darken:active { background-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-darken:disabled { background-blend-mode: darken; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-blend-lighten { background-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-blend-lighten:hover { background-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-blend-lighten:focus { background-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-blend-lighten:active { background-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-blend-lighten:disabled { background-blend-mode: lighten; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-blend-normal { mix-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-blend-normal:hover { mix-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-blend-normal:focus { mix-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-blend-normal:active { mix-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-blend-normal:disabled { mix-blend-mode: normal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-blend-multiply { mix-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-blend-multiply:hover { mix-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-blend-multiply:focus { mix-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-blend-multiply:active { mix-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-blend-multiply:disabled { mix-blend-mode: multiply; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-blend-screen { mix-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-blend-screen:hover { mix-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-blend-screen:focus { mix-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-blend-screen:active { mix-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-blend-screen:disabled { mix-blend-mode: screen; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-mix-blend-overlay { mix-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-mix-blend-overlay:hover { mix-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-mix-blend-overlay:focus { mix-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-mix-blend-overlay:active { mix-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-mix-blend-overlay:disabled { mix-blend-mode: overlay; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-decoration-slice { box-decoration-break: slice; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-decoration-slice:hover { box-decoration-break: slice; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-decoration-slice:focus { box-decoration-break: slice; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-decoration-slice:active { box-decoration-break: slice; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-decoration-slice:disabled { box-decoration-break: slice; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-decoration-clone { box-decoration-break: clone; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-decoration-clone:hover { box-decoration-break: clone; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-decoration-clone:focus { box-decoration-break: clone; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-decoration-clone:active { box-decoration-break: clone; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-decoration-clone:disabled { box-decoration-break: clone; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-box-border { box-sizing: border-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-box-border:hover { box-sizing: border-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-box-border:focus { box-sizing: border-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-box-border:active { box-sizing: border-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-box-border:disabled { box-sizing: border-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-box-content { box-sizing: content-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-box-content:hover { box-sizing: content-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-box-content:focus { box-sizing: content-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-box-content:active { box-sizing: content-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-box-content:disabled { box-sizing: content-box; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clip-none { clip-path: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clip-none:hover { clip-path: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clip-none:focus { clip-path: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clip-none:active { clip-path: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clip-none:disabled { clip-path: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clip-circle { clip-path: circle(50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clip-circle:hover { clip-path: circle(50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clip-circle:focus { clip-path: circle(50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clip-circle:active { clip-path: circle(50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clip-circle:disabled { clip-path: circle(50%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clip-ellipse { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clip-ellipse:hover { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clip-ellipse:focus { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clip-ellipse:active { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clip-ellipse:disabled { clip-path: ellipse(50% 75%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clip-inset { clip-path: inset(10%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clip-inset:hover { clip-path: inset(10%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clip-inset:focus { clip-path: inset(10%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clip-inset:active { clip-path: inset(10%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clip-inset:disabled { clip-path: inset(10%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-clip-polygon { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-clip-polygon:hover { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-clip-polygon:focus { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-clip-polygon:active { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-clip-polygon:disabled { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-none { outline: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-none:hover { outline: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-none:focus { outline: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-none:active { outline: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-none:disabled { outline: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-solid { outline-style: solid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-solid:hover { outline-style: solid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-solid:focus { outline-style: solid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-solid:active { outline-style: solid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-solid:disabled { outline-style: solid; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-dashed { outline-style: dashed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-dashed:hover { outline-style: dashed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-dashed:focus { outline-style: dashed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-dashed:active { outline-style: dashed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-dashed:disabled { outline-style: dashed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-offset-0 { outline-offset: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-offset-0:hover { outline-offset: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-offset-0:focus { outline-offset: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-offset-0:active { outline-offset: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-offset-0:disabled { outline-offset: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-offset-2 { outline-offset: 2px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-offset-2:hover { outline-offset: 2px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-offset-2:focus { outline-offset: 2px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-offset-2:active { outline-offset: 2px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-offset-2:disabled { outline-offset: 2px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-outline-offset-4 { outline-offset: 4px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-outline-offset-4:hover { outline-offset: 4px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-outline-offset-4:focus { outline-offset: 4px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-outline-offset-4:active { outline-offset: 4px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-outline-offset-4:disabled { outline-offset: 4px; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-0 { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-0:hover { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-0:focus { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-0:active { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-0:disabled { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-1 { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-1:focus { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-1:active { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-1:disabled { --tw-ring-shadow: 0 0 0 1px var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-2 { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-2:focus { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-2:active { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-2:disabled { --tw-ring-shadow: 0 0 0 2px var(--quanta-blue-500); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-offset-0 { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-offset-0:hover { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-offset-0:focus { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-offset-0:active { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-offset-0:disabled { --tw-ring-offset-shadow: 0 0 0 0 var(--black); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-ring-offset-2 { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-ring-offset-2:hover { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-ring-offset-2:focus { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-ring-offset-2:active { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-ring-offset-2:disabled { --tw-ring-offset-shadow: 0 0 0 2px var(--white); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-none { box-shadow: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-none:hover { box-shadow: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-none:focus { box-shadow: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-none:active { box-shadow: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-none:disabled { box-shadow: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-sm:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-sm:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-sm:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-sm:disabled { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow:focus { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow:active { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow:disabled { box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-md:hover { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-md:focus { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-md:active { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-md:disabled { box-shadow: 0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-lg:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-lg:focus { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-lg:active { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-lg:disabled { box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-xl:hover { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-xl:focus { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-xl:active { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-xl:disabled { box-shadow: 0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-shadow-2xl:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-shadow-2xl:focus { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-shadow-2xl:active { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-shadow-2xl:disabled { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-auto { accent-color: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-auto:hover { accent-color: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-auto:focus { accent-color: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-auto:active { accent-color: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-auto:disabled { accent-color: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-accent-current { accent-color: currentColor; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-accent-current:hover { accent-color: currentColor; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-accent-current:focus { accent-color: currentColor; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-accent-current:active { accent-color: currentColor; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-accent-current:disabled { accent-color: currentColor; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-appearance-none { appearance: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-appearance-none:hover { appearance: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-appearance-none:focus { appearance: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-appearance-none:active { appearance: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-appearance-none:disabled { appearance: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-sr-only:hover { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-sr-only:focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-sr-only:active { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-sr-only:disabled { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-not-sr-only { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-not-sr-only:hover { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-not-sr-only:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-not-sr-only:active { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-not-sr-only:disabled { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-auto { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-auto:hover { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-auto:focus { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-auto:active { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-auto:disabled { cursor: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-pointer { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-pointer:hover { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-pointer:focus { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-pointer:active { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-pointer:disabled { cursor: pointer; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-default { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-default:hover { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-default:focus { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-default:active { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-default:disabled { cursor: default; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-wait { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-wait:hover { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-wait:focus { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-wait:active { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-wait:disabled { cursor: wait; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-text { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-text:hover { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-text:focus { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-text:active { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-text:disabled { cursor: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-move { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-move:hover { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-move:focus { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-move:active { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-move:disabled { cursor: move; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-cursor-not-allowed { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-cursor-not-allowed:hover { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-cursor-not-allowed:focus { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-cursor-not-allowed:active { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-cursor-not-allowed:disabled { cursor: not-allowed; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pointer-events-auto { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pointer-events-auto:hover { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pointer-events-auto:focus { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pointer-events-auto:active { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pointer-events-auto:disabled { pointer-events: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-pointer-events-none { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-pointer-events-none:hover { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-pointer-events-none:focus { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-pointer-events-none:active { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-pointer-events-none:disabled { pointer-events: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize-none { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize-none:hover { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize-none:focus { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize-none:active { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize-none:disabled { resize: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize-y { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize-y:hover { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize-y:focus { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize-y:active { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize-y:disabled { resize: vertical; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize-x { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize-x:hover { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize-x:focus { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize-x:active { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize-x:disabled { resize: horizontal; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-resize { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-resize:hover { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-resize:focus { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-resize:active { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-resize:disabled { resize: both; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-auto { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-auto:hover { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-auto:focus { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-auto:active { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-auto:disabled { scroll-behavior: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-smooth { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-smooth:hover { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-smooth:focus { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-smooth:active { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-smooth:disabled { scroll-behavior: smooth; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-0 { scroll-margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-0:hover { scroll-margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-0:focus { scroll-margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-0:active { scroll-margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-0:disabled { scroll-margin: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-1 { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-1:hover { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-1:focus { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-1:active { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-1:disabled { scroll-margin: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-2 { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-2:hover { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-2:focus { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-2:active { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-2:disabled { scroll-margin: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-4 { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-4:hover { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-4:focus { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-4:active { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-4:disabled { scroll-margin: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-m-8 { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-m-8:hover { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-m-8:focus { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-m-8:active { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-m-8:disabled { scroll-margin: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-0 { scroll-padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-0:hover { scroll-padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-0:focus { scroll-padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-0:active { scroll-padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-0:disabled { scroll-padding: 0; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-1 { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-1:hover { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-1:focus { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-1:active { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-1:disabled { scroll-padding: 0.25rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-2 { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-2:hover { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-2:focus { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-2:active { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-2:disabled { scroll-padding: 0.5rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-4 { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-4:hover { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-4:focus { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-4:active { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-4:disabled { scroll-padding: 1rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-scroll-p-8 { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-scroll-p-8:hover { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-scroll-p-8:focus { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-scroll-p-8:active { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-scroll-p-8:disabled { scroll-padding: 2rem; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-auto { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-auto:hover { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-auto:focus { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-auto:active { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-auto:disabled { touch-action: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-none { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-none:hover { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-none:focus { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-none:active { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-none:disabled { touch-action: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-pan-x { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-pan-x:hover { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-pan-x:focus { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-pan-x:active { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-pan-x:disabled { touch-action: pan-x; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-pan-y { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-pan-y:hover { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-pan-y:focus { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-pan-y:active { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-pan-y:disabled { touch-action: pan-y; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-touch-manipulation { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-touch-manipulation:hover { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-touch-manipulation:focus { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-touch-manipulation:active { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-touch-manipulation:disabled { touch-action: manipulation; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-none { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-none:hover { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-none:focus { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-none:active { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-none:disabled { user-select: none; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-text { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-text:hover { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-text:focus { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-text:active { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-text:disabled { user-select: text; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-all { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-all:hover { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-all:focus { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-all:active { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-all:disabled { user-select: all; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-select-auto { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-select-auto:hover { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-select-auto:focus { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-select-auto:active { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-select-auto:disabled { user-select: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-auto { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-auto:hover { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-auto:focus { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-auto:active { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-auto:disabled { will-change: auto; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-scroll { will-change: scroll-position; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-scroll:hover { will-change: scroll-position; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-scroll:focus { will-change: scroll-position; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-scroll:active { will-change: scroll-position; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-scroll:disabled { will-change: scroll-position; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-transform { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-transform:hover { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-transform:focus { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-transform:active { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-transform:disabled { will-change: transform; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-will-change-opacity { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-will-change-opacity:hover { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-will-change-opacity:focus { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-will-change-opacity:active { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-will-change-opacity:disabled { will-change: opacity; }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-primary { background-color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-primary:hover { background-color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-primary:focus { background-color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-primary:active { background-color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-primary:disabled { background-color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-secondary { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-secondary:hover { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-secondary:focus { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-secondary:active { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-secondary:disabled { background-color: var(--quanta-bg-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-success { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-success:hover { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-success:focus { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-success:active { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-success:disabled { background-color: var(--quanta-bg-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-warning { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-warning:hover { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-warning:focus { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-warning:active { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-warning:disabled { background-color: var(--quanta-bg-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-danger { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-danger:hover { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-danger:focus { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-danger:active { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-danger:disabled { background-color: var(--quanta-bg-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-bg-info { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-bg-info:hover { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-bg-info:focus { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-bg-info:active { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-bg-info:disabled { background-color: var(--quanta-bg-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-primary { color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-primary:hover { color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-primary:focus { color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-primary:active { color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-primary:disabled { color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-secondary { color: var(--quanta-text-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-secondary:hover { color: var(--quanta-text-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-secondary:focus { color: var(--quanta-text-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-secondary:active { color: var(--quanta-text-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-secondary:disabled { color: var(--quanta-text-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-success { color: var(--quanta-text-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-success:hover { color: var(--quanta-text-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-success:focus { color: var(--quanta-text-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-success:active { color: var(--quanta-text-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-success:disabled { color: var(--quanta-text-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-warning { color: var(--quanta-text-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-warning:hover { color: var(--quanta-text-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-warning:focus { color: var(--quanta-text-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-warning:active { color: var(--quanta-text-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-warning:disabled { color: var(--quanta-text-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-danger { color: var(--quanta-text-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-danger:hover { color: var(--quanta-text-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-danger:focus { color: var(--quanta-text-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-danger:active { color: var(--quanta-text-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-danger:disabled { color: var(--quanta-text-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-text-info { color: var(--quanta-text-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-text-info:hover { color: var(--quanta-text-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-text-info:focus { color: var(--quanta-text-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-text-info:active { color: var(--quanta-text-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-text-info:disabled { color: var(--quanta-text-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-primary { border-color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-primary:hover { border-color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-primary:focus { border-color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-primary:active { border-color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-primary:disabled { border-color: var(--quanta-primary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-secondary { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-secondary:hover { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-secondary:focus { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-secondary:active { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-secondary:disabled { border-color: var(--quanta-border-secondary); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-success { border-color: var(--quanta-border-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-success:hover { border-color: var(--quanta-border-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-success:focus { border-color: var(--quanta-border-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-success:active { border-color: var(--quanta-border-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-success:disabled { border-color: var(--quanta-border-success); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-warning { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-warning:hover { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-warning:focus { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-warning:active { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-warning:disabled { border-color: var(--quanta-border-warning); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-danger { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-danger:hover { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-danger:focus { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-danger:active { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-danger:disabled { border-color: var(--quanta-border-danger); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-border-info { border-color: var(--quanta-border-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-hover-border-info:hover { border-color: var(--quanta-border-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-focus-border-info:focus { border-color: var(--quanta-border-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-active-border-info:active { border-color: var(--quanta-border-info); }
}
@media (min-width: 1536px) {
  [data-theme="dark"] .dark-uw-disabled-border-info:disabled { border-color: var(--quanta-border-info); }
}
}
:root{
    --quanta-red-50: #ffe0dd;
    --quanta-red-100: #ffc5c0;
    --quanta-red-200: #ff9d94;
    --quanta-red-300: #ff6557;
    --quanta-red-400: #ff3623;
    --quanta-red-500: #ff0202;
    --quanta-red-600: #ff2814;
    --quanta-red-700: #d71200;
    --quanta-red-800: #92160a;
    --quanta-red-900: #500700;

    --quanta-orange-50: #fff0d4;
    --quanta-orange-100: #ffdea8;
    --quanta-orange-200: #ffc570;
    --quanta-orange-300: #ff834d;
    --quanta-orange-400: #ffa037;
    --quanta-orange-500: #ff8614;
    --quanta-orange-600: #f06806;
    --quanta-orange-700: #c74d07;
    --quanta-orange-800: #9e3d0e;
    --quanta-orange-900: #451805;

    --quanta-teal-50: #cffce9;
    --quanta-teal-100: #a3f7d7;
    --quanta-teal-200: #67eec3;
    --quanta-teal-300: #2bdca9;
    --quanta-teal-400: #07c595;
    --quanta-teal-500: #009e78;
    --quanta-teal-600: #007e64;
    --quanta-teal-700: #016450;
    --quanta-teal-800: #025243;
    --quanta-teal-900: #002e27;

    --quanta-purple-50: #fee5ff;
    --quanta-purple-100: #fdcaff;
    --quanta-purple-200: #ffa1fe;
    --quanta-purple-300: #ff69fd;
    --quanta-purple-400: #fb32ff;
    --quanta-purple-500: #d710da;
    --quanta-purple-600: #c10ac0;
    --quanta-purple-700: #9d0b9a;
    --quanta-purple-800: #800f7b;
    --quanta-purple-900: #570054;

    --quanta-indigo-50: #f3e7ff;
    --quanta-indigo-100: #ead3ff;
    --quanta-indigo-200: #d9b1ff;
    --quanta-indigo-300: #c27fff;
    --quanta-indigo-400: #aa4efe;
    --quanta-indigo-500: #962bf2;
    --quanta-indigo-600: #891ce3;
    --quanta-indigo-700: #6e1bae;
    --quanta-indigo-800: #5b178c;
    --quanta-indigo-900: #3c0368;

    --quanta-yellow-50: #f2ffc2;
    --quanta-yellow-100: #e9ff88;
    --quanta-yellow-200: #e4ff43;
    --quanta-yellow-300: #eaff10;
    --quanta-yellow-400: #e4ef03;
    --quanta-yellow-500: #d6cf00;
    --quanta-yellow-600: #a49104;
    --quanta-yellow-700: #87710c;
    --quanta-yellow-800: #735c10;
    --quanta-yellow-900: #433205;

    --quanta-pink-50: #fde6e9;
    --quanta-pink-100: #fbd0d9;
    --quanta-pink-200: #f7aab9;
    --quanta-pink-300: #f27a93;
    --quanta-pink-400: #e63f66;
    --quanta-pink-500: #d42a5b;
    --quanta-pink-600: #b21e4b;
    --quanta-pink-700: #951c45;
    --quanta-pink-800: #801b40;
    --quanta-pink-900: #470a1f;

    --quanta-grey-50: #e7e7e7;
    --quanta-grey-100: #d1d1d1;
    --quanta-grey-200: #b0b0b0;
    --quanta-grey-300: #888888;
    --quanta-grey-400: #707070;
    --quanta-grey-500: #5d5d5d;
    --quanta-grey-600: #4f4f4f;
    --quanta-grey-700: #454545;
    --quanta-grey-800: #3d3d3d;
    --quanta-grey-900: #262626;

    --quanta-lime-50: #e7fec9;
    --quanta-lime-100: #d0fc9a;
    --quanta-lime-200: #aff75f;
    --quanta-lime-300: #91ec2f;
    --quanta-lime-400: #66be0e;
    --quanta-lime-500: #55a808;
    --quanta-lime-600: #42800b;
    --quanta-lime-700: #36650f;
    --quanta-lime-800: #2f5512;
    --quanta-lime-900: #162f04;

    --quanta-cyan-50: #cafdf8;
    --quanta-cyan-100: #96f9f3;
    --quanta-cyan-200: #59efeb;
    --quanta-cyan-300: #27d9da;
    --quanta-cyan-400: #0ebbbe;
    --quanta-cyan-500: #089499;
    --quanta-cyan-600: #0b757a;
    --quanta-cyan-700: #0e5c61;
    --quanta-cyan-800: #114c50;
    --quanta-cyan-900: #022c31;

    --quanta-sky-50: #dff0ff;
    --quanta-sky-100: #b8e2ff;
    --quanta-sky-200: #94d6ff;
    --quanta-sky-300: #33b3fd;
    --quanta-sky-400: #0999ee;
    --quanta-sky-500: #0079cc;
    --quanta-sky-600: #0060a5;
    --quanta-sky-700: #045288;
    --quanta-sky-800: #0a4570;
    --quanta-sky-900: #062b4b;

    --quanta-violet-50: #f4e8ff;
    --quanta-violet-100: #ebd4ff;
    --quanta-violet-200: #dbb3ff;
    --quanta-violet-300: #c582fe;
    --quanta-violet-400: #af52fa;
    --quanta-violet-500: #992ced;
    --quanta-violet-600: #851fd1;
    --quanta-violet-700: #711faa;
    --quanta-violet-800: #5c1a89;
    --quanta-violet-900: #3f0566;

    --quanta-rose-50: #ffe3f6;
    --quanta-rose-100: #ffc6ec;
    --quanta-rose-200: #ff98db;
    --quanta-rose-300: #ff58c1;
    --quanta-rose-400: #ff27a5;
    --quanta-rose-500: #ff0a85;
    --quanta-rose-600: #df0064;
    --quanta-rose-700: #b80053;
    --quanta-rose-800: #980348;
    --quanta-rose-900: #5f0026;

    /* Tailwind CSS Slate Palette */
    --quanta-slate-50:  #f8fafc;
    --quanta-slate-100: #f1f5f9;
    --quanta-slate-200: #e2e8f0;
    --quanta-slate-300: #cbd5e1;
    --quanta-slate-400: #94a3b8;
    --quanta-slate-500: #64748b;
    --quanta-slate-600: #475569;
    --quanta-slate-700: #334155;
    --quanta-slate-800: #1e293b;
    --quanta-slate-900: #0f172a;

    --quanta-blue-50: #d7eaff;
    --quanta-blue-100: #b9dcff;
    --quanta-blue-200: #88c7ff;
    --quanta-blue-300: #50a7ff;
    --quanta-blue-400: #2882ff;
    --quanta-blue-500: #1463ff;
    --quanta-blue-600: #0a4aeb;
    --quanta-blue-700: #0f3cbe;
    --quanta-blue-800: #133895;
    --quanta-blue-900: #133895;

    --quanta-green-50: #d8ffdf;
    --quanta-green-100: #b4fec2;
    --quanta-green-200: #7afb93;
    --quanta-green-300: #3aee5e;
    --quanta-green-400: #10d737;
    --quanta-green-500: #07c52d;
    --quanta-green-600: #098c24;
    --quanta-green-700: #0d6e22;
    --quanta-green-800: #0d5a1f;
    --quanta-green-900: #00330c;

    --black: #000;
    --white: #fff;
}
/* src/components/variables.css */
@import "../tokens/color-tokens.css";

@layer components.variables {
  :root {
    /* ─── Spacing Scale ─────────────────────────────────────── */
    --quanta-space-0: 0rem;
    --quanta-space-1: 0.25rem;   /* 4px */
    --quanta-space-2: 0.5rem;    /* 8px */
    --quanta-space-3: 0.75rem;   /* 12px */
    --quanta-space-4: 1rem;      /* 16px */
    --quanta-space-5: 1.25rem;   /* 20px */
    --quanta-space-6: 1.5rem;    /* 24px */
    --quanta-space-8: 2rem;      /* 32px */
    --quanta-space-10: 2.5rem;   /* 40px */

    /* ─── Border Radius (Rounded) ───────────────────────────── */
    --quanta-rounded-sm:   0.125rem;  /* 2px */
    --quanta-rounded:      0.25rem;   /* 4px */
    --quanta-rounded-md:   0.375rem;  /* 6px */
    --quanta-rounded-lg:   0.5rem;    /* 8px */
    --quanta-rounded-xl:   0.75rem;   /* 12px */
    --quanta-rounded-2xl:  1rem;      /* 16px */
    --quanta-rounded-full: 9999px;

    /* ─── Component Defaults ────────────────────────────────── */
    --quanta-border-width:    1px;
    --quanta-ring-width:      2px;
    --quanta-shadow-color:    rgba(0, 0, 0, 0.1);
    --quanta-shadow-sm:       0 1px 2px var(--quanta-shadow-color);
    --quanta-shadow:          0 1px 3px var(--quanta-shadow-color), 0 1px 2px var(--quanta-shadow-color);
    --quanta-shadow-md:       0 4px 6px -1px var(--quanta-shadow-color), 0 2px 4px -2px var(--quanta-shadow-color);
    --quanta-shadow-lg:       0 10px 15px -3px var(--quanta-shadow-color), 0 4px 6px -4px var(--quanta-shadow-color);
    --quanta-shadow-xl:       0 20px 25px -5px var(--quanta-shadow-color), 0 10px 10px -5px var(--quanta-shadow-color);
    --quanta-shadow-2xl:      0 25px 50px -12px var(--quanta-shadow-color);

    /* ─── Typography ───────────────────────────────────────── */
    --quanta-font-primary:    'Inter', sans-serif;
    --quanta-font-secondary:  'Roboto', sans-serif;

    --quanta-heading-size:    var(--quanta-text-2xl);
    --quanta-subheading-size: var(--quanta-text-xl);
    --quanta-body-size:       var(--quanta-text-base);
    --quanta-caption-size:    var(--quanta-text-sm);

    --quanta-heading-line-height: var(--quanta-leading-tight);
    --quanta-body-line-height:    var(--quanta-leading-normal);

    /* ─── Semantic Colors ──────────────────────────────────── */
    /* Default */
    --quanta-bg-default:      var(--quanta-white);
    --quanta-text-default:    var(--quanta-grey-900);
    --quanta-border-color:    var(--quanta-grey-200);

    /* Primary */
    --quanta-primary:         var(--quanta-blue-500);
    --quanta-primary-hover:   var(--quanta-blue-600);

    /* Secondary */
    --quanta-bg-secondary:      var(--quanta-grey-500);
    --quanta-text-secondary:    var(--quanta-white);
    --quanta-border-secondary:  var(--quanta-grey-500);
    --quanta-secondary-hover:   var(--quanta-grey-600);

    /* Success */
    --quanta-bg-success:        var(--quanta-green-500);
    --quanta-text-success:      var(--quanta-white);
    --quanta-border-success:    var(--quanta-green-500);
    --quanta-success-hover:     var(--quanta-green-600);

    /* Warning */
    --quanta-bg-warning:        var(--quanta-yellow-500);
    --quanta-text-warning:      var(--quanta-grey-900);
    --quanta-border-warning:    var(--quanta-yellow-500);
    --quanta-warning-hover:     var(--quanta-yellow-600);

    /* Danger */
    --quanta-bg-danger:         var(--quanta-red-500);
    --quanta-text-danger:       var(--quanta-white);
    --quanta-border-danger:     var(--quanta-red-500);
    --quanta-danger-hover:      var(--quanta-red-600);

    /* Info */
    --quanta-bg-info:           var(--quanta-cyan-500);
    --quanta-text-info:         var(--quanta-white);
    --quanta-border-info:       var(--quanta-cyan-500);
    --quanta-info-hover:        var(--quanta-cyan-600);
  }

  html[data-theme="dark"] {
    /* ─── Dark‑mode Overrides ──────────────────────────────── */
    --quanta-bg-default:      var(--quanta-grey-900);
    --quanta-text-default:    var(--quanta-grey-100);
    --quanta-border-color:    var(--quanta-grey-700);

    --quanta-primary:         var(--quanta-blue-400);
    --quanta-primary-hover:   var(--quanta-blue-300);

    --quanta-bg-secondary:      var(--quanta-grey-700);
    --quanta-text-secondary:    var(--quanta-grey-100);
    --quanta-border-secondary:  var(--quanta-grey-700);
    --quanta-secondary-hover:   var(--quanta-grey-600);

    --quanta-bg-success:        var(--quanta-green-600);
    --quanta-text-success:      var(--quanta-grey-100);
    --quanta-border-success:    var(--quanta-green-600);
    --quanta-success-hover:     var(--quanta-green-700);

    --quanta-bg-warning:        var(--quanta-yellow-600);
    --quanta-text-warning:      var(--quanta-grey-100);
    --quanta-border-warning:    var(--quanta-yellow-600);
    --quanta-warning-hover:     var(--quanta-yellow-700);

    --quanta-bg-danger:         var(--quanta-red-600);
    --quanta-text-danger:       var(--quanta-grey-100);
    --quanta-border-danger:     var(--quanta-red-600);
    --quanta-danger-hover:      var(--quanta-red-700);

    --quanta-bg-info:           var(--quanta-cyan-600);
    --quanta-text-info:         var(--quanta-grey-100);
    --quanta-border-info:       var(--quanta-cyan-600);
    --quanta-info-hover:        var(--quanta-cyan-700);
  }
}
/* src/components/reset.css */
@layer components.reset {
  /* Core box‑sizing */
  *, *::before, *::after { box-sizing: border-box; }

  /* Reset margins, paddings, outlines */
  :where(html, body,
         h1, h2, h3, h4, h5, h6,
         p, blockquote, pre,
         ol, ul, li,
         dl, dt, dd,
         figure, figcaption,
         hr,
         fieldset, legend,
         input, button, select, textarea,
         table, th, td,
         img, video, canvas, svg,
         iframe, form, label, legend) {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
  }

  /* Make HTML5 elements block */
  :where(article, aside, footer, header, main, nav, section) {
    display: block;
  }

  /* Lists, quotes, tables, media */
  ol, ul { list-style: none; }
  blockquote, q   { quotes: none; }
  table           { border-collapse: collapse; border-spacing: 0; }
  img, video      { max-width: 100%; height: auto; display: block; }

  /* Form elements */
  button, input, select, textarea {
    font: inherit;
    color: inherit;
    background: transparent;
    appearance: none;
  }
  button::-moz-focus-inner { border: 0; padding: 0; }
  textarea { resize: vertical; }

  /* Links */
  a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font-size: inherit;
  }
  a:hover {
    text-decoration: underline;
  }
  a:not([href]):not([class]),
  a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
    cursor: default;
  }

  /* Scrollbars */
  ::-webkit-scrollbar {
    width: 6px; height: 6px;
  }

  /* Accessibility */
  :where(:focus-visible) {
    outline: 2px solid var(--quanta-focus, #4f46e5);
    outline-offset: 2px;
  }
}
/* src/components/variables.css */
@import "../tokens/color-tokens.css";

@layer components.variables {
  :root {
    /* ─── Spacing Scale ─────────────────────────────────────── */
    --quanta-space-0: 0rem;
    --quanta-space-1: 0.25rem;   /* 4px */
    --quanta-space-2: 0.5rem;    /* 8px */
    --quanta-space-3: 0.75rem;   /* 12px */
    --quanta-space-4: 1rem;      /* 16px */
    --quanta-space-5: 1.25rem;   /* 20px */
    --quanta-space-6: 1.5rem;    /* 24px */
    --quanta-space-8: 2rem;      /* 32px */
    --quanta-space-10: 2.5rem;   /* 40px */

    /* ─── Border Radius (Rounded) ───────────────────────────── */
    --quanta-rounded-sm:   0.125rem;  /* 2px */
    --quanta-rounded:      0.25rem;   /* 4px */
    --quanta-rounded-md:   0.375rem;  /* 6px */
    --quanta-rounded-lg:   0.5rem;    /* 8px */
    --quanta-rounded-xl:   0.75rem;   /* 12px */
    --quanta-rounded-2xl:  1rem;      /* 16px */
    --quanta-rounded-full: 9999px;

    /* ─── Component Defaults ────────────────────────────────── */
    --quanta-border-width:    1px;
    --quanta-ring-width:      2px;
    --quanta-shadow-color:    rgba(0, 0, 0, 0.1);
    --quanta-shadow-sm:       0 1px 2px var(--quanta-shadow-color);
    --quanta-shadow:          0 1px 3px var(--quanta-shadow-color), 0 1px 2px var(--quanta-shadow-color);
    --quanta-shadow-md:       0 4px 6px -1px var(--quanta-shadow-color), 0 2px 4px -2px var(--quanta-shadow-color);
    --quanta-shadow-lg:       0 10px 15px -3px var(--quanta-shadow-color), 0 4px 6px -4px var(--quanta-shadow-color);
    --quanta-shadow-xl:       0 20px 25px -5px var(--quanta-shadow-color), 0 10px 10px -5px var(--quanta-shadow-color);
    --quanta-shadow-2xl:      0 25px 50px -12px var(--quanta-shadow-color);

    /* ─── Typography ───────────────────────────────────────── */
    --quanta-font-primary:    'Inter', sans-serif;
    --quanta-font-secondary:  'Roboto', sans-serif;

    --quanta-heading-size:    var(--quanta-text-2xl);
    --quanta-subheading-size: var(--quanta-text-xl);
    --quanta-body-size:       var(--quanta-text-base);
    --quanta-caption-size:    var(--quanta-text-sm);

    --quanta-heading-line-height: var(--quanta-leading-tight);
    --quanta-body-line-height:    var(--quanta-leading-normal);

    /* ─── Semantic Colors ──────────────────────────────────── */
    /* Default */
    --quanta-bg-default:      var(--quanta-white);
    --quanta-text-default:    var(--quanta-grey-900);
    --quanta-border-color:    var(--quanta-grey-200);

    /* Primary */
    --quanta-primary:         var(--quanta-blue-500);
    --quanta-primary-hover:   var(--quanta-blue-600);

    /* Secondary */
    --quanta-bg-secondary:      var(--quanta-grey-500);
    --quanta-text-secondary:    var(--quanta-white);
    --quanta-border-secondary:  var(--quanta-grey-500);
    --quanta-secondary-hover:   var(--quanta-grey-600);

    /* Success */
    --quanta-bg-success:        var(--quanta-green-500);
    --quanta-text-success:      var(--quanta-white);
    --quanta-border-success:    var(--quanta-green-500);
    --quanta-success-hover:     var(--quanta-green-600);

    /* Warning */
    --quanta-bg-warning:        var(--quanta-yellow-500);
    --quanta-text-warning:      var(--quanta-grey-900);
    --quanta-border-warning:    var(--quanta-yellow-500);
    --quanta-warning-hover:     var(--quanta-yellow-600);

    /* Danger */
    --quanta-bg-danger:         var(--quanta-red-500);
    --quanta-text-danger:       var(--quanta-white);
    --quanta-border-danger:     var(--quanta-red-500);
    --quanta-danger-hover:      var(--quanta-red-600);

    /* Info */
    --quanta-bg-info:           var(--quanta-cyan-500);
    --quanta-text-info:         var(--quanta-white);
    --quanta-border-info:       var(--quanta-cyan-500);
    --quanta-info-hover:        var(--quanta-cyan-600);
  }

  html[data-theme="dark"] {
    /* ─── Dark‑mode Overrides ──────────────────────────────── */
    --quanta-bg-default:      var(--quanta-grey-900);
    --quanta-text-default:    var(--quanta-grey-100);
    --quanta-border-color:    var(--quanta-grey-700);

    --quanta-primary:         var(--quanta-blue-400);
    --quanta-primary-hover:   var(--quanta-blue-300);

    --quanta-bg-secondary:      var(--quanta-grey-700);
    --quanta-text-secondary:    var(--quanta-grey-100);
    --quanta-border-secondary:  var(--quanta-grey-700);
    --quanta-secondary-hover:   var(--quanta-grey-600);

    --quanta-bg-success:        var(--quanta-green-600);
    --quanta-text-success:      var(--quanta-grey-100);
    --quanta-border-success:    var(--quanta-green-600);
    --quanta-success-hover:     var(--quanta-green-700);

    --quanta-bg-warning:        var(--quanta-yellow-600);
    --quanta-text-warning:      var(--quanta-grey-100);
    --quanta-border-warning:    var(--quanta-yellow-600);
    --quanta-warning-hover:     var(--quanta-yellow-700);

    --quanta-bg-danger:         var(--quanta-red-600);
    --quanta-text-danger:       var(--quanta-grey-100);
    --quanta-border-danger:     var(--quanta-red-600);
    --quanta-danger-hover:      var(--quanta-red-700);

    --quanta-bg-info:           var(--quanta-cyan-600);
    --quanta-text-info:         var(--quanta-grey-100);
    --quanta-border-info:       var(--quanta-cyan-600);
    --quanta-info-hover:        var(--quanta-cyan-700);
  }
}
/* ─── Base Utility Classes ────────────────────────────────── */

/* ─── Spacing (Padding & Margin) ───────────────────────────── */
.p-0 { padding: 0; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }

.m-0 { margin: 0; }
.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 0.75rem; }
.m-4 { margin: 1rem; }
.m-5 { margin: 1.25rem; }
.m-6 { margin: 1.5rem; }

/* ─── Margin Auto ─────────────────────────────────────────── */
.mx-auto { margin-left: auto; margin-right: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.m-auto { margin: auto; }
.p-auto { padding: auto; }

/* ─── Flexbox Utilities ───────────────────────────────────── */
.d-flex { display: flex; }
.d-block { display: block; }
.d-inline-block { display: inline-block; }

.flex-column { flex-direction: column; }
.flex-row { flex-direction: row; }
.flex-wrap { flex-wrap: wrap; }

/* ─── Justify Content ──────────────────────────────────── */
.justify-start     { justify-content: flex-start; }
.justify-center    { justify-content: center; }
.justify-end       { justify-content: flex-end; }
.justify-between   { justify-content: space-between; }
.justify-around    { justify-content: space-around; }
.justify-evenly    { justify-content: space-evenly; }

/* ─── Align Items ─────────────────────────────────────── */
.items-start       { align-items: flex-start; }
.items-center      { align-items: center; }
.items-end         { align-items: flex-end; }
.items-baseline    { align-items: baseline; }
.items-stretch     { align-items: stretch; }

/* ─── Align Content (Grid) ───────────────────────────── */
.content-start     { align-content: flex-start; }
.content-center    { align-content: center; }
.content-end       { align-content: flex-end; }
.content-between   { align-content: space-between; }
.content-around    { align-content: space-around; }
.content-evenly    { align-content: space-evenly; }

/* ─── Align Self ──────────────────────────────────────── */
.self-auto         { align-self: auto; }
.self-start        { align-self: flex-start; }
.self-center       { align-self: center; }
.self-end          { align-self: flex-end; }
.self-stretch      { align-self: stretch; }

/* ─── Place Items (Grid shorthand) ───────────────────── */
.place-items-start   { place-items: start; }
.place-items-center  { place-items: center; }
.place-items-end     { place-items: end; }
.place-items-stretch { place-items: stretch; }

/* ─── Place Content (Grid shorthand) ─────────────────── */
.place-content-start     { place-content: start; }
.place-content-center    { place-content: center; }
.place-content-end       { place-content: end; }
.place-content-between   { place-content: space-between; }
.place-content-around    { place-content: space-around; }

/* ─── Place Self (Grid shorthand) ────────────────────── */
.place-self-auto      { place-self: auto; }
.place-self-start     { place-self: start; }
.place-self-center    { place-self: center; }
.place-self-end       { place-self: end; }

/* ─── Grid Utilities ─────────────────────────────────────── */
.d-grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }

.gap-0 { gap: 0; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }

/* ─── Height & Width (Viewport Units) ─────────────────────── */

/* Height Utilities */
.h-10vh { height: 10vh; }
.h-20vh { height: 20vh; }
.h-30vh { height: 30vh; }
.h-40vh { height: 40vh; }
.h-50vh { height: 50vh; }
.h-60vh { height: 60vh; }
.h-70vh { height: 70vh; }
.h-80vh { height: 80vh; }
.h-90vh { height: 90vh; }
.h-100vh { height: 100vh; }

/* Width Utilities */
.w-10vw { width: 10vw; }
.w-20vw { width: 20vw; }
.w-30vw { width: 30vw; }
.w-40vw { width: 40vw; }
.w-50vw { width: 50vw; }
.w-60vw { width: 60vw; }
.w-70vw { width: 70vw; }
.w-80vw { width: 80vw; }
.w-90vw { width: 90vw; }
.w-100vw { width: 100vw; }

/* ─── Fraction Width & Height Utilities ─────────────────── */
.w-half { width: 50%; }
.w-third { width: 33.33%; }
.w-two-third { width: 66.66%; }
.w-quarter { width: 25%; }
.w-three-tenth { width: 30%; }

/* ─── Box Sizing ─────────────────────────────────────────── */
.box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }

/* ─── Display Utilities ──────────────────────────────────── */
.d-none { display: none; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-block { display: block; }
.d-grid { display: grid; }

/* ─── Z-Index Utilities ──────────────────────────────────── */
.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; }

/* ─── Transitions ────────────────────────────────────────── */
.transition-all { transition: all 0.3s ease; }
.transition-colors { transition: background-color 0.3s ease, color 0.3s ease; }
.transition-opacity { transition: opacity 0.3s ease; }

/* ─── Shadows ────────────────────────────────────────────── */
.shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.shadow-md { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.shadow-lg { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15); }
.shadow-xl { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); }
.shadow-2xl { box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25); }

/* ─── Dark Mode Support ──────────────────────────────────── */
html[data-theme="dark"] {
  --quanta-bg-default: #1a202c; /* Dark Background */
  --quanta-text-default: #e2e8f0; /* Light Text */
  --quanta-primary: #38b2ac; /* Light primary color for contrast */
  --quanta-border-color: #4a5568; /* Dark border color */
  --quanta-grey-400: #cbd5e0;
  --quanta-grey-600: #2d3748;

  background-color: var(--quanta-bg-default);
  color: var(--quanta-text-default);
}

/* ─── Responsive Variants ─────────────────────────────────── */

@media (max-width: 640px) {
  /* Small Devices */
  .p-4 { padding: 1rem; }
  .m-2 { margin: 0.5rem; }
  .grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 641px) and (max-width: 768px) {
  /* Medium Devices */
  .d-flex { display: flex; }
  .m-4 { margin: 1rem; }
  .grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 769px) and (max-width: 1024px) {
  /* Large Devices */
  .p-5 { padding: 1.25rem; }
  .grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  /* Extra Large Devices */
  .p-6 { padding: 1.5rem; }
  .grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
}

@media (min-width: 1281px) {
  /* Fullscreen (Large) Devices */
  .p-6 { padding: 1.5rem; }
  .grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
}

/* ─── Font Utilities ─────────────────────────────────────── */
.font-primary { font-family: 'Helvetica', sans-serif; }
.font-secondary { font-family: 'Arial', sans-serif; }

/* Text Sizes */
.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 1rem; }
.text-base { font-size: 1.125rem; }
.text-lg { font-size: 1.5rem; }
.text-xl { font-size: 2rem; }
.text-2xl { font-size: 2.5rem; }
.text-3xl { font-size: 3rem; }

/* Font Weight Utilities */
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }


/* ─── Text Color Utilities ───────────────────────────────── */
.text-default { color: var(--quanta-text-default); }
.text-muted { color: var(--quanta-text-muted); }
.text-primary { color: var(--quanta-primary); }

/* Dark mode text colors */
html[data-theme="dark"] {
  .text-default { color: var(--quanta-text-default-dark); }
  .text-muted { color: var(--quanta-text-muted-dark); }
  .text-primary { color: var(--quanta-primary-dark); }
}

/* ─── Border Utilities ───────────────────────────────────── */
.border-0 { border: none; }
.border { border: 1px solid var(--quanta-border-color); }
.border-sm { border: 2px solid var(--quanta-border-color); }
.border-lg { border: 4px solid var(--quanta-border-color); }

/* Border Radius */
.rounded-sm { border-radius: 4px; }
.rounded-md { border-radius: 8px; }
.rounded-lg { border-radius: 16px; }
.rounded-full { border-radius: 9999px; }

/* ─── Opacity Utilities ──────────────────────────────────── */
.opacity-0 { opacity: 0; }
.opacity-25 { opacity: 0.25; }
.opacity-50 { opacity: 0.5; }
.opacity-75 { opacity: 0.75; }
.opacity-100 { opacity: 1; }

/* ─── Visibility Utilities ───────────────────────────────── */
.visible { visibility: visible; }
.invisible { visibility: hidden; }

/* ─── Positioning Utilities ──────────────────────────────── */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; top: 0; }

/* ─── Overflow Utilities ─────────────────────────────────── */
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.overflow-scroll { overflow: scroll; }

/* ─── Flexbox Utilities ───────────────────────────────────── */
.flex-grow { flex-grow: 1; }
.flex-shrink { flex-shrink: 1; }
.flex-no-grow { flex-grow: 0; }
.flex-no-shrink { flex-shrink: 0; }

/* ─── Text Alignment ─────────────────────────────────────── */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }


/* ─── Cursor Utilities ───────────────────────────────────── */
.cursor-pointer { cursor: pointer; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-default { cursor: default; }


/* ─── Filter Utilities ───────────────────────────────────── */
.filter-grayscale { filter: grayscale(100%); }
.filter-blur { filter: blur(4px); }
.filter-sepia { filter: sepia(100%); }
.filter-brightness { filter: brightness(1.2); }

/* ─── Semantic Backgrounds ─────────────────────────── */
.bg-primary      { background-color: var(--quanta-primary); }
.bg-secondary    { background-color: var(--quanta-bg-secondary); }
.bg-success      { background-color: var(--quanta-bg-success); }
.bg-warning      { background-color: var(--quanta-bg-warning); }
.bg-danger       { background-color: var(--quanta-bg-danger); }
.bg-info         { background-color: var(--quanta-bg-info); }

/* ─── Semantic Text Colors ─────────────────────────── */
.text-primary    { color: var(--quanta-primary); }
.text-secondary  { color: var(--quanta-text-secondary); }
.text-success    { color: var(--quanta-text-success); }
.text-warning    { color: var(--quanta-text-warning); }
.text-danger     { color: var(--quanta-text-danger); }
.text-info       { color: var(--quanta-text-info); }

/* ─── Semantic Border Colors ───────────────────────── */
.border-primary      { border-color: var(--quanta-primary); }
.border-secondary    { border-color: var(--quanta-border-secondary); }
.border-success      { border-color: var(--quanta-border-success); }
.border-warning      { border-color: var(--quanta-border-warning); }
.border-danger       { border-color: var(--quanta-border-danger); }
.border-info         { border-color: var(--quanta-border-info); }

/* ─── Responsive Font Sizes ──────────────────────────────── */
@media (max-width: 640px) {
  .text-base { font-size: 1rem; }
  .text-lg { font-size: 1.25rem; }
}

@media (min-width: 641px) and (max-width: 768px) {
  .text-base { font-size: 1.125rem; }
  .text-lg { font-size: 1.5rem; }
}

@media (min-width: 769px) {
  .text-base { font-size: 1.25rem; }
  .text-lg { font-size: 1.75rem; }
}


/* ─── Fade In ─────────────────────────────────────────── */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fade-in { animation: fadeIn 0.5s ease-out; }


/* ─── Slide In From Left ──────────────────────────────── */
@keyframes slideInLeft {
  0% { transform: translateX(-100%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

.slide-in-left { animation: slideInLeft 0.6s ease-out; }


/* ─── Slide In From Right ─────────────────────────────── */
@keyframes slideInRight {
  0% { transform: translateX(100%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

.slide-in-right { animation: slideInRight 0.6s ease-out; }


/* ─── Bounce ───────────────────────────────────────────── */
@keyframes bounce {
  0% { transform: translateY(0); }
  25% { transform: translateY(-10px); }
  50% { transform: translateY(0); }
  75% { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}

.bounce { animation: bounce 1s ease infinite; }


/* ─── Pulse ────────────────────────────────────────────── */
@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}

.pulse { animation: pulse 1.5s ease-in-out infinite; }


/* ─── Shake ────────────────────────────────────────────── */
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  50% { transform: translateX(4px); }
  75% { transform: translateX(-4px); }
  100% { transform: translateX(4px); }
}

.shake { animation: shake 0.5s ease-in-out; }


/* ─── Zoom In ──────────────────────────────────────────── */
@keyframes zoomIn {
  0% { transform: scale(0.8); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.zoom-in { animation: zoomIn 0.5s ease-out; }


/* ─── Zoom Out ─────────────────────────────────────────── */
@keyframes zoomOut {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.8); opacity: 0; }
}

.zoom-out { animation: zoomOut 0.5s ease-in; }


/* ─── Flip ─────────────────────────────────────────────── */
@keyframes flip {
  0% { transform: rotateY(0); }
  100% { transform: rotateY(360deg); }
}

.flip { animation: flip 1s ease-in-out; }


/* ─── Slide Up ─────────────────────────────────────────── */
@keyframes slideUp {
  0% { transform: translateY(100%); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

.slide-up { animation: slideUp 0.6s ease-out; }


/* ─── Fade In and Scale ────────────────────────────────── */
@keyframes fadeInScale {
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}

.fade-in-scale { animation: fadeInScale 0.5s ease-out; }


/* ─── Rotate ───────────────────────────────────────────── */
@keyframes rotate {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

.rotate { animation: rotate 1s linear infinite; }


/* ─── Expand ───────────────────────────────────────────── */
@keyframes expand {
  0% { transform: scale(0); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.expand { animation: expand 0.6s ease-out; }


/* ─── Slide Down ───────────────────────────────────────── */
@keyframes slideDown {
  0% { transform: translateY(-100%); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

.slide-down { animation: slideDown 0.6s ease-out; }


/* ─── Jello ────────────────────────────────────────────── */
@keyframes jello {
  0% { transform: skewX(0); }
  30% { transform: skewX(-12.5deg); }
  50% { transform: skewX(6.25deg); }
  70% { transform: skewX(-3.125deg); }
  100% { transform: skewX(0); }
}

.jello { animation: jello 1s ease infinite; }



/* src/components/accordion.css */
@layer components.quanta-accordion {
  /* ─── Accordion Container ─────────────────────────────────── */
  .quanta-accordion {
    display: flex;
    flex-direction: column;
    gap: var(--quanta-space-2);
    width: 100%;
  }

  /* ─── Accordion Item ──────────────────────────────────────── */
  .quanta-accordion-item {
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-rounded);
    overflow: hidden;
    width: 100%; /* Ensure items are full-width */
  }

  /* ─── Accordion Header ────────────────────────────────────── */
  .quanta-accordion-header {
    background-color: var(--quanta-bg-surface);
    color: var(--quanta-text-default);
    padding: var(--quanta-space-3) var(--quanta-space-4); /* Mobile-first padding */
    font-family: var(--quanta-font-primary);
    font-size: var(--quanta-body-size);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    transition: background-color var(--quanta-transition-fast);
    width: 100%;
  }

  .quanta-accordion-header:hover {
    background-color: var(--quanta-bg-emphasis);
  }

  /* ─── Accordion Content ───────────────────────────────────── */
  .quanta-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--quanta-transition-normal), padding var(--quanta-transition-fast);
    padding: 0 var(--quanta-space-4);
    background-color: var(--quanta-bg-default);
  }

  .quanta-accordion-content.open {
    padding: var(--quanta-space-3) var(--quanta-space-4);
    max-height: 100vh; /* large enough to show content */
  }

  /* ─── Icon Toggles ─────────────────────────────────────────── */
  .quanta-accordion-header .icon {
    transition: transform var(--quanta-transition-fast);
  }

  .quanta-accordion-header.quanta-active .icon {
    transform: rotate(180deg);
  }

  /* ─── Dark Mode Tweaks ─────────────────────────────────────── */
  html[data-theme="dark"] .quanta-accordion-header {
    background-color: var(--quanta-bg-surface);
    color: var(--quanta-text-default);
  }

  html[data-theme="dark"] .quanta-accordion-content {
    background-color: var(--quanta-bg-default);
  }

  /* ─── Mobile-First Styles ──────────────────────────────────── */
  /* Base styles are for mobile devices */
  .quanta-accordion-header {
    font-size: var(--quanta-body-size); /* Default font size for mobile */
    padding: var(--quanta-space-3) var(--quanta-space-4); /* Padding for mobile */
  }

  .quanta-accordion-content {
    padding: 0 var(--quanta-space-4); /* Padding for mobile */
  }

  /* ─── Responsive Adjustments ─────────────────────────────────── */
  /* Tablet and larger screens (min-width: 768px) */
  @media (min-width: 768px) {
    .quanta-accordion-header {
      padding: var(--quanta-space-3) var(--quanta-space-5); /* Larger padding for tablets */
      font-size: var(--quanta-body-size-md); /* Slightly larger font on tablets */
    }

    .quanta-accordion-content.open {
      padding: var(--quanta-space-3) var(--quanta-space-5); /* Increase padding on larger screens */
    }

    .quanta-accordion-item {
      margin-bottom: var(--quanta-space-3); /* Larger space between accordion items */
    }
  }

  /* Larger screens (min-width: 1024px) */
  @media (min-width: 1024px) {
    .quanta-accordion-header {
      font-size: var(--quanta-body-size-lg); /* Increase font size on large screens */
      padding: var(--quanta-space-4) var(--quanta-space-6); /* Add more padding on larger screens */
    }

    .quanta-accordion-content.open {
      padding: var(--quanta-space-4) var(--quanta-space-6); /* Add more padding */
    }

    .quanta-accordion-item {
      margin-bottom: var(--quanta-space-4); /* More space on larger screens */
    }
  }

  /* Extra Large screens (min-width: 1280px) */
  @media (min-width: 1280px) {
    .quanta-accordion-header {
      font-size: var(--quanta-body-size-xl); /* Even larger font size on extra large screens */
      padding: var(--quanta-space-5) var(--quanta-space-8); /* Adjust padding for larger screens */
    }

    .quanta-accordion-content.open {
      padding: var(--quanta-space-5) var(--quanta-space-8); /* More padding for larger screens */
    }

    .quanta-accordion-item {
      margin-bottom: var(--quanta-space-5); /* Larger space on extra large screens */
    }
  }

  /* ─── Accessibility & Usability Enhancements ───────────────── */
  .quanta-accordion-header:focus {
    outline: 2px solid var(--quanta-primary); /* Focus state for accessibility */
    background-color: var(--quanta-bg-emphasis);
  }

  .quanta-accordion-header[aria-expanded="true"] {
    background-color: var(--quanta-bg-emphasis);
  }

  /* ─── Additional Utility Support ──────────────────────────── */
  /* Allow utility-based control for padding and margins */
  .quanta-accordion-header {
    @apply p-4; /* Utility class for padding */
    @apply mb-2; /* Margin-bottom utility */
  }

  .quanta-accordion-content {
    @apply p-4; /* Utility class for padding */
  }
}
/* src/components/alerts.css */
@layer components.quanta-alerts {
  .quanta-alert {
    display: flex;
    align-items: center;
    gap: var(--quanta-space-3);
    padding: var(--quanta-space-3) var(--quanta-space-4);
    border-radius: var(--quanta-rounded-md);
    font-size: var(--quanta-text-sm);
    font-family: var(--quanta-font-secondary);
    font-weight: 500;
    line-height: var(--quanta-leading-normal);
    border: var(--quanta-border-width) solid transparent;
    width: 100%; /* Ensure full width on small screens */
  }

  .quanta-alert svg {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
  }

  .quanta-alert-info {
    background-color: var(--quanta-blue-50);
    color: var(--quanta-blue-800);
    border-color: var(--quanta-blue-300);
  }

  .quanta-alert-success {
    background-color: var(--quanta-green-50);
    color: var(--quanta-green-800);
    border-color: var(--quanta-green-300);
  }

  .quanta-alert-warning {
    background-color: var(--quanta-yellow-50);
    color: var(--quanta-yellow-800);
    border-color: var(--quanta-yellow-300);
  }

  .quanta-alert-error {
    background-color: var(--quanta-red-50);
    color: var(--quanta-red-800);
    border-color: var(--quanta-red-300);
  }

  /* Dark Mode Variants */
  html[data-theme="dark"] .quanta-alert-info {
    background-color: var(--quanta-blue-900);
    color: var(--quanta-blue-100);
    border-color: var(--quanta-blue-700);
  }

  html[data-theme="dark"] .quanta-alert-success {
    background-color: var(--quanta-green-900);
    color: var(--quanta-green-100);
    border-color: var(--quanta-green-700);
  }

  html[data-theme="dark"] .quanta-alert-warning {
    background-color: var(--quanta-yellow-900);
    color: var(--quanta-yellow-100);
    border-color: var(--quanta-yellow-700);
  }

  html[data-theme="dark"] .quanta-alert-error {
    background-color: var(--quanta-red-900);
    color: var(--quanta-red-100);
    border-color: var(--quanta-red-700);
  }

  /* ─── Mobile-First Styles ──────────────────────────────────── */
  /* Base styles for mobile devices */
  .quanta-alert {
    font-size: var(--quanta-text-sm); /* Default smaller font-size on mobile */
    padding: var(--quanta-space-3) var(--quanta-space-4); /* Adjust padding for mobile */
    width: 100%; /* Ensure alerts span full width on small screens */
  }

  /* ─── Responsive Adjustments ─────────────────────────────────── */
  /* 1. Small Tablets (min-width: 600px) */
  @media (min-width: 600px) {
    .quanta-alert {
      padding: var(--quanta-space-4) var(--quanta-space-5); /* More padding on small tablets */
      font-size: var(--quanta-text-base); /* Larger font size for small tablets */
    }
  }

  /* 2. Tablets (min-width: 768px) */
  @media (min-width: 768px) {
    .quanta-alert {
      width: 90%; /* Slightly narrower on larger tablets */
      padding: var(--quanta-space-4) var(--quanta-space-6); /* Even more padding on tablets */
      font-size: var(--quanta-text-lg); /* Larger font size */
    }
  }

  /* 3. Laptops (min-width: 1024px) */
  @media (min-width: 1024px) {
    .quanta-alert {
      width: 80%; /* More space on larger screens */
      padding: var(--quanta-space-5) var(--quanta-space-7); /* Adjust padding */
      font-size: var(--quanta-text-xl); /* Larger font size */
    }
  }

  /* 4. Large Desktops (min-width: 1280px) */
  @media (min-width: 1280px) {
    .quanta-alert {
      width: 70%; /* Even more space on large desktops */
      padding: var(--quanta-space-6) var(--quanta-space-8); /* Adjust padding for larger screens */
      font-size: var(--quanta-text-2xl); /* Extra large font size */
    }
  }

  /* 5. Huge Displays (min-width: 1600px) */
  @media (min-width: 1600px) {
    .quanta-alert {
      width: 60%; /* Ultra-wide screens get even more space */
      padding: var(--quanta-space-7) var(--quanta-space-9); /* Ultra-wide screen padding */
      font-size: var(--quanta-text-3xl); /* Extra large text for huge displays */
    }
  }
}
/* src/components/avatars.css */
@layer components.quanta-avatars {
  .quanta-avatar {
    display: inline-block;
    width: var(--quanta-space-8);
    height: var(--quanta-space-8);
    border-radius: 50%;
    object-fit: cover;
  }
  .quanta-avatar-sm { width: var(--quanta-space-6); height: var(--quanta-space-6); }
  .quanta-avatar-lg { width: var(--quanta-space-12); height: var(--quanta-space-12); }

  .quanta-avatar-group {
    display: flex;
    align-items: center;
    gap: calc(var(--quanta-space-4) * -0.4);
  }
  .quanta-avatar-group .quanta-avatar { border: 2px solid var(--quanta-bg-default); }

  html[data-theme="dark"] .quanta-avatar-group .quanta-avatar {
    border-color: var(--quanta-bg-emphasis);
  }

  @media (max-width:640px) { .quanta-avatar { width: var(--quanta-space-6); height: var(--quanta-space-6); } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { .quanta-avatar-lg { width: var(--quanta-space-16); height: var(--quanta-space-16); } }
}

/* src/components/badges.css */
@layer components.quanta-badges {
  .quanta-badge {
    display: inline-block;
    padding: var(--quanta-space-1) var(--quanta-space-2);
    font-size: var(--quanta-text-xs);
    line-height: var(--quanta-leading-normal);
    font-weight: 500;
    border-radius: var(--quanta-rounded-full);
    background-color: var(--quanta-bg-default);
    color: var(--quanta-text-default);
    transition: background-color var(--quanta-transition-fast), color var(--quanta-transition-fast);
    margin-right: var(--quanta-space-2); /* Add spacing between badges */
    margin-bottom: var(--quanta-space-2); /* Add margin to the bottom for multi-line badges */
  }

  /* Badge Sizes */
  .quanta-badge-sm {
    font-size: var(--quanta-text-xxs);
    padding: var(--quanta-space-1);
  }

  .quanta-badge-lg {
    font-size: var(--quanta-text-sm);
    padding: var(--quanta-space-2) var(--quanta-space-4);
  }

  /* Variants */
  .quanta-badge-primary {
    background-color: var(--quanta-bg-primary);
    color: var(--quanta-text-primary);
  }
  .quanta-badge-secondary {
    background-color: var(--quanta-bg-secondary);
    color: var(--quanta-text-secondary);
  }
  .quanta-badge-success {
    background-color: var(--quanta-bg-success);
    color: var(--quanta-text-success);
  }
  .quanta-badge-warning {
    background-color: var(--quanta-bg-warning);
    color: var(--quanta-text-warning);
  }
  .quanta-badge-danger {
    background-color: var(--quanta-bg-danger);
    color: var(--quanta-text-danger);
  }
  .quanta-badge-info {
    background-color: var(--quanta-bg-info);
    color: var(--quanta-text-info);
  }

  /* Dark Mode */
  html[data-theme="dark"] .quanta-badge {
    background-color: var(--quanta-bg-emphasis);
    color: var(--quanta-text-default);
  }
  html[data-theme="dark"] .quanta-badge-primary {
    background-color: var(--quanta-primary-hover);
    color: var(--quanta-text-primary);
  }
  html[data-theme="dark"] .quanta-badge-secondary {
    background-color: var(--quanta-secondary-hover);
    color: var(--quanta-text-secondary);
  }
  html[data-theme="dark"] .quanta-badge-success {
    background-color: var(--quanta-success-hover);
    color: var(--quanta-text-success);
  }
  html[data-theme="dark"] .quanta-badge-warning {
    background-color: var(--quanta-warning-hover);
    color: var(--quanta-text-warning);
  }
  html[data-theme="dark"] .quanta-badge-danger {
    background-color: var(--quanta-danger-hover);
    color: var(--quanta-text-danger);
  }
  html[data-theme="dark"] .quanta-badge-info {
    background-color: var(--quanta-info-hover);
    color: var(--quanta-text-info);
  }

  /* Responsive Breakpoints */
  /* Mobile first approach */
  @media (max-width: 767px) {
    .quanta-badge {
      font-size: var(--quanta-text-xs); /* Adjust font size on small screens */
      padding: var(--quanta-space-1) var(--quanta-space-2); /* Adjust padding */
    }

    .quanta-badge-sm {
      font-size: var(--quanta-text-xxs); /* Small badge adjustments for mobile */
      padding: var(--quanta-space-1);
    }

    .quanta-badge-lg {
      font-size: var(--quanta-text-sm); /* Large badge adjustments for mobile */
      padding: var(--quanta-space-2);
    }
  }

  /* Tablets (768px and above) */
  @media (min-width: 768px) {
    .quanta-badge {
      font-size: var(--quanta-text-sm); /* Slightly larger font for tablets */
      padding: var(--quanta-space-2) var(--quanta-space-3); /* Slightly larger padding */
    }

    .quanta-badge-sm {
      font-size: var(--quanta-text-xs); /* Small badge adjustments for tablets */
      padding: var(--quanta-space-1);
    }

    .quanta-badge-lg {
      font-size: var(--quanta-text-md); /* Larger font for larger badges */
      padding: var(--quanta-space-2) var(--quanta-space-4);
    }
  }

  /* Desktop (1024px and above) */
  @media (min-width: 1024px) {
    .quanta-badge {
      font-size: var(--quanta-text-base); /* Base font size for large screens */
      padding: var(--quanta-space-3) var(--quanta-space-4); /* More padding on larger screens */
    }

    .quanta-badge-sm {
      font-size: var(--quanta-text-sm); /* Slightly larger font for small badges */
      padding: var(--quanta-space-1);
    }

    .quanta-badge-lg {
      font-size: var(--quanta-text-lg); /* Increase font size for large badges */
      padding: var(--quanta-space-3) var(--quanta-space-5);
    }
  }

  /* Larger Desktop (1280px and above) */
  @media (min-width: 1280px) {
    .quanta-badge {
      font-size: var(--quanta-text-lg); /* Larger font size for very large screens */
      padding: var(--quanta-space-3) var(--quanta-space-5); /* Even more padding on large screens */
    }

    .quanta-badge-sm {
      font-size: var(--quanta-text-base); /* Increase size for small badges on large screens */
      padding: var(--quanta-space-2);
    }

    .quanta-badge-lg {
      font-size: var(--quanta-text-xl); /* Larger font size for large badges */
      padding: var(--quanta-space-4) var(--quanta-space-6);
    }
  }

  /* Ultra Wide Desktop (1600px and above) */
  @media (min-width: 1600px) {
    .quanta-badge {
      font-size: var(--quanta-text-xl); /* Very large font for ultra-wide screens */
      padding: var(--quanta-space-4) var(--quanta-space-6); /* Generous padding */
    }

    .quanta-badge-sm {
      font-size: var(--quanta-text-lg); /* Small badges also get larger font size */
      padding: var(--quanta-space-2);
    }

    .quanta-badge-lg {
      font-size: var(--quanta-text-2xl); /* Extra large font for large badges */
      padding: var(--quanta-space-5) var(--quanta-space-7);
    }
  }

  /* Accessibility Improvements */
  .quanta-badge:focus {
    outline: 2px solid var(--quanta-primary); /* Clear focus state for better accessibility */
  }

  /* Allow icons within badges */
  .quanta-badge[aria-live="polite"] {
    position: relative;
    padding-left: var(--quanta-space-6); /* Add space for a potential icon */
  }
}
/* ─── Base Utility Classes ────────────────────────────────── */

/* ─── Spacing (Padding & Margin) ───────────────────────────── */
.p-0 { padding: 0; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }

.m-0 { margin: 0; }
.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 0.75rem; }
.m-4 { margin: 1rem; }
.m-5 { margin: 1.25rem; }
.m-6 { margin: 1.5rem; }

/* ─── Margin Auto ─────────────────────────────────────────── */
.mx-auto { margin-left: auto; margin-right: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.m-auto { margin: auto; }
.p-auto { padding: auto; }

/* ─── Flexbox Utilities ───────────────────────────────────── */
.d-flex { display: flex; }
.d-block { display: block; }
.d-inline-block { display: inline-block; }

.flex-column { flex-direction: column; }
.flex-row { flex-direction: row; }
.flex-wrap { flex-wrap: wrap; }

/* ─── Justify Content ──────────────────────────────────── */
.justify-start     { justify-content: flex-start; }
.justify-center    { justify-content: center; }
.justify-end       { justify-content: flex-end; }
.justify-between   { justify-content: space-between; }
.justify-around    { justify-content: space-around; }
.justify-evenly    { justify-content: space-evenly; }

/* ─── Align Items ─────────────────────────────────────── */
.items-start       { align-items: flex-start; }
.items-center      { align-items: center; }
.items-end         { align-items: flex-end; }
.items-baseline    { align-items: baseline; }
.items-stretch     { align-items: stretch; }

/* ─── Align Content (Grid) ───────────────────────────── */
.content-start     { align-content: flex-start; }
.content-center    { align-content: center; }
.content-end       { align-content: flex-end; }
.content-between   { align-content: space-between; }
.content-around    { align-content: space-around; }
.content-evenly    { align-content: space-evenly; }

/* ─── Align Self ──────────────────────────────────────── */
.self-auto         { align-self: auto; }
.self-start        { align-self: flex-start; }
.self-center       { align-self: center; }
.self-end          { align-self: flex-end; }
.self-stretch      { align-self: stretch; }

/* ─── Place Items (Grid shorthand) ───────────────────── */
.place-items-start   { place-items: start; }
.place-items-center  { place-items: center; }
.place-items-end     { place-items: end; }
.place-items-stretch { place-items: stretch; }

/* ─── Place Content (Grid shorthand) ─────────────────── */
.place-content-start     { place-content: start; }
.place-content-center    { place-content: center; }
.place-content-end       { place-content: end; }
.place-content-between   { place-content: space-between; }
.place-content-around    { place-content: space-around; }

/* ─── Place Self (Grid shorthand) ────────────────────── */
.place-self-auto      { place-self: auto; }
.place-self-start     { place-self: start; }
.place-self-center    { place-self: center; }
.place-self-end       { place-self: end; }

/* ─── Grid Utilities ─────────────────────────────────────── */
.d-grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }

.gap-0 { gap: 0; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }

/* ─── Height & Width (Viewport Units) ─────────────────────── */

/* Height Utilities */
.h-10vh { height: 10vh; }
.h-20vh { height: 20vh; }
.h-30vh { height: 30vh; }
.h-40vh { height: 40vh; }
.h-50vh { height: 50vh; }
.h-60vh { height: 60vh; }
.h-70vh { height: 70vh; }
.h-80vh { height: 80vh; }
.h-90vh { height: 90vh; }
.h-100vh { height: 100vh; }

/* Width Utilities */
.w-10vw { width: 10vw; }
.w-20vw { width: 20vw; }
.w-30vw { width: 30vw; }
.w-40vw { width: 40vw; }
.w-50vw { width: 50vw; }
.w-60vw { width: 60vw; }
.w-70vw { width: 70vw; }
.w-80vw { width: 80vw; }
.w-90vw { width: 90vw; }
.w-100vw { width: 100vw; }

/* ─── Fraction Width & Height Utilities ─────────────────── */
.w-half { width: 50%; }
.w-third { width: 33.33%; }
.w-two-third { width: 66.66%; }
.w-quarter { width: 25%; }
.w-three-tenth { width: 30%; }

/* ─── Box Sizing ─────────────────────────────────────────── */
.box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }

/* ─── Display Utilities ──────────────────────────────────── */
.d-none { display: none; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-block { display: block; }
.d-grid { display: grid; }

/* ─── Z-Index Utilities ──────────────────────────────────── */
.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; }

/* ─── Transitions ────────────────────────────────────────── */
.transition-all { transition: all 0.3s ease; }
.transition-colors { transition: background-color 0.3s ease, color 0.3s ease; }
.transition-opacity { transition: opacity 0.3s ease; }

/* ─── Shadows ────────────────────────────────────────────── */
.shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.shadow-md { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.shadow-lg { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15); }
.shadow-xl { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); }
.shadow-2xl { box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25); }

/* ─── Dark Mode Support ──────────────────────────────────── */
html[data-theme="dark"] {
  --quanta-bg-default: #1a202c; /* Dark Background */
  --quanta-text-default: #e2e8f0; /* Light Text */
  --quanta-primary: #38b2ac; /* Light primary color for contrast */
  --quanta-border-color: #4a5568; /* Dark border color */
  --quanta-grey-400: #cbd5e0;
  --quanta-grey-600: #2d3748;

  background-color: var(--quanta-bg-default);
  color: var(--quanta-text-default);
}

/* ─── Responsive Variants ─────────────────────────────────── */

@media (max-width: 640px) {
  /* Small Devices */
  .p-4 { padding: 1rem; }
  .m-2 { margin: 0.5rem; }
  .grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 641px) and (max-width: 768px) {
  /* Medium Devices */
  .d-flex { display: flex; }
  .m-4 { margin: 1rem; }
  .grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 769px) and (max-width: 1024px) {
  /* Large Devices */
  .p-5 { padding: 1.25rem; }
  .grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  /* Extra Large Devices */
  .p-6 { padding: 1.5rem; }
  .grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
}

@media (min-width: 1281px) {
  /* Fullscreen (Large) Devices */
  .p-6 { padding: 1.5rem; }
  .grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
}

/* ─── Font Utilities ─────────────────────────────────────── */
.font-primary { font-family: 'Helvetica', sans-serif; }
.font-secondary { font-family: 'Arial', sans-serif; }

/* Text Sizes */
.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 1rem; }
.text-base { font-size: 1.125rem; }
.text-lg { font-size: 1.5rem; }
.text-xl { font-size: 2rem; }
.text-2xl { font-size: 2.5rem; }
.text-3xl { font-size: 3rem; }

/* Font Weight Utilities */
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }


/* ─── Text Color Utilities ───────────────────────────────── */
.text-default { color: var(--quanta-text-default); }
.text-muted { color: var(--quanta-text-muted); }
.text-primary { color: var(--quanta-primary); }

/* Dark mode text colors */
html[data-theme="dark"] {
  .text-default { color: var(--quanta-text-default-dark); }
  .text-muted { color: var(--quanta-text-muted-dark); }
  .text-primary { color: var(--quanta-primary-dark); }
}

/* ─── Border Utilities ───────────────────────────────────── */
.border-0 { border: none; }
.border { border: 1px solid var(--quanta-border-color); }
.border-sm { border: 2px solid var(--quanta-border-color); }
.border-lg { border: 4px solid var(--quanta-border-color); }

/* Border Radius */
.rounded-sm { border-radius: 4px; }
.rounded-md { border-radius: 8px; }
.rounded-lg { border-radius: 16px; }
.rounded-full { border-radius: 9999px; }

/* ─── Opacity Utilities ──────────────────────────────────── */
.opacity-0 { opacity: 0; }
.opacity-25 { opacity: 0.25; }
.opacity-50 { opacity: 0.5; }
.opacity-75 { opacity: 0.75; }
.opacity-100 { opacity: 1; }

/* ─── Visibility Utilities ───────────────────────────────── */
.visible { visibility: visible; }
.invisible { visibility: hidden; }

/* ─── Positioning Utilities ──────────────────────────────── */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; top: 0; }

/* ─── Overflow Utilities ─────────────────────────────────── */
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.overflow-scroll { overflow: scroll; }

/* ─── Flexbox Utilities ───────────────────────────────────── */
.flex-grow { flex-grow: 1; }
.flex-shrink { flex-shrink: 1; }
.flex-no-grow { flex-grow: 0; }
.flex-no-shrink { flex-shrink: 0; }

/* ─── Text Alignment ─────────────────────────────────────── */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }


/* ─── Cursor Utilities ───────────────────────────────────── */
.cursor-pointer { cursor: pointer; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-default { cursor: default; }


/* ─── Filter Utilities ───────────────────────────────────── */
.filter-grayscale { filter: grayscale(100%); }
.filter-blur { filter: blur(4px); }
.filter-sepia { filter: sepia(100%); }
.filter-brightness { filter: brightness(1.2); }

/* ─── Semantic Backgrounds ─────────────────────────── */
.bg-primary      { background-color: var(--quanta-primary); }
.bg-secondary    { background-color: var(--quanta-bg-secondary); }
.bg-success      { background-color: var(--quanta-bg-success); }
.bg-warning      { background-color: var(--quanta-bg-warning); }
.bg-danger       { background-color: var(--quanta-bg-danger); }
.bg-info         { background-color: var(--quanta-bg-info); }

/* ─── Semantic Text Colors ─────────────────────────── */
.text-primary    { color: var(--quanta-primary); }
.text-secondary  { color: var(--quanta-text-secondary); }
.text-success    { color: var(--quanta-text-success); }
.text-warning    { color: var(--quanta-text-warning); }
.text-danger     { color: var(--quanta-text-danger); }
.text-info       { color: var(--quanta-text-info); }

/* ─── Semantic Border Colors ───────────────────────── */
.border-primary      { border-color: var(--quanta-primary); }
.border-secondary    { border-color: var(--quanta-border-secondary); }
.border-success      { border-color: var(--quanta-border-success); }
.border-warning      { border-color: var(--quanta-border-warning); }
.border-danger       { border-color: var(--quanta-border-danger); }
.border-info         { border-color: var(--quanta-border-info); }

/* ─── Responsive Font Sizes ──────────────────────────────── */
@media (max-width: 640px) {
  .text-base { font-size: 1rem; }
  .text-lg { font-size: 1.25rem; }
}

@media (min-width: 641px) and (max-width: 768px) {
  .text-base { font-size: 1.125rem; }
  .text-lg { font-size: 1.5rem; }
}

@media (min-width: 769px) {
  .text-base { font-size: 1.25rem; }
  .text-lg { font-size: 1.75rem; }
}


/* ─── Fade In ─────────────────────────────────────────── */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fade-in { animation: fadeIn 0.5s ease-out; }


/* ─── Slide In From Left ──────────────────────────────── */
@keyframes slideInLeft {
  0% { transform: translateX(-100%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

.slide-in-left { animation: slideInLeft 0.6s ease-out; }


/* ─── Slide In From Right ─────────────────────────────── */
@keyframes slideInRight {
  0% { transform: translateX(100%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

.slide-in-right { animation: slideInRight 0.6s ease-out; }


/* ─── Bounce ───────────────────────────────────────────── */
@keyframes bounce {
  0% { transform: translateY(0); }
  25% { transform: translateY(-10px); }
  50% { transform: translateY(0); }
  75% { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}

.bounce { animation: bounce 1s ease infinite; }


/* ─── Pulse ────────────────────────────────────────────── */
@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}

.pulse { animation: pulse 1.5s ease-in-out infinite; }


/* ─── Shake ────────────────────────────────────────────── */
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  50% { transform: translateX(4px); }
  75% { transform: translateX(-4px); }
  100% { transform: translateX(4px); }
}

.shake { animation: shake 0.5s ease-in-out; }


/* ─── Zoom In ──────────────────────────────────────────── */
@keyframes zoomIn {
  0% { transform: scale(0.8); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.zoom-in { animation: zoomIn 0.5s ease-out; }


/* ─── Zoom Out ─────────────────────────────────────────── */
@keyframes zoomOut {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.8); opacity: 0; }
}

.zoom-out { animation: zoomOut 0.5s ease-in; }


/* ─── Flip ─────────────────────────────────────────────── */
@keyframes flip {
  0% { transform: rotateY(0); }
  100% { transform: rotateY(360deg); }
}

.flip { animation: flip 1s ease-in-out; }


/* ─── Slide Up ─────────────────────────────────────────── */
@keyframes slideUp {
  0% { transform: translateY(100%); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

.slide-up { animation: slideUp 0.6s ease-out; }


/* ─── Fade In and Scale ────────────────────────────────── */
@keyframes fadeInScale {
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}

.fade-in-scale { animation: fadeInScale 0.5s ease-out; }


/* ─── Rotate ───────────────────────────────────────────── */
@keyframes rotate {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

.rotate { animation: rotate 1s linear infinite; }


/* ─── Expand ───────────────────────────────────────────── */
@keyframes expand {
  0% { transform: scale(0); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.expand { animation: expand 0.6s ease-out; }


/* ─── Slide Down ───────────────────────────────────────── */
@keyframes slideDown {
  0% { transform: translateY(-100%); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

.slide-down { animation: slideDown 0.6s ease-out; }


/* ─── Jello ────────────────────────────────────────────── */
@keyframes jello {
  0% { transform: skewX(0); }
  30% { transform: skewX(-12.5deg); }
  50% { transform: skewX(6.25deg); }
  70% { transform: skewX(-3.125deg); }
  100% { transform: skewX(0); }
}

.jello { animation: jello 1s ease infinite; }



/* src/components/breadcrumbs.css */
@layer components.quanta-breadcrumbs {
  .quanta-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: var(--quanta-text-sm);
  }
  .quanta-breadcrumb li + li::before {
    content: '/';
    margin: 0 var(--quanta-space-2);
    color: var(--quanta-text-muted);
  }
  .quanta-breadcrumb a {
    text-decoration: none;
    color: var(--quanta-primary);
    transition: color var(--quanta-transition-fast);
  }
  .quanta-breadcrumb a:hover {
    color: var(--quanta-primary-hover);
  }
  html[data-theme="dark"] .quanta-breadcrumb a {
    color: var(--quanta-text-light);
  }

  @media (max-width: 640px) { .quanta-breadcrumb { font-size: var(--quanta-text-xs); } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { .quanta-breadcrumb { font-size: var(--quanta-text-base); } }
}

/* src/components/button.css */
@layer components.quanta-button {
  /* ─── Flexible Base ─────────────────────────────────────────── */
  .quanta-btn {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--quanta-space-2) var(--quanta-space-4);
    font-family: var(--quanta-font-primary);
    font-size: var(--quanta-body-size);
    line-height: var(--quanta-body-line-height);
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-comp-radius);
    box-shadow: var(--quanta-shadow-sm);
    cursor: pointer;
    user-select: none;
    transition:
      background-color var(--quanta-transition-normal),
      color var(--quanta-transition-normal),
      box-shadow var(--quanta-transition-fast);
  }

  /* ─── Size Modifiers ───────────────────────────────────────── */
  .quanta-btn-sm {
    padding: calc(var(--quanta-space-2) * 0.75) calc(var(--quanta-space-4) * 0.75);
    font-size: var(--quanta-comp-fs-sm);
  }
  .quanta-btn-lg {
    padding: calc(var(--quanta-space-2) * 1.25) calc(var(--quanta-space-4) * 1.25);
    font-size: var(--quanta-comp-fs-lg);
  }

  /* ─── Preset Variants ──────────────────────────────────────── */
  .quanta-btn-primary {
    background-color: var(--quanta-bg-primary);
    color: var(--quanta-text-primary);
    border-color: var(--quanta-border-primary);
  }
  .quanta-btn-secondary {
    background-color: var(--quanta-bg-secondary);
    color: var(--quanta-text-secondary);
    border-color: var(--quanta-border-secondary);
  }
  .quanta-btn-success {
    background-color: var(--quanta-bg-success);
    color: var(--quanta-text-success);
    border-color: var(--quanta-border-success);
  }
  .quanta-btn-warning {
    background-color: var(--quanta-bg-warning);
    color: var(--quanta-text-warning);
    border-color: var(--quanta-border-warning);
  }
  .quanta-btn-danger {
    background-color: var(--quanta-bg-danger);
    color: var(--quanta-text-danger);
    border-color: var(--quanta-border-danger);
  }
  .quanta-btn-info {
    background-color: var(--quanta-bg-info);
    color: var(--quanta-text-info);
    border-color: var(--quanta-border-info);
  }

  /* ─── Interaction States ───────────────────────────────────── */
  .quanta-btn:hover,
  .quanta-btn:focus-visible {
    box-shadow: var(--quanta-shadow-md);
  }
  .quanta-btn-primary:hover { background-color: var(--quanta-primary-hover); }
  .quanta-btn-secondary:hover { background-color: var(--quanta-secondary-hover); }
  .quanta-btn-success:hover { background-color: var(--quanta-success-hover); }
  .quanta-btn-warning:hover { background-color: var(--quanta-warning-hover); }
  .quanta-btn-danger:hover { background-color: var(--quanta-danger-hover); }
  .quanta-btn-info:hover { background-color: var(--quanta-info-hover); }

  /* ─── Disabled State ───────────────────────────────────────── */
  .quanta-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
  }

  /* ─── Dark‑mode Tweaks ─────────────────────────────────────── */
  html[data-theme="dark"] .quanta-btn {
    box-shadow: var(--quanta-shadow-lg);
  }

  /* ─── Mobile-First Styles ──────────────────────────────────── */
  /* Base styles are for mobile devices */
  .quanta-btn {
    font-size: var(--quanta-body-size); /* Default font size for mobile */
    padding: var(--quanta-space-2) var(--quanta-space-4); /* Default padding for mobile */
  }

  .quanta-btn-sm {
    padding: calc(var(--quanta-space-2) * 0.75) calc(var(--quanta-space-4) * 0.75);
  }

  .quanta-btn-lg {
    padding: calc(var(--quanta-space-2) * 1.25) calc(var(--quanta-space-4) * 1.25);
  }

  /* ─── Responsive Adjustments ─────────────────────────────────── */
  /* 1. Small Tablets (min-width: 600px) */
  @media (min-width: 600px) {
    .quanta-btn {
      font-size: var(--quanta-body-size-md); /* Adjust font size for small tablets */
      padding: var(--quanta-space-3) var(--quanta-space-5); /* More padding for small tablets */
    }
  }

  /* 2. Tablets (min-width: 768px) */
  @media (min-width: 768px) {
    .quanta-btn {
      font-size: var(--quanta-body-size-lg); /* Larger font size on tablets */
      padding: var(--quanta-space-3) var(--quanta-space-6); /* Adjust padding */
    }

    .quanta-btn-sm {
      padding: calc(var(--quanta-space-2) * 0.85) calc(var(--quanta-space-4) * 0.85);
    }
    .quanta-btn-lg {
      padding: calc(var(--quanta-space-2) * 1.35) calc(var(--quanta-space-4) * 1.35);
    }
  }

  /* 3. Laptops (min-width: 1024px) */
  @media (min-width: 1024px) {
    .quanta-btn {
      font-size: var(--quanta-body-size-xl); /* Even larger font size for laptops */
      padding: var(--quanta-space-4) var(--quanta-space-7); /* Increase padding */
    }

    .quanta-btn-sm {
      padding: calc(var(--quanta-space-2) * 1) calc(var(--quanta-space-4) * 1);
    }
    .quanta-btn-lg {
      padding: calc(var(--quanta-space-2) * 1.5) calc(var(--quanta-space-4) * 1.5);
    }
  }

  /* 4. Large Desktops (min-width: 1280px) */
  @media (min-width: 1280px) {
    .quanta-btn {
      font-size: var(--quanta-body-size-2xl); /* Extra large font size for large desktops */
      padding: var(--quanta-space-5) var(--quanta-space-8); /* Larger padding for larger screens */
    }
  }

  /* 5. Huge Displays (min-width: 1600px) */
  @media (min-width: 1600px) {
    .quanta-btn {
      font-size: var(--quanta-body-size-3xl); /* Font size is massive for huge displays */
      padding: var(--quanta-space-6) var(--quanta-space-9); /* Super large padding */
    }
  }
}

/* src/components/card.quanta-css */
@layer components.quanta-card {
  /* ─── Card Container ───────────────────────────────────────── */
  .quanta-card {
    background-color: var(--quanta-bg-default);
    color: var(--quanta-text-default);
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-rounded);
    box-shadow: var(--quanta-shadow-sm);
    padding: var(--quanta-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--quanta-space-4);
    transition: box-shadow var(--quanta-transition-normal);
  }

  /* Hover/Focus lift */
  .quanta-card:hover,
  .quanta-card:focus-within {
    box-shadow: var(--quanta-shadow-md);
  }

  /* ─── Dark‑mode shadow boost ───────────────────────────────── */
  html[data-theme="dark"] .quanta-card {
    box-shadow: var(--quanta-shadow-lg);
  }

  /* ─── Card Image ───────────────────────────────────────────── */
  .quanta-card-img-top {
    width: 100%;
    height: auto;
    border-top-left-radius: var(--quanta-rounded);
    border-top-right-radius: var(--quanta-rounded);
    object-fit: cover;
  }

  /* ─── Card Header ──────────────────────────────────────────── */
  .quanta-card-header {
    font-family: var(--quanta-font-primary);
    font-size: var(--quanta-heading-size);
    line-height: var(--quanta-heading-line-height);
    margin-bottom: var(--quanta-space-3);
  }

  /* ─── Card Body ────────────────────────────────────────────── */
  .quanta-card-body {
    font-family: var(--quanta-font-secondary);
    font-size: var(--quanta-body-size);
    line-height: var(--quanta-body-line-height);
    flex-grow: 1;
  }

  /* ─── Card Footer ──────────────────────────────────────────── */
  .quanta-card-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: var(--quanta-border-width) solid var(--quanta-border-color);
    padding-top: var(--quanta-space-3);
    margin-top: var(--quanta-space-3);
    gap: var(--quanta-space-2);
  }

  /* ─── Mobile-First Styles ──────────────────────────────────── */
  /* Base styles for mobile devices */
  .quanta-card {
    padding: var(--quanta-space-3);
  }

  .quanta-card-header {
    font-size: var(--quanta-heading-size); /* Use smaller heading size on mobile */
  }

  .quanta-card-body {
    font-size: var(--quanta-body-size); /* Base font size for body on mobile */
  }

  .quanta-card-footer {
    padding-top: var(--quanta-space-2);
    margin-top: var(--quanta-space-2);
    gap: var(--quanta-space-2);
  }

  /* ─── Responsive Adjustments ─────────────────────────────────── */
  /* 1. Small Tablets (min-width: 600px) */
  @media (min-width: 600px) {
    .quanta-card {
      padding: var(--quanta-space-4); /* More padding for small tablets */
    }

    .quanta-card-header {
      font-size: var(--quanta-heading-size-md); /* Adjust heading size */
    }

    .quanta-card-body {
      font-size: var(--quanta-body-size-md); /* Slightly larger body text */
    }

    .quanta-card-footer {
      padding-top: var(--quanta-space-3);
      margin-top: var(--quanta-space-3);
    }
  }

  /* 2. Tablets (min-width: 768px) */
  @media (min-width: 768px) {
    .quanta-card {
      flex-direction: row; /* Align cards in row for tablets and larger */
      gap: var(--quanta-space-5); /* Increase gap between card sections */
    }

    .quanta-card-header {
      font-size: var(--quanta-heading-size-lg); /* Larger font size on tablets */
    }

    .quanta-card-body {
      font-size: var(--quanta-body-size-lg); /* Larger body font size */
    }

    .quanta-card-footer {
      gap: var(--quanta-space-3); /* Adjust footer gap */
    }
  }

  /* 3. Laptops (min-width: 1024px) */
  @media (min-width: 1024px) {
    .quanta-card {
      padding: var(--quanta-space-5); /* Increase padding for laptops */
    }

    .quanta-card-header {
      font-size: var(--quanta-heading-size-xl); /* Even larger heading size */
    }

    .quanta-card-body {
      font-size: var(--quanta-body-size-xl); /* Larger text size for body */
    }

    .quanta-card-footer {
      gap: var(--quanta-space-4); /* Larger gap in the footer */
    }
  }

  /* 4. Large Desktops (min-width: 1280px) */
  @media (min-width: 1280px) {
    .quanta-card {
      flex-direction: row; /* Continue row-based layout on larger screens */
      padding: var(--quanta-space-6); /* Even more padding */
    }

    .quanta-card-header {
      font-size: var(--quanta-heading-size-2xl); /* Extra large heading */
    }

    .quanta-card-body {
      font-size: var(--quanta-body-size-2xl); /* Extra large body text */
    }

    .quanta-card-footer {
      gap: var(--quanta-space-5); /* Even more gap in the footer */
    }
  }

  /* 5. Huge Displays (min-width: 1600px) */
  @media (min-width: 1600px) {
    .quanta-card {
      padding: var(--quanta-space-7); /* Super large padding for huge screens */
    }

    .quanta-card-header {
      font-size: var(--quanta-heading-size-3xl); /* Huge heading size for very large screens */
    }

    .quanta-card-body {
      font-size: var(--quanta-body-size-3xl); /* Very large body text */
    }

    .quanta-card-footer {
      gap: var(--quanta-space-6); /* Large gap in footer */
    }
  }
}
/* src/components/carousel.css */
@layer components.carousel {
  /* ─── Carousel Container ────────────────────────────────── */
  .quanta-carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background-color: var(--quanta-bg-default);
    border-radius: var(--quanta-rounded-md);
  }

  /* ─── Carousel Items ────────────────────────────────────── */
  .quanta-carousel-item {
    display: none;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  }

  .quanta-carousel-item.active {
    display: block;
  }

  .quanta-carousel-item img,
  .quanta-carousel-item .quanta-carousel-content {
    width: 100%;
    height: auto;
    border-radius: var(--quanta-rounded-md);
  }

  /* ─── Custom Layouts ────────────────────────────────────── */
  /* Layout 1: Image Only */
  .quanta-carousel.layout-image-only .quanta-carousel-item img {
    width: 100%;
    object-fit: cover;
  }

  /* Layout 2: Image + Text */
  .quanta-carousel.layout-image-text .quanta-carousel-item {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .quanta-carousel.layout-image-text .quanta-carousel-item img {
    width: 50%;
    object-fit: cover;
  }

  .quanta-carousel.layout-image-text .quanta-carousel-item .quanta-carousel-caption {
    width: 50%;
    padding: var(--quanta-space-4);
    color: var(--quanta-text-light);
    background-color: rgba(0, 0, 0, 0.5);
  }

  /* Layout 3: Testimonials */
  .quanta-carousel.layout-testimonial .quanta-carousel-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .quanta-carousel.layout-testimonial .quanta-carousel-item .quanta-carousel-caption {
    text-align: center;
    padding: var(--quanta-space-4);
    background-color: rgba(0, 0, 0, 0.7);
  }

  /* ─── Carousel Controls (Previous & Next) ──────────────── */
  .quanta-carousel-prev,
  .quanta-carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--quanta-bg-muted);
    padding: var(--quanta-space-3);
    border-radius: 50%;
    box-shadow: var(--quanta-shadow-lg);
    color: var(--quanta-text-default);
    z-index: 10;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
  }

  .quanta-carousel-prev:hover,
  .quanta-carousel-next:hover {
    background-color: var(--quanta-primary);
    transform: translateY(-50%) scale(1.1);
  }

  .quanta-carousel-prev {
    left: var(--quanta-space-4);
  }

  .quanta-carousel-next {
    right: var(--quanta-space-4);
  }

  /* ─── Carousel Indicators (Dots) ────────────────────────── */
  .quanta-carousel-indicators {
    position: absolute;
    bottom: var(--quanta-space-4);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: var(--quanta-space-2);
    z-index: 10;
  }

  .quanta-carousel-indicator {
    width: var(--quanta-space-2);
    height: var(--quanta-space-2);
    border-radius: 50%;
    background-color: var(--quanta-text-muted);
    transition: background-color 0.3s ease;
    cursor: pointer;
  }

  .quanta-carousel-indicator.active {
    background-color: var(--quanta-primary);
  }

  /* ─── Carousel Caption (Text Content) ───────────────────── */
  .quanta-carousel-caption {
    position: absolute;
    bottom: var(--quanta-space-4);
    left: var(--quanta-space-4);
    right: var(--quanta-space-4);
    color: var(--quanta-text-light);
    font-size: var(--quanta-text-lg);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
    z-index: 5;
  }

  /* ─── Dark Mode ─────────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-carousel {
      background-color: var(--quanta-bg-emphasis);
    }

    .quanta-carousel-prev,
    .quanta-carousel-next {
      background-color: var(--quanta-bg-dark);
      color: var(--quanta-text-light);
    }

    .quanta-carousel-prev:hover,
    .quanta-carousel-next:hover {
      background-color: var(--quanta-primary-dark);
    }

    .quanta-carousel-indicator {
      background-color: var(--quanta-text-muted-dark);
    }

    .quanta-carousel-indicator.active {
      background-color: var(--quanta-primary-dark);
    }

    .quanta-carousel-caption {
      color: var(--quanta-text-light);
      text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    }
  }

  /* ─── Responsive Media Queries ──────────────────────────── */
  @media (max-width: 640px) {
    .quanta-carousel-prev,
    .quanta-carousel-next {
      padding: var(--quanta-space-2);
    }

    .quanta-carousel-caption {
      font-size: var(--quanta-text-sm);
    }

    .quanta-carousel.layout-image-text .quanta-carousel-item img {
      width: 100%;
    }

    .quanta-carousel.layout-image-text .quanta-carousel-item .quanta-carousel-caption {
      width: 100%;
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-carousel-prev,
    .quanta-carousel-next {
      padding: var(--quanta-space-3);
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-carousel-prev,
    .quanta-carousel-next {
      padding: var(--quanta-space-3);
    }
  }

  @media (min-width: 1025px) {
    .quanta-carousel-prev,
    .quanta-carousel-next {
      padding: var(--quanta-space-4);
    }
  }
}
/* src/components/card.quanta-css */
@layer components.quanta-card {
  /* ─── Card Container ───────────────────────────────────────── */
  .quanta-card {
    background-color: var(--quanta-bg-default);
    color: var(--quanta-text-default);
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-rounded);
    box-shadow: var(--quanta-shadow-sm);
    padding: var(--quanta-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--quanta-space-4);
    transition: box-shadow var(--quanta-transition-normal);
  }

  /* Hover/Focus lift */
  .quanta-card:hover,
  .quanta-card:focus-within {
    box-shadow: var(--quanta-shadow-md);
  }

  /* ─── Dark‑mode shadow boost ───────────────────────────────── */
  html[data-theme="dark"] .quanta-card {
    box-shadow: var(--quanta-shadow-lg);
  }

  /* ─── Card Image ───────────────────────────────────────────── */
  .quanta-card-img-top {
    width: 100%;
    height: auto;
    border-top-left-radius: var(--quanta-rounded);
    border-top-right-radius: var(--quanta-rounded);
    object-fit: cover;
  }

  /* ─── Card Header ──────────────────────────────────────────── */
  .quanta-card-header {
    font-family: var(--quanta-font-primary);
    font-size: var(--quanta-heading-size);
    line-height: var(--quanta-heading-line-height);
    margin-bottom: var(--quanta-space-3);
  }

  /* ─── Card Body ────────────────────────────────────────────── */
  .quanta-card-body {
    font-family: var(--quanta-font-secondary);
    font-size: var(--quanta-body-size);
    line-height: var(--quanta-body-line-height);
    flex-grow: 1;
  }

  /* ─── Card Footer ──────────────────────────────────────────── */
  .quanta-card-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: var(--quanta-border-width) solid var(--quanta-border-color);
    padding-top: var(--quanta-space-3);
    margin-top: var(--quanta-space-3);
    gap: var(--quanta-space-2);
  }

  /* ─── Mobile-First Styles ──────────────────────────────────── */
  /* Base styles for mobile devices */
  .quanta-card {
    padding: var(--quanta-space-3);
  }

  .quanta-card-header {
    font-size: var(--quanta-heading-size); /* Use smaller heading size on mobile */
  }

  .quanta-card-body {
    font-size: var(--quanta-body-size); /* Base font size for body on mobile */
  }

  .quanta-card-footer {
    padding-top: var(--quanta-space-2);
    margin-top: var(--quanta-space-2);
    gap: var(--quanta-space-2);
  }

  /* ─── Responsive Adjustments ─────────────────────────────────── */
  /* 1. Small Tablets (min-width: 600px) */
  @media (min-width: 600px) {
    .quanta-card {
      padding: var(--quanta-space-4); /* More padding for small tablets */
    }

    .quanta-card-header {
      font-size: var(--quanta-heading-size-md); /* Adjust heading size */
    }

    .quanta-card-body {
      font-size: var(--quanta-body-size-md); /* Slightly larger body text */
    }

    .quanta-card-footer {
      padding-top: var(--quanta-space-3);
      margin-top: var(--quanta-space-3);
    }
  }

  /* 2. Tablets (min-width: 768px) */
  @media (min-width: 768px) {
    .quanta-card {
      flex-direction: row; /* Align cards in row for tablets and larger */
      gap: var(--quanta-space-5); /* Increase gap between card sections */
    }

    .quanta-card-header {
      font-size: var(--quanta-heading-size-lg); /* Larger font size on tablets */
    }

    .quanta-card-body {
      font-size: var(--quanta-body-size-lg); /* Larger body font size */
    }

    .quanta-card-footer {
      gap: var(--quanta-space-3); /* Adjust footer gap */
    }
  }

  /* 3. Laptops (min-width: 1024px) */
  @media (min-width: 1024px) {
    .quanta-card {
      padding: var(--quanta-space-5); /* Increase padding for laptops */
    }

    .quanta-card-header {
      font-size: var(--quanta-heading-size-xl); /* Even larger heading size */
    }

    .quanta-card-body {
      font-size: var(--quanta-body-size-xl); /* Larger text size for body */
    }

    .quanta-card-footer {
      gap: var(--quanta-space-4); /* Larger gap in the footer */
    }
  }

  /* 4. Large Desktops (min-width: 1280px) */
  @media (min-width: 1280px) {
    .quanta-card {
      flex-direction: row; /* Continue row-based layout on larger screens */
      padding: var(--quanta-space-6); /* Even more padding */
    }

    .quanta-card-header {
      font-size: var(--quanta-heading-size-2xl); /* Extra large heading */
    }

    .quanta-card-body {
      font-size: var(--quanta-body-size-2xl); /* Extra large body text */
    }

    .quanta-card-footer {
      gap: var(--quanta-space-5); /* Even more gap in the footer */
    }
  }

  /* 5. Huge Displays (min-width: 1600px) */
  @media (min-width: 1600px) {
    .quanta-card {
      padding: var(--quanta-space-7); /* Super large padding for huge screens */
    }

    .quanta-card-header {
      font-size: var(--quanta-heading-size-3xl); /* Huge heading size for very large screens */
    }

    .quanta-card-body {
      font-size: var(--quanta-body-size-3xl); /* Very large body text */
    }

    .quanta-card-footer {
      gap: var(--quanta-space-6); /* Large gap in footer */
    }
  }
}
/* src/components/chips.css */
@layer components.chips {
  .quanta-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--quanta-space-2);
    padding: var(--quanta-space-1) var(--quanta-space-2);
    font-size: var(--quanta-text-sm);
    background: var(--quanta-bg-muted);
    border-radius: var(--quanta-rounded-full);
  }
  .quanta-chip .quanta-chip-close {
    cursor: pointer;
    font-size: var(--quanta-text-xs);
  }
  .quanta-chip-input {
    border: none;
    outline: none;
    padding: var(--quanta-space-1);
    font-size: var(--quanta-text-sm);
    min-width: 4ch;
  }

  html[data-theme="dark"] .quanta-chip { background: var(--quanta-bg-emphasis); }

  @media (max-width:640px) { .quanta-chip { font-size: var(--quanta-text-xs); } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* src/components/datepicker.css */
@layer components.datepicker {

  /* ─── Base Date Picker Styles ──────────────────────────────────── */
  .quanta-datepicker {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: var(--quanta-font-family);
  }

  /* Input Field */
  .quanta-datepicker input {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--quanta-border-muted);
    border-radius: var(--quanta-rounded-sm);
    background-color: var(--quanta-bg-input);
    color: var(--quanta-text-primary);
    font-size: var(--quanta-font-size-md);
    transition: border-color 0.3s ease;
  }

  .quanta-datepicker input:focus {
    border-color: var(--quanta-bg-primary);
    outline: none;
  }

  /* Input Focused */
  .quanta-datepicker input:focus::placeholder {
    color: transparent;
  }

  /* Date Picker Popup */
  .quanta-datepicker-popup {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background-color: var(--quanta-bg-primary);
    border-radius: var(--quanta-rounded-sm);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    width: 100%;
  }

  .quanta-datepicker.active .quanta-datepicker-popup {
    display: block;
  }

  /* Calendar Grid */
  .quanta-datepicker-popup .quanta-calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
  }

  /* Calendar Days */
  .quanta-datepicker-popup .quanta-calendar .quanta-day {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--quanta-rounded-sm);
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .quanta-datepicker-popup .quanta-calendar .quanta-day:hover {
    background-color: var(--quanta-bg-muted);
  }

  .quanta-datepicker-popup .quanta-calendar .quanta-day.selected {
    background-color: var(--quanta-bg-primary);
    color: var(--quanta-text-white);
  }

  /* Day Numbers */
  .quanta-datepicker-popup .quanta-calendar .quanta-day.disabled {
    background-color: var(--quanta-bg-light);
    cursor: not-allowed;
  }

  /* Navigation Buttons (Previous & Next Month) */
  .quanta-datepicker-popup .quanta-navigation {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .quanta-datepicker-popup .quanta-navigation button {
    background-color: transparent;
    border: none;
    font-size: var(--quanta-font-size-md);
    color: var(--quanta-text-primary);
    cursor: pointer;
    padding: 5px;
  }

  .quanta-datepicker-popup .quanta-navigation button:hover {
    color: var(--quanta-bg-primary);
  }

  /* ─── Dark Mode Support ─────────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-datepicker input {
      background-color: var(--quanta-bg-dark-input);
      color: var(--quanta-text-light);
      border: 1px solid var(--quanta-border-dark);
    }

    .quanta-datepicker-popup {
      background-color: var(--quanta-bg-dark-primary);
    }

    .quanta-datepicker-popup .quanta-calendar .quanta-day:hover {
      background-color: var(--quanta-bg-dark-muted);
    }

    .quanta-datepicker-popup .quanta-calendar .quanta-day.selected {
      background-color: var(--quanta-bg-dark-primary);
      color: var(--quanta-text-dark);
    }

    .quanta-datepicker-popup .quanta-navigation button {
      color: var(--quanta-text-light);
    }
  }

  /* ─── Responsive Design (5 Breakpoints) ──────────────────────────── */
  @media (max-width: 640px) {
    .quanta-datepicker input {
      padding: 8px;
    }

    .quanta-datepicker-popup .quanta-calendar .quanta-day {
      width: 30px;
      height: 30px;
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-datepicker input {
      padding: 9px;
    }

    .quanta-datepicker-popup .quanta-calendar .quanta-day {
      width: 35px;
      height: 35px;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-datepicker input {
      padding: 10px;
    }

    .quanta-datepicker-popup .quanta-calendar .quanta-day {
      width: 40px;
      height: 40px;
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-datepicker input {
      padding: 11px;
    }

    .quanta-datepicker-popup .quanta-calendar .quanta-day {
      width: 45px;
      height: 45px;
    }
  }

  @media (min-width: 1281px) {
    .quanta-datepicker input {
      padding: 12px;
    }

    .quanta-datepicker-popup .quanta-calendar .quanta-day {
      width: 50px;
      height: 50px;
    }
  }
}

/* src/components/dropdowns.css */
@layer components.dropdowns {
  /* ─── Base Dropdown Styling ──────────────────────────────────── */
  .quanta-dropdown {
    position: relative;
    display: inline-block;
  }

  .quanta-dropdown-menu {
    display: none; /* Hidden by default */
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    min-width: 160px;
    background-color: var(--quanta-bg-emphasis);
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-rounded-md);
    box-shadow: var(--quanta-shadow-lg);
    padding: var(--quanta-space-2) 0;
    transition: opacity var(--quanta-transition-fast), transform var(--quanta-transition-fast);
  }

  .quanta-dropdown-item {
    padding: var(--quanta-space-2) var(--quanta-space-4);
    font-family: var(--quanta-font-secondary);
    font-size: var(--quanta-text-base);
    color: var(--quanta-text-default);
    cursor: pointer;
    transition: background-color var(--quanta-transition-fast), color var(--quanta-transition-fast);
  }

  .quanta-dropdown-item:hover,
  .quanta-dropdown-item:focus {
    background-color: var(--quanta-bg-hover);
    color: var(--quanta-text-light);
  }

  .quanta-dropdown-item:active {
    background-color: var(--quanta-bg-active);
  }

  /* ─── Dark Mode Support ───────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-dropdown-menu {
      background-color: var(--quanta-bg-dark-emphasis);
      border-color: var(--quanta-border-dark-color);
    }

    .quanta-dropdown-item {
      color: var(--quanta-text-dark);
    }

    .quanta-dropdown-item:hover,
    .quanta-dropdown-item:focus {
      background-color: var(--quanta-bg-dark-hover);
      color: var(--quanta-text-light);
    }

    .quanta-dropdown-item:active {
      background-color: var(--quanta-bg-dark-active);
    }
  }

  /* ─── Responsive Media Queries ──────────────────────────────── */
  @media (max-width: 640px) {
    .quanta-dropdown-menu {
      min-width: 140px;
    }

    .quanta-dropdown-item {
      padding: var(--quanta-space-1) var(--quanta-space-3);
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-dropdown-menu {
      min-width: 160px;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-dropdown-menu {
      min-width: 180px;
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-dropdown-menu {
      min-width: 200px;
    }
  }

  @media (min-width: 1281px) {
    .quanta-dropdown-menu {
      min-width: 220px;
    }
  }

  /* ─── Hover Dropdown ────────────────────────────────────── */
  .quanta-dropdown-hover .quanta-dropdown-menu {
    display: none; /* Hidden by default */
  }

  .quanta-dropdown-hover:hover .quanta-dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(8px);
  }

  /* ─── Click Dropdown ────────────────────────────────────── */
  .quanta-dropdown-click .quanta-dropdown-menu {
    display: none; /* Hidden by default */
  }

  .quanta-dropdown-click.show .quanta-dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(8px);
  }

  /* ─── Hover Dropdown Menu Styling ─────────────────────────── */
  .quanta-dropdown-hover-item {
    padding: var(--quanta-space-2) var(--quanta-space-4);
    font-family: var(--quanta-font-secondary);
    font-size: var(--quanta-text-base);
    color: var(--quanta-text-default);
    cursor: pointer;
    transition: background-color var(--quanta-transition-fast), color var(--quanta-transition-fast);
  }

  .quanta-dropdown-hover-item:hover,
  .quanta-dropdown-hover-item:focus {
    background-color: var(--quanta-bg-hover);
    color: var(--quanta-text-light);
  }

  .quanta-dropdown-hover-item:active {
    background-color: var(--quanta-bg-active);
  }

  /* ─── Click Dropdown Menu Styling ──────────────────────────── */
  .quanta-dropdown-click-item {
    padding: var(--quanta-space-2) var(--quanta-space-4);
    font-family: var(--quanta-font-secondary);
    font-size: var(--quanta-text-base);
    color: var(--quanta-text-default);
    cursor: pointer;
    transition: background-color var(--quanta-transition-fast), color var(--quanta-transition-fast);
  }

  .quanta-dropdown-click-item:hover,
  .quanta-dropdown-click-item:focus {
    background-color: var(--quanta-bg-hover);
    color: var(--quanta-text-light);
  }

  .quanta-dropdown-click-item:active {
    background-color: var(--quanta-bg-active);
  }

  /* ─── Dark Mode Support for Dropdowns ──────────────────────── */
  html[data-theme="dark"] {
    .quanta-dropdown-hover-menu {
      background-color: var(--quanta-bg-dark-emphasis);
      border-color: var(--quanta-border-dark-color);
    }

    .quanta-dropdown-click-menu {
      background-color: var(--quanta-bg-dark-emphasis);
      border-color: var(--quanta-border-dark-color);
    }

    .quanta-dropdown-hover-item,
    .quanta-dropdown-click-item {
      color: var(--quanta-text-dark);
    }

    .quanta-dropdown-hover-item:hover,
    .quanta-dropdown-click-item:hover,
    .quanta-dropdown-hover-item:focus,
    .quanta-dropdown-click-item:focus {
      background-color: var(--quanta-bg-dark-hover);
      color: var(--quanta-text-light);
    }

    .quanta-dropdown-hover-item:active,
    .quanta-dropdown-click-item:active {
      background-color: var(--quanta-bg-dark-active);
    }
  }
}
/* src/components/file-uploads.css */
@layer components.file-uploads {

  /* ─── Base Styles for Normal File Upload Input ──────────────────── */
  .quanta-file-upload {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    background-color: var(--quanta-bg-muted);
    border: 2px solid var(--quanta-border-default);
    border-radius: var(--quanta-rounded-sm);
    font-size: var(--quanta-text-sm);
    color: var(--quanta-text-dark);
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s;
  }

  .quanta-file-upload:hover {
    background-color: var(--quanta-bg-hover);
    border-color: var(--quanta-border-hover);
  }

  .quanta-file-upload:focus {
    outline: none;
    border-color: var(--quanta-border-focus);
  }

  .quanta-file-upload input[type="file"] {
    display: none; /* Hide the default file input */
  }

  .quanta-file-upload span {
    display: inline-block;
    font-weight: bold;
  }

  /* ─── Modern Styled File Upload ────────────────────────────────── */
  .quanta-file-upload-modern {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 150px;
    background-color: var(--quanta-bg-light);
    border: 2px dashed var(--quanta-border-default);
    border-radius: var(--quanta-rounded-sm);
    font-size: var(--quanta-text-md);
    color: var(--quanta-text-muted);
    text-align: center;
    line-height: 150px; /* Center text vertically */
    transition: background-color 0.3s, border-color 0.3s;
    cursor: pointer;
    overflow: hidden;
  }

  .quanta-file-upload-modern:hover {
    background-color: var(--quanta-bg-hover);
    border-color: var(--quanta-border-hover);
    color: var(--quanta-text-dark);
  }

  .quanta-file-upload-modern:focus {
    outline: none;
    border-color: var(--quanta-border-focus);
  }

  /* Hidden file input for Modern Upload */
  .quanta-file-upload-modern input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }

  .quanta-file-upload-modern .quanta-file-upload-text {
    font-weight: bold;
    font-size: 1.1rem;
  }

  .quanta-file-upload-modern .quanta-file-upload-icon {
    font-size: 3rem;
    color: var(--quanta-text-muted);
  }

  /* Dark Mode Support for both styles */
  html[data-theme="dark"] {
    .quanta-file-upload {
      background-color: var(--quanta-bg-dark-muted);
      border-color: var(--quanta-border-dark);
    }

    .quanta-file-upload:hover {
      background-color: var(--quanta-bg-dark-hover);
      border-color: var(--quanta-border-dark-hover);
    }

    .quanta-file-upload-modern {
      background-color: var(--quanta-bg-dark-light);
      border-color: var(--quanta-border-dark);
    }

    .quanta-file-upload-modern:hover {
      background-color: var(--quanta-bg-dark-hover);
      border-color: var(--quanta-border-dark-hover);
      color: var(--quanta-text-dark);
    }

    .quanta-file-upload-modern .quanta-file-upload-icon {
      color: var(--quanta-text-muted);
    }
  }

  /* ─── Responsive Design for File Uploads (5 Breakpoints) ─────────── */
  @media (max-width: 640px) {
    .quanta-file-upload,
    .quanta-file-upload-modern {
      width: 100%;
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-file-upload,
    .quanta-file-upload-modern {
      width: 100%;
      height: 120px;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-file-upload,
    .quanta-file-upload-modern {
      width: 100%;
      height: 140px;
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-file-upload,
    .quanta-file-upload-modern {
      width: 100%;
      height: 160px;
    }
  }

  @media (min-width: 1281px) {
    .quanta-file-upload,
    .quanta-file-upload-modern {
      width: 100%;
      height: 180px;
    }
  }
}

/* src/components/footer.css */
@layer components.footer {
  .quanta-footer {
    background: var(--quanta-bg-muted);
    padding: var(--quanta-space-6);
    display: flex;
    flex-wrap: wrap;
    gap: var(--quanta-space-6);
    justify-content: space-between;
  }
  .quanta-footer-col { flex: 1 1 200px; }
  .quanta-footer h4 { margin-bottom: var(--quanta-space-3); }
  .quanta-footer a { text-decoration: none; color: var(--quanta-text-default); }

  html[data-theme="dark"] .quanta-footer { background: var(--quanta-bg-emphasis); }

  @media (max-width:640px) { .quanta-footer { flex-direction: column; } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* src/components/form.css */
@layer components.form {
  /* ─── Form Layout ─────────────────────────────────────────── */
  .quanta-form {
    display: flex;
    flex-direction: column;
    gap: var(--quanta-space-5);
    max-width: 600px;
    margin-inline: auto;
  }

  .quanta-form-group {
    display: flex;
    flex-direction: column;
    gap: var(--quanta-space-2);
  }

  .quanta-form-label {
    font-family: var(--quanta-font-primary);
    font-size: var(--quanta-text-sm);
    color: var(--quanta-text-default);
    font-weight: 500;
  }

  /* ─── Text Inputs & Textarea & Select ────────────────────── */
  .quanta-form-input,
  .quanta-form-textarea,
  .quanta-form-select {
    display: block;
    width: 100%;
    padding: var(--quanta-space-2) var(--quanta-space-3);
    font-family: var(--quanta-font-secondary);
    font-size: var(--quanta-text-base);
    color: var(--quanta-text-default);
    background: var(--quanta-bg-default);
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-rounded-md);
    transition: border-color var(--quanta-transition-fast), background-color var(--quanta-transition-fast);
  }
  .quanta-form-input:focus,
  .quanta-form-textarea:focus,
  .quanta-form-select:focus {
    outline: none;
    border-color: var(--quanta-primary);
  }
  .quanta-form-textarea {
    resize: vertical;
    min-height: 120px;
  }
  .quanta-form-select {
    appearance: none;
    background-image:
      url("data:image/svg+xml,%3Csvg fill='%236B7280' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5H5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--quanta-space-3) center;
    background-size: var(--quanta-space-4) var(--quanta-space-4);
    padding-right: var(--quanta-space-10);
  }

  /* ─── Search Variant ─────────────────────────────────────── */
  .quanta-form-search {
    position: relative;
  }
  .quanta-form-search .quanta-form-input {
    padding-left: calc(var(--quanta-space-10) + var(--quanta-space-1));
  }
  .quanta-form-search::before {
    content: "";
    position: absolute;
    top: 50%; left: var(--quanta-space-3);
    transform: translateY(-50%);
    width: var(--quanta-space-4);
    height: var(--quanta-space-4);
    background-image:
      url("data:image/svg+xml,%3Csvg stroke='%236B7280' stroke-width='4' viewBox='0 0 24 24'%3E%3Cpath d='M21 21l-4.35-4.35M11 19a8 8 0 100-16 8 8 0 000 16z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
  }

  /* ─── Checkbox ───────────────────────────────────────────── */
  .quanta-checkbox {
    display: inline-flex;
    align-items: center;
    gap: var(--quanta-space-2);
    cursor: pointer;
    user-select: none;
    position: relative;
  }
  .quanta-checkbox-input {
    position: absolute;
    opacity: 0;
    width: 0; height: 0;
  }
  .quanta-checkbox-box {
    width: var(--quanta-space-4);
    height: var(--quanta-space-4);
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-rounded-md);
    background: var(--quanta-bg-default);
    position: relative;
    overflow: hidden;
    transition: background-color var(--quanta-transition-fast), border-color var(--quanta-transition-fast);
  }
  .quanta-checkbox-box::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    width: var(--quanta-space-3);
    height: var(--quanta-space-3);
    background-image:
      url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13l4 4l10-10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: var(--quanta-space-3) var(--quanta-space-3);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity var(--quanta-transition-fast);
  }
  .quanta-checkbox-input:checked + .quanta-checkbox-box {
    background: var(--quanta-primary);
    border-color: var(--quanta-primary);
  }
  .quanta-checkbox-input:checked + .quanta-checkbox-box::after {
    opacity: 1;
  }
  .quanta-checkbox-label {
    font-size: var(--quanta-text-base);
    color: var(--quanta-text-default);
    cursor: pointer;
    margin: 0;
  }

  /* ─── Radio ─────────────────────────────────────────────── */
  .quanta-radio {
    display: inline-flex;
    align-items: center;
    gap: var(--quanta-space-2);
    cursor: pointer;
    user-select: none;
    position: relative;
  }
  .quanta-radio-input {
    position: absolute;
    opacity: 0;
    width: 0; height: 0;
  }
  .quanta-radio-box {
    width: var(--quanta-space-4);
    height: var(--quanta-space-4);
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: 50%;
    background: var(--quanta-bg-default);
    position: relative;
    overflow: hidden;
    transition: background-color var(--quanta-transition-fast), border-color var(--quanta-transition-fast);
  }
  .quanta-radio-box::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    width: var(--quanta-space-2);
    height: var(--quanta-space-2);
    background: var(--quanta-bg-default);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform var(--quanta-transition-fast);
  }
  .quanta-radio-input:checked + .quanta-radio-box {
    background: var(--quanta-primary);
    border-color: var(--quanta-primary);
  }
  .quanta-radio-input:checked + .quanta-radio-box::after {
    transform: translate(-50%, -50%) scale(1);
  }
  .quanta-radio-label {
    font-size: var(--quanta-text-base);
    color: var(--quanta-text-default);
    cursor: pointer;
    margin: 0;
  }

  /* ─── Switch ─────────────────────────────────────────────── */
  .quanta-switch {
    display: inline-block;
    position: relative;
    width: 42px;
    height: 24px;
  }
  .quanta-switch-input {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
  }
  .quanta-switch-slider {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--quanta-slate-100);
    border-radius: var(--quanta-rounded-full);
    transition: background-color var(--quanta-transition-fast);
  }
  .quanta-switch-slider::before {
    content: "";
    position: absolute;
    width: 18px; height: 18px;
    left: 3px; bottom: 3px;
    background: var(--quanta-bg-default);
    border-radius: 50%;
    transition: transform var(--quanta-transition-fast);
  }
  .quanta-switch-input:checked + .quanta-switch-slider {
    background: var(--quanta-primary);
  }
  .quanta-switch-input:checked + .quanta-switch-slider::before {
    transform: translateX(18px);
  }

  /* ─── Dark Mode Overrides ───────────────────────────────── */
  html[data-theme="dark"] .quanta-form-input,
  html[data-theme="dark"] .quanta-form-textarea,
  html[data-theme="dark"] .quanta-form-select,
  html[data-theme="dark"] .quanta-form-search .quanta-form-input {
    background: var(--quanta-bg-emphasis);
    color: var(--quanta-text-default);
    border-color: var(--quanta-border-color);
  }
  html[data-theme="dark"] .quanta-checkbox-box,
  html[data-theme="dark"] .quanta-radio-box {
    background: var(--quanta-bg-emphasis);
    border-color: var(--quanta-border-color);
  }
  html[data-theme="dark"] .quanta-checkbox-input:checked + .quanta-checkbox-box,
  html[data-theme="dark"] .quanta-radio-input:checked + .quanta-radio-box,
  html[data-theme="dark"] .quanta-switch-input:checked + .quanta-switch-slider {
    background: var(--quanta-primary);
    border-color: var(--quanta-primary);
  }
  html[data-theme="dark"] .quanta-switch-slider {
    background: var(--quanta-grey-600);
  }
  html[data-theme="dark"] .quanta-form-search::before {
    filter: brightness(0.85);
  }
}
/* src/components/gallery.css */
@layer components.gallery {
  .quanta-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: var(--quanta-space-4);
  }
  .quanta-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: var(--quanta-rounded-md);
  }
  .quanta-gallery-item img {
    width: 100%;
    height: auto;
    transition: transform 0.3s;
  }
  .quanta-gallery-item:hover img {
    transform: scale(1.1);
  }
  /* Lightbox */
  .quanta-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.8);
    align-items: center;
    justify-content: center;
    z-index: 10000;
  }
  .quanta-lightbox.active {
    display: flex;
  }
  .quanta-lightbox img {
    max-width: 90%;
    max-height: 90%;
    border-radius: var(--quanta-rounded-md);
  }
  .quanta-lightbox-close {
    position: absolute;
    top: var(--quanta-space-4);
    right: var(--quanta-space-4);
    font-size: var(--quanta-text-2xl);
    color: #fff;
    cursor: pointer;
  }

  @media (max-width:640px) { .quanta-gallery { gap: var(--quanta-space-2); } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* src/components/hero.css */
@layer components.hero {
  .quanta-hero {
    position: relative;
    padding: var(--quanta-space-12) var(--quanta-space-4);
    text-align: center;
    background-size: cover;
    background-position: center;
    color: var(--quanta-text-light);
  }
  .quanta-hero-title { font-size: var(--quanta-text-4xl); margin-bottom: var(--quanta-space-4); }
  .quanta-hero-sub { font-size: var(--quanta-text-xl); margin-bottom: var(--quanta-space-6); }
  .quanta-hero-cta {
    display: inline-block;
    padding: var(--quanta-space-3) var(--quanta-space-6);
    background: var(--quanta-primary);
    border-radius: var(--quanta-rounded-md);
  }

  html[data-theme="dark"] .quanta-hero { color: var(--quanta-text-light); }

  @media (max-width:640px) {
    .quanta-hero-title { font-size: var(--quanta-text-2xl); }
    .quanta-hero-sub { font-size: var(--quanta-text-lg); }
  }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* src/components/lists.css */
@layer components.lists {
  /* ─── Base List Styles ──────────────────────────────────────────── */
  .quanta-list {
    padding: 0;
    margin: 0;
    list-style: none; /* Remove default bullet points for all lists */
  }

  /* ─── Unordered Lists (Bullets) ──────────────────────────────────── */
  .quanta-list-bullets {
    list-style-type: disc;
    padding-left: var(--quanta-space-4);
  }

  .quanta-list-bullets li {
    margin-bottom: var(--quanta-space-2);
    font-size: var(--quanta-text-base);
    color: var(--quanta-text-default);
  }

  /* Custom Bullets (For advanced users) */
  .quanta-list-bullets.custom-bullet li {
    list-style-type: none;
    position: relative;
  }

  .quanta-list-bullets.custom-bullet li::before {
    content: '•'; /* Change the bullet symbol */
    position: absolute;
    left: -1.5em;
    color: var(--quanta-accent-color);
    font-size: 1.2em;
  }

  /* ─── Ordered Lists (Numbers) ────────────────────────────────────── */
  .quanta-list-numbers {
    list-style-type: decimal;
    padding-left: var(--quanta-space-4);
  }

  .quanta-list-numbers li {
    margin-bottom: var(--quanta-space-2);
    font-size: var(--quanta-text-base);
    color: var(--quanta-text-default);
  }

  /* Custom Ordered List (Roman numerals, letters) */
  .quanta-list-numbers.roman {
    list-style-type: upper-roman;
  }

  .quanta-list-numbers.alpha {
    list-style-type: upper-alpha;
  }

  /* ─── List Groups ────────────────────────────────────────────────── */
  .quanta-list-group {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-rounded-md);
    background-color: var(--quanta-bg-default);
  }

  .quanta-list-group-item {
    padding: var(--quanta-space-3) var(--quanta-space-4);
    border-bottom: var(--quanta-border-width) solid var(--quanta-border-color);
    display: flex;
    align-items: center;
    font-size: var(--quanta-text-base);
    color: var(--quanta-text-default);
  }

  .quanta-list-group-item:last-child {
    border-bottom: none;
  }

  /* List Group Hover Effects */
  .quanta-list-group-item:hover {
    background-color: var(--quanta-bg-hover);
    cursor: pointer;
  }

  .quanta-list-group-item:active {
    background-color: var(--quanta-bg-active);
  }

  /* ─── Dark Mode Support ─────────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-list-bullets,
    .quanta-list-numbers,
    .quanta-list-group {
      color: var(--quanta-text-dark);
    }

    .quanta-list-group-item {
      background-color: var(--quanta-bg-dark-default);
      border-color: var(--quanta-border-dark-color);
    }

    .quanta-list-group-item:hover {
      background-color: var(--quanta-bg-dark-hover);
    }

    .quanta-list-group-item:active {
      background-color: var(--quanta-bg-dark-active);
    }

    .quanta-list-group-item:last-child {
      background-color: var(--quanta-bg-dark-emphasis);
    }
  }

  /* ─── Responsive Design (5 Breakpoints) ────────────────────────── */
  @media (max-width: 640px) {
    .quanta-list-group {
      flex-direction: column;
    }

    .quanta-list-group-item {
      padding: var(--quanta-space-2) var(--quanta-space-3);
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-list-group {
      flex-direction: column;
    }

    .quanta-list-group-item {
      padding: var(--quanta-space-2) var(--quanta-space-4);
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-list-group {
      flex-direction: column;
    }

    .quanta-list-group-item {
      padding: var(--quanta-space-3) var(--quanta-space-5);
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-list-group {
      flex-direction: row;
      align-items: center;
    }

    .quanta-list-group-item {
      padding: var(--quanta-space-3) var(--quanta-space-6);
    }
  }

  @media (min-width: 1281px) {
    .quanta-list-group {
      flex-direction: row;
      align-items: center;
    }

    .quanta-list-group-item {
      padding: var(--quanta-space-3) var(--quanta-space-6);
    }
  }

  /* ─── Utility Classes for Lists ─────────────────────────────────── */
  .quanta-list-indent-1 {
    padding-left: var(--quanta-space-5);
  }

  .quanta-list-indent-2 {
    padding-left: var(--quanta-space-6);
  }

  .quanta-list-indent-3 {
    padding-left: var(--quanta-space-7);
  }

  .quanta-list-no-margin {
    margin: 0;
  }

  .quanta-list-no-padding {
    padding: 0;
  }

  .quanta-list-rounded {
    border-radius: var(--quanta-rounded-md);
  }

  /* Custom Styles for List Items (Icon support, etc.) */
  .quanta-list-item-icon {
    margin-right: var(--quanta-space-2);
  }

  .quanta-list-item-icon svg {
    width: 1.5em;
    height: 1.5em;
    fill: var(--quanta-accent-color);
  }
}

/* src/components/megamenu.css */
@layer components.megamenu {
  .quanta-megamenu {
    position: relative;
  }
  .quanta-megamenu-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    background: var(--quanta-bg-default);
    padding: var(--quanta-space-6);
    box-shadow: var(--quanta-shadow-lg);
  }
  .quanta-megamenu:hover .quanta-megamenu-content,
  .quanta-megamenu.show .quanta-megamenu-content {
    display: block;
  }
  html[data-theme="dark"] .quanta-megamenu-content { background: var(--quanta-bg-emphasis); }

  @media (max-width:640px) { .quanta-megamenu-content { position: static; width: auto; } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* src/components/modal.css */
@layer components.quanta-modal {
  /* ─── Modal Overlay ────────────────────────────────────────── */
  .quanta-modal-backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 50;
    display: none;
  }

  .quanta-modal-backdrop.active {
    display: block;
  }

  /* ─── Modal Container ──────────────────────────────────────── */
  .quanta-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--quanta-bg-default);
    color: var(--quanta-text-default);
    border-radius: var(--quanta-rounded);
    box-shadow: var(--quanta-shadow-xl);
    width: 90%;
    max-width: 32rem;
    z-index: 60;
    display: none;
    flex-direction: column;
    overflow: hidden;
    transition: opacity var(--quanta-transition-normal) ease;
  }

  .quanta-modal.active {
    display: flex;
  }

  /* ─── Modal Header ─────────────────────────────────────────── */
  .quanta-modal-header {
    padding: var(--quanta-space-4);
    border-bottom: var(--quanta-border-width) solid var(--quanta-border-color);
    font-family: var(--quanta-font-primary);
    font-size: var(--quanta-heading-size);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* ─── Modal Body ───────────────────────────────────────────── */
  .quanta-modal-body {
    padding: var(--quanta-space-4);
    font-size: var(--quanta-body-size);
    font-family: var(--quanta-font-secondary);
    line-height: var(--quanta-body-line-height);
  }

  /* ─── Modal Footer ─────────────────────────────────────────── */
  .quanta-modal-footer {
    padding: var(--quanta-space-4);
    border-top: var(--quanta-border-width) solid var(--quanta-border-color);
    display: flex;
    justify-content: flex-end;
    gap: var(--quanta-space-2);
  }

  /* ─── Modal Close Button ───────────────────────────────────── */
  .quanta-modal-close {
    background: none;
    border: none;
    font-size: var(--quanta-text-lg);
    cursor: pointer;
    color: var(--quanta-text-default);
  }

  .quanta-modal-close:hover {
    color: var(--quanta-primary);
  }

  /* ─── Dark Mode Adjustments ────────────────────────────────── */
  html[data-theme="dark"] .quanta-modal {
    box-shadow: var(--quanta-shadow-2xl);
  }

  /* ─── Mobile-First Styles ──────────────────────────────────── */
  /* Base styles for mobile devices */
  .quanta-modal {
    width: 90%; /* Full width for smaller devices */
    max-width: 32rem;
    padding: var(--quanta-space-3); /* Adjust padding for mobile */
  }

  .quanta-modal-header {
    font-size: var(--quanta-heading-size); /* Default smaller font-size on mobile */
  }

  .quanta-modal-body {
    font-size: var(--quanta-body-size); /* Default font size for body */
  }

  .quanta-modal-footer {
    padding-top: var(--quanta-space-3); /* Reduced footer padding */
  }

  /* ─── Responsive Adjustments ─────────────────────────────────── */
  /* 1. Small Tablets (min-width: 600px) */
  @media (min-width: 600px) {
    .quanta-modal {
      width: 85%; /* Slightly narrower on small tablets */
    }

    .quanta-modal-header {
      font-size: var(--quanta-heading-size-md); /* Slightly larger heading */
    }

    .quanta-modal-body {
      font-size: var(--quanta-body-size-md); /* Slightly larger body text */
    }

    .quanta-modal-footer {
      padding-top: var(--quanta-space-4); /* Slightly more padding */
    }
  }

  /* 2. Tablets (min-width: 768px) */
  @media (min-width: 768px) {
    .quanta-modal {
      width: 75%; /* More space on larger tablets */
      padding: var(--quanta-space-4); /* More padding on tablets */
    }

    .quanta-modal-header {
      font-size: var(--quanta-heading-size-lg); /* Larger heading on tablets */
    }

    .quanta-modal-body {
      font-size: var(--quanta-body-size-lg); /* Larger text for body */
    }

    .quanta-modal-footer {
      padding-top: var(--quanta-space-5); /* Adjust footer padding */
    }
  }

  /* 3. Laptops (min-width: 1024px) */
  @media (min-width: 1024px) {
    .quanta-modal {
      width: 50%; /* Even more space on laptops */
    }

    .quanta-modal-header {
      font-size: var(--quanta-heading-size-xl); /* Extra large heading */
    }

    .quanta-modal-body {
      font-size: var(--quanta-body-size-xl); /* Larger body text */
    }

    .quanta-modal-footer {
      gap: var(--quanta-space-3); /* Increase footer gap */
    }
  }

  /* 4. Large Desktops (min-width: 1280px) */
  @media (min-width: 1280px) {
    .quanta-modal {
      width: 40%; /* Larger screens get more space */
    }

    .quanta-modal-header {
      font-size: var(--quanta-heading-size-2xl); /* Huge heading */
    }

    .quanta-modal-body {
      font-size: var(--quanta-body-size-2xl); /* Very large body text */
    }

    .quanta-modal-footer {
      gap: var(--quanta-space-4); /* Larger gap in footer */
    }
  }

  /* 5. Huge Displays (min-width: 1600px) */
  @media (min-width: 1600px) {
    .quanta-modal {
      width: 35%; /* Ultra-wide screens get even more space */
    }

    .quanta-modal-header {
      font-size: var(--quanta-heading-size-3xl); /* Extra huge heading */
    }

    .quanta-modal-body {
      font-size: var(--quanta-body-size-3xl); /* Extra large body text */
    }

    .quanta-modal-footer {
      gap: var(--quanta-space-5); /* Large gap in footer */
    }
  }
}
/* src/components/navbar.css */
@layer components.navbar {
  .quanta-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--quanta-space-4);
    background: var(--quanta-bg-default);
    box-shadow: var(--quanta-shadow-sm);
  }
  .quanta-navbar .quanta-brand { font-size: var(--quanta-text-lg); font-weight: bold; }
  .quanta-navbar .quanta-nav {
    display: flex;
    gap: var(--quanta-space-4);
  }
  .quanta-navbar .quanta-nav-link {
    text-decoration: none;
    color: var(--quanta-text-default);
    transition: color var(--quanta-transition-fast);
  }
  .quanta-navbar .quanta-nav-link:hover { color: var(--quanta-primary); }

  html[data-theme="dark"] .quanta-navbar { background: var(--quanta-bg-emphasis); }
  html[data-theme="dark"] .quanta-nav-link { color: var(--quanta-text-light); }

  @media (max-width:640px) { .quanta-navbar .quanta-nav { display: none; } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* src/components/notifications.css */
@layer components.notifications {
  .quanta-toast-container {
    position: fixed;
    top: var(--quanta-space-4);
    right: var(--quanta-space-4);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: var(--quanta-space-3);
    max-width: 90vw;
    width: 320px;
    pointer-events: none;
  }

  .quanta-toast {
    background-color: var(--quanta-bg-default);
    color: var(--quanta-text-default);
    border-left: 4px solid var(--quanta-primary);
    border-radius: var(--quanta-rounded-md);
    padding: var(--quanta-space-3) var(--quanta-space-4);
    box-shadow: var(--quanta-shadow-md);
    font-size: var(--quanta-text-sm);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--quanta-space-2);
    animation: quanta-fade-in 0.4s ease forwards;
    pointer-events: auto;
  }

  .quanta-toast.quanta-success {
    border-color: var(--quanta-success);
  }

  .quanta-toast.quanta-error {
    border-color: var(--quanta-danger);
  }

  .quanta-toast.quanta-warning {
    border-color: var(--quanta-warning);
  }

  .quanta-toast.quanta-info {
    border-color: var(--quanta-info);
  }

  .quanta-toast .quanta-toast-close {
    background: none;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    color: var(--quanta-text-muted);
    transition: color 0.3s;
  }

  .quanta-toast .quanta-toast-close:hover {
    color: var(--quanta-text-default);
  }

  /* Animations */
  @keyframes quanta-fade-in {
    from {
      opacity: 0;
      transform: translateY(-20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes quanta-fade-out {
    from {
      opacity: 1;
      transform: translateY(0);
    }
    to {
      opacity: 0;
      transform: translateY(-20px);
    }
  }

  /* Dark Mode Support */
  html[data-theme='dark'] {
    .quanta-toast {
      background-color: var(--quanta-bg-emphasis);
      color: var(--quanta-text-light);
    }

    .quanta-toast .quanta-toast-close {
      color: var(--quanta-grey-400);
    }

    .quanta-toast .quanta-toast-close:hover {
      color: var(--quanta-grey-200);
    }
  }

  /* ─── Responsive Media Queries ─────────────────────────────────── */
  @media (max-width: 640px) {
    .quanta-toast-container {
      left: var(--quanta-space-2);
      right: var(--quanta-space-2);
      width: auto;
      top: var(--quanta-space-3);
    }

    .quanta-toast {
      font-size: var(--quanta-text-xs);
      padding: var(--quanta-space-2) var(--quanta-space-3);
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-toast-container {
      width: 280px;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-toast-container {
      width: 300px;
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-toast-container {
      width: 320px;
    }
  }

  @media (min-width: 1281px) {
    .quanta-toast-container {
      width: 360px;
    }
  }
}

/* src/components/pagination.css */
@layer components.pagination {
  /* ─── Base Pagination Styling ──────────────────────────────────── */
  .quanta-pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center; /* Center pagination by default */
    flex-wrap: wrap;
  }

  .quanta-pagination-item {
    margin: var(--quanta-space-1);
  }

  .quanta-pagination-link {
    display: inline-block;
    padding: var(--quanta-space-2) var(--quanta-space-4);
    background-color: var(--quanta-bg-default);
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-rounded-md);
    color: var(--quanta-text-default);
    text-decoration: none;
    font-size: var(--quanta-text-base);
    transition: background-color var(--quanta-transition-fast), color var(--quanta-transition-fast);
    cursor: pointer;
  }

  .quanta-pagination-link:hover,
  .quanta-pagination-link:focus {
    background-color: var(--quanta-bg-hover);
    color: var(--quanta-text-light);
  }

  .quanta-pagination-link:active {
    background-color: var(--quanta-bg-active);
  }

  /* ─── Pagination Disabled Styling ───────────────────────────────── */
  .quanta-pagination-link.disabled,
  .quanta-pagination-item.disabled .quanta-pagination-link {
    background-color: var(--quanta-bg-disabled);
    color: var(--quanta-text-disabled);
    cursor: not-allowed;
  }

  /* ─── Pagination Active Link Styling ────────────────────────────── */
  .quanta-pagination-link.active {
    background-color: var(--quanta-bg-emphasis);
    color: var(--quanta-text-light);
    font-weight: var(--quanta-font-weight-bold);
  }

  /* ─── Pagination First, Last, Previous, Next Styling ───────────── */
  .quanta-pagination-first,
  .quanta-pagination-last,
  .quanta-pagination-prev,
  .quanta-pagination-next {
    padding: var(--quanta-space-2) var(--quanta-space-4);
    font-weight: var(--quanta-font-weight-medium);
  }

  /* ─── Pagination Icons ─────────────────────────────────────────── */
  .quanta-pagination-first .quanta-pagination-link,
  .quanta-pagination-prev .quanta-pagination-link,
  .quanta-pagination-next .quanta-pagination-link,
  .quanta-pagination-last .quanta-pagination-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* ─── Dark Mode Support ────────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-pagination-link {
      background-color: var(--quanta-bg-dark-default);
      border-color: var(--quanta-border-dark-color);
      color: var(--quanta-text-dark);
    }

    .quanta-pagination-link:hover,
    .quanta-pagination-link:focus {
      background-color: var(--quanta-bg-dark-hover);
      color: var(--quanta-text-light);
    }

    .quanta-pagination-link:active {
      background-color: var(--quanta-bg-dark-active);
    }

    .quanta-pagination-link.disabled {
      background-color: var(--quanta-bg-dark-disabled);
      color: var(--quanta-text-dark-disabled);
    }

    .quanta-pagination-link.active {
      background-color: var(--quanta-bg-dark-emphasis);
      color: var(--quanta-text-light);
    }
  }

  /* ─── Responsive Design (5 Breakpoints) ────────────────────────── */
  @media (max-width: 640px) {
    .quanta-pagination {
      flex-direction: column;
      align-items: center;
    }

    .quanta-pagination-item {
      margin: var(--quanta-space-1);
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-pagination {
      flex-direction: row;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-pagination {
      flex-direction: row;
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-pagination {
      flex-direction: row;
    }
  }

  @media (min-width: 1281px) {
    .quanta-pagination {
      flex-direction: row;
    }
  }

  /* ─── Utility Classes for Pagination ──────────────────────────── */
  /* Flexibility for pagination alignment and styling */
  .quanta-pagination-center {
    justify-content: center;
  }

  .quanta-pagination-start {
    justify-content: flex-start;
  }

  .quanta-pagination-end {
    justify-content: flex-end;
  }

  .quanta-pagination-space-between {
    justify-content: space-between;
  }

  .quanta-pagination-space-around {
    justify-content: space-around;
  }

  .quanta-pagination-space-evenly {
    justify-content: space-evenly;
  }

  .quanta-pagination-no-wrap {
    flex-wrap: nowrap;
  }

  .quanta-pagination-wrap {
    flex-wrap: wrap;
  }

  /* Responsive Wrapping */
  @media (max-width: 640px) {
    .quanta-pagination-wrap {
      flex-wrap: wrap;
    }
  }

  /* Pagination Size Utility Classes */
  .quanta-pagination-small .quanta-pagination-link {
    padding: var(--quanta-space-1) var(--quanta-space-2);
    font-size: var(--quanta-text-sm);
  }

  .quanta-pagination-large .quanta-pagination-link {
    padding: var(--quanta-space-3) var(--quanta-space-6);
    font-size: var(--quanta-text-lg);
  }

  /* ─── Icon Styles for Pagination (for First, Previous, Next, Last) ─── */
  .quanta-pagination-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .quanta-pagination-prev-icon,
  .quanta-pagination-next-icon,
  .quanta-pagination-first-icon,
  .quanta-pagination-last-icon {
    font-size: var(--quanta-text-base);
    margin: 0 var(--quanta-space-1);
  }
}

/* src/components/popovers.css */
@layer components.popovers {
  /* ─── Base Popover Styles ───────────────────────────────────────── */
  .quanta-popover {
    position: absolute;
    z-index: var(--quanta-z-index-10);
    max-width: 320px;
    width: auto;
    background-color: var(--quanta-bg-default);
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-rounded-md);
    padding: var(--quanta-space-4);
    box-shadow: var(--quanta-shadow-lg);
    font-size: var(--quanta-text-sm);
    color: var(--quanta-text-default);
    display: none; /* Hidden by default */
    opacity: 0;
    pointer-events: none; /* Prevent interaction when hidden */
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  /* Popover Content */
  .quanta-popover-content {
    font-size: var(--quanta-text-base);
    color: var(--quanta-text-default);
  }

  .quanta-popover-header {
    font-size: var(--quanta-text-lg);
    font-weight: bold;
    margin-bottom: var(--quanta-space-2);
    color: var(--quanta-text-accent);
  }

  .quanta-popover-body {
    margin-bottom: var(--quanta-space-3);
    line-height: 1.5;
  }

  .quanta-popover-footer {
    font-size: var(--quanta-text-xs);
    text-align: right;
    color: var(--quanta-text-muted);
  }

  /* Arrow styles for popover */
  .quanta-popover-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-left: var(--quanta-border-width) solid transparent;
    border-right: var(--quanta-border-width) solid transparent;
    border-top: var(--quanta-border-width) solid var(--quanta-bg-default);
  }

  /* Popover Placement - Top */
  .quanta-popover-top {
    transform: translateY(-10px);
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
  }

  .quanta-popover-top .quanta-popover-arrow {
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-top: none;
    border-bottom: var(--quanta-border-width) solid var(--quanta-bg-default);
  }

  /* Popover Placement - Bottom */
  .quanta-popover-bottom {
    transform: translateY(10px);
    top: 100%;
    left: 50%;
    margin-left: -10px;
  }

  .quanta-popover-bottom .quanta-popover-arrow {
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-bottom: none;
    border-top: var(--quanta-border-width) solid var(--quanta-bg-default);
  }

  /* Popover Placement - Left */
  .quanta-popover-left {
    transform: translateX(-10px);
    top: 50%;
    right: 100%;
    margin-top: -10px;
  }

  .quanta-popover-left .quanta-popover-arrow {
    right: 100%;
    top: 50%;
    margin-top: -10px;
    border-left: none;
    border-right: var(--quanta-border-width) solid var(--quanta-bg-default);
  }

  /* Popover Placement - Right */
  .quanta-popover-right {
    transform: translateX(10px);
    top: 50%;
    left: 100%;
    margin-top: -10px;
  }

  .quanta-popover-right .quanta-popover-arrow {
    left: 100%;
    top: 50%;
    margin-top: -10px;
    border-right: none;
    border-left: var(--quanta-border-width) solid var(--quanta-bg-default);
  }

  /* ─── Dark Mode Support ───────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-popover {
      background-color: var(--quanta-bg-dark-default);
      border-color: var(--quanta-border-dark-color);
      color: var(--quanta-text-dark);
    }

    .quanta-popover-arrow {
      border-top-color: var(--quanta-bg-dark-default);
      border-bottom-color: var(--quanta-bg-dark-default);
      border-left-color: var(--quanta-bg-dark-default);
      border-right-color: var(--quanta-bg-dark-default);
    }
  }

  /* ─── Responsive Design (5 Breakpoints) ─────────────────────────── */
  @media (max-width: 640px) {
    .quanta-popover {
      max-width: 100%;
      padding: var(--quanta-space-2);
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-popover {
      max-width: 320px;
      padding: var(--quanta-space-3);
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-popover {
      max-width: 350px;
      padding: var(--quanta-space-4);
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-popover {
      max-width: 400px;
      padding: var(--quanta-space-5);
    }
  }

  @media (min-width: 1281px) {
    .quanta-popover {
      max-width: 450px;
      padding: var(--quanta-space-6);
    }
  }

  /* ─── Utility Classes for Popovers ───────────────────────────────── */
  .quanta-popover-animated {
    animation: fadeIn 0.3s ease-out;
  }

  /* Custom positioning utility classes */
  .quanta-popover-top-left {
    top: 0;
    left: 0;
    transform: translate(-10px, -10px);
  }

  .quanta-popover-top-right {
    top: 0;
    right: 0;
    transform: translate(10px, -10px);
  }

  .quanta-popover-bottom-left {
    bottom: 0;
    left: 0;
    transform: translate(-10px, 10px);
  }

  .quanta-popover-bottom-right {
    bottom: 0;
    right: 0;
    transform: translate(10px, 10px);
  }

  /* ─── Animation Keyframes ───────────────────────────────────────── */
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/* src/components/pricing.css */
@layer components.pricing {
  .quanta-pricing {
    display: flex;
    flex-wrap: wrap;
    gap: var(--quanta-space-6);
    justify-content: center;
  }
  .quanta-plan {
    background: var(--quanta-bg-default);
    border-radius: var(--quanta-rounded-md);
    padding: var(--quanta-space-6);
    flex: 1 1 240px;
    text-align: center;
    box-shadow: var(--quanta-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: var(--quanta-space-4);
  }
  .quanta-plan-title { font-size: var(--quanta-text-xl); font-weight: 600; }
  .quanta-plan-price { font-size: var(--quanta-text-3xl); font-weight: bold; }
  .quanta-plan-features { list-style: none; padding: 0; margin: 0; }
  .quanta-plan-features li { margin-bottom: var(--quanta-space-2); }
  .quanta-plan-cta { margin-top: auto; }

  html[data-theme="dark"] .quanta-plan { background: var(--quanta-bg-emphasis); }

  @media (max-width:640px) { .quanta-plan { padding: var(--quanta-space-4); } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* src/components/progress-bars.css */
@layer components.progress-bars {
  /* ─── Base Progress Bar Styles ─────────────────────────────────── */
  .quanta-progress-bar {
    position: relative;
    height: 20px;
    width: 100%;
    background-color: var(--quanta-bg-muted);
    border-radius: var(--quanta-rounded-sm);
    overflow: hidden;
    box-shadow: var(--quanta-shadow-sm);
  }

  .quanta-progress-bar-inner {
    height: 100%;
    width: 0; /* Default to 0% progress */
    background-color: var(--quanta-bg-primary);
    border-radius: var(--quanta-rounded-sm);
    transition: width 0.3s ease-in-out;
  }

  .quanta-progress-bar-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--quanta-text-xs);
    font-weight: bold;
    color: var(--quanta-text-white);
  }

  /* ─── Success Progress Bar ─────────────────────────────────────── */
  .quanta-progress-bar-success .quanta-progress-bar-inner {
    background-color: var(--quanta-bg-success);
  }

  /* ─── Info Progress Bar ────────────────────────────────────────── */
  .quanta-progress-bar-info .quanta-progress-bar-inner {
    background-color: var(--quanta-bg-info);
  }

  /* ─── Warning Progress Bar ─────────────────────────────────────── */
  .quanta-progress-bar-warning .quanta-progress-bar-inner {
    background-color: var(--quanta-bg-warning);
  }

  /* ─── Danger Progress Bar ──────────────────────────────────────── */
  .quanta-progress-bar-danger .quanta-progress-bar-inner {
    background-color: var(--quanta-bg-danger);
  }

  /* ─── Animated Progress Bar ────────────────────────────────────── */
  .quanta-progress-bar-animated .quanta-progress-bar-inner {
    animation: progress-bar-animate 1.5s linear infinite;
  }

  @keyframes progress-bar-animate {
    0% {
      width: 0%;
    }
    50% {
      width: 50%;
    }
    100% {
      width: 100%;
    }
  }

  /* ─── Dark Mode Support ─────────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-progress-bar {
      background-color: var(--quanta-bg-dark-muted);
    }

    .quanta-progress-bar-inner {
      background-color: var(--quanta-bg-dark-primary);
    }

    .quanta-progress-bar-success .quanta-progress-bar-inner {
      background-color: var(--quanta-bg-dark-success);
    }

    .quanta-progress-bar-info .quanta-progress-bar-inner {
      background-color: var(--quanta-bg-dark-info);
    }

    .quanta-progress-bar-warning .quanta-progress-bar-inner {
      background-color: var(--quanta-bg-dark-warning);
    }

    .quanta-progress-bar-danger .quanta-progress-bar-inner {
      background-color: var(--quanta-bg-dark-danger);
    }
  }

  /* ─── Responsive Design (5 Breakpoints) ─────────────────────────── */
  @media (max-width: 640px) {
    .quanta-progress-bar {
      height: 15px;
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-progress-bar {
      height: 18px;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-progress-bar {
      height: 20px;
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-progress-bar {
      height: 22px;
    }
  }

  @media (min-width: 1281px) {
    .quanta-progress-bar {
      height: 25px;
    }
  }

  /* ─── Utility Classes ───────────────────────────────────────────── */
  .quanta-progress-bar-striped .quanta-progress-bar-inner {
    background-size: 40px 40px;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  }

  /* Customizable width for progress */
  .quanta-progress-bar-half .quanta-progress-bar-inner {
    width: 50%;
  }

  .quanta-progress-bar-three-quarters .quanta-progress-bar-inner {
    width: 75%;
  }

  .quanta-progress-bar-full .quanta-progress-bar-inner {
    width: 100%;
  }
}

/* src/components/range-slider.css */
@layer components.rangeslider {

  /* ─── Base Range Slider Styles ──────────────────────────────────── */
  .quanta-range-slider {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: var(--quanta-bg-light);
    border-radius: var(--quanta-rounded-sm);
    overflow: hidden;
    margin: 20px 0;
  }

  /* Slider Track */
  .quanta-range-slider .quanta-track {
    width: 100%;
    height: 100%;
    background-color: var(--quanta-bg-muted);
    border-radius: var(--quanta-rounded-sm);
  }

  /* Range Slider Thumb */
  .quanta-range-slider .quanta-thumb {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--quanta-bg-primary);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    z-index: 2;
  }

  /* Hover State for Thumb */
  .quanta-range-slider .quanta-thumb:hover {
    background-color: var(--quanta-bg-secondary);
  }

  /* Active State for Thumb */
  .quanta-range-slider .quanta-thumb:active {
    transform: scale(1.2);
  }

  /* Slider Value Display */
  .quanta-range-slider .quanta-value {
    position: absolute;
    top: -30px;
    font-size: var(--quanta-font-size-sm);
    font-weight: bold;
    color: var(--quanta-text-primary);
    text-align: center;
    width: 100%;
  }

  /* ─── Dark Mode Support ─────────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-range-slider .quanta-track {
      background-color: var(--quanta-bg-dark-muted);
    }

    .quanta-range-slider .quanta-thumb {
      background-color: var(--quanta-bg-dark-primary);
    }

    .quanta-range-slider .quanta-thumb:hover {
      background-color: var(--quanta-bg-dark-secondary);
    }

    .quanta-range-slider .quanta-value {
      color: var(--quanta-text-light);
    }
  }

  /* ─── Responsive Design (5 Breakpoints) ──────────────────────────── */
  @media (max-width: 640px) {
    .quanta-range-slider {
      height: 6px;
    }

    .quanta-range-slider .quanta-thumb {
      width: 16px;
      height: 16px;
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-range-slider {
      height: 7px;
    }

    .quanta-range-slider .quanta-thumb {
      width: 18px;
      height: 18px;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-range-slider {
      height: 8px;
    }

    .quanta-range-slider .quanta-thumb {
      width: 20px;
      height: 20px;
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-range-slider {
      height: 8px;
    }

    .quanta-range-slider .quanta-thumb {
      width: 22px;
      height: 22px;
    }
  }

  @media (min-width: 1281px) {
    .quanta-range-slider {
      height: 8px;
    }

    .quanta-range-slider .quanta-thumb {
      width: 24px;
      height: 24px;
    }
  }
}

/* src/components/reset.css */
@layer components.reset {
  /* Core box‑sizing */
  *, *::before, *::after { box-sizing: border-box; }

  /* Reset margins, paddings, outlines */
  :where(html, body,
         h1, h2, h3, h4, h5, h6,
         p, blockquote, pre,
         ol, ul, li,
         dl, dt, dd,
         figure, figcaption,
         hr,
         fieldset, legend,
         input, button, select, textarea,
         table, th, td,
         img, video, canvas, svg,
         iframe, form, label, legend) {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
  }

  /* Make HTML5 elements block */
  :where(article, aside, footer, header, main, nav, section) {
    display: block;
  }

  /* Lists, quotes, tables, media */
  ol, ul { list-style: none; }
  blockquote, q   { quotes: none; }
  table           { border-collapse: collapse; border-spacing: 0; }
  img, video      { max-width: 100%; height: auto; display: block; }

  /* Form elements */
  button, input, select, textarea {
    font: inherit;
    color: inherit;
    background: transparent;
    appearance: none;
  }
  button::-moz-focus-inner { border: 0; padding: 0; }
  textarea { resize: vertical; }

  /* Links */
  a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font-size: inherit;
  }
  a:hover {
    text-decoration: underline;
  }
  a:not([href]):not([class]),
  a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
    cursor: default;
  }

  /* Scrollbars */
  ::-webkit-scrollbar {
    width: 6px; height: 6px;
  }

  /* Accessibility */
  :where(:focus-visible) {
    outline: 2px solid var(--quanta-focus, #4f46e5);
    outline-offset: 2px;
  }
}
/* src/components/search-filter.css */
@layer components.searchfilter {
  .quanta-searchbar {
    display: flex;
    gap: var(--quanta-space-2);
    flex-wrap: wrap;
    align-items: center;
  }
  .quanta-searchbar input,
  .quanta-searchbar select {
    padding: var(--quanta-space-2) var(--quanta-space-3);
    border: var(--quanta-border-width) solid var(--quanta-border-color);
    border-radius: var(--quanta-rounded-md);
    flex: 1 1 200px;
  }
  .quanta-searchbar button {
    padding: var(--quanta-space-2) var(--quanta-space-4);
    background: var(--quanta-primary);
    color: #fff;
    border: none;
    border-radius: var(--quanta-rounded-md);
    cursor: pointer;
  }
  html[data-theme="dark"] .quanta-searchbar input,
  html[data-theme="dark"] .quanta-searchbar select {
    background: var(--quanta-bg-emphasis);
    color: var(--quanta-text-light);
  }

  @media (max-width:640px) { .quanta-searchbar { flex-direction: column; } }
}

/* src/components/sidebar.css */
@layer components.sidebar {
  .quanta-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 260px;
    background-color: var(--quanta-bg-default);
    color: var(--quanta-text-default);
    box-shadow: var(--quanta-shadow-lg);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
  }

  .quanta-sidebar.collapsed {
    width: 72px;
  }

  .quanta-sidebar-hidden {
    transform: translateX(-100%);
  }

  .quanta-sidebar-header {
    font-size: var(--quanta-text-lg);
    font-weight: bold;
    padding: var(--quanta-space-4);
    border-bottom: var(--quanta-border-width) solid var(--quanta-border-color);
  }

  .quanta-sidebar-nav {
    display: flex;
    flex-direction: column;
    padding: var(--quanta-space-4);
    gap: var(--quanta-space-3);
    flex-grow: 1;
  }

  .quanta-sidebar-link {
    text-decoration: none;
    color: var(--quanta-text-default);
    font-size: var(--quanta-text-base);
    padding: var(--quanta-space-2) var(--quanta-space-3);
    border-radius: var(--quanta-rounded-sm);
    transition: background-color 0.2s ease;
  }

  .quanta-sidebar-link:hover,
  .quanta-sidebar-link.active {
    background-color: var(--quanta-bg-muted);
  }

  .quanta-sidebar-footer {
    padding: var(--quanta-space-4);
    font-size: var(--quanta-text-sm);
    color: var(--quanta-text-muted);
    border-top: var(--quanta-border-width) solid var(--quanta-border-color);
  }

  .quanta-sidebar-toggle {
    display: none;
    position: fixed;
    top: var(--quanta-space-3);
    left: var(--quanta-space-3);
    z-index: 1100;
    background-color: var(--quanta-primary);
    color: #fff;
    border: none;
    padding: var(--quanta-space-2) var(--quanta-space-3);
    border-radius: var(--quanta-rounded-sm);
    cursor: pointer;
    box-shadow: var(--quanta-shadow-md);
  }

  /* ─── Responsive ─────────────────────────────────────────── */
  @media (max-width: 640px) {
    .quanta-sidebar {
      width: 100%;
      max-width: 260px;
      transform: translateX(-100%);
    }

    .quanta-sidebar.show {
      transform: translateX(0);
    }

    .quanta-sidebar-toggle {
      display: block;
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-sidebar {
      width: 220px;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-sidebar {
      width: 240px;
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-sidebar {
      width: 260px;
    }
  }

  @media (min-width: 1281px) {
    .quanta-sidebar {
      width: 280px;
    }
  }

  /* ─── Dark Mode ─────────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-sidebar {
      background-color: var(--quanta-bg-emphasis);
      color: var(--quanta-text-light);
    }

    .quanta-sidebar-link {
      color: var(--quanta-text-light);
    }

    .quanta-sidebar-link:hover,
    .quanta-sidebar-link.active {
      background-color: var(--quanta-grey-800);
    }

    .quanta-sidebar-footer {
      color: var(--quanta-grey-500);
    }
  }
}

/* src/components/skeleton.css */
@layer components.skeleton {
  .quanta-skeleton {
    background-color: var(--quanta-bg-muted);
    animation: quanta-pulse 1.5s infinite ease-in-out;
    border-radius: var(--quanta-rounded-sm);
  }
  .quanta-skeleton-text { height: var(--quanta-space-4); width: 100%; margin-bottom: var(--quanta-space-2); }
  .quanta-skeleton-circle {
    width: var(--quanta-space-8); height: var(--quanta-space-8); border-radius: 50%;
  }
  @keyframes quanta-pulse {
    0%,100% { opacity: 1; }
    50% { opacity: 0.4; }
  }

  @media (max-width:640px) { .quanta-skeleton-text { height: var(--quanta-space-3); } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* src/components/spinners.css */
@layer components.spinners {

  /* ─── Base Spinner Styles ──────────────────────────────────────── */
  .quanta-spinner {
    display: inline-block;
    border: 3px solid var(--quanta-border-muted);
    border-top: 3px solid var(--quanta-bg-primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
  }

  /* Spinner sizes */
  .quanta-spinner.sm {
    width: 30px;
    height: 30px;
  }

  .quanta-spinner.md {
    width: 50px;
    height: 50px;
  }

  .quanta-spinner.lg {
    width: 70px;
    height: 70px;
  }

  /* Loading Bar Spinner */
  .quanta-spinner-bar {
    width: 100%;
    height: 8px;
    background-color: var(--quanta-bg-muted);
    border-radius: var(--quanta-rounded-sm);
    position: relative;
    overflow: hidden;
  }

  .quanta-spinner-bar .quanta-bar {
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--quanta-bg-primary);
    animation: loading 2s infinite;
  }

  /* ─── Spinner Animations ───────────────────────────────────────── */
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes loading {
    0% {
      width: 0%;
    }
    50% {
      width: 50%;
    }
    100% {
      width: 100%;
    }
  }

  /* ─── Dark Mode Support ───────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-spinner {
      border-color: var(--quanta-border-dark);
      border-top-color: var(--quanta-bg-dark-primary);
    }

    .quanta-spinner-bar {
      background-color: var(--quanta-bg-dark-muted);
    }

    .quanta-spinner-bar .quanta-bar {
      background-color: var(--quanta-bg-dark-primary);
    }
  }

  /* ─── Responsive Design (5 Breakpoints) ──────────────────────────── */
  @media (max-width: 640px) {
    .quanta-spinner.sm {
      width: 20px;
      height: 20px;
    }

    .quanta-spinner.md {
      width: 35px;
      height: 35px;
    }

    .quanta-spinner.lg {
      width: 50px;
      height: 50px;
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-spinner.sm {
      width: 25px;
      height: 25px;
    }

    .quanta-spinner.md {
      width: 45px;
      height: 45px;
    }

    .quanta-spinner.lg {
      width: 60px;
      height: 60px;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-spinner.sm {
      width: 30px;
      height: 30px;
    }

    .quanta-spinner.md {
      width: 50px;
      height: 50px;
    }

    .quanta-spinner.lg {
      width: 70px;
      height: 70px;
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-spinner.sm {
      width: 35px;
      height: 35px;
    }

    .quanta-spinner.md {
      width: 55px;
      height: 55px;
    }

    .quanta-spinner.lg {
      width: 80px;
      height: 80px;
    }
  }

  @media (min-width: 1281px) {
    .quanta-spinner.sm {
      width: 40px;
      height: 40px;
    }

    .quanta-spinner.md {
      width: 60px;
      height: 60px;
    }

    .quanta-spinner.lg {
      width: 90px;
      height: 90px;
    }
  }
}

/* src/components/stats.css */
@layer components.stats {
  .quanta-stats {
    display: flex;
    flex-wrap: wrap;
    gap: var(--quanta-space-6);
    justify-content: center;
  }
  .quanta-stat {
    background: var(--quanta-bg-default);
    border-radius: var(--quanta-rounded-md);
    padding: var(--quanta-space-6);
    text-align: center;
    flex: 1 1 200px;
    box-shadow: var(--quanta-shadow-sm);
  }
  .quanta-stat-value { font-size: var(--quanta-text-3xl); font-weight: bold; }
  .quanta-stat-label { font-size: var(--quanta-text-sm); color: var(--quanta-text-muted); }

  html[data-theme="dark"] .quanta-stat { background: var(--quanta-bg-emphasis); }

  @media (max-width:640px) { .quanta-stat { padding: var(--quanta-space-4); } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* src/components/stepper.css */
@layer components.stepper {
  .quanta-stepper {
    display: flex;
    justify-content: space-between;
    counter-reset: step;
  }
  .quanta-step {
    position: relative;
    flex: 1;
    text-align: center;
  }
  .quanta-step::before {
    counter-increment: step;
    content: counter(step);
    display: inline-block;
    width: var(--quanta-space-6);
    height: var(--quanta-space-6);
    line-height: var(--quanta-space-6);
    background: var(--quanta-bg-muted);
    border-radius: 50%;
    margin-bottom: var(--quanta-space-2);
  }
  .quanta-step::after {
    content: '';
    position: absolute;
    top: var(--quanta-space-3);
    left: 50%;
    width: 100%;
    height: var(--quanta-border-width);
    background: var(--quanta-border-color);
    z-index: -1;
  }
  .quanta-step:first-child::after { left: 50%; width: 50%; }
  .quanta-step:last-child::after { width: 50%; }
  .quanta-step.active::before { background: var(--quanta-primary); color: #fff; }
  .quanta-step.completed::before { background: var(--quanta-success); color: #fff; }

  html[data-theme="dark"] .quanta-step::before { background: var(--quanta-bg-emphasis); }
  html[data-theme="dark"] .quanta-step.active::before { background: var(--quanta-primary); }

  @media (max-width:640px) { .quanta-stepper { flex-direction: column; } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* src/components/sticky-elements.css */
@layer components.sticky {
  /* ─── Sticky Header ─────────────────────────────────────── */
  .quanta-sticky-top {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: var(--quanta-bg-default);
    box-shadow: var(--quanta-shadow-md);
    padding: var(--quanta-space-3);
  }

  /* ─── Sticky Footer ─────────────────────────────────────── */
  .quanta-sticky-bottom {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    bottom: 0;
    z-index: 1000;
    background-color: var(--quanta-bg-default);
    box-shadow: var(--quanta-shadow-md);
    padding: var(--quanta-space-3);
  }

  /* ─── Sticky Sidebar ─────────────────────────────────────── */
  .quanta-sticky-sidebar {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: var(--quanta-space-4);
    z-index: 1000;
  }

  /* ─── Sticky Navigation ─────────────────────────────────── */
  .quanta-sticky-nav {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    background-color: var(--quanta-bg-default);
    box-shadow: var(--quanta-shadow-lg);
    z-index: 999;
  }

  /* ─── Sticky Elements with Transitions ─────────────────── */
  .quanta-sticky-transition {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
    transition: top 0.3s ease;
  }

  /* ─── Sticky Elements Customization ─────────────────────── */
  .quanta-sticky {
    background-color: var(--quanta-bg-muted);
    padding: var(--quanta-space-4);
    border-radius: var(--quanta-rounded-md);
    box-shadow: var(--quanta-shadow-sm);
  }

  .quanta-sticky:hover {
    background-color: var(--quanta-bg-default);
    box-shadow: var(--quanta-shadow-lg);
  }

  /* ─── Dark Mode ─────────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-sticky-top,
    .quanta-sticky-bottom,
    .quanta-sticky-sidebar,
    .quanta-sticky-nav {
      background-color: var(--quanta-bg-emphasis);
      box-shadow: var(--quanta-shadow-md);
    }

    .quanta-sticky {
      background-color: var(--quanta-bg-muted);
      color: var(--quanta-text-light);
    }

    .quanta-sticky:hover {
      background-color: var(--quanta-bg-emphasis);
    }
  }

  /* ─── Responsive Media Queries ──────────────────────────── */
  @media (max-width: 640px) {
    .quanta-sticky-top {
      padding: var(--quanta-space-2);
    }

    .quanta-sticky-bottom {
      padding: var(--quanta-space-2);
    }

    .quanta-sticky-sidebar {
      top: var(--quanta-space-3);
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-sticky-top {
      padding: var(--quanta-space-3);
    }

    .quanta-sticky-bottom {
      padding: var(--quanta-space-3);
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-sticky-top {
      padding: var(--quanta-space-4);
    }

    .quanta-sticky-bottom {
      padding: var(--quanta-space-4);
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-sticky-top {
      padding: var(--quanta-space-4);
    }

    .quanta-sticky-bottom {
      padding: var(--quanta-space-4);
    }
  }

  @media (min-width: 1281px) {
    .quanta-sticky-top {
      padding: var(--quanta-space-5);
    }

    .quanta-sticky-bottom {
      padding: var(--quanta-space-5);
    }
  }
}

/* src/components/tables.css */
@layer components.tables {

  /* ─── Base Table Styles ─────────────────────────────────────────── */
  .quanta-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: var(--quanta-text-sm);
    color: var(--quanta-text-dark);
  }

  .quanta-table th, .quanta-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid var(--quanta-border-muted);
  }

  .quanta-table th {
    background-color: var(--quanta-bg-muted);
    font-weight: bold;
    text-transform: uppercase;
  }

  .quanta-table tr:hover {
    background-color: var(--quanta-bg-hover);
  }

  .quanta-table-striped tr:nth-child(odd) {
    background-color: var(--quanta-bg-light-muted);
  }

  /* Hoverable Rows */
  .quanta-table-hover tbody tr:hover {
    background-color: var(--quanta-bg-hover);
  }

  /* ─── Responsive Table ─────────────────────────────────────────── */
  .quanta-table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
  }

  .quanta-table th, .quanta-table td {
    padding: 10px;
    font-size: var(--quanta-text-xs);
  }

  @media (min-width: 640px) {
    .quanta-table th, .quanta-table td {
      padding: 12px;
      font-size: var(--quanta-text-sm);
    }
  }

  @media (min-width: 1280px) {
    .quanta-table th, .quanta-table td {
      padding: 15px;
      font-size: var(--quanta-text-md);
    }
  }

  /* ─── Sorting Functionality (Visual Only, Add JavaScript for Full Functionality) ── */
  .quanta-table th.sortable {
    cursor: pointer;
    position: relative;
  }

  .quanta-table th.sortable::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--quanta-text-muted);
    opacity: 0.5;
    transition: transform 0.3s;
  }

  .quanta-table th.sortable.sorted-asc::after {
    transform: translateY(-50%) rotate(180deg);
  }

  .quanta-table th.sortable.sorted-desc::after {
    transform: translateY(-50%) rotate(0deg);
  }

  /* ─── Pagination Styles ──────────────────────────────────────────── */
  .quanta-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
  }

  .quanta-pagination .quanta-pagination-button {
    padding: 8px 12px;
    margin: 0 4px;
    border: 1px solid var(--quanta-border-muted);
    background-color: var(--quanta-bg-muted);
    color: var(--quanta-text-dark);
    cursor: pointer;
    font-size: var(--quanta-text-sm);
    border-radius: var(--quanta-rounded-sm);
    transition: background-color 0.3s, color 0.3s;
  }

  .quanta-pagination .quanta-pagination-button:hover {
    background-color: var(--quanta-bg-hover);
    color: var(--quanta-text-light);
  }

  .quanta-pagination .quanta-pagination-button:disabled {
    background-color: var(--quanta-bg-disabled);
    color: var(--quanta-text-muted);
    cursor: not-allowed;
  }

  .quanta-pagination .quanta-pagination-button.active {
    background-color: var(--quanta-bg-primary);
    color: var(--quanta-text-light);
  }

  /* ─── Dark Mode Support ─────────────────────────────────────────── */
  html[data-theme="dark"] {
    .quanta-table {
      border-color: var(--quanta-border-dark);
    }

    .quanta-table th {
      background-color: var(--quanta-bg-dark-muted);
      color: var(--quanta-text-light);
    }

    .quanta-table tr:hover {
      background-color: var(--quanta-bg-dark-hover);
    }

    .quanta-table-striped tr:nth-child(odd) {
      background-color: var(--quanta-bg-dark-light-muted);
    }

    .quanta-pagination .quanta-pagination-button {
      border-color: var(--quanta-border-dark);
      background-color: var(--quanta-bg-dark-muted);
      color: var(--quanta-text-light);
    }

    .quanta-pagination .quanta-pagination-button:hover {
      background-color: var(--quanta-bg-dark-hover);
      color: var(--quanta-text-dark);
    }

    .quanta-pagination .quanta-pagination-button.active {
      background-color: var(--quanta-bg-dark-primary);
      color: var(--quanta-text-light);
    }
  }

  /* ─── Responsive Design (5 Breakpoints) ────────────── */
  @media (max-width: 640px) {
    .quanta-table th, .quanta-table td {
      padding: 8px;
      font-size: var(--quanta-text-xs);
    }
  }

  @media (min-width: 641px) and (max-width: 768px) {
    .quanta-table th, .quanta-table td {
      padding: 10px;
      font-size: var(--quanta-text-sm);
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .quanta-table th, .quanta-table td {
      padding: 12px;
      font-size: var(--quanta-text-sm);
    }
  }

  @media (min-width: 1025px) and (max-width: 1280px) {
    .quanta-table th, .quanta-table td {
      padding: 14px;
      font-size: var(--quanta-text-md);
    }
  }

  @media (min-width: 1281px) {
    .quanta-table th, .quanta-table td {
      padding: 16px;
      font-size: var(--quanta-text-lg);
    }
  }
}

/* src/components/tabs.css */
@layer components.quanta-tabs {
  /* ─── Tabs Container ───────────────────────────────────────── */
  .quanta-tabs {
    display: flex;
    flex-direction: column; /* Mobile-first: stack vertically */
    border-bottom: var(--quanta-border-width) solid var(--quanta-border-color);
    gap: var(--quanta-space-4);
    width: 100%;
  }

  /* ─── Individual Tab ───────────────────────────────────────── */
  .quanta-tabs .quanta-tab {
    padding: var(--quanta-space-2) var(--quanta-space-4);
    margin-bottom: -var(--quanta-border-width);
    font-family: var(--quanta-font-primary);
    font-size: var(--quanta-body-size);
    color: var(--quanta-text-muted);
    cursor: pointer;
    transition: color var(--quanta-transition-fast), border-color var(--quanta-transition-fast);
    border-bottom: var(--quanta-border-width) solid transparent;
    width: 100%; /* Ensure tabs are full-width on mobile */
    text-align: center; /* Center the tab labels on mobile */
  }

  .quanta-tabs .quanta-tab:hover {
    color: var(--quanta-text-default);
  }

  /* ─── Active State ─────────────────────────────────────────── */
  .quanta-tabs .quanta-tab.active {
    color: var(--quanta-text-default);
    border-color: var(--quanta-primary);
    font-weight: 600;
  }

  /* ─── Tab Content Panels ───────────────────────────────────── */
  .quanta-tab-content {
    padding: var(--quanta-space-4) 0;
    width: 100%;
  }
  
  .quanta-tab-panel {
    display: none;
  }
  
  .quanta-tab-panel.active {
    display: block;
  }

  /* ─── Mobile-First Styles ──────────────────────────────────── */
  /* Base styles are for mobile devices */
  .quanta-tabs {
    flex-direction: column; /* Stack tabs vertically on mobile */
  }

  .quanta-tabs .quanta-tab {
    font-size: var(--quanta-body-size); /* Default font size for mobile */
    padding: var(--quanta-space-2) var(--quanta-space-4); /* Padding for mobile */
  }

  .quanta-tab-content {
    padding: var(--quanta-space-4) 0; /* Padding for mobile */
  }

  /* ─── Responsive Adjustments ─────────────────────────────────── */
  /* Tablet and larger screens (min-width: 768px) */
  @media (min-width: 768px) {
    .quanta-tabs {
      flex-direction: row; /* Display tabs horizontally on tablets and larger screens */
      gap: var(--quanta-space-6); /* Increase gap between tabs */
    }

    .quanta-tabs .quanta-tab {
      font-size: var(--quanta-body-size-md); /* Slightly larger font on tablets */
      padding: var(--quanta-space-3) var(--quanta-space-5); /* Adjust padding */
    }

    .quanta-tab-content {
      padding: var(--quanta-space-5) 0; /* Add more padding on tablets */
    }
  }

  /* Larger screens (min-width: 1024px) */
  @media (min-width: 1024px) {
    .quanta-tabs {
      gap: var(--quanta-space-8); /* More gap between tabs on larger screens */
    }

    .quanta-tabs .quanta-tab {
      font-size: var(--quanta-body-size-lg); /* Increase font size on desktop */
      padding: var(--quanta-space-4) var(--quanta-space-6); /* Increase padding on large screens */
    }

    .quanta-tab-content {
      padding: var(--quanta-space-6) 0; /* More padding for content on desktop */
    }
  }

  /* ─── Dark Mode Tweaks ─────────────────────────────────────── */
  html[data-theme="dark"] .quanta-tabs {
    border-color: var(--quanta-border-color);
  }

  html[data-theme="dark"] .quanta-tabs .quanta-tab.active {
    border-color: var(--quanta-primary);
    color: var(--quanta-text-default);
  }

  /* ─── Accessibility & Usability Enhancements ───────────────── */
  .quanta-tabs .quanta-tab:focus {
    outline: 2px solid var(--quanta-primary); /* Focus state for accessibility */
  }

  .quanta-tabs .quanta-tab[aria-selected="true"] {
    color: var(--quanta-text-default);
    border-color: var(--quanta-primary);
    font-weight: 600;
  }

  /* ─── Utility Support ──────────────────────────────────────── */
  /* Allow utility-based control for padding and margins */
  .quanta-tabs .quanta-tab {
    @apply p-4; /* Utility class for padding */
    @apply mb-2; /* Margin-bottom utility */
  }

  .quanta-tab-content {
    @apply p-4; /* Utility class for padding */
  }
}
/* src/components/timeline.css */
@layer components.timeline {
  .quanta-timeline {
    position: relative;
    margin: var(--quanta-space-4) 0;
    padding-left: var(--quanta-space-6);
    border-left: var(--quanta-border-width) solid var(--quanta-border-color);
  }
  .quanta-timeline-item {
    position: relative;
    margin-bottom: var(--quanta-space-6);
  }
  .quanta-timeline-item::before {
    content: '';
    position: absolute;
    left: -var(--quanta-space-6);
    top: 0;
    width: var(--quanta-space-4);
    height: var(--quanta-space-4);
    background: var(--quanta-primary);
    border-radius: 50%;
  }
  .quanta-timeline-item .quanta-time {
    font-size: var(--quanta-text-xs);
    color: var(--quanta-text-muted);
  }
  .quanta-timeline-item .quanta-content {
    padding-bottom: var(--quanta-space-2);
  }

  html[data-theme="dark"] .quanta-timeline { border-color: var(--quanta-border-dark); }
  html[data-theme="dark"] .quanta-timeline-item::before { background: var(--quanta-primary); }

  @media (max-width:640px) { .quanta-timeline { padding-left: var(--quanta-space-4); } }
  @media (min-width:641px) and (max-width:768px) { /* no change */ }
  @media (min-width:769px) and (max-width:1024px) { /* no change */ }
  @media (min-width:1025px) and (max-width:1280px) { /* no change */ }
  @media (min-width:1281px) { /* no change */ }
}

/* Tooltip base */
.quanta-tooltip {
  position: absolute;
  background: var(--quanta-tooltip-bg, rgba(0, 0, 0, 0.8));
  color: var(--quanta-tooltip-color, #fff);
  padding: 0.25rem 0.5rem;         /* 4px 8px */
  border-radius: 0.25rem;          /* 4px */
  font-size: 0.75rem;              /* 12px */
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  z-index: var(--quanta-z-tooltip, 1000);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Show state (add this class in your JS when creating) */
.quanta-tooltip.show {
  opacity: 1;
  transform: translateY(0);
}

/* Little arrow at the bottom */
.quanta-tooltip::after {
  content: "";
  position: absolute;
  bottom: -4px;                     /* overlaps 4px outside */
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px;
  border-style: solid;
  border-color: var(--quanta-tooltip-bg, rgba(0, 0, 0, 0.8)) transparent transparent transparent;
}